@import url("./font/font.css");
@viewport {  width: device-width;  zoom: 1;}

body {  font-family:'merri',sans-serif;  }

input {  color: #000;  }
svg {  fill: #fff5d6;  }
h1 {  font-size: 36px;  margin-top: 0;  }
a, a:hover {  text-decoration: none;  }
.visible-lg,.visible-md,.visible-sm,.visible-xs {  display: none !important;  }

.container-fluid {  padding-right: 0;  padding-left: 0;  }
ul.cmsmenu, ul.cmsmenu ul {  background-color: unset;  padding: 0 !important;  border: unset !important;  }
ul.cmsmenu a, ul.cmsmenu li.dis a:hover, ul.cmsmenu li.sep a:hover {  background: unset;  }

div#theme {  background: #000;  }
#theme-menu,#theme-title,#theme-lang,#theme-header-logo,#theme-nav {  display: none;  }
#theme-frame {  height: 100% auto;  min-height: unset;  margin: auto;  width: 100%;  border: unset;  }
#theme-header {  position: fixed;  top: 0;  left: 0;  z-index: 9;  width: 100%;  }
#theme-header-top {  background: #000;  }
#theme-container {  margin-top: 97px;  }
#theme-header-link {  position: fixed;  background: #000;  z-index: 9;  width: 100%;  top: 0;  left: 0;  }

.flexslider {  margin: 0;  background: #000;  border: 0px solid #000;  }
.flex-direction-nav .flex-prev {  left: 0;  }
.flex-direction-nav .flex-next {  right: 0;  text-align: right;  }

/* Dropdown Button */
.dropbtn {  background: unset;  color: white;  border: none;  }

/* The container <div> - needed to position the dropdown content */
.dropdown {  position: relative;  display: inline-block;  }
.dropdown-content {  display: none;  position: absolute;  background-color: #1c1c1c;  min-width: 150px;  box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 20%);  z-index: 9999;  }
.dropdown-content a {  color: #edf0f6;  padding: 6px 7px;  text-decoration: none;  display: block;  font-size: 10px;  }
.dropdown-content a:hover {  text-decoration: underline;  }

.dropdown:hover .dropdown-content {  display: flex;  padding-top: 1px;  padding-left: 0px;  left: 0px;  top: 0;  text-align: center;  }
.dropbtn .glyphicon {  top: 0px;  left: 2px;  font-size: 7px;  }
.dropdown-content img, button.dropbtn img {  width: 27px;  }
.dropdown-content img, .dropdown-content a {  display: inline-block;  }
.dropdown-content span {  color: red;  }

#mobile-slider {
  display: none;
}
.banner img {
  width: 100%;
}
.flex-direction-nav {
  *height: 0;
  display: none;
}
.flex-control-paging li a.flex-active {
  background: rgb(75 5 5 / 90%);
}
.flex-control-paging li a,
.flex-control-paging li a:hover {
  background: rgb(59 53 53 / 70%);
}
.flex-control-nav {
  bottom: 40px;
  z-index: 7;
}
.header-top {
  position: relative;
  display: flex;
  justify-content: space-around;
  background: #000;
  padding: 30px 0;
  z-index: 9;
}
img.home-sec {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
  z-index: 3;
  transform: scale(-1, 1);
}
.menu-box {
  display: flex;
  justify-content: space-around;
  padding: 25px 0;
  align-items: center;
  position: relative;
  z-index: 10;
}
.menu {
  display: flex;
  position: relative;
  z-index: 10;
  align-items: center;
}

.menu ul {
  display: flex;
}
.menu ul li {
  color: #fff;
  list-style: none;
  padding: 0 20px;
}
.menu ul li a {
  color: #fff;
  text-decoration: unset;
  font-weight: bold;
}
.acc {
  display: flex;
  align-items: center;
}
.log-btn {
  background: #5a5a5a;
  border-radius: 10px 10px 20px 20px;
  font-size: 18px;
  width: 133px;
  text-align: center;
  cursor: pointer;
}
a .log-btn {
  padding: 7px 0;
  color: #fff;
  text-decoration: unset;
}
a.login-go {
  margin-left: 10px;
  color: gold;
}
a .reg-btn {
  padding: 7px 0;
  color: #fff;
  text-decoration: unset;
  box-shadow: 0 0 16px red;
  background: #a2000f;
  border-radius: 20px 20px 10px 10px;
  font-size: 18px;
  width: 133px;
  text-align: center;
  cursor: pointer;
  margin: 0 10px;
}

.hot-game {
  background: url(/data/1994/uploads/bg-1.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}
.hot-game img {
  width: 100%;
  margin-bottom: -3px;
}
.new-game img {
  width: 100%;
}
.new-game > img:last-child {
  transform: rotate(180deg);
  margin-bottom: -5px;
}

.hot-game h1,
.live-game h1,
.promotion h1,
.jackpot h1,
.vip h1 {
  color: gold;
  text-align: center;
  font-size: 40px;
  padding-top: 40px;
  margin-bottom: 0;
  font-weight: bold;
}
.hot-game p,
.new-game p,
.live-game p,
.promotion p,
.jackpot p,
.vip p {
  text-align: center;
  color: #fff;
  margin: 20px 0;
  line-height: 27px;
}
.new-game {
  background: url(/data/1994/uploads/newbg.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.new-game::before {
  content: "";
  background: url(/data/1994/uploads/starsec.png) center center repeat-x;
  background-size: 100%;
  filter: invert(91%) sepia(98%) saturate(2734%) hue-rotate(336deg) brightness(101%) contrast(101%);
  width: 112%;
  height: 124px;
  position: absolute;
  bottom: -1px;
  -webkit-animation: linear infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 5s;
}

.new-game h1 {
  color: #000;
  text-align: center;
  font-size: 40px;
  font-family: "merri", sans-serif;
  font-weight: bold;
  padding: 20px 0 0;
}
.new-game p {
  text-align: center;
  color: #000;
}
.live-game h3 {
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.live-game h3 span {
  color: gold;
}

/*----------------------------------------LEFT MENU ----------------------------------*/
.menu-left {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
span#toggle-menu {
  position: absolute;
  top: 40px;
  right: -12px;
  z-index: 99;
}
.menu-item {
  padding: 10px 0;
}
.menu-item ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.menu-item ul li {
  padding: 13px 0;
  list-style: none;
  margin-left: 33px;
}
.menu-item ul li:first-child img {
  width: 70%;
  margin: auto;
}
.menu-item ul li:first-child {
  margin: 0;
  padding: 15px 0 7px;
}

.menu-item ul li img {
  width: 30px;
}
.menu-item ul li a {
  display: flex;
  align-items: center;
  text-decoration: unset;
}
.menu-item ul li span {
  color: #fff5d6;
  margin-left: 20px;
}
#menu-box {
  position: relative;
  width: 100px;
  margin-top: 10px;
  background: #2c343c;
  border-radius: 10px;
  overflow: hidden;
  transition: width 0.5s;
}
#menu-box.opened {
  width: 190px;
  transition: width 0.5s;
}
#toggle.rotated {
  transform: scale(-1, 1);
}
.toggletext {
  transition: all 0.5s;
  opacity: 0;
}
.toggletext.show {
  display: block;
  transition: opacity 0.8s linear;
  opacity: 1;
}
svg#toggle {
  fill: #fff;
  background: #2c343c;
  border: 1px solid #404256;
  border-radius: 50%;
}
svg.svg-icon {
  width: 40px;
}
a.more-games {
  display: block;
  text-align: center;
  padding: 13px;
  background: #8e0404;
  width: 16%;
  margin: 15px auto;
  font-size: 12px;
  font-weight: bold;
  border-radius: 10px 10px 15px 15px;
  border: 1px solid white;
  color: #ffffff;
  text-decoration: none;
  transition: 0.4s;
}
a.more-games:hover {
  transition: 0.4s;
  transform: scale(0.9);
}
.hot-box {
}
.hot-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 35px 10px;
  margin: 0;
  padding: 0;
}
.hot-box ul li {
  flex: 0 0 20%;
  list-style: none;
}
.hot-box ul li:hover .hover-box,
.new-box .item ul li:hover .hover-box {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s;
}
.txt-box {
  align-items: center;
  text-align: center;
  position: relative;
}
.txt-box span {
  color: #fff;
  font-size: 11px;
  margin-left: -23px;
}

img.love {
  width: 20px;
  float: left;
  margin-left: -23%;
}
.txt-inside {
  display: flex;
  justify-content: space-evenly;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.img-box,
.img-newbox {
  position: relative;
  overflow: hidden;
}
img.border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.img-box img:nth-child(2) {
  width: 90%;
  margin: auto;
  display: block;
  padding-top: 5px;
}
.hover-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateY(90%);
  opacity: 0;
  background: #000000c7;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  text-align: center;
  z-index: 0;
  transition: 0.5s;
  justify-content: center;
}

.hover-box span {
  width: 52%;
  margin: 5px auto;
  border-radius: 5px;
  padding: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.hover-box span:first-child {
  background: #ec1c12;
  color: #fff;
}
.hover-box span:last-child {
  background: #a3a3a3;
  color: #8e0404;
}

.new-game .item ul {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: 0;
  padding: 0;
  gap: 15px;
}
.new-game .item ul li {
  flex: 0 0 17%;
  list-style: none;
}
.txt-newbox {
  position: relative;
  background: #000;
}
.txt-newbox img {
  width: 100%;
  margin-bottom: 0px;
}
a.play {
  border: 1px solid #fff;
  border-radius: 7px;
  padding: 5px 20px;
  color: #fff;
  font-size: 10px;
  background: #8e0404;
}
.txt-inside span {
  color: #fff;
  font-weight: bold;
}
.new-game .carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.new-game .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  margin-left: -25px;
}
.new-game .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-nexr {
  margin-right: -25px;
}
.carousel-control.right {
  right: 80px;
}
.carousel-control.left {
  left: 80px;
}
.carousel-control {
  position: absolute;
  top: 50%;
  bottom: unset;
  transform: translateY(-50%);
  left: 0;
  width: 5%;
  font-size: 19px;
  color: #fff;
  text-align: center;
  opacity: 1;
}

.live-box {
  width: 75%;
  margin: auto;
  padding-top: 22%;
}
.live-game {
  background: url(/data/1994/uploads/livebg.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
}
.section {
  background: url(/data/1994/uploads/livebg.jpg) top center no-repeat;
  background-size: cover;
}
.section > img {
  width: 100%;
}
.game-prod {
  width: 75%;
  margin: auto;
}
.game-prod ul,
.live-game ul {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.game-prod ul li,
.live-game ul li {
  flex: 0 0 27%;
  list-style: none;
  transition: all 0.8s;
}
.game-prod ul li:hover,
.live-box ul li:hover {
  transition: all 0.8s;
  transform: scale(0.9);
}

.game-brand {
  position: relative;
}
/*.game-brand span {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
}*/
.game-brand img {
  width: 100%;
}
img.person {
  position: absolute;
  width: 50%;
  margin: auto;
  left: 0;
  right: 0;
  top: 20%;
}
.promotion {
  background: url(/data/1994/uploads/promobg.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 10px;
}
.promotion img {
  width: 100%;
}
.promo-box {
  width: 70%;
  border: 0px solid red;
  margin: auto;
}
.promo-inside {
  width: 70%;
  margin: auto;
  position: relative;
}
.promo-inside img {
  width: 100%;
}
.promo-txt {
  position: absolute;
  bottom: 20px;
  left: 7%;
  width: 55%;
  border: 0px solid red;
}
span.time {
  color: maroon;
  font-size: 22px;
  font-style: italic;
}
.promo-btn {
  margin-top: 20px;
  margin-left: 50px;
}

.promo-btn a {
  padding: 10px 24px;
  margin: 10px;
  border-radius: 10px 10px 15px 15px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  display: inline-block;
  width: 35%;
}
.promo-btn a:first-child {
  display: none;
}
.promo-btn a.more {
  background: #5a5a5a;
}
.promo-btn a.apply {
  background: #a60000;
}

#myPromo .carousel-indicators {
  bottom: -30px;
}
#myPromo .carousel-indicators {
  z-index: 2;
}
.carousel-indicators li {
  margin: 2px;
  width: 25px;
  height: 9px;
  background: #292929;
  border: 1px solid #323232;
}
.carousel-indicators .active {
  width: 25px;
  height: 9px;
  background: orange;
  border: 1px solid grey;
  margin: 2px;
}

.jackpot {
  background: url(/data/1994/uploads/jackpotbg.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.jackpot::before {
  content: "";
  background: url(/data/1994/uploads/starsec.png) center center repeat-x;
  background-size: 100%;
  filter: invert(9%) sepia(100%) saturate(6779%) hue-rotate(271deg) brightness(103%) contrast(121%);
  width: 112%;
  height: 124px;
  position: absolute;
  bottom: -1px;
  -webkit-animation: linear infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 5s;
}
.jackpot img,
.jackbox > img {
  width: 100%;
  position: relative;
  z-index: 0;
}
.jackbox {
  width: 60%;
  margin: auto;
  position: relative;
}
.jacknum {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  right: 18.5%;
  text-align: center;
}
.jackbox #jackpot span {
  font-size: 40px;
  color: maroon;
  font-weight: bold;
}
.jack-btn a {
  border-radius: 10px 10px 15px 15px;
  padding: 10px 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  margin: 0;
  width: fit-content;
  width: moz-fit-content;
  background: maroon;
}
.jack-btn a {
  display: none;
}

.vip {
  background: #a2000f;
}
.vip img {
  width: 100%;
}
.vip > img:last-child {
  transform: scale(1, -1);
}
.vip a.more-games {
  background: gold;
  color: #000;
  font-weight: bold;
  border: unset;
}

img.vipimg {
  width: 59%;
  margin: auto;
  display: block;
  margin-bottom: -60px;
}

.card ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.card ul li {
  flex: 0 0 15%;
  position: relative;
  list-style: none;
}
.card img {
  width: 100%;
  display: block;
}

.card ul li:hover .front {
  transform: perspective(600px) rotateY(-180deg);
}
.card ul li:hover .back {
  transform: perspective(600px) rotateY(0deg);
}
.front,
.back {
  backface-visibility: hidden;
  transition: transform 0.5s linear;
  filter: drop-shadow(0 0px 3px gold);
}
.back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
  left: 0;
}

.footer {
  background: #000;
  position: relative;
  overflow: hidden;
}
.footer::before {
  content: "";
  background: url(/data/1994/uploads/starsec.png) center center repeat-x;
  background-size: 100%;
  filter: invert(9%) sepia(7%) saturate(2910%) hue-rotate(180deg) brightness(94%) contrast(93%);
  width: 112%;
  height: 124px;
  position: absolute;
  bottom: -46px;
  -webkit-animation: linear infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 5s;
}
.title-footer {
  font-size: 12px;
  color: white;
  font-weight: bold;
  padding: 20px 0;
}
.footer-desc {
  width: 83%;
  margin: auto;
  padding-bottom: 8%;
}
.footer-desc p {
  color: rgba(162, 170, 189, 0.4);
  font-size: 10px;
}
.footer-desc a#myBtnR {
  text-align: left;
  display: block;
  padding: 10px 0;
  color: rgba(162, 170, 189, 0.4);
  font-size: 10px;
  cursor: pointer;
}

#more {
  display: none;
}

.footer .logo {
  width: 15%;
  margin: auto;
  padding: 30px 0;
}
.footer-menu {
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  padding: 5px 0;
}
.footer-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.footer-menu ul li {
  list-style: none;
  color: #a0a0a0;
  font-size: 11px;
}
.footer-menu a {
  color: #a0a0a0;
}
.footer-game {
  width: 80%;
  margin: auto;
  padding: 30px 0 60px;
}

.logo img,
.footer-game img {
  width: 100%;
}

.copyright {
  background: #181e29;
  padding: 30px;
  text-align: center;
  color: #717171;
  font-size: 10px;
}

.ftr-menu {
  border-top: 1px solid #383838;
  padding: 20px 0 50px;
}
.l-menu {
  display: flex;
  flex-direction: row;
  padding: 10px;
  gap: 10px;
}
.l-menu a {
  border-right: 1px solid grey;
  padding-right: 10px;
  color: grey;
  font-size: 12px;
}
.r-menu a {
  padding: 0 2px;
}
.r-menu img {
  width: 30px;
}
.menu-ftr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.provider {
  display: flex;
  justify-content: space-between;
  padding-bottom: 7%;
  gap: 100px;
}
.ftr-logo {
  border-top: 1px solid #383838;
  padding-top: 20px;
}
.ftr-logo img {
  float: right;
  width: 15%;
}

@-webkit-keyframes slide {
  0% {
      left: -2%;
  }
  50% {
      left: 2%;
  }
  100% {
      left: -2%;
  }
}

/******************************************************************************************************************************************************** vip */
.tbl-vip {
  border-top: 1px solid #b08507;
  border-left: 1px solid #b08507;
  text-align: center;
  margin: 20px auto;
  width: 80%;
  background-color: #fff;
  outline: 1px solid #84753a;
}
.tbl-vip td {
  border-right: 1px solid #b08507;
  border-bottom: 1px solid #b08507;
  padding: 7px;
}
.tbl-vip > tbody > tr > td:first-child {
  text-align: left;
  background-color: #61542d;
  text-align: center;
  color: #222;
}
.tbl-vip > tbody > tr > td {
  color: #666;
  font-size: 12px;
}

#divVip h1 {
  text-align: center;
}
#divVip ul {
  margin-left: 40px;
}
#divVip ul > li {
  padding: 3px 0;
  list-style-type: disc;
}

