@charset "utf-8";

@font-face {
  font-family: PBCasino;
  src: url(/css/fonts/PFHandbookPro-Black.ttf) format("truetype");
}

@font-face {
  font-family: PBCasino-bold;
  src: url(/css/fonts/PFHandbookPro-Bold.ttf) format("truetype");
}

/* >> new font start */
@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PBCasino";
  src: url("/css/fonts/Casino/PBCasino-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

:root {
  --carousel-gap: 24px;
  --carousel-child-width: 80px;
}

select {
  -webkit-appearance: none !important;
  appearance: none !important;
}

html {
  scroll-behavior: smooth;
}

body[page="vip-tournament"] .grid-item:hover {
  z-index: 2;
  transform: translate3d(0, 0, 0) scale(1.1);
  border: 1px solid #cba03f;
}

.non_scrollbar::-webkit-scrollbar {
  display: none !important;
}

.non_touch_action {
  -ms-touch-action: none;
  touch-action: none;
}

.side.center.desktop {
  width: 100% !important;
  min-width: auto;
}

.label-right .right_wrapper,
.artboard2 .left_wrapper {
  display: grid;
  place-items: center;
  margin-bottom: 35px;
  /* gap: 5px; */
}

body[page="vip-tournament"] .gamesCont .grid-item {
  width: 100%;
  grid-row-end: span 1;
  grid-column-end: span 1;
  margin: 0;
  border: none;
  /* overflow: hidden; */
  border-radius: 12px;
  margin: 5px;
}

body.mobile.nonie[page="vip-tournament"] .grid-layout,
body.mobile[page="vip-tournament"] .gamesCont {
  /* grid-template-columns: auto auto; */
  /* padding: 0 20px 200px 20px !important; */
  row-gap: 15px;
  column-gap: 15px;
}

.ringring .GameLeaderboard .right_wrapper > span,
.artboard2 .left_wrapper > span,
.label-right .right_wrapper > span {
  font: normal normal bold 20px/24px Roboto;
  letter-spacing: 0.16px;
  color: #e6f1ffe6;
  padding-top: 8px;
}

#btnTop {
  display: none !important;
}

.centerdiv {
  font-family: "PBCasino", sans-serif;
  text-align: center;
}

section.pageContent .side.center.desktop {
  display: block;
  margin: 0 auto;
}

.modal_open {
  height: 100vh;
  overflow-y: hidden;
  position: fixed;
}

.calendar {
  order: 4;
}

body.desktop > main > section:first-of-type {
  background-image: url("/images/vip-tournament-assets/background_desktop.png?v=202402145");
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: auto;
  /* height: calc(var(--app-height) - 70px); */
}

*/::-webkit-scrollbar {
  width: 2px;
}

::-webkit-scrollbar-track {
  background: #00efe533;
}

::-webkit-scrollbar-thumb {
  background: #00efe580;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00efe580;
}

.btn-hidde2 {
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
}

body.mobile > main > section:first-of-type {
  padding-bottom: 0;
}

body.desktop::-webkit-scrollbar-thumb {
  background: #969696;
  border: 3px solid #252525;
  border-radius: 6px;
}

body.desktop::-webkit-scrollbar {
  padding: 3px;
  width: 14px;
  height: 4px;
  margin: 3px;
}

::-webkit-scrollbar-track {
  background: #152d66;
}

html {
  scrollbar-arrow-color: #252604;
  scrollbar-highlight-color: #bfc097;
  scrollbar-shadow-color: #ffffff;
  scrollbar-base-color: #000000;
  scrollbar-track-color: #e2e1d4;
  scrollbar-face-color: #bfc097;
  scrollbar-3dlight-color: #efeeee;
  scrollbar-darkshadow-color: #999999;
}

.navAndTerms {
  position: absolute;
  padding: 13px;
  width: 100%;
  /* margin: 0 auto; */
  max-width: none;
  top: 0;
  z-index: 2;
}

.back2Promos {
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.back2Promos > p {
  color: white;
  font-weight: 600;
  padding-left: 25px;
  vertical-align: top;
  margin: 0;
  font-size: 0;
}

.pageContent a {
  font-size: 14px;
}

.bonusRules {
  position: relative;
  float: right;
  vertical-align: top;
  color: black;
  margin-top: 5px;
  padding: 4px 12px;
}

.tableclas {
  max-width: 360px;
  margin: 0 auto;
}

.controlcenter h2 {
  font-size: 40px;
  margin: 0px;
}

.controlcenter h2 span {
  color: #00efe5;
}

.datetime {
  font-weight: 500;
  font-size: 26px;
  line-height: 1px;
  display: flex;
  margin: 0;
}

.iamgestime {
  width: 33%;
  opacity: 0.5;
  padding: 14px;
  max-width: 180px;
  display: block;
  margin: 0 auto;
}

.myidx:nth-last-child(even) {
  /* background: #e6f1ff0d;*/
}

.mecktothegame:before {
  content: "";
  padding: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-54%, -50%);
  background: url(/images/arrow-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.mecktothegame {
  padding: 0 0 0 25px;
  margin: 0px;
  font-size: 0;
  line-height: 12px;
  vertical-align: top;
  text-align: left;
  background-color: hsl(214deg 100% 95% / 17%);
  width: 27px;
  height: 27px;
  position: relative;
  border-radius: 50%;
}

.desktop .mecktothegame {
  background-color: transparent;
}

.activete {
  background: rgb(152 164 179 / 16%) !important;
  color: #e6f1ff !important;
}

.TourImg {
  width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 20px;
}

.tournametlocker img {
  width: 100%;
}

.GameMegaconteiner {
  width: 100%;
  position: relative;
  height: 100%;
}

.GameFirstconteiner {
  /* width: 100%; */
  /* border-radius: 10px; */
  /* padding: 0px 4px; */
  /* display: block; */
  /* min-height: 400px; */
  /*	max-height: 600px;
		overflow-y: scroll;*/
}

img.MainBb {
  width: 100%;
  height: auto;
}

.gamelabel {
  width: 33%;
}

.GameFirstconteiner div img {
  width: 100%;
  cursor: pointer;
}

.GamesCOntr {
  cursor: pointer;
  width: 14.1%;
  min-height: 100px;
  text-align: center;
}

.Gametournametconteiner {
  width: 50%;
  display: flex;
  /* background: black; */
  margin: 120px 342px;

  position: absolute;
  padding: 12px;
}

.GamesCOntrmini {
  border-bottom: 6px solid #000000c4;
  font-size: 15px;
  padding: 4px;
  font-weight: 600;
  color: #ffffffeb;
}

.GamesCOntr .activez {
  border-bottom: 6px solid #00eaff;
}

.imgClassz {
  width: 100%;
}

.imgClassz2 {
  width: 170%;
  margin: 0px 20px;
}

.GameSecondconteiner {
  width: 30%;
}

.close_btn,
.full_screen_btn {
  filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(1237%) hue-rotate(177deg) brightness(102%) contrast(104%);
  opacity: 0.5;
}

.Gameround {
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  min-height: 50px;
  width: 80px;
  display: inline-block;
  position: relative;
  border: 1px solid;
  margin: 2px;
  cursor: pointer;
}

.Gameround span {
  display: block;
  font-weight: 600;
  font-size: 23px;
}

.GameSliderround {
  height: 80px;
  position: relative;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  overflow-x: scroll;
}

.GameFirstconteiner2 .place {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  background-color: #273f97;
  align-items: center;
  padding: 0 20px 0 15px;
  margin-bottom: 4px;
  height: 46px;
  opacity: 0.8;
}

.GameFirstconteiner2 .thirds {
  background-color: #30499c;
}

.GameFirstconteiner2 .seconds {
  background-color: #445ba7;
}

.GameFirstconteiner2 .firsts {
  background-color: #596fb2;
}

.GameFirstconteiner2 .first.place {
  background-color: #e3ac16;
  color: black;
}

.GameFirstconteiner2 .second.place {
  background-color: #98bfde;
  color: black;
}

.GameFirstconteiner2 .third.place {
  background-color: #b97a15;
  color: black;
}

.GameFirstconteiner2 .other.place h3 {
  font-size: 16px;
}

.GameFirstconteiner2 .place p {
  display: flex;
  font-size: 12px;
  border-radius: 12px;
  height: 24px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 3px 6px #00000029;
  padding: 2px 7px;
  font-weight: bold;
  font-style: italic;
  color: #e6f1ff;
}

section.pageContent .side.center.mobile {
  position: relative;
}

div#leader,
#prize {
  width: 100%;
  height: calc(var(--app-height) - 50px);
  overflow: auto;
  position: fixed;
  top: 51px;
  left: 0;
  z-index: 8;
  -webkit-transition: transform 1s ease-out;
  -o-transition: transform 1s ease-out;
  transition: transform 1s ease-out;
}

div#leader .right .right_wrapper,
div#prize .left .left_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 50px; */
  /* padding-bottom: 23px; */
}

