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

.mobile-home, .mobile-menu, .sport-mobile {  display: none;  }

::-webkit-scrollbar {  background: #282828;  width: 11px;  }
::-webkit-scrollbar-thumb {  background: #282828;  border: 3px solid #000;  }
::-webkit-scrollbar-track {  background: #000;  border-radius: 0px;  }

html, body {
  height: 100%;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: "Nunito", sans-serif;
  overflow-x: hidden;
}

input {  outline: unset;  }
a:hover {  text-decoration: none;  }

.themetbl {  display: table;  }
.themetblrow {  display: block;  }
.themetblcell {  display: block;  }
.themetblwidth {  width: 100%;  }
.themetblheight {  height: 100%;  }
.theme-container-box {  width: 100%;  height: auto;  overflow: hidden;  background: #1d0616;  }

.container {  width: 1300px;  margin: auto;  }
.clearboth {  clear: both;  }

#redirectaddr {  padding: 9px;  text-align: center;  font-size: 15px;  background: #fff;  border-radius: 20px;  font-weight: bold;  }

.btn {  display: inline-block;  padding: 5px 15px;  margin-bottom: 0;  font-size: 14px;  font-weight: 400;  line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;  touch-action: manipulation;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;
}

#theme {  display: block;  height: 100%;  width: 100%;  position: relative;  background: #1d0616;  background-size: cover;  }
#theme-title, #theme-frame center {  display: none;  }
#theme-frame {  height: 100%;  margin: auto;  width: 100%; }
#theme-header-logo {  margin-top: -70px;  }
#theme-header-logo a {  z-index: 999;  position: relative;  }
#theme-header-logo img {  width: 160px;  }
#theme-menu {  flex-grow: 1; display: none;  }
#theme-header-content {  position: relative;  background: linear-gradient(45deg, #270820, #5e144b);  }

#theme-header-top {  background: #252525;  border-top: 2px solid #000;  }
.header-top {  float: right;  }

#theme-header-link {  width: 100%;  }
#theme-header-link.container {  display: block;  background: #581347;  border-top: 1px solid #ffffff20;  }
.header-link {  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  padding: 5px 10px;  }
.header-link .header-align {  display: flex;  align-items: center; justify-content: space-between;  }
.header-left, .header-right {  display: flex;  align-items: center;  }


/*--------------------------------------------------------------------------- MENU CSS ---------------------------------------------------------------------------*/
#divMenu {  position: relative;  /*width: fit-content;  margin-left: 46.5%;*/  z-index: 999;  display: flex;  }
#divMenu #cssmenu {    }

#cssmenu {  display: inline-block;  vertical-align: middle;  width: 100%;  }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {  text-align: right;  display: flex;  justify-content: flex-end;  }
#cssmenu > ul > li {  position: relative;  margin: 0 10px;  }
#cssmenu > ul > li.active::before, #cssmenu > ul > li:hover::before {  content: "";  position: absolute;  background-color: #d4207b;  width: 100%;  height: 2px;  bottom: 0px;  left: 0;  right: 0;  margin: auto;  transition: 0.2s;  opacity: 1;  }

#cssmenu > ul > li > a {  padding: 20px 0;  text-transform: initial;  font-size: 16px;  color: #ffffff;  font-weight: 400;   }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {  background: transparent;  color: #d4207b;  text-transform: initial;  font-size: 16px;  transition: 0.2s;  font-weight: 400; }
#cssmenu > ul > li.active a::before {  display: none;  }


/*------------------------------------------------------------------------------ SUB-MENU------------------------------------------------------------------------------*/
#logo {  width: 160px;  padding: 5px;  }
.logo { width: 180px;  }
.logo .container {  width: 100%;  text-align: center;  }
.logo img {  width: 100%;  }

.btn-box {  display: flex; align-items: center; }
.btn-login {  border: 1px solid #ffffff40;  border-radius: 5px;  margin: 0 10px;  }
.btn-login .btn {  color: #fff;  text-transform: uppercase;  font-weight: bold;  font-size: 14px;  }
.btn-login .btn:hover {  background: #ffffff8c;  transition: 0.2s;  }

.btn-sign-up {  border: 0px solid #000;  border-radius: 5px;  }
.btn-sign-up .btn {  background: #a22b6f;  color: #ffffff;  text-transform: uppercase;  font-weight: bold;  font-size: 14px;  animation: move 1.5s linear infinite;  }
.btn-sign-up .btn:hover {  background: #581347;  color: #ffffff;  transition: 0.2s;  }

.clock {  color: #ffffff;  font-size: 12px;  padding-right: 10px;  border-right: 1px solid #a32c70;  }

.dropdown {  position: relative;  display: inline-block;  }
.dropdown:hover .dropdown-content {  display: block;  padding: 10px;  }
.dropbtn {  background: unset;  color: white;  border: none;  }
.dropbtn img {  width: 18px; margin-right: 5px;  }
.dropbtn .glyphicon {  top: 0px;  left: 2px;  font-size: 7px;  }
.dropdown-content {  display: none;  position: absolute;  background-color: #581347;  min-width: 200px;  z-index: 999; padding: 10px;  }
.dropdown-content span {  color: #ff23a1;  }
.dropdown-content img {  width: 18px; margin-right: 5px;  display: inline-block;  }
.dropdown-content a {  display: inline-block; color: #edf0f6;  padding: 3px 5px;  text-decoration: none;   }
.dropdown-content a:hover {  color: #2b0823;  }

@keyframes move {
        0% { opacity: .8; }
        10% { transform: translate3d(-0.01rem,0,0); }
        70% { transform: scale(0.8); box-shadow: #ffffff40 0 0 0 0.2rem; }
        80% { transform: translate3d(-0.01rem,0,0); }
        100% { transform: scale(1); box-shadow: #ffffff20 0 0 0 0.5rem; opacity: 1; }
}

/*------------------------------------------------------------------------------ BANNER ------------------------------------------------------------------------------*/
.flexslider {  border: 0;  margin: 0; background: transparent;  }
.flex-control-nav {  bottom: 0;  }
.flex-direction-nav a {  height: 45px;  }
.flex-direction-nav a:before {  color: #2a0923;  text-shadow: 1px 1px 0 #a32c70;  }
.flex-direction-nav .flex-prev {  left: 0;  text-align: right;  }
.flex-direction-nav .flex-next {  right: 0;  text-align: left;  }
.flexslider .flex-control-nav li {  margin: 0 13px;  }
.flexslider .flex-control-paging li a {
  width: 20px;  height: 5px;  border-radius: 0px;  position: absolute;  margin-top: -0.5%;  z-index: 9 !important;  background: #9f9e9e89;  }
.flexslider .flex-control-paging li a.flex-active {  background: #d4207b;  }

.annouc-txt {  background: #1d0616;  padding: 5px 0;  width: 100%; }
.annouc { display: flex;  align-items: center; }
#horizontal-scrolling-msg {  width: calc(100vw - 28px);  height: 24px;  overflow: hidden;  color: #d4207b;  }
#horizontal-scrolling-msg ul { margin: 5px 0;  width: 100%; }
#horizontal-scrolling-msg ul li { list-style: none;  width: 100%; display: inline-block;  }
marquee#web_announcement {  margin-bottom: -4px;  }


/*--------------------------------------------------------------------------- HOME-SPORT ---------------------------------------------------------------------------*/
.sports-section {  background: #1d0616 url(/data/2122/uploads/bsg-bg.jpg) no-repeat bottom;  background-size: cover;  }
.step {  background: url(/data/2109/uploads/step.png) no-repeat 50%;  background-size: cover;  height: 128px;  display: flex;  margin-bottom: 15px;  }
.step h3 { color: #fff; margin: 3px 0 10px 0; }
.step p { color: #fff; }

.step ul {  display: flex;  }
.step ul li {  display: flex;  justify-content: center;  align-items: flex-end;  width: calc(100% / 3);  }
.step ul li img {  width: 50px;  margin-right: 15px;  filter: saturate(0.8);  }
.step ul li div {  display: flex;  flex-direction: column;  }
.step ul li div span:first-child {  font-size: 15px;  color: #d4207b;  font-weight: bold;  margin-bottom: 5px;  }
.step ul li div span:nth-child(2) {  font-size: 18px;  color: #fff;  font-weight: bold;  line-height: 1.2;  }

.sports-group {  display: flex;  flex-direction: row;  justify-content: flex-start;  align-items: flex-start;  }
.sports-sec {  width: 75%;  }

.item-title {  font-size: 20px;  text-transform: capitalize;  color: #ffffff;  margin: 10px 0;  font-weight: bold;  filter: drop-shadow(0px 1px 2px black);  }
.carousel-indicators li {  margin: 0;  }
.content-box {  position: relative;  }
.content-img img {  width: 100%;  }
.item-content {  position: absolute;  right: -30px;  bottom: 69px;  z-index: 9;  }
.icon-box {  width: 70%;  display: block;  margin-bottom: 12px;  }
.icon-box img {  width: 100%;  }
.item-content p {  color: #fff;  font-size: 13px;  line-height: 1.2;  }
span.btn {  background: #a22b6f;  color: #ffffff;  cursor: pointer;  padding: 2px 25px;  white-space: nowrap;  }

#imageCarousel {  position: relative;  background: url(/data/2122/uploads/bsg-1w.png) right -30px bottom -30px no-repeat;  background-size: contain;  }
#imageCarousel .content-img {  width: 60%;  border: none;  margin: auto;  }
#imageCarousel .carousel-inner {  position: relative;  width: 100%;  overflow: hidden;  height: 280px;  }

#imageCarousel ol.carousel-indicators {  width: fit-content;  left: 0%;  bottom: unset;  top: 40px;  right: unset;  margin: unset;  }
#imageCarousel .carousel-indicators li, #imageCarousel .carousel-indicators .active {
  display: flex;  flex-direction: column;  margin-bottom: 20px;  position: relative;  width: 100px;  height: 35px;  background: #1e2022;
  border: unset;  border-radius: 5px;  z-index: 1;  text-indent: 0;  filter: drop-shadow(0px 0px 2px #7003089c);  }
#imageCarousel .carousel-indicators li::before, 
#imageCarousel .carousel-indicators li::after {  transition: background 0.5s;  content: "";  position: absolute;  }
#imageCarousel .carousel-indicators li::before {  height: 2px;  left: 0;  bottom: 0;  width: 100%;  background: #5e144b;  z-index: 9;  }
#imageCarousel .carousel-indicators li::after {  width: 60%;  height: 3px;  background: #5e144b; bottom: 2px;  margin-left: 8px;  z-index: 9;  transform: perspective(0.5em) rotateX(8deg);  }
#imageCarousel .carousel-indicators li.active::before,#imageCarousel .carousel-indicators li.active::after,
#imageCarousel .carousel-indicators li:hover::before,#imageCarousel .carousel-indicators li:hover::after {  background: #a22b6f;  }
#imageCarousel img.provider-character {  width: 86px;  position: absolute;  bottom: 0px;  right: -8px;  z-index: 2;  filter: saturate(0);  }

#imageCarousel .carousel-indicators li.active img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(1):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(2):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(3):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(4):hover img.provider-character {  filter: saturate(1);  transition: background 0.5s;  }

#imageCarousel .carousel-indicators li.active span,
#imageCarousel .carousel-indicators li:nth-child(1):hover .M8BET,
#imageCarousel .carousel-indicators li:nth-child(2):hover .MAXBET,
#imageCarousel .carousel-indicators li:nth-child(3):hover .ME,
#imageCarousel .carousel-indicators li:nth-child(4):hover .BR {  color: #ffffff;  }

.BR, .SABA, .MAXBET, .ME, .M8BET {  position: absolute;  bottom: 12px;  left: 8px;  z-index: 20;  color: #6a6a6a;  font-size: 12px;  }


/*--------------------------------------------------------------------------- UPCOMING EVENT ---------------------------------------------------------------------------*/
.event-sec {  padding: 0 8%;  }
.item { color: #ffffff;  }
.PurpleText {  color: #fffb00;  }

.up-event {  background: url(/data/2122/uploads/bsg-frame50.png) center center no-repeat;  background-size: cover;  width: fit-content;  padding: 20px;  border-radius: 20px;  width: 300px;  height: 230px;  text-align: center;  }
.up-event a {  color: #fff;  }
.up-event p {  font-size: 24px;  margin: 0;  font-weight: bold;  }
.up-event button {  position: relative;  color: #fff;  font-size: 14px;  background: #a22b6f;  padding: 10px;  border-radius: 8px; margin-top: 30px;  border: none;  }
.up-event img {  width: 80%;  }

#eventCarousel {  width: 100%;  border-radius: 10px;   margin-top: 25px;  }
#eventCarousel .carousel-indicators {  bottom: 0;  margin-bottom: -25px;  }
#eventCarousel .carousel-indicators li {  background-color: #440f37;  border: 0px solid #fff;  margin: 1px;  }
#eventCarousel .carousel-indicators li.active {  background-color: #a32c70;  width: 10px;  height: 10px;  margin: 1px;  }
#eventCarousel .carousel-control {  bottom: unset;  top: 43%; vertical-align: middle; height: 30px; width: 30px; background-image: unset !important; background: #8b8b8b;  border-radius: 50px;  }

#eventCarousel .carousel-control.left {  left: -15px;  }
#eventCarousel .carousel-control.right {  right: -15px;  }
#eventCarousel .carousel-control .glyphicon-chevron-left,#eventCarousel .carousel-control .glyphicon-chevron-right,
#eventCarousel .carousel-control .icon-next,#eventCarousel .carousel-control .icon-prev {  background: unset;  border-radius: unset;  font-size: 15px;  height: unset;  margin: unset;  top: 0;  transform: translateY(50%);    left: 0;  right: 0;  width: 100%;  margin: auto;  }


/*--------------------------------------------------------------------------- CONTACT BOX ---------------------------------------------------------------------------*/
.contact-box {  position: relative;  }
.contact-box img {  width: 100%;  filter: brightness(0.7);  }
.contact-list {  display: flex;  position: absolute;  left: 15%;  top: 0;  transform: translateY(50%);  }
.contact-list li {  display: flex;  align-items: center;  margin-right: 10px;  cursor: pointer;  white-space: nowrap;  }
.contact-list li svg {  width: 40px;  }
.contact-list svg path {  fill: #a22b6f !important;  }
.contact-list li div {  display: flex;  flex-direction: column;  margin-left: 10px;  }
.contact-list li span, .contact-list a {  transition: color 0.3s;  color: #fff;  }
.contact-list li span:nth-child(2):hover, .contact-list a:hover {  text-decoration: none;  color: #d4207b;  }


/*--------------------------------------------------------------------------- HOME-PROMOTION ---------------------------------------------------------------------------*/
.prod-section {  background: #1d0616;  }
.prod-section .prod-box {  display: flex;  margin: 30px 0;  flex-direction: column;  }

ul#tabs {  display: flex;  flex-direction: row;  margin: 0;  padding: 0;  }
.select-sec #myBtnContainer2 {  border-bottom: 1px solid #ffffff40;  }
.select-sec #myBtnContainer2 a.active {  background: #a22b6f;  border-radius: 5px 5px 0 0;  font-weight: bold;  cursor: pointer;  border: 1px solid #a22b6f;  color: #fff;  list-style: none;  }
.select-sec #myBtnContainer2 a {  color: #ffffff90;  background: #1d0616;  border: 1px solid #ffffff40;  }

. vid-sec {  overflow: hidden;  }
.prod-section ol#faq_modal {   margin: 0;  padding-left: 0;  }
.prod-section ol#faq_modal li.question {  width: calc(100% / 3);  list-style: none;  float: left;  }


/*--------------------------------------------------------------------------- HOME-GAMES ---------------------------------------------------------------------------*/
.slot-section {  background: #1d0616;  }
.slot-section .prod-box {  display: flex;  margin: 30px 0;  flex-direction: row;  }

.prod-box .jackpot {  position: relative;  width: 30.3%; margin-right: 10px;  }
.prod-box .jackpot img {  width: 100%;  border-radius: 15px;  }
.prod-box .jackpot span {  position: absolute;  top: 2rem;  left: 0;  right: 0;  width: 100%;  text-align: center;  color: #fff;  font-weight: bold;  font-size: 16px;  }
.prod-box #jackpot {  position: absolute;  text-align: center;  top: 9rem;  left: 0;  right: 0;  width: 100%;  margin: auto;  }

.games {  width: 100%;  }
.games > ul {  display: flex;  border-bottom: 1px solid #ffffff40;  /*margin-left: -30px;*/  }
.games > ul li {  padding: 10px 20px;  background: #a22b6f;  border-radius: 5px 5px 0 0;  font-weight: bold;  cursor: pointer;  margin-right: 10px;  border: 1px solid #a22b6f;  list-style: none;  }
.games > ul li.inactive {  background: #1d0616;  border: 1px solid #ffffff40;  }
.games > ul li:hover {  background: #a22b6f;  transition: 0.2s;  }
.games > ul li a {  color: #fff;  text-decoration: none;  }
.games > ul li.inactive a {  color: #ffffff90;  }
.games > ul li:hover a {  color: #fff;  transition: 0.2s;  }

.more-games {  flex-grow: 3;  text-align: right;  padding: 10px 20px;  font-weight: bold;  }
.more-games a {  color: #a22b6f;  font-size: 13px;  text-decoration: none;  cursor: pointer;  }

.games-content {  position: relative;  }
.games-content ul {  display: flex;  margin: 0;  padding: 0;  flex-direction: row;  justify-content: flex-start;  flex-wrap: wrap;  }
.games-content ul li {  width: calc(100% / 5.5);  margin: 4px 7px;  transition: 0.3s;  border-radius: 5px;  overflow: hidden;  }
.games-content ul li:hover {  transform: translateY(-5px);  transition: 0.3s;  }
.games-content ul li:hover .hover-box {  transform: translateY(0);  opacity: 1;  transition: 0.3s;  }
.img-box {  position: relative;  }
.img-box img {  width: 100%; border-radius: 10px 10px 0 0; }

.hover-box {  position: absolute; top: 0;  left: 0;  right: 0;  width: 100%;  height: 100%;  transform: translateY(90%);  opacity: 0; justify-content: center;    background: #000000c7;  transition: 0.3s;  display: flex;  flex-direction: column;  text-align: center;  border-radius: 10px 10px 0 0;  }
.hover-box span {  width: 52%;  margin: 5px auto;  border-radius: 5px;  padding: 3px;  font-weight: bold;  cursor: pointer;  }
.hover-box span:first-child {  background: #d4207b;  color: #fff;  }
.hover-box span:last-child {  background: #a3a3a3; color:#000;  }

.txt-box {  background: #000;  position: relative;  display: flex;  color: #fff;  padding: 10px 10px 15px;  justify-content: space-between;  border-radius: 0 0 15px 15px;  }
img.love {  width: 20px !important;  }


/*-------------------------------------------------------------------------- PLAYNOW SECTION --------------------------------------------------------------------------*/
.playnow-section {  padding: 30px 0;  background: #1d0616;  }

.playnow-section ul {  display: flex;  justify-content: center;  margin: 0;  padding: 0;  }
.playnow-section ul li {  margin: 10px;  width: 25em;  height: 21.2em;  list-style: none;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  position: relative;  border-radius: 15px;  }
.playnow-section span.title {  font-weight: bold;  font-size: 20px;  margin-bottom: 5px;  }
.playnow-section .content {  color: #fff;  font-size: 13px;  text-align: center;  padding: 10px;  }
.playnow-section ul li .hoverbox {  position: absolute;  width: 100%;  background-size: 100% 0;  transform-origin: bottom center;  opacity: 0;  }
.bottom-box {  position: absolute;  bottom: 0;  left: 0;  right: 0;  z-index: 99;  border-radius: 0 0 15px 15px;  overflow: hidden;  }

.playnow-section ul li .bottom {  opacity: 1;  transform: translateY(90%);  margin-top: 20px;  height: 45px; position: relative;  width: 100%;  text-align: center;  padding: 10px;  border-radius: 0 0 15px 15px;  }
.playnow-section ul li:hover .bottom {  transform: translateY(0%);  opacity: 1;  transition: transform 0.2s, opacity 0.2s;  transition-delay: 0.3s;  }

.bottom::before {  height: 5px;  width: 40%;  content: "";  position: absolute;  top: -3px;  left: 0;  right: 0;  margin: auto;  transform: perspective(10px) rotateX(10deg);  }
.bottom span {  font-size: 15px;  font-weight: bold;  color: #ffffff;  }

.playnow-section ul li:first-child span.title {  color: #d4207b;  }
.playnow-section ul li:first-child {  background: url(/data/2122/uploads/dmi-bg-slot.png) center center no-repeat; }
.playnow-section ul li:first-child:hover .hoverbox {
  background: url(/data/2122/uploads/dmi-hover-slot.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;
  height: 24em;  top: -33px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s;  }
.playnow-section ul li:first-child:hover .bottom {  margin-top: 20px;  height: 45px;  transform: translateY(0%);  }
.playnow-section ul li:first-child .bottom::before {  background: #d4207b;  }
.playnow-section ul li:first-child .bottom {  background: #d4207b;  }

.playnow-section ul li:nth-child(2) span.title {  color: #b401e2; }
.playnow-section ul li:nth-child(2) {  background: url(/data/2122/uploads/dmi-bg-casino.png) center center no-repeat;  }
.playnow-section ul li:nth-child(2):hover .hoverbox {
  background: url(/data/2122/uploads/dmi-hover-casino.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;
  height: 24em;  top: -33px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s;  }
.playnow-section ul li:nth-child(2):hover .bottom {  margin-top: 20px;  height: 45px;  transform: translateY(0%);  }
.playnow-section ul li:nth-child(2) .bottom::before {  background: #b401e2;  }
.playnow-section ul li:nth-child(2) .bottom {  background: #b401e2;  }

.playnow-section ul li:nth-child(3) span.title {  color: #d4207b;  }
.playnow-section ul li:nth-child(3) {  background: url(/data/2122/uploads/dmi-bg-battle.png) center center no-repeat; }
.playnow-section ul li:nth-child(3):hover .hoverbox {
  background: url(/data/2122/uploads/dmi-hover-battle.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;
  height: 24em;  top: -33px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s;  }
.playnow-section ul li:nth-child(3):hover .bottom {  margin-top: 20px;  height: 45px;  transform: translateY(0%); }
.playnow-section ul li:nth-child(3) .bottom::before {  background: #d4207b; }
.playnow-section ul li:nth-child(3) .bottom {  background: #d4207b;  }

.playnow-section ul li:nth-child(4) span.title {  color: #b401e2;  }
.playnow-section ul li:nth-child(4) {  background: url(/data/2122/uploads/dmi-bg-sport.png) center center no-repeat;  }
.playnow-section ul li:nth-child(4):hover .hoverbox {
  background: url(/data/2122/uploads/dmi-hover-sports.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;  
  height: 24em;  top: -33px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s, margin-top 0.2s;  }
.playnow-section ul li:nth-child(4):hover .bottom {  margin-top: 20px;  height: 45px;  transform: translateY(0%);  }
.playnow-section ul li:nth-child(4) .bottom::before {  background: #b401e2;  }
.playnow-section ul li:nth-child(4) .bottom {  background: #b401e2;  }


/*------------------------------------------------------------------------------ FOOTER ------------------------------------------------------------------------------*/
#theme-footer {  background: #000000;  padding: 30px 0;  }
.footer-top {  display: flex;  justify-content: space-between;  align-items: flex-start;  }

.ft-1, .ft-2, .ft-4 {  width: 33.33%;  }
.support, .products, .certs, .payment, .social, .social-2 {  width: 50%;  }

.ft-1 {  display: flex;  }
.ft-1 ul {  display: flex;  flex-direction: column;  margin: 0 40px 0 0;  padding: 0;  }
.ft-1 ul li {  padding: 0px 10px 10px 0;  margin: 0;  list-style: none;  }
.ft-1 ul li a {  color: #808080;  }
.ft-1 ul li a:hover {  color: #a32c70;  }

.ft-2 {  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
.social ul {  display: flex;  flex-direction: row;  margin: 0;  padding: 0;  }
.social-2 ul {  display: flex;  flex-direction: column;  margin: 0;  padding: 0;  }
.social-2 ul li {  list-style: none;  display: flex;  align-items: center;  margin: 3px 0;  }
.social-2 ul li a {  color: #fff;  }
.social-2 svg {  fill: #a22b6f;  width: 30px;  margin-right: 5px;  }

.ft-1 img, .ft-2 img, .ft-3 img {  width: auto;  height: 35px;  padding: 5px;  margin: 10px 5px 0 0;  }
.ft-1 ul li:first-child, .ft-2 ul li:first-child, .ft-3 ul li:first-child, .ft-4 ul li:first-child, .ft-4 .download {  color: #fff;  }

.ft-4 {  display: flex;  flex-direction: column;  }
.ft-4 ul {  display: flex;  flex-direction: column;  margin: 0 60px 0 0;  padding: 0;  }
.ft-4 ul li a {  color: #808080;  margin-left: 10px;  }

.certs, .social {  margin-bottom: 15px;  }
.certs ul, .payment ul, .social ul {  display: flex;  flex-direction: row;  align-items: center;  flex-wrap: wrap;  margin: 0;  padding: 0;  list-style: none;  }
.certs ul li img {   height: 59px;  padding:0;  }
.certs ul li:first-child, .payment ul li:first-child, .social ul li:first-child, .g-license ul li:first-child {  flex-grow: 2;  width: 100%;  }

.download-box {  position: relative;  background: #1d0616;  margin-top: 20px;  }
.download-box img {  width: 100%;  margin-top: -20px;  }
.download-box p {  margin: 0;  position: absolute;  top: 50%;  left: 5%;  transform: translateY(-50%);  }

.download-os {  display: flex;  border: 1px solid #1d0616;  justify-content: space-evenly;  }
.d-android, .d-ios {  display: flex;  align-items: center;  justify-content: space-around;  flex-direction: row;  flex-wrap: nowrap;  margin: 5px;  }
.download-os img {  width: 55px;  background: #fff;  }
.d-btn {  padding: 10px;  }
.d-btn a {  background: #a22b6f;  padding: 4px;  border-radius: 4px;  color: #fff;  text-decoration: none;  font-size: 10px;  }

.copyright {  display: flex;  flex-direction: row;  align-items: center;  text-align: right;  justify-content: flex-end;  margin: 20px 0; }
.copyright p {  margin: 0;  color: #ffffff;  }
.copyright img {  margin-left: 15px;  }

/*------------------------------------------------------------------------------ FOOTER-LINE ------------------------------------------------------------------------------*/
.footer-line {  width: 100%;  border-bottom: 1px solid #5d144a70;  }
.footer-mid {  padding: 20px 0;  }
.footer-mid h3 {  font-size: 14px;  color: #fff;  font-weight: bold;  }
.footer-mid p {  margin: 0;  color: grey;  }
.footer-mid button#myBtn {  background: unset;  padding: 15px 0;  color: #d4207b;  font-size: 10px;  outline: none;  border: 0;  }
#more {  display: none;  }


/*------------------------------------------------------------------- ABOUT US / TERMS -------------------------------------------------------------------*/
.sub-box {  margin: 20px;  padding: 30px;  border-radius: 10px 10px 0 0;  color: #ffffff;  }
.sub-title {  font-size: 30px;  font-weight: bold;  padding: 0 20px;  }
.sub-txt {  font-size: 16px;  padding: 0 20px;  color: #9d9d9d;  }
.sub-txt strong {  color: #ffffff;  }
.accordion {  background: transparent;  color: #979797;  cursor: pointer;  padding: 12px;  width: 100%;  border: none;  border-bottom: 1px solid #ffffff;  text-align: left;  outline: none;  font-size: 20px;  transition: 0.2s;  }
.accordion:hover {  background-color: #2a0822;  color: #fff;  }
.panel {  padding: 0 18px;  background-color: #1d0616;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  }


/*------------------------------------------------------------------------------ GAMES ------------------------------------------------------------------------------*/
.col-md-6, .col-md-12, .col-xs-6, .col-md-3 {  padding: 0;  }
.pgbanner {  width: 100%;  position: relative;  }
.pgbanner img {  width: 100%;  }
.pgbanner span {  position: absolute;  font-size: 70px;  font-weight: 600;  color: #ffffff;  display: flex;  top: 25%;  left: 60%;  }

.text-left {  text-align: left;  color: #ffffff;  font-weight: 600;  }
.pageBg {  width: 100%;  background: #1d0616 url(/data/2122/uploads/page-bg0.jpg) no-repeat;  background-position: top;  background-size: 100%;  padding: 30px 0;  color: #fff;  }
.pageBg .container {  width: 86%;  }

.pageBg .flexslider {  background: transparent;  border: none;  margin: 0;  }
.pageBg .flexslider .slides img {  border: 4px solid transparent;  border-radius: 20px;  background: linear-gradient(to right, white, white), linear-gradient(74deg, #d4207b, #d58f02, #863e96);  background-clip: padding-box, border-box;  background-origin: padding-box, border-box;  }
.slider, .prod {  padding: 10px !important;  transition: 0.2s;  }
.prod img {  max-width: 100%;  border-radius: 15px;  border: 2px solid #ffffff;  }


/*------------------------------------------------------------------------------ AFFLIATE ------------------------------------------------------------------------------*/
#theme-contain-affiliate {  background: #18181a;  }
.ShapeWrapper {  width: 100%;  display: flex;  -webkit-box-pack: center;  justify-content: center;  position: relative;  }
.shape1 {  display: block;  position: absolute;  left: 0px;  width: 52.7rem;  }
.shape2 { display: block;  position: absolute;  left: 60rem;  top: 23rem;  width: 287px;  mask-image: linear-gradient(to top, #00000000, #00000000 6%, black 17%);  }

.Wrapper {  padding: 7rem 0;  display: flex;  -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center;  align-items: center;  flex-direction: column;  position: relative;  overflow: hidden;  width: 100%;  align-items: flex-start;  }
.MainBlock {  padding: 4.8rem;  margin-bottom: 8rem;  border-radius: 3rem;  max-width: 80%;  background-color: #d9d9d914;  backdrop-filter: blur(7.6rem);  color: #ffffff;  width: 100%;  position: relative;  }
.AccentText {  color: #95dc00;  }
.Title-sc {  font-size: 3.8rem;  font-style: normal;  font-weight: 900;  text-transform: uppercase;  color: #ffffff;  text-align: left;  margin-bottom: 60px;  }
.Description {  font-size: 2rem;  letter-spacing: 0.04rem;  margin-bottom: 45px;  max-width: 45.8rem;  font-variant: unset;  text-transform: uppercase;  }
.PrimaryButtonLink {  background: #95dc00;  color: #000000;  font-size: 1.6rem;  font-weight: 600;  display: flex;  padding: 8px 15px;  -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center;  align-items: center;  border-radius: 10px;  box-sizing: border-box;  border: none;  }
.MainBlock .PrimaryButtonLink {  max-width: fit-content;  z-index: 1;  position: relative;  }

.WrapperSlider {  position: absolute;  right: -31%;  top: -10%;  width: 680px;  }
.WrapperSlider .flex-direction-nav {  display: none;  }

.StepsWrapper {  display: flex;  flex-direction: column;  counter-reset: number 0;  width: 100%;  position: relative;  }
@media (min-width: 48em) {  .StepsWrapper {  flex-direction: row;  max-width: 100%;  -webkit-box-pack: justify;  justify-content: space-between;  }  }
.ShadowBlock {  position: absolute;  background: linear-gradient(#18181a00 0%, #18181a 40.63%) no-repeat;  z-index: 2;  width: 50vw;  height: 10rem;  top: -7rem;  right: -4rem; }
.Wrapper2 {  display: flex;  -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center;  align-items: center;  flex-direction: column;  position: relative;  overflow: hidden;  width: 100%;  align-items: flex-start;  }
.Step-sc {  counter-increment: number 1;  background: #d9d9d914;  font-size: 1.2rem;  font-style: normal;  font-weight: 600;  line-height: 0.9;  letter-spacing: 0.024rem;  text-transform: uppercase;  color: #ffffff;  padding: 1.5rem 3rem;  text-align: center;  position: relative;  z-index: 3;  width: 100%; 
 display: flex;  gap: 1.6rem;  border-radius: 1.5rem;  max-width: unset;  margin: unset;  }
.StepsWrapper li:nth-child(3) {  margin: 0 30px;  }
.Step-sc::before {  content: counter(number);  color: #ffffff;  font-size: 4rem;  font-style: normal;  font-weight: 700;  line-height: normal;  letter-spacing: 0.08rem;  text-transform: uppercase;  flex-direction: column;  -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center;  align-items: center;  display: flex;  }
.TextContainer {  display: flex;  flex-direction: column;  align-items: flex-start;  -webkit-box-pack: center;  justify-content: center;  text-align: start;  font-size: 1.4rem;  font-style: normal;  font-weight: 700;  line-height: normal;  letter-spacing: 0.028rem;  }

.GuaranteeWrapper {  display: block;  flex-direction: column;  -webkit-box-align: center;  align-items: center;  position: relative;  z-index: 2;  padding-bottom: 8rem;  padding-top: 2rem;  }
.shape3 {  display: block;  position: absolute;  z-index: -1;  width: 47rem;  left: calc(50% - 50rem);  }
.shape4 {  position: absolute;  transform: unset;  left: calc(50% + 19rem);  width: 40rem;  }
.IphoneImagesc {  position: absolute;  z-index: -1;  filter: blur(1.2rem);  width: 50rem;  left: -5rem;  top: 4rem;  }

.Coin1 {  position: absolute;  filter: blur(0.3rem);  top: 2%;  bottom: 30%;  right: 15%;  width: 4.5rem;  }
.Coin2 {  position: absolute;  z-index: 1;  top: 30%;  right: 7.5%;  width: 6rem;  }
.Coin3 {  position: absolute;  z-index: 1;  right: 4.5%;  bottom: 0%;  width: 11.8rem;  }

.Title-center {  font-size: 3.8rem;  font-style: normal;  font-weight: 900;  letter-spacing: 0.036rem;  text-transform: uppercase;  color: #ffffff;  text-wrap: balance;  margin-bottom: 9.8rem;  text-align: center;  }

ul {  padding: 0; margin: 0;  list-style: none;  }
.ItemsList {  display: flex;  flex-direction: row;  gap: 60px;  justify-content: center;  }
.Item-sc {  width: 20rem;  height: 20rem;  padding-top: 11rem;  border-radius: 1rem;  background: #d9d9d914;  backdrop-filter: blur(2.3rem);  display: flex;  flex-direction: column;  -webkit-box-align: center;  align-items: center;  position: relative;  }
.ItemImage-sc {  position: absolute;  width: 10.3rem;  top: -4rem;  }

.ItemText-sc {  color: #ffffff;  font-size: 1.6rem;  font-weight: 700;  line-height: 110%;  letter-spacing: 0.024rem;  text-transform: uppercase;  text-align: center;  }
.ColoredText {  color: #95dc00;  margin: 0;  }

.shape5 {  display: block;  position: absolute;  width: 44rem;  top: 0rem;  left: -10rem;   }
.desc-about {  font-size: 1.2rem;  max-width: 70%;  font-style: normal;  font-weight: 400;  line-height: 1.2;  }
.collapsible {  display: none;  }
.content {  width: 70%;  display: block; text-align: left;  padding:0;  }

.BackgroundImage {  position: absolute;  mix-blend-mode: lighten;  width: 780px;  inset-inline-start: 41.8rem;  inset-block-end: unset;  inset-block-start: 50%;  transform: scaleX(1) translateY(-35%); inset-inline-end: calc(-33rem + 50vw);  }
.ManImage {  position: absolute;  z-index: 1;  width: 780px;   inset-inline-start: 43.8rem;  inset-inline-end: calc(-33rem + 50vw);  inset-block-end: unset;  inset-block-start: 50%;  transform: scaleX(1) translateY(-35%);  }
.shape6 {  position: absolute;  width: 40rem;  left: 57rem;  top: 29rem;  right: auto;  }
.ShadowBlock2 {  position: absolute;  background: linear-gradient(#18181a00 0%, #18181a 50%), no-repeat;  z-index: 1;  width: 50vw;  height: 5rem;  bottom: 5%;  right: 0px;  pointer-events: none;  }


#feedbacks {  position: relative;  }
.shape7 {  display: block;  position: absolute;  width: 35rem;  top: 10rem;  left: 17rem;  }
.shape8 {  position: absolute;  filter: blur(6rem);  width: 35rem;  right: 3rem;  top: 5rem;  }
.Title-top {  margin: 0;  font-size: 4rem;  font-weight: 900;  color: #ffffff;  text-transform: uppercase;  text-align: center;  }
.Content-sc {  padding: 4.8rem 0;  position: relative;  z-index: 1;  }
.know-content {  background-color: #d9d9d914;  color: #ffffff;  width: 100%;  position: relative;  margin-bottom: 4rem;  border-radius: 3rem;  display: flex;  flex-direction: column;  align-items: center;  padding: 4.8rem;  }

.Item-j  {  max-width: 20.8rem;  margin: 0px auto;  padding-left: 0px;  padding-right: 0px;  text-align: center;  }
.Item-j img {  width: 100%;  margin-bottom: 30px;  border-radius: 12px;  }
.Text-sypqnl a:hover {  color: #95dc00;  }

#news {  position: relative;  }
.shape9 {  display: block;  position: absolute;  width: 60rem;  top: -20rem;  left: 0rem;  z-index: 0;  }
.shape10 {  display: block;  position: absolute;  width: 37rem;  top: 20rem;  right: 5rem;  }
.Item-n  {  max-width: 100%;  margin: 0px auto;  padding-left: 0px;  padding-right: 0px;  }
.Item-n img {  width: 100%;  margin-bottom: 30px;  border-radius: 12px;  }
.Item-n {  overflow-x: scroll;  }
.Item-n::-webkit-scrollbar {    }
.Item-n #cms5faq_modal_template_list > ol {  padding: 0;  list-style: none;  display: flex;  flex-direction: row;  gap: 3rem;  }
.Item-n #cms5faq_modal_template_list > ol > li {  max-width: 33%;  min-width: 33%;  } 
.Item-n #cms5faq_modal_template_list a:hover {   color: #95dc00;  }

.Text-syp {  color: #ffffff;  }
.Text-syp #myBtn {  background: #95dc00;  border-radius: 5px;  border: none;  }

.FooterItems {  position: relative;  display: flex;  -webkit-box-pack: center;  justify-content: center;  gap: 3rem;  padding: 0 0 4.2rem 0px;  }
.LinkSC {  color: #ffffff;  text-align: center;  font-size: 1.6rem;  font-weight: 400;  text-transform: uppercase;  display: block;  }
.LinkSC:hover {  color: #95dc00;  }


.slick-list, .slick-slider, .slick-track {  position: relative;  display: block;  }
.slick-slider {  display: block;  min-height: 1px;  box-sizing: border-box;  user-select: none;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent;  }
.slick-arrow {  width: 6rem;  height: 6rem;  }
.slick-arrow svg {  max-width: 100%;  max-height: 100%;  }
.slick-prev {  left: -3rem;  }
.riJiP .slick-prev svg {  rotate: 180deg;  }
.riJiP::before {  content: "";  top: 0px;  left: 0px;  position: absolute;  width: 100%;  height: 100%;  background: rgba(217, 217, 217, 0.08);  backdrop-filter: blur(7.6rem);  border-radius: 3rem;  }

.slick-slider .slick-list, .slick-slider .slick-track {  transform: translate3d(0px, 0px, 0px);  }
.slick-list {  overflow: hidden;  margin: 0px;  padding: 0px;  }
.slick-track {  gap: 3rem;  }
.slick-track {  top: 0px;  left: 0px;  display: flex;  -webkit-box-align: stretch;  align-items: stretch;  margin-left: auto;  margin-right: auto;  }
.slick-track::after, .slick-track::before {  display: table;  content: "";  }
.slick-initialized .slick-slide {  display: block;  }
.hwXkLT {  max-width: 37.1rem;  padding-left: 0px;  padding-right: 0px;  margin: 0px auto;  }
.ddWaxd {  margin-bottom: 1rem;  }
.slick-slide img {  display: block;  max-width: 100%;  margin: 0px auto 2.2rem;  border-radius: 1rem;  }
.BbFzD {  font-size: 2rem;  text-align: left;  color: #ffffff;  line-height: 1.2;  }
.jApytr {  text-align: left;  font-size: 2rem;    padding: 0px;  margin-top: 1.5rem;  font-weight: 500;  border: none;  background-color: transparent;  cursor: pointer;  text-decoration: underline;  outline: none;  color: #ffffff;  line-height: 1.2;  }


.affiliateBg {  width: 100%;  }
.affiliateContent {  padding: 10px 30px;  color: #000000;  }
.affiliateBg h3 {  color: #95dc00;  margin: 10px 0;  }
.affiliateBg p {  margin: 20px 0;  }

.affiliateBg h3:before, .affiliateBg h3:after {  content: "";  display: inline-block;  transition: 0.2s;  }

.affiliateContent>ol {  margin: 0;  padding: 0 20px;  }
.affiliateContent>ol>li {  margin-bottom: 10px;  }
.affiliateContact {  background: #a42c73;  padding: 20px 0;  font-size: 20px;  }
.affiliateContact a {  color: #fff;  border: 1px solid #fff;  padding: 5px 10px;  display: block;  width: fit-content;  margin: 5px auto;  }

.affiliateContent table {  text-align: center;  display: flex;  justify-content: flex-start;  }
.affiliateContent td {  padding: 10px;  border: 1px solid #95dc00;  }

.knowcontainer {  width: 30%;  }
.know-img img {  width: 100%;  }

.modal2 {  display: none;  position: fixed;   z-index: 999;  padding-top: 10px;  left: 0;  top: 0;  width: 100%;   height: 100%;   overflow: auto;  background-color: #00000090;   }

.modal-content2 {  background-color: #fefefe;  margin: auto;  padding: 20px;  border: 1px solid #888;  width: 60%;  position: relative;  z-index: 15;  }
.modal-content2 p {  color: #000000;  }

.close2 {  color: #95dc00;  float: right;  font-size: 28px;  font-weight: bold;  opacity: 1;  }
.close2:hover, .close:focus {  color: #000;  text-decoration: none;  cursor: pointer;  }
.know-but {  display: flex;  justify-content: center;  margin-top: 30px;  }

.km01 {   width: 30%;  margin: 0 auto;  }


/*------------------------------------------------------------------------------ VIP ------------------------------------------------------------------------------*/
#theme-contain-vip {  background: #000000;  }
.vip-banner {  position: relative;  }
.vip-banner img {  width: 100%;  }
.vip-title {  position: absolute;  top: 40%;  transform: translateY(-50%);  right: 0;  width: 25%;  margin-right: 18%;  }
.vip-title h4 {  font-weight: bold;  color: #cd9c31;  }
.vip-title p {  color: #c3c3c3;  }

.vip-table {  width: 80%;  margin: 0 auto 60px;  border-bottom: 1px solid #3e3b2f;  }
.vip-table table {  margin: auto;  width: 100%;  }
.vip-table tr.table-top {  border-top: 1px solid #3e3b2f;  }
.vip-table tr.table-bottom {  border-bottom: 1px solid #3e3b2f;  }
.vip-table tr.table-top th {  border: unset;  }
.vip-table tr.table-top th:first-child {  vertical-align: bottom;  background: unset;  color: #cd9c31;  font-size: 23px;  font-weight: bold;  }
.vip-table th, .vip-table td {  text-align: center;  padding: 5px;  font-size: 13px;  color: #977c32;  }
 .vip-table td.vip-t {  font-weight: 800;  padding: 15px 5px;  color: #cd9c31 !important;  }
.vip-table th:first-child, .vip-table td:first-child {  text-align: left;  color: #fff;  }
.vip-table th {  font-weight: 800;  }
.vip-table th:nth-child(2) {  color: #b9c26f;  }
.vip-table th:nth-child(3) {  color: #d89393;  }
.vip-table th:nth-child(4) {  color: #e7505f;  }
.vip-table th:nth-child(5) {  color: #1d8ade;  }
.vip-table th:nth-child(6) {  color: #5eab6d;  }
.vip-table th:nth-child(7) {  color: #cf91e8;  }

.vip-table tr th img {   width: auto;  height: 80px;  padding: 15px;  }
.vip-table tr td:first-child {  width: 40%;  }
.vip-table > p {  margin-top: 40px;  margin-bottom: 5px;  font-size: 13px;  font-weight: bold;  color: #fff;  }
ul.vip-info {  margin: 0;  padding: 15px;  }
ul.vip-info li {  padding: 10px 5px;  color: #b5b5b5;  list-style: circle;  }


.vip-box {  width: 100%;  margin: auto;  }
.vip-status {  position: relative;  display: flex;  align-items: center;  justify-content: flex-end;  margin: 10px auto;  width: 75%;  }
.vip-status .status-img {   position: absolute;  object-fit: cover;  width: 20%;  left: 0;  top: 0;  }
.vip-status .dummy-col {    }
.vip-status .progress-status {  width: 74%;  margin-bottom: 40px;  }
.vip-status .progress-status .current-status {  width: 100%;  position: relative;  }
.vip-status .progress-status .current-status .status-title {  font-weight: 700;  font-size: 18px;  line-height: 1.8rem;  color: #977c32;  margin-left: 10px;  }

.vip-status .progress-status .current-status .progress-bar {  position: relative;  overflow: hidden;  float: none;  width: auto;  height: 25px;  margin-top: 15px;  border-radius: 20px;  background: repeating-linear-gradient(35deg, #3b3f4c, #3b3f4c 15px, #111 0, #111 25px);  }

.vip-status .progress-status .current-status .progress-bar>span {  position: relative;  display: block;  height: 100%;  }
.vip-status .progress-status .current-status .progress-bar>span:after {  content: "";  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  background: repeating-linear-gradient(35deg, #977c32, #977c32 .15rem, #111 0, #111 .2rem);  }

.vip-status .progress-status .status-level {  display: flex;  width: 100%;  }
.vip-status .progress-status .status-level .all-level {  flex: 1 1 0;  text-align: center;  }
.vip-status .progress-status .status-level .all-level .memberGroupLevelArrowContainer {  width: 50px;  margin: 15px auto;  }

.vip-status .progress-status hr {  height: 16px; background: #a5a5a5;  background-color: #a5a5a5;  border: #a5a5a5;  }
.vip-status .progress-status .status-level .all-level p {  font-weight: 700;  font-size: 16px;  line-height: 1.6rem;  margin-bottom: 8px;  }

.vip-status .progress-status .status-level .all-level p[data-level=SILVER] {  color: #b9c26f;  }
.vip-status .progress-status .status-level .all-level p[data-level=ROSE] {  color: #d89393;  }
.vip-status .progress-status .status-level .all-level p[data-level=GOLD] {  color: #e7505f;  }
.vip-status .progress-status .status-level .all-level p[data-level=PLATINUM] {  color: #1d8ade;  }
.vip-status .progress-status .status-level .all-level p[data-level=DIAMOND] {  color: #5eab6d;  }
.vip-status .progress-status .status-level .all-level p[data-level=ROYAL] {  color: #cf91e8;  }

.vip-status .progress-status .status-level .all-level span {  color: #d2d2d2;  font-size: 14px;  line-height: 1.8rem;  }



/*------------------------------------------------------------------- PROMOTION -------------------------------------------------------------------*/
#theme-contain-promotion {  background: #1d0616;  }
.promo {  display: flex;  flex-direction: column;  }
ul#promo-tab {  display: flex;  margin: 0;  padding: 0 10px;  }
ul#promo-tab li {  padding: 5px 15px;  color: #fff;  list-style: none;  font-size: 15px;  border-right: 1px solid #4b4b4b;  cursor: pointer;  opacity: 0.5;  transition: 0.2s;  }
ul#promo-tab li:not(.inactive), ul#promo-tab li:hover {  opacity: 1;  }
span.total {  padding-left: 7px;  color: #d4207b;  }

.promo-content ol#faq_modal {  margin: 0;  padding: 0;   }
.promo-content ol#faq_modal li.question {  width: calc(100% / 3);  list-style: none;  margin: 0;  float: left;  }
.promo a {  text-decoration: none;  color: #fff;  }
.promo-img {  border-radius: 10px 10px 0 0 ;  overflow: hidden;  }
.promo-img img {  width: 100%;  }

.promo-txt {  position: relative;  color: #a5a5a5;  background: #000000;  border-radius: 0 0 20px 20px;  padding: 15px;  }
.promo-txt h3 {  color: #fff;  font-weight: bold;  margin: 0 0 15px 0;  font-size: 16px;  }
.promo-txt::before {  height: 3px;  background: #5c144a;  position: absolute;  top: 0;  left: 0;  right: 0;  content: "";  }
.promo-txt::after {  height: 3px;  background: #5c144a;  position: absolute;  top: 3px;  left: 0;  right: 0;  width: 30%;  margin: auto;  transform: perspective(0.5em) rotateX(354deg);  content: "";  }

.promo-btn {  display: flex;  padding-bottom: 5px;  }
.promo-btn span {  color: #ec1c12;  }
.promo-btn a, .pbtn-apply a {  color: #fff;  text-decoration: none;  font-weight: bold;  }

.pbtn-info, .pbtn-apply {  padding: 5px 10px;  font-size: 12px;  border-radius: 5px;  margin-right: 10px;  }
.pbtn-info {  background: #1d0616;  border: 1px solid #ffffff40;  }
.pbtn-apply {  background: #a22b6f;  }

.filterDiv {  float: left;  display: none;  margin: 8px;  }
.show {  display: block !important;  }


/*------------------------------------------------------------------- PROMOTION- FANCYOX -------------------------------------------------------------------*/
.fancybox-wrap {  width: 60% !important;  margin: auto !important;  left: 0 !important;  right: 0 !important;  }
.fancybox-skin {  border-radius: 20px;  }
.fancybox-close {  top: -11px;  right: -1px;  }
.fancybox-inner {  width: 100% !important;  background-color: #1d0616;  }
.fancybox-inner p {  color: #9a9a9a;  margin-bottom: 0;  font-size: 14px;  }
.fancybox-inner h4 {  margin: 0;  display: none;  }

.fancybox-inner .promo-header {  padding: 10px;  text-align: center;  font-size: 20px;  font-weight: bold;  color: #fff;  background: #a32c70;  border-radius: 20px 20px 0 0;  }

.fancybox-inner .promo { display: flex; flex-direction: row; justify-content: space-around; padding: 20px; border-bottom: 1px solid #313131;  }
.fancybox-inner .promo-img, .fancybox-inner .promo-txt {  border-radius: 0;  width: 100%;  }

.fancybox-inner .promo-txt {  color: #5a5a5a;  background: #1d0616;  font-size: 12px;  }
.fancybox-inner .promo-txt h3 {  font-size: 14px;  }
.fancybox-inner .promo-txt::before, .fancybox-inner .promo-txt::after {  display: none;  }
.fancybox-inner .promo-btn {  padding-bottom: 10px;  }

.fancybox-inner > div > div {  padding: 20px;  }
.fancybox-inner > div > h4, .fancybox-inner > div > p {  margin: 0;  }
.fancybox-inner strong {  font-size: 15px;  color: #fff;  }
.fancybox-inner ol li {  color: #9a9a9a;  font-size: 14px;  }
.fancybox-inner table {  width: 100%;  text-align: center;  color: #b1b1b1; border: 1px solid #ffffff;  }
.fancybox-inner table tr {  border: 1px solid #3e3b2f;  }
.fancybox-inner table td {  border: 1px solid #3e3b2f;  padding: 10px 0;  }




/*--------------------------------------------------------------------------- LOGIN ---------------------------------------------------------------------------*/
.modal-dialog {  width: 40%;  margin: 6% auto;  }
.modal-content {  background: linear-gradient(180deg, #2b0923, #5d144a);  box-shadow: 0 0 15px #a32c7080;  border: 1px solid #a32c7050;  }
.modal-header {  padding: 0;  border: unset;  height: 0;  position: absolute;  top: 10px;  right: 10px;  z-index: 999;  }
.modal-header .close {  padding: 8px 13px;  background: transparent;  opacity: 1;  border-radius: 50%;  color: #fff;  text-shadow: none;  }
.modal-body {  color: #aaaaaa;  }

.login .logo {  width: 50%;  margin: auto;  padding: 10px 0;  }
.login .logo img {  width: 100%;  }

.login #customform {  width: 50%;  margin: auto;  padding: 20px 0;  display: flex;  flex-direction: column; margin-bottom: 10px;  }
.login #customform dl {  margin: 0;  display: flex;  justify-content: center;  }
.login-btm {  text-align: center;  padding: 30px;  }
.login-btm a {  color: #fff;  }

.login #customform #customform_UserName, .login #customform #customform_Password {  width: 100%;  font-size: 15px;  border: 0;  border-bottom: 1px solid white;  padding: 10px;  margin: 0 0 5px;  color: #fff;  background: transparent;  outline: unset;  }
.login #registerform_btnSubmit, .login input#customform_submit {  background: #a22b6f;  color: #fff;  padding: 8px 30px;  border: none;  border-radius: 10px;  font-size: 15px;  text-transform: uppercase;  font-weight: bold;  }


/*--------------------------------------------------------------------------- REGISTER ---------------------------------------------------------------------------*/
.register {  display: flex;  background: #fff;  border-radius: 10px;  justify-content: space-evenly;  width: 70%;  margin: 20px auto;  flex-wrap: wrap;  }
.reg-txt {  width: 100%;  text-align: center;  padding: 10px;  border-radius: 10px 10px 0 0;  background: #5b1349;  color: #fff;  font-size: 15px;  font-weight: bold;  margin-bottom: 25px;  }
.regis-box {  width: 35%;  }

.register #registerform {  width: 100%;  border: 0px solid red;  overflow: auto;  }
.register #registerform dl {  margin-bottom: 5px;  }
.register #registerform dt {  width: 100%;  color: #393939;  font-size: 10px;  display: none;  }
.register #registerform dd {  text-align: left;  }

.register #registerform textarea, .register #registerform input[type="text"],
.register #registerform input[type="text"], .register #registerform input[type="password"] {
  width: 100%;  color: #000;  font-size: 13px;  padding: 10px;  background: white;
  border: 1px solid #9a9a9a !important;  border-radius: 5px;  margin: 5px 0;  }

.register #registerform .btnCheckUser, #registerform_btnSubmit {
  color: #fff;  font-weight: bold;  background: #a22b6f;  padding: 10px;
  text-transform: uppercase;  border-radius: 5px;  font-size: 11px;  outline: 0;  border: 0;  }

.register #registerform dl#groupCurrency {  width: 100%;  }
.register #registerform #registerform_Currency {
  background: #fff;  border-radius: 0px;  width: 100%;  color: #757575;  border: 1px solid #9a9a9a !important;
  padding: 10px;  border-radius: 5px;  outline: unset;  }

dl#groupVerifyCode {  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  }
.register #registerform #groupSubmit dd {  float: left;  width: 100%;  }
.reg p {  font-size: 10px;  color: grey;  margin-top: 20px;  }


#reg-title1 span, #reg-desc p {  color: #a22b6f;  }
#reg-title1 {  font-size: 36px;  color: #fff;  font-weight: 900;  }
#reg-title1 img { border-radius: 15px;  }
#reg-desc {  border-left: 5px solid #a22b6f;  margin: 10px 0px 0px;  padding: 0px 15px;  }
#reg-desc ul {  width: 100%;  text-align: justify;  }
#reg-desc ul li {  padding: 10px;  color: #000;  }

.small, small {  color: #141414 !important;  margin-top: 5px;  }
.small.w3-text-green {  color: green !important;  }
.small.w3-text-red {  color: red !important;  }



/*--------------------------------------------------------------------------- PARTNERS ---------------------------------------------------------------------------*/
.carousel-indicators {  /*display: none;*/  }
.carousel-control {  width: 5%;  background-image: none !important;  }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {  width: 60%;  margin: auto;  border-radius: 10px;  }

.carousel-caption {  position: relative;  right: unset;  left: unset;  bottom: unset;  z-index: 10;  padding: 15px 30px;  color: #000;  text-align: center;  text-shadow: none;  background: #95dc00;  margin: 15px auto;  width: fit-content;  border-radius: 5px;  }
.carousel-caption a {  color: #000000;  }

.left {  margin-left: -10%;  }
.right {  margin-right: -10%;  }

.slideshow-container {  min-width: 100%;  position: relative;  margin: auto;  }
.Slide {  display: none;  }
.Slide {  opacity: 1;  width: 100%;  flex-direction: row;  gap: 5%;  }
.km01 img {  vertical-align: middle;  width: 100%;  border-radius: 10px;  }

.prev, .next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 16px;  margin-top: -22px;  color: white;  font-weight: bold;  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;  }
.prev {  left: -5%;  }
.next {  right: -5%;  }
.prev:hover, .next:hover {  background-color: rgba(0,0,0,0.8);  }

.text {  font-size: 15px;  padding: 8px 12px;  position: relative;  text-align: left;  width: fit-content;  margin: 25px auto 0;  border-radius: 5px;  }
.text a {  color: #000000;  }
.text a:hover {  color: #141835;  }

.numbertext {  color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;  }

/* The dots/bullets/indicators
.dot {  cursor: pointer;  height: 15px;  width: 15px;  margin: 0 2px;  background-color: #bbb;  border-radius: 50%;  display: inline-block;  transition: background-color 0.6s ease;  }
.dot:hover {  background-color: #717171;  }*/

.fade { opacity: 1;  }

@keyframes fade {
  from {  opacity: 0.4;  } 
  to {  opacity: 1;  }
}




/*=========================================================================*/
/*------------------------------------------------------ BIG SCREEN ------------------------------------------------------*/
/*=========================================================================*/
@media screen and (max-width:1920px) and (min-width:1800px) {

.pageBg .container {  width: 66%;  }

}