/*==== VIP ====*/

.bodyvip {
  max-width: 1250px;
  margin: 0 auto;
  width: 80%;
}

.tbl-vvvip .row-title {
  background-color: #5c0000;
  color: #fff;
}
.ultablevip {
  font-size: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.ultablevip > li {
  display: inline-block;
  font-size: 16px;
  color: #000;
  list-style-type: none;
  text-align: center;
}
.ultablevip > li img {
  max-width: 50px;
  width: 50%;
  display: block;
  margin: 0 auto;
}
li#vipBronze {
  background: #f3e2c7;
  background: -webkit-linear-gradient(-45deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 74%, #e9d4b3 100%);
  background: -webkit-linear-gradient(315deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 74%, #e9d4b3 100%);
  background: linear-gradient(135deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 74%, #e9d4b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 );
}

li#vipSilver {
  background: #e2e2e2;
  background: -webkit-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 79%, #fefefe 100%);
  background: -webkit-linear-gradient(315deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 79%, #fefefe 100%);
  background: linear-gradient(135deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 79%, #fefefe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );
}
li#vipGold {
  background: #fceabb;
  background: -webkit-linear-gradient(-45deg, #fceabb 0%, #fccd4d 48%, #f8b500 75%, #fbdf93 100%);
  background: -webkit-linear-gradient(315deg, #fceabb 0%, #fccd4d 48%, #f8b500 75%, #fbdf93 100%);
  background: linear-gradient(135deg, #fceabb 0%, #fccd4d 48%, #f8b500 75%, #fbdf93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
}
li#vipPlatinum {
  background: #f2f6f8;
  background: -webkit-linear-gradient(-45deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 74%, #e0eff9 100%);
  background: -webkit-linear-gradient(315deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 74%, #e0eff9 100%);
  background: linear-gradient(135deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 74%, #e0eff9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

@media screen and (min-width: 1024px) {
  .tbl-vvvip {
      width: 100%;
      position: relative;
      z-index: 2;
      overflow: hidden;
      color: #fff;
      border-left: 1px solid #600011;
      border-top: 1px solid #5a0000;
  }
  .tbl-vvvip td,
  .tbl-vvvip th {
      padding: 7px;
      text-align: center;
      position: relative;
      border-right: 1px solid #5c0000;
      border-bottom: 1px solid #720000;
  }
  .tbl-vvvip > tbody > tr > th:first-child {
      text-align: left;
      padding-left: 20px;
      font-weight: normal;
      width: 30%;
  }
  .tbl-vvvip > tbody > tr > th:not(:first-child),
  .tbl-vvvip > tbody > tr > td:not(:first-child) {
      width: 17.5%;
  }

  .tbl-vvvip:not(.nohover) tbody tr:hover {
      background-color: #e09c07;
  }

  .tbl-vvvip td:hover:after,
  .tbl-vvvip tbody th:not(:empty):hover:after,
  .tbl-vvvip td:focus:after,
  .tbl-vvvip tbody th:not(:empty):focus:after {
      content: "";
      height: 10000px;
      left: 0;
      position: absolute;
      top: -5000px;
      width: 100%;
      z-index: -1;
  }

  .tbl-vvvip td.active {
      background-color: #ffffff;
      color: #000;
  }

  .tbl-vvvip td:hover:after,
  .tbl-vvvip th:hover:after {
      background-color: #e09c07;
  }
  .tbl-vvvip th.row-title:hover:after,
  .tbl-vvvip > tbody > tr > th:hover:after {
      display: none;
  }

  .ultablevip {
      display: table;
      margin-left: auto;
      margin-right: 0;
      width: 73.8%;
  }
  .ultablevip > li {
      width: 25%;
      padding: 10px 0;
      border-left: 1px solid #b08507;
      border-top: 1px solid #b08507;
  }
  .ultablevip > li:last-child {
      border-right: 1px solid #b08507;
  }

  .divVipTitle {
      display: none;
  }
  .divViptable {
      background-color: #000;
      position: relative;
  }
}

@media screen and (max-width: 1023px) {
  .tbl-vvvip {
      background-color: #fff;
      width: 100%;
      color: #000;
      margin: auto;
      border-left: 1px solid #b08507;
      border-top: 1px solid #b08507;
  }
  .tbl-vvvip td,
  .tbl-vvvip th {
      padding: 7px;
      text-align: center;
      position: relative;
      border-right: 1px solid #b08507;
      border-bottom: 1px solid #b08507;
  }
  .tbl-vvvip > tbody > tr > th:first-child {
      text-align: left;
      font-weight: normal;
  }
  .tbl-vvvip > tbody > tr > td {
      display: none;
  }
  .tbl-vvvip > tbody > tr > td.active {
      display: table-cell;
  }

  .ultablevip {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ultablevip > li {
      margin: 0 0.5%;
      cursor: pointer;
      font-size: 3vw;
      width: 24%;
      padding: 25px 0 10px;
      border-top-left-radius: 2vw;
      border-top-right-radius: 2vw;
      vertical-align: top;
      box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.3) inset;
  }
  .ultablevip > li.active {
      padding-bottom: 25px;
      border-bottom-left-radius: 2vw;
      border-bottom-right-radius: 2vw;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  }

  .divViptable {
      background-color: #eaeaea;
      padding: 15px 5% 40px;
      margin-top: -15px;
      border-radius: 2vw;
  }
  .divVipTitle {
      color: #000;
      text-align: center;
      margin: 15px 0;
      font-size: 5vw;
  }
}

@media screen and (max-width: 400px) {
  .tbl-vvvip .row-title {
      font-size: 4vw;
  }
  .tbl-vvvip td,
  .tbl-vvvip th {
      padding: 2vw;
      font-size: 3.5vw;
  }

  .ultablevip > li {
      padding-top: 15px;
      margin-bottom: 10px;
  }
  .ultablevip > li.active {
      padding-bottom: 15px;
  }
}

/*--- new ---*/
.btn-tnc {
  color: #4085d6;
  background-color: transparent;
  text-decoration: underline;
}
#popupTnC li {
  list-style-type: decimal;
}

.vip-container ul,
.vip-container ol {
  margin: 0;
  padding: 0;
}
.vip-container li {
  list-style-type: none;
}
.vip-slide {
  padding: 50px 10px 10px;
}
.vip-box {
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px 20px 20px;
}
.viplevel-title {
  text-align: center;
}
.viplevel-title .imgs {
}
.viplevel-title .title {
  font-size: 16px;
}

.viplevel-body .info {
  border-radius: 6px;
  margin: 20px 0;
  padding: 0;
}
.viplevel-body .info .title {
  font-size: 12px;
  color: #ccac43;
  margin: 0;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
}
.viplevel-body .info.entry-point .description {
  font-size: 14px;
}
.viplevel-body .info .description {
  margin: 0;
  margin-bottom: 0px;
  line-height: normal;
  text-align: center;
  font-size: 20px;
}
.viplevel-body .info .description.table {
  display: flex;
  text-align: left;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.viplevel-body .info .description.table:last-child {
  border: 0;
}
.viplevel-body .info .description.table .left {
  width: 50%;
  color: #888;
  font-size: 14px;
  padding-right: 5px;
  flex: 1;
}
.viplevel-body .info .description.table .left .additional {
  display: inline-block;
}
.viplevel-body .info .description.table .right {
  padding-left: 5px;
  flex: 1;
}
.viplevel-body .info .description.table .right .additional {
  display: block;
}
.viplevel-body .info .additional {
  display: block;
  font-size: 10px;
  color: #aaa;
}
.viplevel-body .info .exclusive {
}
.viplevel-body .important {
  font-size: 30px;
  color: #ff0000;
}
.viplevel-body .important span {
  font-size: 14px;
}
.viplevel-body .important + span {
  text-align: center;
}

.viplevel-footer {
  text-align: center;
}
button.vip-check {
  display: block;
  font-size: 12px;
  color: #4085d6;
  padding: 10px 0;
  margin: auto;
  margin-bottom: 10px;
  background-color: transparent;
}
button.vip-check:hover {
  text-decoration: underline;
}
.viplevel-footer .btn-reg {
  display: table;
  margin: auto;
  opacity: 0;
}
.vip-box:hover .viplevel-footer .btn-reg {
  opacity: 1;
}

.access-box {
  display: none;
}
.access-box ul {
  padding-left: 10px;
  padding-top: 10px;
}
.access-box ul > li {
  font-size: 12px;
  display: flex;
  padding: 2px 0;
}
.access-box ul > li.true {
}
.access-box ul > li.false {
  color: #aaa;
}
.access-box ul > li img {
  width: 15px;
  margin-right: 5px;
  height: 15px;
}

.popup-vip {
  overflow: auto;
}
.tblVip {
}
.tblVip thead img {
  width: 50px;
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
.tblVip td {
  padding: 10px 10px;
  text-align: center;
  border: 3px solid #fff;
}
.tblVip td:first-child {
  border-left: 0;
  padding-left: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.tblVip td:last-child {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  border-right: 0;
}
.tblVip tr > td:first-child {
  text-align: left;
}
.tblVip tbody tr td {
  background-color: #eee;
}
.tblVip tbody tr:hover td {
  background-color: #fff;
}
.tblVip img {
  width: 15px;
}

@media screen and (min-width: 1200px) {
  .viplevel-title,
  .viplevel-body {
      transition: 0.5s ease-in-out;
  }
  .vip-box:hover {
      box-shadow: 0px 0px 10px rgba(208, 176, 71, 0.5);
      background-color: #fdfbf6;
      border-color: #c1a13a;
  }
  .vip-box:hover .viplevel-title,
  .vip-box:hover .viplevel-body {
      transform: translateY(-50px);
  }
  .vip-box:hover .viplevel-body .info .description.table {
      border-color: #ccc;
  }
  .vip-box:hover .viplevel-body .info .additional {
      color: #888;
  }
}

@media screen and (max-width: 1199px) {
  .vip-container {
      margin-left: -5%;
      margin-right: -5%;
  }

  .swiper-slide-active .viplevel-title,
  .swiper-slide-active .viplevel-body {
      transition: 0.5s ease-in-out;
  }
  .swiper-slide-active .vip-box {
      box-shadow: 0px 0px 10px rgba(208, 176, 71, 0.5);
      background-color: #fdfbf6;
      border-color: #c1a13a;
  }
  .swiper-slide-active .viplevel-title,
  .swiper-slide-active .viplevel-body {
      transform: translateY(-50px);
  }
  .swiper-slide-active .viplevel-footer .btn-reg {
      opacity: 1;
  }
  .swiper-slide-active .viplevel-body .info .description.table {
      border-color: #ccc;
  }
  .swiper-slide-active .viplevel-body .info .additional {
      color: #888;
  }
}

@media screen and (max-width: 550px) {
  .viplevel-body .info {
      margin: 10px 0;
  }
  .viplevel-body .info .description.table .left {
      font-size: 12px;
  }

  .popup-vip .popup-container {
      width: 95%;
      position: static;
      margin: 20px auto 75px;
  }
  .popup-vip .popup-wrapper {
      padding: 15px;
  }
  #popupVip .btn-close-popup {
      top: 5px;
      right: 5px;
  }
  .popup-vip .popup-content > h5 {
      text-align: left !important;
  }
  .popup-vip ul {
      font-size: 12px;
  }
  .tblVip td:first-child {
      padding-left: 5px;
  }
  .tblVip thead img {
      width: 30px;
  }
  .tblVip td {
      font-size: 10px;
      padding: 10px 5px;
  }
}

@media screen and (max-width: 365px) {
  .tblVip td {
      font-size: 9px;
  }
  #popupVip .popup-wrapper {
      padding: 5px;
  }
  .tblVip tr > td:not(:first-child) {
      font-size: 8px;
  }
}

@media screen and (max-width: 319px) {
  .tblVip td {
      font-size: 8px;
      padding-left: 2px;
      padding-right: 2px;
  }
}

.text-info {
  width: 83%;
  margin: auto;
  color: #fff;
  padding: 20px 0;
}
.text-info a {
  color: gold;
}

#Magnumimg {
  background: url(/theme/firewin-2/imgs/4D_magnum.png) left no-repeat #383838;
  height: 50px;
  width: 85px;
}
#PMPimg {
  background: url(/theme/firewin-2/imgs/4D_damacai.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Totoimg {
  background: url(/theme/firewin-2/imgs/4D_toto.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Singaporeimg {
  background: url(/theme/firewin-2/imgs/4D_sgpool.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Sabahimg {
  background: url(/theme/firewin-2/imgs/4D_sabah88.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Sandakanimg {
  background: url(/theme/firewin-2/imgs/4D_stc.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Sarawakimg {
  background: url(/theme/firewin-2/imgs/4D_cashsweep.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#GDLottoimg {
  background: url(/theme/firewin-2/imgs/4D_gdlotto.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Perdanaimg {
  background: url(/theme/firewin-2/imgs/4D_perdana.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#LuckyHari-Hariimg {
  background: url(/theme/firewin-2/imgs/4D_luckyharihari.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#GOOD4Dimg {
  background: url(/theme/firewin-2/imgs/4D_good4d.png) left no-repeat;
  height: 50px;
  width: 85px;
}

#THV88,
#GDLotto,
#Toto-5D,
#Toto-6D {
  display: none;
}

#Magnum .panel-heading,
#Magnum .logo {
  background: #f2bc00;
  color: #000 !important;
}
#PMP .panel-heading,
#PMP .logo {
  background: #148ea4;
}
#Toto .panel-heading,
#Toto .logo {
  background: #dd0000;
}
#Singapore .panel-heading,
#Singapore .logo {
  background: #12689a;
}
#Sabah .panel-heading,
#Sabah .logo {
  background: #eee;
  color: #000 !important;
}
#Sandakan .panel-heading,
#Sandakan .logo {
  background: #2f9405;
}
#Sarawak .panel-heading,
#Sarawak .logo {
  background: #094405;
}
#GDLotto .panel-heading,
#GDLotto .logo {
  background: #95650a;
}
#Perdana .panel-heading,
#Perdana .logo {
  background: #777;
}
#LuckyHari-Hari .panel-heading,
#LuckyHari-Hari .logo {
  background: #00aced;
}
#GOOD4D .panel-heading,
#GOOD4D .logo {
  background: #ffd45e;
  color: #000 !important;
}

#Magnum .panel-default {
  border: 3px solid #f2bc00;
  border-radius: 10px;
  overflow: hidden;
}
#PMP .panel-default {
  border: 3px solid #148ea4;
  border-radius: 10px;
  overflow: hidden;
}
#Toto .panel-default {
  border: 3px solid #dd0000;
  border-radius: 10px;
  overflow: hidden;
}
#Singapore .panel-default {
  border: 3px solid #12689a;
  border-radius: 10px;
  overflow: hidden;
}
#Sabah .panel-default {
  border: 3px solid #eee;
  border-radius: 10px;
  overflow: hidden;
}
#Sandakan .panel-default {
  border: 3px solid #2f9405;
  border-radius: 10px;
  overflow: hidden;
}
#Sarawak .panel-default {
  border: 3px solid #094405;
  border-radius: 10px;
  overflow: hidden;
}
#GDLotto .panel-default {
  border: 3px solid #95650a;
  border-radius: 10px;
  overflow: hidden;
}
#Perdana .panel-default {
  border: 3px solid #777;
  border-radius: 10px;
  overflow: hidden;
}
#LuckyHari-Hari .panel-default {
  border: 3px solid #00aced;
  border-radius: 10px;
  overflow: hidden;
}
#GOOD4D .panel-default {
  border: 3px solid #ffd45e;
  border-radius: 10px;
  overflow: hidden;
}