div#prize .left .left_wrapper > img {
  max-width: 100px;
  margin-bottom: 10px;
}

div#leader .right .right_wrapper > img {
  max-width: 100px;
  margin-bottom: 30px;
}

div#leader .right span,
div#prize .left span.prize {
  font: normal normal bold 20px/24px Roboto;
  letter-spacing: 0.16px;
  color: #e6f1ffe6;
}

.close_right,
img.close_left {
  display: block;
  margin: 0px auto;
  background: transparent radial-gradient(closest-side at 50% 50%, #001126 0%, #00112600 100%) 0% 0% no-repeat padding-box;
  padding: 86px 86px 20px 86px;
}

.btn_close {
  display: grid;
  place-items: end;
  width: 100%;
  height: 176px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  bottom: 0px;
  background: transparent linear-gradient(180deg, #00112600 0%, #001126 100%) 0% 0% no-repeat padding-box;
  z-index: 3;
}

.bottom_menu {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  width: 100%;
  bottom: 0px;
  height: 135px;
  z-index: 5;
  background: transparent linear-gradient(180deg, #00112600 4%, #001126 80%) 0% 0% no-repeat padding-box;
  padding: 0 10px;
}

.bottom_menu > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* transition: all 0.8s ease-out; */
  opacity: 1;
  color: #e6f1ff;

  /* 𝐁 Body 2/Primary */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.2px;
}

.bottom_menu img {
  width: 51px;
  height: 100%;
}

.bottom_menu .left span {
  color: #e6f1ff;

  /* 𝐁 Body 2/Primary */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.2px;
}

#prize {
  transform: translateX(-100%);
}

div#leader {
  transform: translateX(100%);
  /* background-image: url(//www.palmsbet.com/images/vip-tournament-assets/background_speed_races_mobile.png?v=1694778202041); */
}

.tabcontent .place h3 {
  font-size: 26px;
  margin: 0;
  text-shadow: 0px 0px 4px #083971a8;
  color: #ffffff;
  font-style: italic;
}

.tabcontent .place {
  display: flex;
  justify-content: space-between;

  align-items: center;
  padding: 0 20px 0 15px;
  margin-bottom: 4px;
  height: 40px;
  opacity: 1;
  border-bottom: 1px solid #70707040;
}