#LuckyHari-Hari .col-sm-9 {
  font-size: 14px;
}
#Magnum #datetime label,
#GOOD4D #datetime label,
#Sabah #datetime label {
  color: #000;
}

#datetime {
  text-align: right;
}
#datetime label {
  background: transparent;
}
#datetime .col-sm-12 {
  padding: 0;
}

.panel.panel-default {
  background-color: #2e2e2e;
}
.panel-body label {
  color: #fff;
  background: #000;
  padding: 4px;
  width: 100%;
}

.panel-body #TopThree .col-sm-4 {
  padding: 1px;
}

#TopThree,
#Special,
#Consolation {
  padding: 10px 20px;
}

.popwin {
  color: #000;
}
#TopThree {
  padding-top: 20px;
}
#Consolation {
  padding-bottom: 20px;
}

.modal {
  background: #0009;
  backdrop-filter: blur(5px);
}

img.modal-top {
  width: 100%;
  position: absolute;
  top: -40px;
  left: 0;
}
.modal-content {
  width: 350px;
  margin: auto;
  height: 300px;
  top: 50%;
  transform: translateY(-50%);
  animation: 0.3s scale ease;
}
.mdl-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #282828;
  padding: 20px;
  color: #fff;
  font-size: 15px;
}
.log-inside h1 {
  padding: 30px;
  font-weight: bold;
}
.customform input,
.registerform input {
  display: block;
  width: 80%;
  border-radius: 27px;
  line-height: 0;
  font-weight: 400;
  background-color: #e0e1ea;
  border: 2px solid #fff;
  padding: 7px;
  color: #1a1c29;
  font-size: 14px;
  box-shadow: 0 5px 15px rgb(76 62 102 / 15%);
  transition: border-color 0.2s ease, background-color 0.2s ease;
  margin: auto;
  outline: 0;
}
span.close {
  padding: 7px;
  float: unset;
  top: -17px;
  position: absolute;
  right: -15px;
  width: 33px;
  height: 33px;
  color: #fff;
  opacity: 1;
  background: red;
  border-radius: 50%;
  line-height: 16px;
  z-index: 99;
  border: 2px solid white;
  transition: 0.3s ease;
}
span.close:hover {
  transform: rotate(90deg);
  transition: 0.3s ease;
  opacity: 1;
  color: #fff;
}

.modal.show .modal-content {
  animation: 0.3s scale ease;
}

#myModal2 span.close {
  top: -10px;
  right: 30px;
}
#myModal2 .modal-content {
  width: 60%;
  background: unset;
  box-shadow: unset;
  border: unset;
  top: 30%;
}

.registerform dl {
  margin: 0;
}

@keyframes scale {
  from {
      scale: 0.7;
      opacity: 0;
  }
  to {
      scale: 1;
      opacity: 1;
  }
}
.customform #customform_submit,
.registerform #customform_submit {
  background: gold;
  padding: 12px 45px;
  width: unset;
  height: unset;
  line-height: unset;
  border-radius: 10px 10px 25px 25px;
}

.register {
  padding: 6% 0;
  background: url(/data/1994/uploads/jackpotbg.jpg) top center no-repeat;
  background-size: cover;
}
.reg-steps {
  width: fit-content;
  position: relative;
  z-index: 3;
  margin-right: 40px;
}
.reg-steps::before {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% - 36px);
  width: 2px;
  background: #fff;
  top: 18px;
  right: 14px;
  z-index: 0;
}
.reg-steps ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  gap: 40px;
}
.reg-steps ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.reg-steps ul li img {
  width: 100%;
}
.reg-title {
  color: #fff;
}
.reg-number {
  width: 30px;
  height: 30px;
  text-align: center;
  background: gold;
  border-radius: 50%;
  line-height: 30px;
  font-weight: bold;
  border: 1px solid orange;
  filter: drop-shadow(0px 0px 5px yellow);
}
.reg-steps ul li:not(:last-child) .reg-number {
}
.reg-box {
  width: 60%;
  background: #fff;
  padding: 30px;
  border-radius: 20px;
}
.reg-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.registerform dt {
  display: none;
}
.registerform dd input {
  min-width: 100%;
  width: 100%;
}