.btn-hidde {
  max-width: 20px;
  background: #dadada;
  border-radius: 50%;
  padding: 0px 8px 2px 5px;
  display: block;
  margin: -10px auto;
  color: white;
  cursor: pointer;
  position: absolute;
  left: 49%;
  z-index: 999;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  /* background: white; */
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.tournament-description-container {
  padding: 10px 2px;
  margin-top: 30px;
  display: none;
}

.tournament-description-rules {
  /*	height: 100px;
		overflow: auto;
		padding-right: 10px;
		background: #0f1c4b;*/
  padding: 0px 12px 0px 5px;
}

.termsimg {
  width: 34px;
  margin: -12px 4px;
  cursor: pointer;
}

.termsi {
  background: #00efe5;
  padding: 8px 6px;
  border-radius: 6px;
  box-shadow: 0px 3px 3px #00000061;
  font: normal normal 500 12px/18px Roboto;
  letter-spacing: 0.12px;
  color: #15171df2;
}

.tournament-description-rules div {
  display: flex;
  align-items: baseline;
}

.tournament-description-rules div {
  display: flex;
  align-items: baseline;
}

.tournament-description-rules p {
  font-size: 12px;
  color: #e6edf7b3;
  text-align: left;
}

.tournament-description-rules div span {
  display: block;
  color: #1d2129;
  font-size: 9px;
  background-color: #00efe5;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.tabcontent .place:nth-last-child(odd) {
  /* background: #e6f1ff0d; */
}

.place h3 {
  color: #e6f1ff;
}

.tabcontent .thirds {
  /* background-color: #30499c; */
  position: relative;
}

.tabcontent .seconds {
  background-color: #445ba7;
}

.tabcontent .firsts {
  background-color: #596fb2;
}

.tabcontent .first.place {
  background-color: #e3ac16;
  color: black;
}

.tabcontent .second.place {
  background-color: #98bfde;
  color: black;
}

.tabcontent .third.place {
  background-color: #b97a15;
  color: black;
}

.tabcontent .other.place h3 {
  color: #e6f1ff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.15px;
}

.tabcontent .place p {
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  color: var(--text-primary, #e6f1ff);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.15px;
}

.tabcontent .place p img {
  margin: 0px -6px auto;
  max-width: 26px;
}

.GameFirstconteiner1 {
  width: 100%;
  height: 370px;
}

.GameFirstconteiner2 {
  width: 40%;
}

.GameMiniconteiner {
  display: flex;
  padding: 0px;
}

.Gameslideractive {
  background: transparent linear-gradient(146deg, var(--primary-element) 0%, #645efd 100%) 0% 0% no-repeat padding-box;
  border: 2px solid var(--primary-text);
  background: transparent linear-gradient(146deg, #0056bc 0%, #645efd 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000080;
  border: 2px solid #00efe5;
  border-radius: 5px;
  opacity: 0.97;
  color: white;
}

.GameRules {
  display: flex;
  min-height: 100px;
  position: relative;
}

.GameRules:nth-child(1) {
  border-left: none;
}

.minidiv4e {
  display: flex;
  width: 100%;
  color: #e6f1ff;
  font-family: "PBCasino", sans-serif;
  /* padding: 0px 6px; */
  max-height: 55px;
  margin-top: -135px;
  margin-bottom: 10px;
}

.controlleft {
  width: 20%;
}

.controlcenter {
  width: 60%;
  text-align: center;
}

.controlright {
  width: 20%;
}

.mainlabelconteiner {
  display: flex;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #00000063 34%, #000000f2 50%, #000000 100%) 0% 0% no-repeat padding-box;
  padding-bottom: 25px;
  justify-content: space-between;
}

.top-head.header_title {
  position: relative;
  /* display: grid; */
  /* grid-template-columns: max-content 1fr 1fr; */
  /* margin-right: 25px; */
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 0 40px; */
}

.label-left,
.label-right {
  width: 100%;
  max-width: 280px;
  height: calc(var(--app-height) - 70px);
  padding: 54px 13px 0;
  max-height: none;
  overflow: hidden;
  background: linear-gradient(229deg, rgba(48, 101, 237, 0.7) 5.71%, rgba(11, 36, 103, 0.7) 94.04%);
  z-index: 1;
}

.label-center {
  width: 100%;
  position: relative;
  margin-top: 0px;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content max-content max-content;
  z-index: 5;
}

body.mobile .label-center {
  overflow: hidden;
}

.label-right {
  width: 100%;
  max-width: 280px;
  height: calc(var(--app-height) - 70px);
  padding: 54px 13px 0;
  max-height: none;
  overflow: hidden;
}

.GameRules1 {
  width: 30%;
  position: relative;
}

.GameRules img {
}

.GameDrift {
  text-align: center;
  font-size: 14px;
  padding: 4px;
  color: #e6edf7;
  display: flex;
}

.fistspan {
  opacity: 0.5;
  font-size: 11px;
}

.labelw {
  padding: 3px 8px;
  font-size: 22px;
  text-align: left;
}

.labelround {
  display: block;
  line-height: 2px;
  color: cyan;
}

.secondspan {
  font-size: 40px;
  letter-spacing: 0px;
  color: #e4edf8;
  opacity: 1;
}

.GameCountdown {
  display: flex;
}

.secondspan div span {
  font-size: 9px;
  display: block;
  opacity: 0.5;
}

.GameSecondconteiner {
  width: 30%;
  /* background: #0f1c4b; */
  border-radius: 20px;
  text-align: center;
  max-height: 580px;
}

.GameCountdown div {
  width: 33%;
}

.positionGame {
  display: flex;
  align-items: center;
  /* padding: 0 20px 0 13px; */
}

.positionGame:nth-child(even) {
  background-color: #1f232d;
}

.positionGame .position {
  width: 18px;
  height: 25px;
  padding: 4px 0px;
  border-radius: 13px;
  font-size: 14px;
  color: #e6edf7;
  display: inline-table;
  opacity: 0.5;
}

.positionGame p {
  flex: 1;
  padding-left: 0px;
  color: #e6edf7;
  opacity: 80%;
  font-size: 14px;
  text-align: left;
}

.points {
  font-size: 16px;
  text-shadow: 0 0 4px #0077ff;
  color: #ffffff;
  font-style: italic;
  /* background: inherit !important; */
  text-align: center;
}

.GameLeaderboard {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
}

.mypoints {
  background: #00ebffa3;
  margin-bottom: 32px;
}

.Gamekoef {
  font-size: 16px;
}

/* Style the tab */
.tabz {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tabz button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px 8px;
  transition: 0.3s;
  font-size: 16px;
  width: 33.3%;
  color: #e4edf899;
  border-bottom: 2px solid #80808094;
  /* background: #15171d; */
  /* border: 1px solid #232833; */
  /* border-radius: 4px; */
}

.tabcontent span {
  /*	border-radius: 20px;
		padding: 2px 8px;
		color: white;
		opacity: 0.5;*/
}

.tabcontent p {
  font-size: 16px;
}

#rules span {
  /*opacity: 1;
		line-height: 10px;
		background: #092057;*/
}

.tabz button:hover {
}

/* Create an active/current tablink class */
.tabz button.active {
  /* background: #232833; */
  border-bottom: 2px solid #00efe5;
  color: #00efe5;
}

/* Style the tab content */
.tabcontent {
  /* padding: 0px 6px; */
  border-top: none;
  text-align: left;

  /* padding-top: 14px; */
}

.games_lock {
  filter: blur(5px) opacity(10%);
  pointer-events: none;
}

.GameMinjs {
  width: 100%;
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap; */
  /* padding: 10px; */
  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;
}

/*
	html[lang="bg"] .tournametmagaconteiner {
		border-radius: 20px;
		background-image: url(/images/tournament/tournament-2.png);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	html[lang="en"] .tournametmagaconteiner {
		border-radius: 20px;
		background-image: url(/images/tournament/SlotRace_1058x641_EN.png);
		background-size: 100%;
		background-repeat: no-repeat;
	}*/
.Torunametdate {
  height: 44px;
  /* width: 1200px;*/

  display: flex;
  margin: 10px 0px;
}

/* .Torunametxdate {
	width: 100%;
		z-index: 2;
		overflow: hidden;
		overflow-x: scroll;
		position: relative;
	} */
.reaCover {
  opacity: 0;
}

body.desktop .rankingList {
  overflow: auto;
}

.rankingList {
  width: 100%;
  height: 50%;
  /* overflow: auto;
	  overflow: hidden;
	  overflow-y: scroll; */
  position: relative;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  text-align: center;
  padding: 13px 0px;
}

.myidx {
  display: flex;
  width: 100%;
  height: 40px;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 2px;
  text-align: center;
  border-bottom: 1px solid #70707040;
}

.myidx:nth-child(even) {
  background: inherit;
}

.myidx div {
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: #e6f1ff;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.2px;
}

.myidx div:first-child {
  margin-left: 20px;
}

.Slotleaderboadrdid {
  margin-left: 30px;
}

::-webkit-scrollbar-track {
  background: #232833 !important;
}

.GamesCOntr {
  cursor: pointer;
  width: 10%;
  min-height: 100px;
  text-align: center;
}

.Gametournametconteiner {
  width: 50%;
  display: flex;
  /* background: black; */
  margin: 120px 342px;
  position: absolute;
  padding: 12px;
}

.GamesCOntrmini {
  border-bottom: 6px solid #000000c4;
  font-size: 15px;
  padding: 4px;
  font-weight: 600;
  color: #ffffffad;
}

.GameMinjsx2 {
  width: 100%;
  margin-top: 18px;
}

.GamesCOntr .activez {
  border-bottom: 6px solid #00eaff;
}

.GamesCOntrmini span {
  display: block;
  font-size: 10px;
  font-weight: 400;
}

.grid-item:not(.addmoregames) > .imgCover > .gamesDescrpt {
  font-size: 12px;
}

.GameLeaderboard {
  height: inherit;
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 20px;
}

.points_info {
  background: #051b2db2 0% 0% no-repeat padding-box;
  border: 1px solid #4694ff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px;
  cursor: pointer;
  margin: 10px 30px 20px 30px;
  position: relative;
  z-index: 2;
}

.points_info > p {
  text-align: left;
  font: normal normal 400 14px/24px Roboto;
  letter-spacing: 0.1px;
  color: #a6d5fa;
  padding: 0;
  margin: 0 auto 0px 14px;
}

.points_info > span {
  font: normal normal 500 12px/12px Roboto;
  letter-spacing: 0.12px;
  color: #4694ff;
}

.points_info > img {
  margin: 0px 0 0px 0px;
  position: relative;
  top: 0px;
}

.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.container__title {
  width: 100%;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 400;
  text-align: center;
}

.select-dropdown {
  position: relative;
  display: inline-block;
  background: #e4edf812 0% 0% no-repeat padding-box;
  border: 1px solid #00efe526;
  border-radius: 5px;
  width: 100%;
  height: 43px;
}

.select-dropdown__button {
  position: relative;
  padding: 10px 35px 10px 15px;
  color: #616161;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-align: left;
  background: #e4edf812 0% 0% no-repeat padding-box;
  border: 1px solid #00efe5;
  border-radius: 5px;
  z-index: 3;
}

.event_history {
  width: 100%;
  display: flex;
  margin: 0px 0;
  justify-content: space-between;
}

.container_dropdown {
  width: 100%;
}

.select-dropdown__button > span {
  text-align: center;
  font: normal normal bold 14px/22px Roboto;
  letter-spacing: 0px;
  color: #e6f1ff;
}

.select-dropdown__button::focus {
  outline: none;
}

.select-dropdown__button .zmdi-chevron-down {
  position: absolute;
  right: 10px;
  top: 12px;
}

.select-dropdown__list {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  max-height: 220px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  pointer-events: none;
  transform-origin: top left;
  transform: scale(1, 0);
  transition: all ease-in-out 0.3s;
  z-index: 2;
  background: #29303c 0% 0% no-repeat padding-box;
  border: 1px solid #00efe526;
  border-radius: 5px;
}

.hexagon_container.hex_mobile_on_game span.countdown::after,
.select-dropdown::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ffffff;
  transition: var(--animation-003);
  transform-origin: center center;
  transform-style: preserve-3D;
  transition: all 0.3s ease-out;
  z-index: 1;
}

.hexagon_container.hex_mobile_on_game span.countdown::after {
  border-top: 4px solid #00efe5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  right: -16px;
  top: 49%;
}

.select-dropdown.rotate_arrow::after {
  transform: rotate(180deg);
}

.select-dropdown__list.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1, 1);
}

.select-dropdown__list-item {
  all: unset;
  display: block;
  list-style-type: none;
  padding: 10px 15px;
  background: #e4edf812 0% 0% no-repeat padding-box;
  border-bottom: 1px solid rgba(230, 241, 255, 0.16);
  cursor: pointer;
  color: #616161;
  transition: all ease-in-out 0.3s;
  text-align: center;
  font: normal normal bold 14px/22px Roboto;
  letter-spacing: 0px;
  color: #e6f1ff;
}

.event_hour .left_arrow::before,
.event_hour .right_arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  right: 0;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #00efe5;
}

.event_hour {
  position: relative;
  width: 100%;
  max-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.event_hour .left_arrow::before {
  -webkit-transform: translate(-65%, -50%) rotate(180deg);
  -ms-transform: translate(-65%, -50%) rotate(180deg);
  transform: translate(-65%, -50%) rotate(180deg);
  left: 50%;
}

.left_arrow,
.right_arrow {
  background: #e6f1ff1a 0% 0% no-repeat padding-box;
  border: 1px solid #00efe502;
  border-radius: 5px;
  height: 100%;
  position: relative;
  width: 21px;
  cursor: pointer;
}

canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: 0;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
}

/* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

.topdivLabel {
  position: relative;
}

body.mobile #particles-js {
  top: 0px;
}

img.MainBb {
  position: relative;
  z-index: 2;
}

ul.event_hour_container {
  display: flex;
  width: 60px;
  overflow: hidden;
  overflow-x: auto;
}

ul.event_hour_container li {
  text-align: center;
  font: normal normal 900 23px/21px PBCasino;
  letter-spacing: 0px;
  color: #00efe5;
  text-shadow: 0px 3px 6px #0000007c;
  text-transform: uppercase;
}

ul.event_hour_container li {
  display: grid;
  grid-template-columns: 60px;
  align-items: center;
}

span {
  margin: 0;
  padding: 0;
}

.label-right .hexagon_container {
  position: relative;
  margin-bottom: 13px;
}

body.mobile .side.center.act::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #000000d9;
  animation: mymove 0.8s ease-out 2.5s forwards;
  z-index: 5;
}

@keyframes mymove {
  from {
    background-color: #000000d9;
  }

  to {
    background-color: transparent;
  }
}

.hexagon_container.hexagon_center {
  transform: translate(-50%, -350%) scale(1);
}

.hexagon {
  display: inline-block;
  width: 100px;
  height: 112px;
  position: relative;
  overflow: hidden;
  /* background: #054EB9 0% 0% no-repeat padding-box;
	  box-shadow: inset 0px -1px 36px #000000B4, 0px 0px 30px #0896F4; */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.hexagon_container .active_round {
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font: normal normal normal 12px/18px Roboto;
  letter-spacing: 0.12px;
  color: #e6f1ff;
  background: #f44336 0% 0% no-repeat padding-box;
  box-shadow: 1px 3px 6px #00000033;
  border-radius: 10px;
  height: 20px;
  padding: 0 7px;
}

.hex_mobile_on_game .hexagon_container .active_round {
  bottom: -6px;
}

.hexagon_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.out .hexagon_wrapper > * {
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  z-index: 0;
}

body.in .hexagon_wrapper > * {
  animation: 18s autoplay infinite ease-in-out;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 0;
}

@keyframes autoplay {
  0% {
    top: 100%;
  }

  4% {
    top: 0%;
  }

  33.33% {
    top: 0%;
  }

  37.33% {
    top: -100%;
  }

  100% {
    top: -100%;
  }
}

body.in .hexagon_wrapper > *:nth-child(1) {
  animation-delay: 0s;
}

body.in .hexagon_wrapper > *:nth-child(2) {
  animation-delay: 6s;
}

body.in .hexagon_wrapper > *:nth-child(3) {
  animation-delay: 12s;
}

.hexagon_content span.myP,
.hexagon_content span.my_place,
.hexagon_content span.round {
  color: #00efe5;
  text-align: center;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.49);
  font-family: "PBCasino";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.96px;
  text-transform: uppercase;
}

.hexagon_content span.my_points,
.hexagon_content span.my_place_text,
.hexagon_content span.time {
  color: #ffffffcc;
  text-align: center;
  font-family: "PBCasino";
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 11px;
  /* 91.667% */
}

html[lang="en"] .hexagon_content span.myP,
html[lang="en"] .hexagon_content span.my_place,
html[lang="en"] .hexagon_content span.round {
  font-size: 22px;
}

span.countdown {
  text-align: center;
  font: normal normal 900 10px/11px Roboto;
  letter-spacing: 0px;
  color: #ffffffcc;
  display: flex;
  position: relative;
  top: 9px;
}

.non-opacity {
  opacity: 0 !important;
}

.fix_img {
  position: fixed;
  top: 51px;
  left: 0;
  height: auto;
  width: 100%;
}

footer {
  position: relative;
  z-index: 1;
}

.bottom_menu .elementsLR {
  position: relative;
}

body.in .bottom_menu .left.elementsLR.round_start {
  transform: translateX(-100%);
}

body.in .bottom_menu .right.elementsLR.round_start {
  transform: translateX(100%);
}

.datetime {
  position: relative;
  width: -webkit-fill-available;
  z-index: 2;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 31px 0 30px;
}

.datetime li span.time {
  width: max-content;
  font: normal normal 900 16px/12px PBCasino;
  color: #e4edf8;
}

.datetime li span.round {
  font: normal normal 500 12px/9px Roboto;
  letter-spacing: 0px;
  color: #e6f1ff;
}

.datetime li {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  opacity: 0.5;
}

.content_wrapper {
  position: relative;
  background: transparent linear-gradient(180deg, #161c29f0 0%, #171d2900 0%, #141e30c4 100%, #1b212b 100%, #0a0c1000 100%) 0% 0% no-repeat padding-box;
  height: 100%;
}

#leader .fix_img,
#prize .fix_img {
  z-index: -1;
  top: -400px;
  height: 100%;
}

.tabcontent_wrapper {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.label-center .head {
  display: grid;
  justify-content: center;
  margin: -40px auto 0;
  position: relative;
  align-items: center;
  grid-template-columns: 0.8fr 1fr;
  max-width: 100%;
}

.label-center .head h3 {
  font: normal normal 900 32px/41px PBCasino;
  letter-spacing: 0px;
  color: #00efe5;
  text-shadow: 0px 0px 20px #000000a3;
  text-transform: uppercase;
  margin: 0;
}

.label-center .head h2 {
  text-align: center;
  font: normal normal 900 52px/63px PBCasino;
  letter-spacing: 0px;
  color: #e6f1ff;
  text-shadow: 0px 0px 20px #000000a2;
  text-transform: uppercase;
  margin: 0;
}

.header_img::after,
.header_img::before {
  /* content: '';
	  position: absolute;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background-repeat: no-repeat;
	  background-size: 100% auto;
	  z-index: 0;
	  transform: translateY(0%);
	  -webkit-animation: coinAnime 2s ease-out infinite;
	  animation: coinAnime 2s ease-out infinite; */
}

.header_img::before {
  left: 0;
  top: 20%;
  background-image: url(/images/vip-tournament-assets/left_coin.png?v=20240828);
}

.header_img::after {
  right: 0;
  top: 25%;
  background-image: url(/images/vip-tournament-assets/right_coin.png?v=20240828);
  animation-delay: 1s;
}

@-webkit-keyframes coinAnime {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  50% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes coinAnime {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  50% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.header_img {
  /* margin-top: 0; */
  /* width: 100%; */
  /* height: auto; */
  /* max-width: min(calc(100vw * 0.5), calc(100vh * 0.5)); */
  /* position: relative; */
  /* z-index: 1; */
}

.label-center .head img.heroesBb {
  margin-top: 0;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  max-width: 560px;
}

.hexagon_container img.frame {
  width: 115%;
  height: 115%;
  position: absolute;
  z-index: 0;
  top: -9px;
  left: -7px;
  -webkit-filter: drop-shadow(0px 0px 30px #0896f4);
  filter: drop-shadow(0px 0px 30px #0896f4);
}

div#draggable-elem .hexagon_container.hex_D {
  position: static;
  transform: none;
  bottom: auto;
  top: 0;
  left: 0;
  transition: all 0.8s ease-out;
}

div#draggable-elem .hexagon_container img.frame {
  /* width: 200%;
	  height: 200%;
	  position: absolute;
	  z-index: 0;
	  top: -60px;
	  left: -50px; */
}

.ringring {
  margin: 8px;
  width: calc(100% - 200px);
  margin: 0 auto;
  display: flex;
  border-radius: 10px;
  justify-content: end;
  padding-top: 10px;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  height: calc(var(--app-height) - 100px);
}

#draggable-elem {
  cursor: pointer;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: -50px;
  z-index: 2;
}

.ringring #GameLeaderboard {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: calc(var(--app-height) - 70px);
  margin-top: -10px;
  margin-left: -50%;
  transition: all 0.8s ease-in-out;
  background: transparent linear-gradient(180deg, #00000000 0%, #00000063 24%, #000000f2 50%, #000000 100%) 0% 0% no-repeat padding-box;
  opacity: 0;
}

.ringring.fullscrean #GameLeaderboard {
  height: calc(var(--app-height) - 0px);
  margin-top: 0px;
}

.fullscrean .ringringtitle {
  width: 100%;
  margin: 0 auto;
}

.ringring #GameLeaderboard img.btn_close {
  position: absolute;
  width: 14px;
  height: auto;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.leftAnimation {
  margin-left: calc(0px - 100px) !important;
  opacity: 1 !important;
}

.topAnimation {
  transform: translatey(0%) !important;
  opacity: 1 !important;
  z-index: 7 !important;
}

.fixt_menu_left img {
  width: 20px;
  height: auto;
}

.close_x img {
  width: 14px;
  height: auto;
}

.fullscrean .leftAnimation {
  margin-left: 0% !important;
  opacity: 1 !important;
}

.ringring #GameLeaderboard .hexagon_container.hex_D {
  position: relative;
  margin-bottom: 13px;
}

.close_leader {
  position: absolute;
  top: 15px;
  right: 15px;
}

.mainconteiner {
  position: relative;
  width: 100%;
  margin-left: 80px;
}

div#GameLeaderboard .right_wrapper {
  display: grid;
  place-items: center;
  padding-top: 60px;
}