.registerform input[type="date"]:not(.has-value):before{
  color: #333333;
  content: attr(placeholder);
}

.small,
small {
  font-size: 85%;
  margin-left: 10px;
  margin-top: 10px;
  color: #fff;
}
input.btnCheckUser {
  width: 25% !important;
  margin: 0;
  background: #ffa700;
  color: #000;
  text-transform: CAPITALIZE;
  margin-top: 10px;
  font-size: 11px;
  padding: 14px 3px;
  height: unset;
}
dl#groupCurrency select {
  display: block;
  width: 100%;
  border-radius: 27px;
  height: 45px;
  line-height: 50px;
  font-weight: 400;
  background-color: #e0e1ea;
  border: 2px solid #fff;
  padding: 0 40px 0 20px;
  color: #727272;
  font-size: 14px;
  box-shadow: 0 5px 15px rgb(76 62 102 / 15%);
  transition: border-color 0.2s ease, background-color 0.2s ease;
  margin: auto;
}

dl#groupVerifyCode {
  display: flex;
  align-items: center;
  gap: 10px;
}
#theme-contain-adminloginx {
  background: url(/data/1994/uploads/bg-1.jpg) center center no-repeat;
  background-size: cover;
  padding: 10px;
  margin: 0;
}
#theme-contain-adminloginx table {
  margin: 4% auto 4%;
  color: #fff;
}
input#registerform_btnSubmit {
  background: #098f00;
  color: #fff;
  width: 30%;
  padding: 0;
  margin: 0;
  height: 35px;
  margin-top: 10px;
}

.flag > img {
  width: 180px;
  margin-bottom: 20px;
}
.contactus > ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 17px;
  margin: 0;
  padding: 0;
}
.contactus > ul > li {
  list-style: none;
  width: calc(100% / 4);
  text-align: center;
}
.contact-box {
  padding: 20px;
  background: linear-gradient(180deg, #840000, transparent);
  margin-bottom: 50px;
  min-height: 300px;
  border-radius: 20px;
  border: 2px inset gold;
}
.contact-box > ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.contact-box > ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  color: #fff;
  margin: 5px 0;
}
.contact-box img {
  width: 100%;
}
.country {
  color: gold;
  font-size: 30px;
  font-weight: bold;
}
.contact-txt {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.menu-btm {
  display: none;
}
.menu-mobile {
  display: none;
}
.register h1 {
  padding: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

#gamespc {
  display: block;
}
#gamesmobile {
  display: none;
}
.sport-mobile {
  display: none;
}
h1.games-title {
  margin: 40px 0 20px;
  color: gold;
  text-align: center;
  font-weight: bold;
}

#theme-contain-faq .col-sm-12,
#theme-contain-policy .col-sm-12,
#theme-contain-terms .col-sm-12 {
  background: #f2f2f2;
  margin: 10px 0;
}
#theme-contain-faq #cms5-faqcatlist {
  display: none;
}
#faq1.show.collapse .tnc-body {
  display: none;
}
#faq1.show.collapse.in .tnc-body {
  display: block;
}
.info-menu-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 15px;
  border-bottom: 1px solid #d3d3d3;
}
.info_item {
  display: block;
  color: #8d8d8d;
  text-align: center;
  font-size: 17px;
  padding: 15px 0;
}
.info_item img {
  filter: grayscale(1);
  margin-bottom: 15px;
}
.info_item:hover,
.info_item.active {
  color: rgb(204 0 1);
}
.info_item:hover img,
.info_item.active img {
  filter: none;
}
.faq-card,
.tnc-card {
  border-bottom: 1px solid #d3d3d3;
}
button.btn-tnc {
  background: #e1e1e1;
  color: #616161;
  font-size: 16px;
  border: none;
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: left;
  padding: 15px 15px;
  position: relative;
}
button.btn-tnc.collapsed {
  background: none;
}
.tnc-body {
  padding: 20px 15px;
  color: #8d8d8d;
}
button.btn-tnc::after {
  content: ">";
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 17px;
  top: 17px;
  transform: rotate(270deg);
  transition: all 0.3s;
}
button.btn-tnc.collapsed::after {
  content: ">";
  transform: rotate(90deg);
  transition: all 0.3s;
}
.copyright-info {
  padding: 15px 15px;
  text-align: right;
  font-size: 12px;
  color: #8d8d8d;
}
.termcaps {
  color: #7e8c8d;
  font-size: 16px;
  margin: 10px 15px;
}
.download img {
  width: 300px;
}
.download {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px 0;
}
.download a {
  transition: 0.3s;
}
.download a:hover {
  transform: scale(0.9);
  transition: 0.3s;
}
#theme-contain-download .mdl-footer {
  position: unset;
  text-align: center;
}
.game-banner {
  position: relative;
}
.game-title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
}
.game-title a {
  margin: 0 auto 40px;
}
.game-banner img {
  width: 100%;
}
.game-title .gbig-tit {
  font-size: 40px;
  font-weight: bold;
  color: gold;
}
.game-title span.gsm-tit {
  padding: 20px 0 30px;
  color: #9f9f9f;
}
.menu-left {
  display: none;
}
.gamebox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px 0;
}
.gamebox .pgames {
  flex: 0 0 16%;
  border-radius: 10px;
  overflow: hidden;
}
.game-title .tab img {
  width: 50px;
  display: block;
  padding: 2px;
}
.game-title button {
  background: unset;
  border: unset;
  color: #fff;
  margin: 0 10px;
  padding: 10px;
}
.game-title button.active,
.game-title button:hover {
  background: #0028ff;
  filter: invert(1);
  border-radius: 10px;
}
.socials {
  display: flex;
  gap: 30px;
}
.socials img {
  width: 100%;
}

.promotions {
  width: 40%;
}
.promo-home .carousel-control.left,
.promo-home .carousel-control.right {
  display: none;
}