div#GameLeaderboard .GameLeaderboard {
  max-height: none;
}

.ringringConteiner {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  display: flex;
  height: calc(100% - 30px);
}

.RandomingGame {
  border: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0 auto;
}

.fixt_menu_left {
  position: static;
  transform: translate(0);
  background: none;
  cursor: pointer;
  margin-left: 20px;
  border-radius: 0px 7px 7px 0px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 37px;
}

.close_x {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #333d52e6 0% 0% no-repeat padding-box;
  display: grid;
  place-items: center;
  position: absolute;
  top: -26px;
  right: -5px;
  z-index: 20;
}

.tournametlocker {
  display: flex;
  margin: 0px auto;
  font-size: 18px;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 456px;
}

.prize-every-day > div span:nth-child(1),
.prize-every-day > div span:nth-child(3),
.prize-every-day > div a {
  /* 74.064% */
  color: var(--primary-text);
  font-family: "PBCasino";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 14.904px;
  /* 74.519% */
  text-transform: uppercase;
}

.prize-every-day > div span:nth-child(2) {
  /* -webkit-transform: matrix(1, 0, -0.15, 0.99, 0, 0); */
  color: #fff;
  text-align: center;
  font-family: "PBCasino";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 29.625px;
  /* 84.683% */
  letter-spacing: -2.099px;
  text-transform: uppercase;
}

.prize-every-day > p {
  margin: 0;
  font-family: "PBCasino";
  font-style: normal;
  font-size: 16px;
  line-height: 15px;
  text-transform: uppercase;
  background: linear-gradient(91deg, #00efe5 13.46%, #b8e7fb 99.55%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  font-weight: 500;
  /* 93.148% */
}

[lang="en"] .prize-every-day > p {
  text-align: center;
}

.prize-every-day > div {
  display: grid;
  grid-template-columns: max-content max-content max-content;
  align-items: baseline;
  column-gap: 8px;
  margin-bottom: 4px;
}

.prize-every-day {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  margin-bottom: 27px;
  /* text-align: center; */
  /* padding-left: 15px; */
}

.header_title > h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "PBCasino";
  font-style: normal;
  font-weight: 900;
  line-height: min(calc(100vw * 0.06), calc(100vh * 0.06));
  text-transform: uppercase;
  color: #e6f1ff;
  /* transform: matrix(1, 0, -0.15, 0.99, 0, 0); */
  /* -webkit-transform: matrix(1, 0, -0.15, 0.99, 7, 0); */
  margin: 0;
  font-size: min(calc(100vw * 0.07), calc(100vh * 0.07));
  letter-spacing: 1px;
  grid-column: 2 / 4;
}

.header_title-h1 > img {
  width: 100%;
  display: block;
  height: auto;
  margin-left: 40px;
  padding: 0 20px;
}

.header_title .provider-logo {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  height: auto;
}

.top-head.header_title h2 {
  font-family: "PBCasino";
  font-style: normal;
  font-weight: 900;
  font-size: min(calc(100vw * 0.026), calc(100vh * 0.026));
  line-height: 21px;
  text-transform: uppercase;
  /* background: linear-gradient(87.14deg, #00E0FF 0.79%, #3285FF 66.4%, #3FADFF 95.5%); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  background-clip: text;
  text-fill-color: transparent;
  /* transform: matrix(1, 0, -0.15, 0.99, 0, 0); */
  margin: 9px 0 13px;
  position: relative;
  width: max-content;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  color: #fac301;
}

span.start-end-date {
  font-family: "PBCasino";
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  color: #e6f1ff;
  opacity: 0.8;
  transform: matrix(1, 0, -0.12, 0.99, 0, 0);
  align-self: center;
  margin: 6px 0 16px;
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  text-align: end;
}

.provider-logo > img {
  width: 100%;
  height: auto;
  display: block;
}

.provider-logo {
  width: min(195px, 100%);
  height: auto;
  max-width: min(calc(100vw * 0.3), calc(100vh * 0.3));
  align-self: center;
  margin: 0px auto 0;
}

.top-head.header_title h2::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/vip-tournament-assets/Vector1.png?v=20240828);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

.label-center .head::before,
.label-center .head::after,
.label-center .header_title::before,
.label-center .header_title::after {
  content: "";
  position: absolute;
  background-size: min(100%, 150px);
  background-repeat: no-repeat;
  width: 100%;
  z-index: 0;
  max-width: min(calc(100vw * 0.3), calc(100vh * 0.3));
}

.tabcontent .microdiv3_p {
  text-align: center;
  font: normal normal 400 14px/20px Roboto;
  letter-spacing: 0.4px;
  color: #e6f1ff;
  padding: 11px 12px;
}

.top-head.header_title h1::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0px;
  background-image: url(/images/vip-tournament-assets/additional-title-image.png?v=20240828);
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  max-width: min(calc(100vw * 0.03), calc(100vh * 0.03));
}

.top-head.header_title h1::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 10px;
  right: 0px;
  height: 100%;
  background-image: url(/images/vip-tournament-assets/additional-title-image.png?v=20240828);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: min(calc(100vw * 0.03), calc(100vh * 0.03));
}

.GameFirstconteiner div img {
  width: 100%;
  max-width: 60px;
}

.slotconteinermega {
  opacity: 1;
  height: 100%;
  scroll-margin-top: 80px;
  margin: 0 30px;
}

.prizes-container {
  height: 50%;
  overflow-y: auto;
}

.artboard2 {
  height: inherit;
}

.artboard2[data-prizes="list-prizes"] {
  height: auto;
}

body > main > section > div > div.ringring > div.mainconteiner > div.hex_mobile_on_game.non_landscape.non-desktop > div.top > div.hexagon_container.hexagon_center > div.hexagon > div > div:nth-child(1) > span.time {
  font-size: 12px;
}

/* START MOBILE */
@media only screen and (max-width: 900px) {
  div#games_event {
    margin: 0;
  }

  .GameLeaderboard {
    height: auto;
  }

  header .account ul.nav.non-out.non-desktop > li > a {
    height: auto;
  }

  .content_wrapper {
    position: relative;
    height: 100%;
    background: linear-gradient(360deg, #15171d 0%, rgba(21, 23, 29, 0.53125) 30%, rgba(21, 23, 29, 0) 100%);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
  }

  div#GameLeaderboard .right_wrapper {
    display: block;
    padding-top: 20px;
  }

  div#GameLeaderboard .fix_img {
    position: fixed;
    top: 0px;
    left: 0;
    height: auto;
    width: 100%;
    z-index: -1;
  }

  .tabcontent_wrapper {
    justify-content: space-between;
    background: #1c212b;
  }

  .tabcontent_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #0c225e;
  }

  .artboard2,
  .rankingList {
    z-index: 1;
  }

  .tabcontent_wrapper > .right,
  .tabcontent_wrapper > .left {
    position: relative;
    z-index: 2;
    background: none;
  }

  .hex_mobile_on_game {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    transition: all 0.8s ease-out;
  }

  .hex_mobile_on_game .CloseIFrame {
    cursor: pointer;
    background: #00000080;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 2px;
    margin: 0px 10px 0 0;
  }

  .hex_mobile_on_game .CloseIFrame img {
    width: 16px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(1237%) hue-rotate(177deg) brightness(102%) contrast(104%);
    opacity: 0.5;
  }

  body > main > section > div > div.side.center.slots.mobile > div.GameMegaconteiner > div.topdivLabel.non_scrollbar > div.GameFirstconteiner > div {
    display: grid;
    place-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
  }

  .header_img {
    max-width: min(calc(100vw * 0.9), calc(100vh * 0.9));
    scale: 1.3;
  }

  .hex_mobile_on_game .top {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #00efe5;
    padding: 0 12px;
    background: #054eb9 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 43px #000000ce;
    transition: all 0.8s ease-out;
  }

  .hex_mobile_on_game .bootom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }

  .right_hide_top_menu {
    position: relative;
    width: 100px;
    height: 50px;
  }

  .right_hide_top_menu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #00efe5;
    z-index: 1;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
  }

  .right.close_hex_mobile {
    background: #333d52e6 0% 0% no-repeat padding-box;
    margin: 0;
    z-index: 1;
    padding: 6px 6px 2px;
    border-radius: 0 10px 10px 0;
    opacity: 0;
  }

  .right.close_hex_mobile img {
    width: 20px;
    height: auto;
  }

  /* dv */
  .hex_mobile_on_game .hexagon {
    width: 72px;
    height: 65px;
  }

  .hex_mobile_on_game .hexagon_content {
    width: 72px;
    height: 65px;
  }

  .hex_mobile_on_game .left {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .hex_mobile_on_game .hexagon_container {
    margin-right: -53px;
  }

  .hex_mobile_on_game span.countdown {
    font: normal normal 900 14px/15px Roboto;
    padding-right: 24px;
  }

  .hex_mobile_on_game .hexagon_content span.round,
  .hex_mobile_on_game .hexagon_content span.my_place_text,
  .hex_mobile_on_game .hexagon_content span.my_points {
    font: normal normal 900 10px/19px PBCasino;
  }

  .hex_mobile_on_game .hexagon_content span.time,
  .hex_mobile_on_game .hexagon_content span.my_place,
  .hex_mobile_on_game .hexagon_content span.myP {
    font: normal normal 900 21px/19px PBCasino;
  }

  .hexagon_container.hex_mobile_on_game {
    background: #054eb9 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 53px #000000b4, 0px 0px 0px #0896f4;
    width: 100%;
    height: 60px;
    position: static;
    transform: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #00efe5;
    overflow: hidden;
    padding: 0 30px;
  }

  .hexagon_container.hex_mobile_on_game .hexagon {
    clip-path: none;
  }

  .hexagon_container.hex_mobile_on_game img.frame {
    position: static;
    width: 50px;
    height: auto;
  }

  .hexagon_container.hex_mobile_on_game span.countdown {
    position: relative;
  }

  #leader > div > div.GameLeaderboard {
    max-height: none;
    flex-grow: 1;
    padding: 0 13px;
    z-index: 1;
  }

  .mainconteiner {
    margin-left: 0px;
    position: relative;
  }

  .ringring #GameLeaderboard {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: var(--app-height);
    margin: 0;
    opacity: 0;
    z-index: 0;
    transform: translatey(-100%);
    /* overflow: hidden;
		background-image: linear-gradient(180deg, #00000000 0%, #00000063 24%, #000000F2 50%, #000000 100%), url(/images/vip-tournament-assets/backgr_M.png);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain; */
  }

  .fixt_menu_left {
    position: absolute;
    top: 20%;
    left: 0;
    transform: translateY(-50%);
    background: #333d52e6 0% 0% no-repeat padding-box;
    margin: 0;
    z-index: 1;
  }

  .close_x {
    right: 49px;
  }

  .hexagon_container {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -350%) scale(0);
    display: inline-block;
    z-index: 6;
    transition: all 0.8s ease-out;
    transform-origin: 0 -300%;
    transform-origin: center center;
  }

  .hexagon_container img.frame {
    /* width: 200%;
		height: 200%;
		position: absolute;
		z-index: 0;
		top: auto;
		left: auto; */
  }

  .ringring {
    width: 100%;
    /* padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); */
    padding: 0;
  }

  .minidiv4e {
    max-height: 100%;
    /* background: #000323;
		margin-top: -100px; */
    margin-top: 0px;
  }

  .navAndTerms {
    position: relative;
    z-index: 4;
  }

  .event_hour {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 182px;
  }

  .points_info {
    /* align-items: center; */
    padding: 7px 20px;
    margin: 0 10px;
  }

  .container_dropdown {
    /* max-width: 115px; */
    /* margin-left: 12px; */
  }

  .datetime li span.time {
    font: normal normal 900 16px/16px PBCasino;
  }

  .datetime li span.round {
    font: normal normal 500 13px/13px Roboto;
  }

  .datetime li {
    width: 100%;
    margin-right: 30px;
  }

  .datetime {
    margin: 0 0 10px 0;
    justify-content: start;
    width: var(--app-width);
    overflow: hidden;
    overflow-x: auto;
  }

  .points_info > img {
    top: 5px;
    align-self: center;
  }

  body.nonie .grid-layout {
    margin-top: 0px;
    min-height: 160px;
  }

  ::-webkit-scrollbar {
    height: 2px;
  }

  .GameMinjsx2 {
    overflow: hidden;
    overflow-x: scroll;
  }

  .GameFirstconteiner div img {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
  }

  html[lang="en"] .GameFirstconteiner .header_title-h1 img {
    width: 100%;
    max-width: fit-content;
    padding: 0;
    margin: 0 auto;
  }

  .GameFirstconteiner img.heroesBb {
    max-width: min(calc(100vw * 0.9), calc(100vh * 0.9));
    position: relative;
    z-index: 1;
  }

  .controlcenter {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .tournament-description-container {
    padding: 0px;
    margin-top: 0px;
    background: #0f1c4b;
  }

  .controlcenter h2 {
    font-size: 26px;
    margin: 0px;
  }

  .tabz {
    overflow: hidden;
    /*background: #1b3778;*/
    border-top-left-radius: 29px;
    border-top-right-radius: 29px;
    margin-top: -2px;
    padding: 2px;
  }

  .tabcontent {
    position: relative;
  }

  .tournametmagaconteiner {
    border-radius: 0px;
  }

  .prizepoolwin {
    display: none;
  }

  html[lang="bg"] .tournametmagaconteiner {
    /*   background-image: url(/images/tournament/tounr-2.png);*/
  }

  .GameFirstconteiner1 {
    height: 236px;
  }

  .GameMinjs {
    flex-wrap: wrap;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: 10px;
  }

  .GameMinjsZ {
    flex-wrap: wrap;
    width: 1100px;
    padding: 0px 5px;
  }

  .GameMegaconteiner {
    display: block;
    height: 100%;
  }

  .tabz button {
    background: inherit;
    border-bottom: 4px solid gray;
  }

  .tabz button.active {
    border-bottom: 4px solid #00efe5;
    color: #00efe5;
  }

  .GameFirstconteiner {
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    position: relative;
    min-height: auto;
  }

  .GameSecondconteiner {
    width: 100%;
    display: grid;
    z-index: 1;
  }

  .GameFirstconteiner h3 {
    text-align: center;
    font: normal normal 900 20px/26px PBCasino;
    letter-spacing: 0px;
    color: #00efe5;
    text-transform: uppercase;
    background: #00000099 0% 0% no-repeat padding-box;
    padding: 4px 10px;
  }

  .GameFirstconteiner h2 {
    text-align: center;
    font: normal normal 900 43px/52px PBCasino;
    letter-spacing: 0px;
    color: #e6f1ff;
    text-transform: uppercase;
    margin: 0;
  }

  .header_title > h1 {
    flex-direction: column;
    column-gap: 5px;
    font-weight: 900;
    font-size: 52px;
    line-height: 44px;
    grid-column-end: span 5;
    position: relative;
  }

  .top-head.header_title h1 span::before {
    max-width: min(calc(100vw * 0.15), calc(100vh * 0.15));
  }

  .top-head.header_title {
    margin-right: 0;
    width: 100%;
  }

  .GameFirstconteiner img {
    height: auto;
    margin: 0;
    width: 100%;
  }

  .header_title .provider-logo {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    max-width: min(calc(100vw * 0.35), calc(100vh * 0.35));
  }

  .top-head.header_title h2 {
    font-weight: 900;
    font-size: 24px;
    line-height: 22px;
    margin: 0;
    grid-column: 2 / 4;
    margin: 6px 0 13px;
  }

  span.start-end-date {
    font-weight: 900;
    font-size: 16px;
    line-height: 23px;
    width: max-content;
    margin: 0 0 0 auto;
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    text-align: end;
  }

  /* .topdivLabel {
        position: relative;
        width: 100%;
        z-index: 2;
        background-image: url(/images/vip-tournament-assets/background_mobile.png?v=20240828);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
        top: -53px;
        padding-top: 66px;
    } */
  .topdivLabel {
    background-image: url(/images/vip-tournament-assets/background_mobile.png?v=20240828);
    position: relative;
    width: 100%;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    top: -69px;
    padding-top: 66px;
  }

  .GameMiniconteiner {
    display: block;
  }

  .tabz button {
    width: 33.3%;
  }

  .GameFirstconteiner1 {
    width: 100%;
  }

  .GameRules {
    width: 48.5%;
    margin: 0px;
    background: #0056bc;
    margin-left: 8px;
    margin-bottom: 8px;
    border-radius: 8px;
  }

  .secondspan {
    font-size: 18px;
  }

  .Gamekoef {
    font-size: 14px;
  }

  .GameSecondconteiner {
    width: 100%;
    /* overflow: auto; */
  }

  .navAndTerms {
    /* background: #15171D; */
  }

  .fistspan {
    font-size: 12px;
  }

  #GameLeaderboard {
    max-height: none;
  }

  .GamePlace2 {
    font-size: 28px;
  }

  .GameSecondconteiner {
    margin-left: 0px;
    max-height: 100%;
    border-radius: 0px;
  }

  .tabz button {
    border-radius: 0px;
    border: 0px solid #232833;
    border-bottom: 4px solid rgb(84 84 84 / 52%);
  }

  .tournametlocker {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    transform: translateX(0);
    padding: 0px 38px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .ringringConteiner {
    height: calc(var(--app-height) - 60px);
    position: relative;
    z-index: 0;
  }

  .transvf {
    line-height: 26px;
  }

  .tabcontent p {
    font-size: 18px;
  }

  .microdiv3 {
    background: #333d52e6 0% 0% no-repeat padding-box;
    border-radius: 4px;
    position: relative;
    margin-top: 0px;
  }

  .tournametlocker img {
    width: 80px;
    height: auto;
  }

  .tk-myriad-pro {
    resize: both;
    overflow: auto;
  }

  @media (orientation: portrait) {
    #draggable-elem {
      display: none;
    }

    .ringringConteiner {
      /* height: calc(var(--app-height) - 60px); */
      height: calc(var(--app-height) - 0px);
    }

    .RandomingGame {
      /* height: calc(var(--app-height) - 60px); */
      height: calc(var(--app-height) - 0px);
    }

    .fixt_menu_left {
      display: none;
    }
  }

  @media (orientation: landscape) {
    #draggable-elem {
      cursor: pointer;
      position: absolute;
      transform: translate(0%, -50%);
      top: 50%;
      left: 90px;
      z-index: 2;
    }

    .ringring {
      padding: 0;
    }

    .non_landscape {
      display: none !important;
    }

    .hex_mobile_on_game {
      display: none;
    }

    .ringringConteiner {
      height: calc(var(--app-height) - 30px);
    }

    .tabcontent_wrapper {
      all: unset;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    .tabcontent_wrapper .btn_close,
    .tabcontent_wrapper .right {
      all: unset;
      width: 100%;
      max-width: 160px;
      background: black;
      height: 100%;
      display: grid;
      place-items: center;
    }

    .ringring #GameLeaderboard .hexagon_container.hex_D.hexagon_landscape {
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      transform: translate(0) !important;
    }

    img.close_right {
      padding: 0;
    }

    .ringring div#GameLeaderboard .GameLeaderboard {
      max-height: var(--app-height);
      overflow: auto;
    }

    div#GameLeaderboard .right_wrapper {
      height: 100%;
      display: grid;
      padding-top: 0;
    }
  }

  .top-head.header_title h1 span {
    position: relative;
  }

  .top-head.header_title h1 span:first-child::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    top: 0px;
    left: -65px;
    background-image: url(/images/vip-tournament-assets/VectorSmart.png?v=20240828);
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    max-width: 55px;
  }

  .tabcontent .microdiv3_p {
    margin: 0 0 10px 0;
    padding: 0;
  }

  .top-head.header_title:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg, rgba(28, 33, 43, 0) 0%, #15171D 100%); */
    z-index: 0;
  }

  .slotconteinermega {
    height: 100%;
    overflow: unset;
  }

  .tabcontent_wrapper .left,
  .tabcontent_wrapper .right {
    background-image: url(/images/vip-tournament-assets/background_mobile-menu.png?v=20240828);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px;
  }

  .tabcontent_wrapper .right {
    padding: 50px;
  }

  .top-head.header_title h1::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    bottom: 3px;
    left: 0px;
    background-image: url(/images/vip-tournament-assets/additional-title-image.png?v=20240828);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: min(calc(100vw * 0.05), calc(100vh * 0.05));
  }

  .top-head.header_title h1::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 3px;
    right: 0px;
    height: 100%;
    background-image: url(/images/vip-tournament-assets/additional-title-image.png?v=20240828);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: min(calc(100vw * 0.05), calc(100vh * 0.05));
  }
}