.up-event {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.game-date {
  position: absolute;
}
.vid {
  width: 60%;
}
.video {
  position: relative;
  padding-bottom: 77%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*UPCOMING EVENT*/

.game-date {
  background: url(images/box.png) center center no-repeat;
  background-size: cover;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 20px;
}
.game-date table img {
  width: 80px;
  padding: 7px;
  background: #edededcc;
  border-radius: 50px;
  box-shadow: 0 0 2px 7px #aaaaaab8;
}
.game-date table th {
  color: #001b42;
  font-size: 18px;
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
}
.game-date table tr td {
  text-align: center;
  padding: 3px 5px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.game-date table tr td a {
  background: #ec1c23;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  display: block;
  padding: 3px 7px;
  margin: 3px;
}
.game-date table tbody tr:first-child td:nth-child(2) {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.game-date table tbody tr:nth-child(2) td,
.game-date table tbody tr:nth-child(5) td {
  text-align: center;
  font-size: 16px;
  color: #001b42;
  font-weight: bold;
}
.game-date table tbody tr:nth-child(5) td span {
  font-size: 12px;
  font-weight: normal;
}
.game-date table tbody tr:first-child td p {
  margin-top: -6px;
  margin-bottom: -10px;
}
.game-date table tbody tr:nth-child(5) td p {
  margin: 0;
  margin-bottom: -11px;
}

.game-date table tbody tr:nth-child(5) td:nth-child(even) {
  background: #ffffffa1;
}
.game-datet table tbody tr:nth-child(5) td:nth-child(odd) {
  background: #ffffff5c;
}

.img-box img {
  width: 100%;
}
.txt-inside {
  display: flex;
  justify-content: space-evenly;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.hover-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateY(90%);
  opacity: 0;
  background: #000000c7;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  text-align: center;
  z-index: 999;
  transition: 0.5s;
  justify-content: center;
}

.hover-box span {
  width: 52%;
  margin: 5px auto;
  border-radius: 5px;
  padding: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.hover-box span:first-child {
  background: #ec1c12;
  color: #fff;
}
.hover-box span:last-child {
  background: #a3a3a3;
  color: #8e0404;
}

.populargames {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 20px;
}
.populargames::-webkit-scrollbar {
  display: none; /* Hide scrollbar in Webkit */
}
.populargames:hover {
  cursor: grab;
}
.pgames {
  flex: 0 0 18%;
}
.pgames:hover .hover-box {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s;
}
.pgames span {
  color: #fff;
}
.txt-inside {
  display: unset !important;
  position: unset !important;
  transform: unset !important;
}

.pgames .txt-box {
  text-align: left;
  padding: 5px;
}
.pgames .txt-inside span {
  font-size: 12px;
  margin: unset;
}

.pgames img.love {
  width: 20px;
  float: right;
}
.hover-box svg:hover {
  cursor: pointer;
}
svg#Layer_1 {
  width: 20%;
  margin: auto;
}

span.ptitle {
  padding: 20px 0;
  display: block;
  color: #fff;
}

.app {
  position: relative;
  margin: 40px 0;
}

.app img {
  width: 100%;
}
.app-txt {
  position: absolute;
  bottom: 12%;
  left: 0;
  width: 50%;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
span.app-tit {
  display: block;
}
span.app-tit:first-child {
  font-size: 30px;
  font-weight: bold;
}
span.app-tit:nth-child(2) {
  font-size: 20px;
  font-weight: bold;
}

.app-dtl {
  display: flex;
  text-align: center;
  align-items: flex-start;
  font-size: 8px;
  gap: 10px;
  margin-top: 20px;
}
.app-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 20%;
  align-items: center;
  background: #fff;
  padding: 5px;
  border: 2px solid gold;
  border-radius: 20px;
  height: 100px;
}
.app-item img {
  display: block;
  width: 50px;
  margin-bottom: 10px;
}
.download img {
  width: 60px !important;
  margin-bottom: 5px;
}
.apple,
.android {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.download {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 8px 0 !important;
  position: absolute;
  bottom: 15px;
  right: 33px;
}
.download a {
  background: #fff;
  padding: 5px 10px;
  border-radius: 10px;
  color: #000;
  font-weight: bold;
}
i.fa.fa-android {
  color: #67dd00;
  margin-right: 5px;
}
i.fa.fa-apple {
  color: grey;
  margin-right: 5px;
}

.footer {
  padding: 40px 0;
  background: #191919 !important;
}
.provider {
  display: flex;
  justify-content: space-between;
}
.mergeLayout {
  flex: 0 0 30%;
}
.gamingLicense-ftrmerge img {
  width: 40%;
  margin: 10px 0;
}
.license-ftrmerge img,
.paymentMethod-ftrmerge img,
.responsibleGaming-ftrmerge img {
  width: 16%;
  aspect-ratio: 3/2;
  object-fit: contain;
  padding: 5px;
}
.security-ftrmerge img {
  width: 28%;
  aspect-ratio: 3/2;
  object-fit: contain;
  padding: 5px;
}
.content-text {
  font-size: 10px;
  color: #747474;
}
.copy-right-ftrmerge {
  font-size: 10px;
  color: grey;
  margin-top: 20px;
}
.title {
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  margin: 0px;
}

.mergeLayout img {
  filter: grayscale(1);
}
.mergeLayout img:hover {
  filter: grayscale(0);
}
.mergeLayout .gamingLicense-ftrmerge img,
.icon-18 img {
  filter: unset;
}
.copy-right-ftrmerge > div {
  display: flex;
  align-items: center;
}

#faq_modal li {
  position: relative;
  padding: 8% 0;
}
.promo {
  display: flex;
  position: relative;
  justify-content: space-around;
  align-items: center;
  height: 250px;
  border-radius: 10px;
  z-index: 0;
}
.promobtn {
  display: block;
  background: #f00;
  color: #fff;
  border-radius: 20px 20px 50px 50px;
  padding: 10px 20px;
}
.promo.one {
  background: url(/data/1994/uploads/promotions-page-bg1.jpg) center center no-repeat;
  background-size: cover;
}
.promo img {
  width: 100%;
}
.sec-1 {
  margin-top: -41px;
  margin-left: 30px;
}
svg.svg-bg {
  fill: none;
  stroke-width: 3px;
  position: absolute;
  z-index: -1;
}
a.promobtn {
  position: absolute;
  bottom: 26%;
  right: 12%;
}
.sec-2 {
  width: 35%;
}
.sec-3 {
  width: 25%;
  margin-right: 25px;
}
.sec3-box {
  padding: 8px;
  border: 1px solid #ceae71;
  border-radius: 10px;
}
.sec3-box div {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.sec3-box span {
  color: #fff;
}
p.small-title {
  font-size: 20px;
  color: #fff;
}
p.big-title {
  font-size: 35px;
  color: #edc200;
  font-weight: bold;
}
.sec-2 p {
  line-height: 45px;
}

.promo-home .promo {
  height: 150px;
  margin-bottom: 30px;
}
.promo-home .sec-1 {
  display: none;
}
.promo-home .sec-2 p {
  line-height: unset;
}
.promo-home p.small-title {
  font-size: 14px;
  color: #fff;
}
.promo-home p.big-title {
  font-size: 16px;
}

.promo-home .sec-3 {
  width: 40%;
  margin-right: 0px;
}
.promo-home .sec3-box span {
  color: #fff;
  font-size: 10px;
}

.promo-home .carousel-indicators {
  bottom: -30px;
}



/*----------------------------------------POPUP (reusable) ----------------------------------*/
.fancybox-inner {
    width: auto !important;
    height: unset !important;
}
.fancybox-skin{
  padding: 5px !important;
  width: 100% !important;
}
div#popmsg {
    max-width: 100%;
    width: 683px;
    margin: auto;
}
#popmsg img {
    width: 100%;
    display: block;
}
div#faq_fbouter {
    height: 95vh;
    overflow-y: scroll;
}


/*-------  > MOBILE VIEW    -------*/

@media all and (max-width: 768px),
  only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min-resolution: 192dpi) and (max-width: 1024px),
  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #theme-header {
      position: unset;
  }
  #theme-header-logo {
      display: block;
      margin: 0;
      padding: 0;
      background: linear-gradient(0deg, black, #410000);
  }
  #theme-header-logo img {
      width: 40%;
      padding: 10px 0px 10px 10px;
  }

  #theme-container {
      margin-top: 0;
  }

  .menu-left {
      display: none;
  }

  .menu-mobile {
      display: block;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: #20252d;
      padding: 0 15px 70px;
      overflow: scroll;
  }
  .m-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .m-logo {
      width: 50%;
  }
  .m-logo img {
      width: 100%;
  }
  .menu-mobile .acc {
      display: flex;
      justify-content: flex-start;
      padding: 20px 0 5px;
  }
  .menu-mobile a .reg-btn {
      width: 190px;
      background: gold;
      box-shadow: unset;
      color: #000;
      font-weight: bold;
  }
  .menu-mobile .menu-item ul li:first-child img {
      width: 30px;
      margin: unset;
  }
  .menu-mobile .menu-item ul li:first-child {
      padding: 10px;
      list-style: none;
      margin-left: 0px;
  }

  .menu-mobile .menu-item ul {
      display: flex;
      margin: 0;
      padding: 0;
      flex-direction: column;
      justify-content: space-between;
  }
  .menu-mobile .menu-item ul li:first-child,
  .menu-item ul li {
      padding: 10px;
      list-style: none;
      margin: 3px 0;
      margin-left: 0;
      background: linear-gradient(90deg, #131417, transparent);
      border-radius: 10px;
  }
  .menu-mobile .toggletext {
      opacity: 1;
  }
  .menu-btm {
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 1000;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px 18px 0;
      margin-bottom: 0px;
      background: linear-gradient(360deg, black, transparent);
  }
  #menubtn img {
      width: 100%;
      margin: auto;
      padding: 15px;
  }
  span#menubtn {
      align-items: center;
      display: flex;
  }
  .menu-btm a .reg-btn {
      margin: unset;
  }
  .menu-btm .reg-btn,
  .menu-btm .log-btn {
      font-size: 17px;
      width: 120px;
  }

  .header-top,
  img.home-sec {
      display: none;
  }

  .menu-mobile {
      left: -200%;
      transition: all 0.5s;
  }
  .menu-mobile.slide {
      left: 0;
      transition: all 0.5s;
  }
  #mobile-slider {
      display: block;
  }
  #home-slider {
      display: none;
  }
  .hot-box ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      flex-direction: row;
      overflow-y: scroll;
      overflow-x: unset;
  }
  .hot-box ul li {
      flex: 0 0 64%;
      list-style: none;
  }
  a.more-games {
      width: 49%;
  }
  .game-prod ul li,
  .live-game ul li {
      flex: 0 0 49%;
  }
  img.person {
      width: 100%;
      position: unset;
  }
  .live-game {
      overflow: hidden;
  }
  .live-box {
      width: 100%;
      margin: auto;
      padding-top: 0;
  }
  .live-game ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      flex-direction: row;
      overflow-y: scroll;
      overflow-x: unset;
      margin-top: -100%;
  }
  h1,
  p,
  h3 {
      padding: 0 10px;
  }
  .hot-game h1,
  .live-game h1,
  .promotion h1,
  .jackpot h1,
  .vip h1 {
      font-size: 30px;
      padding-top: 20px;
  }
  .hot-game p,
  .new-game p,
  .live-game p,
  .promotion p,
  .jackpot p,
  .vip p {
      text-align: center;
      color: #fff;
      margin: 0px 0;
      line-height: 50px;
  }
  .new-game::before {
      bottom: -41px;
  }
  .jackpot::before {
      bottom: -46px;
  }
  .dropdown:hover .dropdown-content {
      right: 0;
      left: unset;
  }

  .new-box {
      text-align: center;
  }
  .new-game .item ul {
      display: flex;
      justify-content: center;
      flex-direction: row;
      margin: 0;
      padding: 0;
      gap: 12px;
      flex-wrap: wrap;
  }
  .new-game .item ul li {
      flex: 0 0 46%;
  }
  .txt-newbox {
      display: none;
  }

  .carousel-control.left,
  .carousel-control.right {
      position: unset;
      display: inline-block;
      width: 20%;
      margin: auto;
      padding-top: 60px;
  }
  .promo-inside {
      width: 100%;
  }
  .promo-btn a {
      display: none;
  }
  .promo-txt {
      display: none;
  }

  .jacknum {
      position: absolute;
      top: 43%;
      transform: translateY(-50%);
      right: 18.5%;
  }
  .jackbox {
      width: 100%;
      padding-bottom: 90px;
  }
  .jackbox #jackpot span {
      font-size: 20px;
  }
  .jack-btn {
      display: none;
  }

  .card ul {
      gap: 18px;
  }
  .card ul li {
      flex: 0 0 20%;
  }
  .footer .logo {
      width: 75%;
      margin: auto;
      padding: 23px 0;
  }
  .footer-menu ul {
      padding: 10px 0;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }

  img.modal-top {
      display: none;
      position: unset;
  }
  #theme-contain-login > a .log-btn {
      display: none;
  }
  #theme-contain-login #myModal {
      display: block;
      position: unset;
      overflow: unset;
  }
  #theme-contain-login span.close {
      display: none;
  }
  #theme-contain-login .modal-content {
      width: 100%;
      margin: auto;
      height: unset;
      position: unset;
      background: url(/data/1994/uploads/promobg.jpg) center center no-repeat;
      background-size: cover;
      transform: unset;
  }
  #theme-contain-login .mdl-footer {
      position: unset;
  }
  #theme-contain-login .log-inside h1 {
      padding: 30px;
      font-weight: bold;
      color: #fff;
      text-align: center;
  }

  .reg-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 40px;
  }
  .reg-box {
      width: 100%;
  }
  .registerform {
      padding: 0 10px;
  }

  #gamespc {
      display: none;
  }
  #gamesmobile {
      display: block;
  }
  .footer-game {
      width: 95%;
  }
  img.vipimg {
      width: 60%;
      margin-bottom: -20px;
  }

  .contactus > ul {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      margin: 0;
      padding: 0;
      flex-wrap: wrap;
  }
  .country {
      font-size: 12px;
  }
  .flag > img {
      width: 100%;
      margin-bottom: 0px;
  }
  .contactus > ul > li {
      display: flex;
      width: 100%;
      flex-direction: row;
  }
  .sport-pc {
      display: none;
  }
  .sport-mobile {
      display: block;
  }
}
/*-------  < MOBILE VIEW    -------*/