/* END MOBILE */

.prizeEuro {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 14px;
}

.starttour {
  background: #00a03d 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  width: 80px;
  text-align: center;
  color: white;
  padding: 2px;
  margin: 8px 6px;
  float: left;
}

select {
  -webkit-appearance: menulist;
}

.mobile .grid-layout {
  padding: 11px 10px !important;
}

.GameCountdown2 {
  border-radius: 10px;
  padding: 4px;
  text-align: center;
}

.transvf {
  line-height: 50px;
}

.GameCountdown2 div {
  width: 33%;
  display: contents;
}

.clockrace {
  display: flex;
  margin: 39px 0px auto;
  font-size: 18px;
}

.GameCountdown3 {
  background: #232833;
  border-radius: 10px;
  padding: 4px;
  text-align: center;
}

.GameCountdown3 div {
  width: 33%;
  display: contents;
}

.GameMyPoints .positionGame .position {
  opacity: 1;
}

.GameMyPoints p {
  opacity: 1;
  color: white;
}

.GameMyPoints span {
  opacity: 1;
}

@media screen and (max-width: 420px) {
  .GameFirstconteiner1 {
    height: 450px;
  }

  .GameRules {
    width: 47%;
  }

  .rankingList {
    max-height: 100% !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 380px) {
  .GameFirstconteiner1 {
    height: 420px;
  }
}

@media screen and (max-width: 320px) {
  .GameFirstconteiner1 {
    height: 360px;
  }
}

.loader {
  background: #02314d;
}

.hidden {
  display: none !important;
}

.GameLeaderboard {
  margin: 0 auto;
  margin-top: 16px;
}

.Torunametdate {
  display: flex;

  /* flex-direction: row-reverse; */
}

.calendar,
.datepick {
  background: #29303c;
  font-size: 18px;
  line-height: 22px;
  color: #e6f1ff;
  cursor: pointer;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select-dropdown__list-item span:first-child {
  color: #e6f1ff;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.13px;
}

.select-dropdown__list-item span:last-child {
  color: #e6f1ff;
  text-align: right;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.13px;
}

.activete {
  background: #e4edf8 0% 0% no-repeat padding-box;

  color: #1e232b;
}

.Torunametxdate {
  margin-top: 12px;
}

.calendar.activete .time > span {
  color: #15171d;
}

.calendar.activete .time > img {
  -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(4%) saturate(4042%) hue-rotate(187deg) brightness(97%) contrast(91%);

  filter: brightness(0) saturate(100%) invert(5%) sepia(4%) saturate(4042%) hue-rotate(187deg) brightness(97%) contrast(91%);
}

.time > span {
  font-size: 10px;

  line-height: 12px;

  color: #e6f1ff;

  font-family: "Roboto", sans-serif;
}

.calendar .time {
  display: grid;

  place-items: center;

  row-gap: 4px;
}

.GameLeaderboard div#period {
  width: 186px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #29303c;
  position: absolute;
  right: 0;
  top: 63px;
  border-radius: 10px;
  z-index: 1;
}

.period input[type="date"] {
  width: 167px;

  height: 39px;

  margin: 0px auto;

  padding: 0px;

  background-color: transparent;

  border: none;

  color: white;
}

input#period_from_date::-webkit-calendar-picker-indicator {
  filter: invert(1);
  width: 30px;
  height: 30px;
}

.period > div {
  display: flex;

  justify-content: space-between;

  padding: 0px 15px 0px 25px;
}

.period .title {
  display: flex;

  font-size: 12px;

  color: #e6f1ff;

  opacity: 60%;

  margin: 6px 23px 4px;
}

.period {
  display: flex;
  width: 170px;
  height: 59px;
  border-radius: 10px;
  border: 1px solid #e6f1ff1a;
  flex-direction: column;
  background: #e6f1ff33;
  margin-top: 10px;
  justify-content: center;
  margin: 10px auto 0;
}

.period .periodMenu {
  margin: 0 auto;
}

body.desktop .periodMenu {
  justify-content: left;
  display: inline-table;
  margin: 0px;
  background: #e6f1ff33;
  border-radius: 10px 10px 0 0;
}

.desktop .grid-layout {
  padding: 11px 30px !important;
}

.normalButton {
  /* background: #0077ff; */

  cursor: pointer;
}

div#periodResultsButton {
  padding: 22px 0px;
  color: white;
  width: 100%;
  background: #e6f1ff33;
  border-radius: 0 0 10px 10px;
}

.option-container {
  width: 100%;
  max-width: 216px;
  height: 43px;
  box-shadow: 0px 0px 6px #00c2ff;
  border: 1px solid #e4edf8;
  border-radius: 5px;
  margin-top: 20px;
  overflow: hidden;
}

select#historyType {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  color: #e6f1ff;
  font-weight: bold;
  padding-left: 13px;
  margin: 0;
}

select#historyType option {
  background-color: #29303c;
}

.rankingList:empty:before {
  content: "В момента няма налична история!";
}

html[lang="en"] .rankingList:empty:before {
  content: "There are currently no stories available!";
}

.rankingList:empty {
  padding-top: 18px;
}

.GameMyPoints {
  width: 100%;
  z-index: 0;
}

.positionGame.mypoints.GameMyPoints2 > p,
.Slotleaderboadrdid {
  text-align: left;
  font: normal normal normal 12px/18px Roboto;
  letter-spacing: 0.12px;
  color: #e6f1ff;
}

.GameLeaderboard .myidx {
  display: grid;

  grid-template-columns: 20px max-content 1fr;

  grid-template-rows: 20px;

  align-items: center;
}

.positionGame.mypoints.GameMyPoints2 span.points,
.GameLeaderboard .Slotleaderboadrdprize {
  justify-self: flex-end;
  margin-right: 4px;
  color: #00efe5;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.positionGame.mypoints.GameMyPoints2 span.points {
  margin-right: 9px;
  font: normal normal bold 14px/20px Roboto;
  letter-spacing: 0.11px;
  color: #e6f1ff;
  text-shadow: 0px 0px 4px #0077ff;
  background: transparent;
}

span.position,
span.Slotleaderboadrdnum {
  margin: 0px 16px 0 16px;
  color: #e6f1ff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.15px;
}

.even {
  background: #00ebff0d 0% 0% no-repeat padding-box;
}

.positionGame.mypoints.GameMyPoints2 {
  /* width: 100%; */
  height: 40px;
  background: #00ebff80;
  margin: 21px 0 0px 0;
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  grid-template-rows: 40px;
}

.account-rang .Slotleaderboadrdprize {
  color: #ffffff;

  text-shadow: 0px 0px 4px #0077ff;
}

span.Slotleaderboadrdnum img {
  width: 20px;

  height: auto;
}

.grid-item:not(.addmoregames):hover > .imgCover > h4 {
  font-size: 12px;
}

.grid-item.expanded.span-2:not(.addmoregames):hover > .imgCover {
  height: 100% !important;
}

.microdiv3 {
  display: flex;
  background: #333d52e6 0% 0% no-repeat padding-box;
  border-radius: 4px;
  position: relative;
  padding: 12px 0 10px;
  flex-direction: column;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.microdiv3::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333d52e6;
  background: #333d52e6 0% 0% no-repeat padding-box;
  z-index: -1;
}

.microdiv3_p {
  text-align: center;
  font: normal normal 400 14px/18px Roboto;
  letter-spacing: 0.4px;
  color: #e6f1ff;
  padding: 0;
  margin: 0;
}

.microdiv3_p:first-child {
  margin-bottom: 10px;
}

.Gmaeconteiner h1 {
  text-align: center;
}

.jurjur {
  padding: 18px 45px;
  font-size: 23px;
  cursor: pointer;
  color: #e6f1ff;
  text-decoration: none;
  border-radius: 38px;
  opacity: 1;
  margin: 55px auto 0;
  display: block;
  font-weight: bold;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#0074fa), to(#3c55de)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(top, #0074fa 0%, #3c55de 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #0074fa 0%, #3c55de 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: inset 0px 3px 6px #ffffff52, 2px 6px 10px #00000067;
  box-shadow: inset 0px 3px 6px #ffffff52, 2px 6px 10px #00000067;
}

.ringringtitle {
  width: 100%;
  height: 30px;
  background: #2b2f36;
  padding: 2px 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.titleflexRing {
  max-width: 200px;
  float: right;
  display: flex;
  gap: 16px;
  margin-left: auto;
}

.otherRandring {
  cursor: pointer;
}

.FullRandring {
  cursor: pointer;
}

.CloseIFrame {
  cursor: pointer;
}

.titleflexRing div img {
  width: 74%;
  display: block;
  margin: 4px auto;
}

.fullscrean {
  /* position: fixed;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: 100%;
	  background-repeat: no-repeat;
	  min-height: auto;
	  z-index: 1000000;
	  margin: 0px !important;
	  max-width: 100%;
	  background-image: linear-gradient(180deg, #00000000 0%, #00000063 24%, #000000F2 50%, #000000 100%), url(/images/vip-tournament-assets/backgr_D.png);
	  padding: 0; */
}

.gingname {
  font-size: 16px;
  font-weight: 700;
}

.ringtitlename {
  /* max-width: 50%;
	  float: left; */
}

.ripple-loader {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

.ripple-loader div {
  position: absolute;
  border: 4px solid #454ade;
  border-radius: 50%;
  animation: ripple-loader 1s ease-out infinite;
}

.ripple-loader div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes ripple-loader {
  0% {
    top: 32px;
    left: 32px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    opacity: 0;
  }
}

#draggable-elem.fix_position {
  left: 70px;
}

@media screen and (min-width: 980px) {
  body.nonie .grid-layout {
    grid-template-columns: auto auto auto auto;
    gap: 10px;
  }
}

@media screen and (max-width: 320px) {
  .hexagon {
    width: 60px;
    height: 70px;
  }

  .hexagon_content {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .hexagon_content span.round,
  .hexagon_content span.my_place_text,
  .hexagon_content span.my_points {
    font: normal normal 900 10px/11px PBCasino;
  }

  .hexagon_content span.time,
  .hexagon_content span.my_place,
  .hexagon_content span.myP {
    font: normal normal 900 18px/24px PBCasino;
  }

  span.countdown {
    justify-content: center;
    height: 24px;
    font: normal normal 500 6px/9px Roboto;
  }

  .bottom_menu {
    height: 100px;
  }
}

a[href="#games_event"] {
  position: relative;
}

.imges-animation {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: rotate1 40s linear infinite;
  animation: rotate1 40s linear infinite;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* .imges-animation:nth-child(2) {
    height: min(calc(100vw * 0.7), calc(100vh * 0.7));
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}



.imges-animation {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: rotate1 40s linear infinite;
    animation: rotate1 40s linear infinite;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.imges-animation:nth-child(1) {
    height: min(calc(100vw * 0.7), calc(100vh * 0.7));
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.imges-animation:nth-child(1) img {
    -ms-transform: scale(2);
    transform: scale(2);

}

.imges-animation:nth-child(2) {
    height: min(calc(100vw * 0.7), calc(100vh * 0.7));
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.imges-animation:nth-child(3) {
    width: min(calc(100vw * 0.7), calc(100vh * 0.7));
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.imges-animation:nth-child(4) {
    width: min(calc(100vw * 0.7), calc(100vh * 0.7));
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.imges-animation img {
    width: 60px !important;
    height: 60px;
}

@-webkit-keyframes rotate1 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) scale(2) rotate(180deg);
        transform: translate(-50%, -50%) scale(2) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1) rotate(360deg);
        transform: translate(-50%, -50%) scale(1) rotate(360deg);
    }
} */

.carousel-wrapper.container {
  width: calc(100% - 110px);
  /* overflow: hidden; */
  margin: -2px auto 20px;
  z-index: 1;
}

.carousel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: hidden;
  display: grid;
  column-gap: var(--carousel-gap);
  scrollbar-width: none;
  grid-auto-flow: column;
}

.desktop .carousel {
  justify-content: space-around;
}

.carousel .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 5px;
  color: var(--secondary-text);
  letter-spacing: 0.16px;
  cursor: pointer;
  width: var(--carousel-child-width);
}

.carousel-wrapper {
  width: 100%;
  position: relative;
}

.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

button.left-arrow {
  left: -30px;
}

button.arrow-inactive {
  background: #e6f1ff26 0 0 no-repeat padding-box;
  color: #e6f1ff80;
}

.arrows {
  width: 22px;
  height: 56px;
  color: #00ebff;
  background: #e6f1ff26 0 0 no-repeat padding-box;
  border-radius: 6px;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

p.time {
  width: max-content;
  font-family: PBCasino;
  line-height: normal;
  letter-spacing: -0.32px;
  font-weight: bold;
}

p.round {
  font-family: Roboto;
  font-size: var(--fs-caption-12);
  font-style: normal;
  font-weight: var(--fw-400);
  line-height: var(--lh-16);
  letter-spacing: 0.4px;
}

button.right-arrow {
  right: -30px;
}

.mobile .carousel-wrapper {
  max-width: 90%;
  margin: 0 auto;
  margin: -16px auto 22px;
  z-index: 2;
}

[lang="en"] .mobile div#prize .left span.prize {
  padding-left: 10px;
}