/*-------  > MOBILE LANDSCAPE VIEW    -------*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  a.more-games {
      width: 28%;
  }
  span#menubtn {
      width: 100px;
  }
  #theme-header-logo img {
      width: 25%;
      padding: 10px;
  }
  .menu-btm {
      right: 0;
      width: 100%;
      border: 0px solid red;
      display: flex;
      justify-content: center;
  }

  .jacknum {
      top: 52%;
  }
  .jackbox #jackpot span {
      font-size: 33px;
  }
  img.vipimg {
      margin-bottom: -40px;
  }
  .hot-box ul li {
      flex: 0 0 26%;
  }
  .new-game .item ul li {
      flex: 0 0 35%;
  }
  .carousel-control.left,
  .carousel-control.right {
      padding-top: 80px;
  }
  .footer .logo {
      width: 30%;
  }
  .game-prod ul li,
  .live-game ul li {
      flex: 0 0 30%;
  }
  .footer-menu ul {
      flex-direction: row;
  }
}
/*-------  < MOBILE LANDSCAPE VIEW    -------*/

/*-------  > Mi 9T PRO    -------*/
@media only screen and (min-device-width: 491px) and (max-device-width: 491px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #menubtn img {
      width: 60%;
      margin: auto;
  }
}

/*-------  <   Mi 9T PRO    -------*/