/*
	AnythingSlider v1.8+ Metallic theme
	By Rob Garrison
*/
/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 100%;
	height: 478px;
	list-style: none;
	margin: 0 auto;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-custom {
	margin: 0 auto;
	/* 23px right & left padding for the navigation arrows */
	/*padding: 0 23px;*/
	padding: 0;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-custom .anythingWindow {
	border-top: none;
	border-bottom: none;
}
/* Navigation buttons + start/stop button, default state */
/* Navigation current button, default state */

/* start-stop button, stopped, default state */
/* start-stop button, playing, default state */

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-custom.activeSlider .anythingWindow {
	border-color: transparent;
}

/* Navigation buttons, active state */
/* Navigation current button, active state */

/* start-stop button, stopped, active state */
/* start-stop button, playing, active state */
/* start-stop button, active slider hovered text color (when visible) */

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */

/* back arrow */
/* forward arrow */

/* Navigation Links */

/* navigationSize window */
/* navigationSize nav arrow positioning */

/* Autoplay Start/Stop button */

/***********************
IE8 AND OLDER STYLING
***********************/
/* Navigation Arrows */

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
	apparently, a negative text-indent on an "a" link moves the link as well as the text */
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */

/* fade mode */
/* fade mode active page - visible & on top */

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */ /* move nav link group to left */ /* reverse order of nav links */ /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider .anythingWindow {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
a {
  background-color: transparent;
}
b {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
img {
  border-style: none;
}
button,
input,
select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/*# sourceMappingURL=normalize.min.css.map */
:root {
  --error-color: #ef0000;
  --tooltip-red: inherit;
  --tooltip-green: inherit;
  --tooltip-top: inherit;
  --tooltip-top-ind: inherit;
  --tooltip-left: inherit;
  --tooltip-font-size: inherit;
}

input:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: inset 0 0 0 50px white;
  -webkit-text-fill-color: black;
}

.first_button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.overlay {
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}

#filter-overlay {
  display: none;
  position: fixed;
  z-index: 2147483641;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}

button {
  -webkit-appearance: none;
  background-color: transparent;
  padding: 0 10px;
  margin: 0;
  outline: none;
  cursor: pointer;
}

select:disabled,
input:disabled,
.field__input:disabled {
  background-color: #ededed;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

select {
  outline: none;
}

html {
  position: relative;
}

#overlay {
  display: none;
}

/*------------------ FIELD ---------------*/
.field {
  margin-bottom: 15px;
}

.see-psw {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 100%;
  border: none;
  padding: 0;
  background-image: url(../images/eye.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  opacity: 0.4;
  transition: 0.2s ease all;
  outline: none;
}

.see-psw.hidden {
  background-image: url(../images/eye-off.svg);
}

.field__wrp-input {
  position: relative;
}

.field--without-icon .field__wrp-input::after {
  display: none;
}

.field--reg {
  margin-bottom: 0;
}

.field__label {
  padding-right: 18px;
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  user-select: none;
}

.field__input {
  display: block;
  border: 1px solid #ababab;
  background-color: #fff;
  outline: none;
  color: #000;
  padding: 0 10px;
  text-align: left;
  font-size: 14px;
  height: 41px;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
}

.field__input--psw {
  padding-right: 26px;
}
.field__input--psw::-ms-reveal,
.field__input--psw::-ms-clear {
  display: none;
}

.field_status {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  position: absolute;
  right: 0;
  top: -3px;
  transform: translateY(-100%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  display: none;
}

.field__status--edit {
  background-image: url("../images/waiting.svg");
}

/*------------------- CONTACT -----------------*/

.checkbox {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.checkbox__label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  display: block;
  opacity: 1;
  outline: none;
}

.checkbox__label::before,
.checkbox__label::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center;
}

.checkbox__label:hover,
.checkbox__label:focus {
  opacity: 0.8;
}

.checkbox__button {
  display: none;
}

.checkbox__label::after {
  opacity: 0.5;
  background-image: url(../images/checkbox-passive.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.checkbox__button:checked + .checkbox__label::after {
  background-image: url(../images/checkbox-active.svg);
  opacity: 1;
  width: 16px;
}

.popup-login .popup-login__field {
  margin-bottom: 30px;
}

/*------------------ FIELD ---------------*/
.popup-page-content {
  position: relative;
}

/*============Game popup=============*/

/*============Game popup=============*/

/*==============STATUS===============*/

/*==================================*/

/*========== CONTACT USER ==========*/

/*==================================*/

#games .games .games-block {
  outline: none;
}

/*----------------------- Start game game_providers icon ----------------------- */
.game .game-provider {
  display: none;
  position: absolute;
  z-index: 50;
  margin-top: 113px;
  width: 206px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 70%;
}

#game-data .game-provider {
  max-height: 50px;
  cursor: pointer;
  transition: .3s all ease-in-out;
}

#game-data .game-provider:hover {
  opacity: .7;
}

#game-data .game-provider:active {
  opacity: .4;
}

.game .game-provider.booming {
  background-image: url(../images/booming.svg);
}

.game .game-provider.mancala {
  background-image: url('../images/mancala.png');
}

.game .game-provider.evolution {
  background-image: url(../images/evolution.svg);
}

.game .game-provider.mascot {
  background-image: url(../images/mascot-gaming.svg);
}

.game .game-provider.spinomenal {
  background-image: url(../images/spinomenal.svg);
}

.game .game-provider.vivolive {
  background-image: url(../images/vivo.svg);
  background-size: auto 50%;
}

.game .game-provider.wazdan {
  background-image: url(../images/wazdan.svg);
  background-size: auto 50%;
}

.smartsoft {
  background-image: url("../images/smartsoft.png");
}

.game .game-provider.vivo_redrake{
  background-image: url(../images/redrake.svg);
  background-size: 40%;
  background-position: top -1px center;
}
/*----------------------- End game game_providers icon ----------------------- */

/*----------------- Start bottom game_providers icon ------------*/

.bottom-game {
  height: 35px;
  margin: 0.25em;
  display: inline-block;
  background-position: center;
  background-size: contain;
  transition: 0.4s all ease;
  cursor: pointer;
  width: 175px;
  filter: grayscale(1);
}

.bottom-game.evolution,
.bottom-game.mascot {
  filter: brightness(0.5) grayscale(0);
}

.bottom-game.rubyplay {
  filter: invert(1) grayscale(1);
}

.bottom-game.bgaming {
  filter: invert(0.5) grayscale(1);
}

.bottom-game.redtiger,
.bottom-game.booming,
.bottom-game.smartsoft {
  filter: invert(0.5);
}

.bottom-game:hover {
  background-position: center;
  filter: grayscale(0);
}
.bottom-game.reevo_spribe:hover {
  background-image: url(../images/spribe.svg);
}

/*----------------------- End bottom game_providers icon ----------------------- */

/*----------------- Start game_providers icon link ------------*/

.evolution {
  background-image: url(../images/evolution.svg);
}

.wazdan {
  background-image: url(../images/wazdan.svg);
}

.booongo {
  background-image: url(../images/boongo.svg);
}

.isoftbet {
  background-image: url(../images/isoft-bet.svg);
}

.lucky {
  background-image: url(../images/lucky-streak.svg);
}

.mascot {
  background-image: url(../images/mascot-gaming.svg);
}

.rival {
  background-image: url(../images/rival-not-stroke.svg);
}

.rubyplay {
  background-image: url(../images/rubyplay.png);
}

.spinomenal {
  background-image: url(../images/spinomenal.svg);
}

.redtiger {
  background-image: url(../images/red-tiger.svg);
}

.reevo{
  background-image: url("../images/reevo.svg");
}

.reevo_gamingcorps {
  background-image: url("../images/gamingcorps.svg");
}

.playson {
  background-image: url(../images/playson_min.svg);
  background-size: cover;
}

.netent {
  background-image: url(../images/netend-min.svg);
}

.micro {
  background-image: url(../images/microgaming.svg);
}

.booming {
  background-image: url(../images/booming.svg);
}

.bgaming {
  background-image: url(../images/bgaming.svg);
}

.mancala {
  background-image: url('../images/mancala.png');
}

.betsoft {
  background-image: url(../images/betsoft_min.svg);
}

.tomhorn {
  background-image: url(../images/tom-horn.svg);
}

.vivo,
.vivolive {
  background-image: url(../images/vivo.svg);
}
.reevo_spribe {
  background-image: url(../images/spribe.svg);
}
.platipus {
  background-image: url(../images/vivo_platipus.svg);
}
.leap {
  background-image: url(../images/vivo_leap.svg);
  background-size: 60%;
}
.arrows_edge {
  background-image: url(../images/vivo_arrows_edge.svg);
  background-size: 79%;
}
.vivo_redrake {
  background-image: url(../images/vivo_redrake.svg);
  background-size: 45%;
  background-position: top -8px center;
}

.endorphina_sg {
  background-image: url(../images/endorphina.svg);
}

.habanero_sg {
  background-image: url(../images/habanero.svg);
}

.belatragames_sg {
  background-image: url(../images/belatragames.svg);
}

.caleta_sg {
  background-image: url(../images/caleta.svg);
}

.gamevy_sg {
  background-image: url(../images/gamevy.svg);
  transform: scale(1.3);
}

.eurasian_bingo_sg {
  background-image: url(../images/eurasiangamingbingo.svg);
}

.eurasian_slots_sg {
  background-image: url(../images/eurasiangamingslots.svg);
}
/*----------------------- End game_providers icon link ----------------------- */

#bottom-icons {
  width: 100%;
  margin: 35px auto 19px;
  text-align: center;
}

#bottom-icons .bottom-icon {
  height: 34px;
  margin: 0 6px;
  display: inline-block;
  cursor: pointer;
  background-position: center;
  background-size: contain;
}

#bottom-icons .bottom-icon:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#bottom-icons .clear {
  margin-top: 6px;
}

/*----------------------START PAYMENTS ICON---------------------*/

/*==================== Dynamic credit card in footer =====================*/

.bottom-icon.creditcard.jcb {
  width: 60px;
  background-image: url(../images/jcb.png);
}

.bottom-icon.creditcard.maestro-mastercard-visa {
  width: 180px;
  background-image: url(../images/maestro-master-viza.png);
}
/*==================== Dynamic credit card in footer =====================*/

/*==================== Dynamic credit card =====================*/
/*==================== Dynamic credit card =====================*/

/* Bitcoin */
/* END Bitcoin */

.more__dropbtn {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

/*----------------------END PAYMENTS ICON---------------------*/

#bottom-icons .cashlib {
  width: 72px;
}

#bottom-icons .continent_pay_giropay {
  width: 51px;
  background-image: url(../images/giropay.png);
}

#bottom-icons .cashtocode_direct {
  width: 97px;
  background-image: url(../images/cashtocode.png);
}

#bottom-icons .flexepin {
  width: 85px;
  background-image: url(../images/apco_flexepin.png);
}

/*====================  Dynamic credit card logo for footer =============*/
/*====================  Dynamic credit card logo for footer =============*/

/*-------START HISTORY--------------*/

/*-------END HISTORY-----------*/

/*-------START WITHDRAWAL (TAB HISTORY AND WITHDRAWAL)---------------*/

/*.withdrawal__text-tablet {
  border-right: 1px solid #e1e1e1;
}*/

@media (max-width: 375px) {
  .add-to-home-screen__tab-icon {
      display: inline-block;
      width: 25px;
      height: 30px;
      margin: 5px 10px 5px 9px;
  }
  .add-to-home-screen__icon-plus {
      width: 30px;
      height: 30px;
      background-size: 16px;
      border-radius: 10px;
  }
}

@media (max-width: 374px) {

  .add-to-home-screen__tab-icon {
      margin: 0 5px;
  }
}

/*-------END WITHDRAWAL (TAB HISTORY AND WITHDRAWAL)---------------*/

/*попап с турнирами */

/* END попап с турнирами  */

/*-------------------------------------------MAIN INFO TOURN--------------------------------*/

/*-------------------------------*/

/*--------------------------*/

.img-wait--main {
  background-image: url("../images/gif-load.gif");
  background-size: contain;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  display: none;
}

@media (max-width: 550px) {
  /*. {
      align-items: center;
  }*/
}

/*-------------------- топ юзеров в блоке с игрой ----------------------------------*/
.game-tournaments-score {
  /* width: 100%; */
  max-width: 400px;
}

.game-top-tourn-items {
  color: white;
  /* display: none; */
}

.game-turn-top-title {
  margin-bottom: 0;
  color: #d4b52e;
  font-size: 19px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
}

.game-top-tourn-items {
  display: none;
  font-weight: normal;
  font-size: 14px;
}

.game-tournaments-score {
  position: relative;
  flex-grow: 1;
  overflow-y: auto !important;
  height: 0;
  margin-bottom: 15px;
  display: none;
}

.game-tournaments-score .loading--small {
  margin: 0;
  background-size: cover;
  top: 10px;
  position: static;
  left: 0;
  margin: 0 auto;
  transform: none;
}

.game-top-tourn-items {
  position: relative;
}

/*----------------------Адресс начало -----------------------------------------------*/

/*----------------------Адресс конец-----------------------------------------------*/

/*----------------------Иконка турнира на игре начало-----------------------------------------------*/

/*----------------------Иконка турнира на игре конец-----------------------------------------------*/

/* capcha validate error */

/*/ capcha validate error /*/

.img-wait-games {
  background-image: url("../images/gif-load.gif");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 120px;
  display: none;
  position: fixed;
  z-index: 2147483641;
}

/*Checkboxes status styles*/

/*=====START===========LOGO PAYMENTS AS YOU TYPE======START======*/

/*=====END===========LOGO PAYMENTS AS YOU TYPE======END======*/

/* styles for amount_interac_entransfer, amount_mifinity */
/*-------------------- START history table game rapid--------------*/

/*-------------------- END history table game rapid--------------*/

/*----- START PAGINATION TABLE HISTORY ---------------*/

/*----- END PAGINATION TABLE HISTORY ---------------*/

/*----------------------- Popup info ----------------*/

.popup-info {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  display: none;
}

.popup-info_overlay {
  display: block;
}

.popup-info_wrp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 450px;
  background-color: black;
  z-index: 3001;
  padding: 10px;
  box-sizing: border-box;
}

.popup-info_button-wrp {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
}

.popup-info_button {
  min-width: 100px;
}

.popup-info_title {
  font-size: 1.6em;
  margin-top: 5px;
  margin-bottom: 20px;
}

.popup-info_text {
  font-size: 1em;
  margin-bottom: 10px;
  margin-top: 5px;
}

.popup-info_text-wrp {
  color: white;
  text-align: center;
}

.popup-info_warning {
  font-size: 0.8em;
  margin: 0;
  color: red;
  font-weight: normal;
}

.popup-info_button.js-hide {
  display: none;
}

/*------------ popup game mobile---------------*/

.popup-game {
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}

/*------------ popup game mobile ---------------*/

/* ----------- START registration -----------*/

.registration__fields-wrp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-items: flex-end;
  grid-gap: 20px 15px;
  margin-bottom: 35px;
}

.registration__checkbox-wrp {
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  padding: 7px 0;
  margin-bottom: 15px;
}

.registration__checkbox-label {
  font-size: 12px;
}

/* ----------- END registration -----------*/

.popup-menu .priv-policy {
  user-select: none;
  display: none !important;
}

/*-------------- START password indicator ---------------*/
.password-indicator {
  background-color: #ababab;
  height: 4px;
  width: 100%;
  margin: 0 auto;
  transform: translateY(100%);
  position: absolute;
  bottom: -3px;
  border-radius: 10px;
  overflow: hidden;
}

.password-indicator__progress {
  transition: 0.4s ease all;
  height: 100%;
}

[data-password-strength="very-weak"] {
  background-color: #9f0202;
  width: 20%;
}

/*-------------- END password indicator ---------------*/
.popup-page .popup-content {
  min-height: 500px;
  display: none;
}

.popup-page .popup-content.active {
  display: block;
}

.popup-content.profile {
  min-height: auto;
}

.popup-page .popup-content--forgot-psw,
.popup-content.change-password,
.popup-page .popup-content--reset-psw {
  min-height: auto;
  padding-bottom: 30px;
}

.tooltip-red {
  display: none;
  position: absolute;
  top: var(--tooltip-top);
  font-size: var(--tooltip-font-size);
  text-align: left;
  line-height: 1;
  width: 95%;
  height: fit-content;
  z-index: 13;
}

.tooltip-red {
  color: var(--tooltip-red) !important;
}

.popup-login__form .tooltip-red{
  left: 1em;
}

.tooltip-red.password-equal {
  font-size: 9px;
}

.tooltip-red span {
  text-align: left;
  font-weight: 300;
}
/*---------- END Tooltip -----------*/

/*========== popup add to home page ============*/
.add-to-home-screen {
  display: block;
  z-index: 9999999999;
  position: fixed;
  width: 100%;
  max-width: 220px;
  padding: 5px 18px;
  box-sizing: border-box;
  background: linear-gradient(45deg, #cdcdcd 4.82%, #ececec 94.6%);
  border-radius: 5px;
  border: 1px solid #85888f;
  box-shadow: 0 0 10px 1px #5b5858;
}

/*For Ipad the same styles as on the phone in landscape mode*/

/*For Ipad the same styles as on the iphone in landscape mode*/

.add-to-home-screen__tab-icon {
  display: inline-block;
  width: 30px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCA1NyA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMjMuNUg5QzUuMTM0MDEgMjMuNSAyIDI2LjYzNCAyIDMwLjVWNjQuNUMyIDY4LjM2NiA1LjEzNDAxIDcxLjUgOSA3MS41SDQ4QzUxLjg2NiA3MS41IDU1IDY4LjM2NiA1NSA2NC41VjMwLjVDNTUgMjYuNjM0IDUxLjg2NiAyMy41IDQ4IDIzLjVIMzciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNCIvPgo8cGF0aCBkPSJNMjcuNSA0OFYyTTI3LjUgMkw0MC41IDE1TTI3LjUgMkwxNC41IDE1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-size: contain;
  background-position: center;
  margin: 5px 19px 5px 14px;
}

.add-to-home-screen__icon-plus {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../images/add-to-hs-plus.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  border-radius: 15px;
  margin-left: 12px;
}

.iphone-plus {
  display: flex;
  align-items: center;
}

.add-to-home-screen_cancel {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 15px;
  height: 15px;
  background-color: #cecece;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
}

.add-to-home-screen__mobile,
.menu-item__add-to-home-screen {
  display: none;
}
/*========== popup add to home page ============*/

/*------------ expire bonus popup --------------*/
/*------------ expire bonus popup --------------*/

/*============== popup template ===================*/

.popup-template {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  overflow-x: hidden;
  overflow-y: auto;
}

.popup-template__content {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin: 20px auto;
  min-height: calc(100% - 40px);
}

.popup-template__content--center {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*============== popup template ===================*/
.reg-popup-game__info {
  position: relative;
  z-index: 1;
  border: 1px solid white;
  max-width: 320px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  color: white;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

.reg-popup-game__title {
  max-width: 320px;
  width: 100%;
  line-height: 1.2em;
  font-size: 30px;
  margin: 0 0 20px;
}

.reg-popup-game__info .reg-popup-game__btn {
  width: 100%;
  margin-top: 15px;
  min-height: 41px;
}

/*=================== START DEPOSIT CREDIT CARD =================*/

/*=========================== Quick deposit ===========================*/

.password-indicator ~ .tooltip-red {
  top: var(--tooltip-top-ind);
}
/*=================== END DEPOSIT CREDIT CARD =================*/

/*==================== Use Cookie ===============*/
.use-cookie {
  position: fixed;
  bottom: 0;
  transform: translateY(110%);
  width: 100vw;
  z-index: 2147483644; /*if it is less, then the chat will block*/
  background-color: rgb(0, 0, 0);
  padding: 10px;
  box-sizing: border-box;
  border-top: 2px solid #2c2c2c;
  transition: 0.4s all ease-out;
}

.use-cookie__container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.use-cookie__text {
  color: white;
  font-size: 1rem;
}

.use-cookie__text a {
  color: white;
  font-weight: 500;
  transition: 0.4s;
}

.use-cookie__text a:hover {
  opacity: 0.7;
}

.use-cookie__btn {
  margin: 5px 10px;
  min-width: 90px;
  flex-shrink: 0;
}

@media (max-width: 480px) {
  .use-cookie__container {
      flex-direction: column;
      text-align: center;
  }
}

/*==================== Use Cookie ===============*/

/*==================== No Games ===============*/

/*==================== No Games ===============*/

/*==================== Unsupported Popup ===============*/

/*==================== Ban Popup ===============*/

/*  CONTACT PAGE START */

/* tabs */

/* content */
/*  CONTACT PAGE END */


/*  PROGRESS BAR START */

/*  PROGRESS BAR END */


/*  NEW WITHDRAWAL BLOCK START */
/*  NEW WITHDRAWAL BLOCK END */

/* ========== LIMITS BLOCK START ============*/
/* ========== LIMITS BLOCK END ============*/
@media (max-width: 940px) {
  #games .games .games-block.active{
      grid-template-columns: repeat(3, 1fr)!important;
  }
}
@media (max-width: 700px) {
  #games .games .games-block.active{
      grid-template-columns: repeat(2, 1fr)!important;
  }
}
@media (max-width: 462px) {
  #games .games .games-block.active{
      grid-template-columns: repeat(1, 1fr)!important;
  }
}
@media (max-width: 768px) {
  #top-menu{
      display: none;
  }
 .heder-right__btn-desktop{
  display: none;
 }
}
@media (min-width:769px) {
  .hamburger.hamburger4{
      display: none;
      
  }
}
.burger-menu {
  margin-top: 35px;
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 45%;
  min-height: 100%;
  background-color: rgba(0, 70, 0, 0.8);   
  z-index: 10000;
  position: absolute;
  position: fixed;
}
.header-login{
  display: flex;
  flex-direction: column;
}
.burger-menu-logo{
  width: 120px;
}
.main-menu-list span{
  color: white;
}
.main-menu ul{
  list-style: none;
  padding: 0;
}
.none-burger__menu{
  display: none;
}
  #burger-btn{
      z-index: 9999999;
  }  













.visuallyHidden {
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

h1 {
  text-align: center;
}

.hamburger {
  margin-left: 15px;
  margin-top: -6px;
  width: 30px;
  height: 30px;
   position: absolute;
}

.hamburger .bar {
  padding: 0;
  width: 30px;
  height: 4px;
  background-color: white;
  display: block;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  position: absolute; 
}

.bar1 {
  top: 0;
}

.bar2,
.bar3 {
  top: 13.5px;
}

.bar3 {
  right: 0;
}

.bar4 {
  bottom: 0;
}

/* HAMBURGER 1 */

/* HAMBURGER 2 */

/* HAMBURGER 3 */

/* HAMBURGER 4 */

.hamburger4 .bar4 {
  top: 13.5px;
}

.hamburger4 .bar5 {
  bottom: 0px;
}

.hamburger4 .bar {
  transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
}

.hamburger4 .bar2 {
  width: 1px;
  transform: rotate(90deg);
  left: 13.5px;
}

.hamburger4 .bar3 {
  width: 1px;
  left: 13.5px;
  
}

.checkbox4:checked + label > .hamburger4 > .bar1{
  top: 13.5px;
  background-color: transparent;
}

.checkbox4:checked + label > .hamburger4 > .bar2{
  left: 0px;
  width: 30px;
  transform: rotate(45deg);
}

.checkbox4:checked + label > .hamburger4 > .bar3{
  left: 0;
  width: 30px;
  transform: rotate(-45deg);
}

.checkbox4:checked + label > .hamburger4 > .bar4{
  background-color: transparent;
}

.checkbox4:checked + label > .hamburger4 > .bar5{
  bottom: 13.5px;
  background-color: transparent; 
}
.c-nav{

  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-size: 1.0rem;
  font-family: "Barlow Condensed";
  color: #22507c;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #f9f9f9;
  border: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 20px;
 
}
.c-nav__caption{
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: "Barlow Condensed", sans-serif;
  box-sizing: border-box;
  padding-left: 30px;
  font-weight: 700;
  color: #000;
  font-size: 2.4rem;
}
.c-nav nav{
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-size: 1.0rem;
  font-family: "Barlow Condensed", sans-serif;
  color: #22507c;
  box-sizing: border-box;
}
.c-nav ol li a{
  color: rgb(0, 70, 0);
  font-family: "Barlow Condensed", sans-serif;

  text-decoration: none;
}
.w-section{
  padding: 5px;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  -webkit-box-direction: normal;
  box-sizing: border-box;
  padding: 40px 0 65px;
}
.c-h1{
  -webkit-text-size-adjust: 100%;
  -webkit-box-direction: normal;
  box-sizing: border-box;
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  color: #f3bb1a;
  text-transform: uppercase;
  margin: 20px 0 30px;
  font-size: 28px;
  line-height: 36px;
  text-align: left;
  margin-top: 0;
}
.container-full{
  width: 970px;
overflow-x: scroll; }
@media (max-width: 425px) {
  .burger-menu{
      width: 100%;
  }
}
:root {
  --one-border-radius: 0.7em;
  --border-radius: var(--one-border-radius) 0.1em;
  --gold-color: #f3bb1a;
  --tooltip-red: #ef0000;
  --tooltip-green: #00ff00;
  --tooltip-top: 105%;
  --tooltip-top-ind: 120%;
  --tooltip-left: inherit;
  --tooltip-font-size: 0.675em;

  --rgba-white-90: rgba(255, 255, 255, 0.9);
  --rgba-white-35: rgba(255, 255, 255, 0.35);
  --rgba-white-00: rgba(255, 255, 255, 0); /* rgba(255,255,255,0) */
  --rgba-white-10: rgba(247, 247, 247, 0.1);
  --rgba-grey-26: rgba(48, 48, 48, 0.26);
  --rgba-black-90: rgba(0, 0, 0, 0.9); /* rgba(0, 0, 0, 0.878) */
  --rgba-black-60: rgba(0, 0, 0, 0.6);
  --rgba-black-50: rgba(0, 0, 0, 0.5); /* rgba(0, 0, 0, 0.45)  rgba(0, 0, 0, 0.4)*/
  --rgba-black-33: rgba(0, 0, 0, 0.33);
  --rgba-black-20: rgba(0, 0, 0, 0.2);  /* rgba(0, 0, 0, 0.25) rgba(0,0,0,0.25) */
  --rgba-black-15: rgba(0, 0, 0, 0.15);
  --rgba-black-10: rgba(0, 0, 0, 0.1);
  --rgba-black-00: rgba(0, 0, 0, 0);

  --color-basic-black: #000000; /* #000 black rgb(0,0,0) rgb(0, 0, 0) */
  --color-basic-white: #ffffff; /* #fff white rgb(255,255,255) rgb(255, 255, 255) */

  --color-black--100: #232828;
  --color-black--110: #2b2b2b;
  --color-black--120: #212224;
  --color-black--130: #232323;
  --color-black--140: #303030;
  --color-black--150: #283030;
  --color-black--160: #171a1a;

  --color-black--170: #152226;
  --color-black--180: #161616;
  --color-black--190: #171811;

  --color-basic-brown: #a52a2a; /* brown */
  --color-brown--100: #383737;
  --color-brown--110: #523d15;
  --color-brown--120: #453441;

  --color-lightbrown--100: #c59f61;

  --color-basic-gold: #FFD700;/* gold */

  --color-yellow--100: #fbd803; /* rgb(251, 216, 3) */
  --color-yellow--110: #dcc04c;
  --color-yellow--120: #d4b52e;
  --color-yellow--130: #f6c711;
  --color-yellow--140: #fad505;
  --color-yellow--150: #fbd703;
  --color-yellow--160: #ffcd39;
  --color-yellow--170: #f9cf0a;
  --color-yellow--180: #f7c810;
  --color-yellow--190: #e1c652;
  --color-yellow--200: #ffe403;
  --color-yellow--210: #ffcf06;

  --color-yellow--220: #f6cc4b;
  --color-yellow--230: #f9d507; /* rgba(249, 213, 7, 1) */
  --color-yellow--240: #fad605;
  --color-yellow--250: #FBD605;
  --color-yellow--260: #F8CA0F;
  --color-yellow--270: #fbd704;

  --color-darkyellow--100: #b1982c;

  --color-lightyellow--100: #FFF0B6;
  --color-lightyellow--110: #fce65b;
  --color-lightyellow--120: #fce65c;
  --color-lightyellow--130: #f0d165;

  --color-orange--100: #f3ba1b;
  --color-orange--110: #f3bb1a;
  --color-orange--140: #ff9703;
  --color-orange--150: #d70;
  --color-orange--160: #f4bd19;
  --color-orange--170: #f4be18;
  --color-orange--180: #f5c314; /* rgb(245, 195, 20) */
  --color-orange--200: #fdb953;

  --color-lightorange--100: #f7d26b;

  --color-darkorange--100: #c38f2b;
  --color-darkorange--110: #c39d33;
  --color-darkorange--120: #daab01;
  --color-darkorange--130: #c29c29;
  --color-darkorange--140: #DAAA20;
  --color-darkorange--150: #C38F2B;

  --color-basic-grey: #505050; /* grey */

  --color-grey--100: #e1e1e1;
  --color-grey--110: #ededed;
  --color-grey--120: #f7f7f7;
  --color-grey--130: #f2f2f2;
  --color-grey--140: #cccccc; /* #ccc */
  --color-grey--150: #e8e8e8;
  --color-grey--160: #d2d2d2;
  --color-grey--170: #dddddd; /* #ddd #DDDDDD*/
  --color-grey--180: #f3f3f3;
  --color-grey--190: #e9e9e9;
  --color-grey--200: #e2ddd0;
  --color-grey--210: #efefef;
  --color-grey--220: #dcdcdc;
  --color-grey--230: #eeeeee; /* #eee  #EEEEEE*/
  --color-grey--240: #fcfcfc;
  --color-grey--250: #ebebeb;
  --color-grey--260: #fefefe;
  --color-grey--290: #E7E7E7;
  --color-grey--300: #f3f4f7;
  --color-grey--310: #EAEAEA;
  --color-grey--330: #F4F4F4;
  --color-grey--340: #CFCFCF;

  --color-pink-100: #dd2756;

  --color-blue--100: #2b3945;
  --color-blue--110: #0d132c;

  --color-darkgrey--100: #939393;
  --color-darkgrey--110: #a3a3a3;
  --color-darkgrey--120: #616161;
  --color-darkgrey--130: #afafaf;
  --color-darkgrey--140: #585858;
  --color-darkgrey--150: #777777; /* #777 */
  --color-darkgrey--160: #ababab;
  --color-darkgrey--170: #3b4444;
  --color-darkgrey--180: #bbbbbb; /* #bbb*/
  --color-darkgrey--190: #babec7;
  --color-darkgrey--200: #D9D9D9;
  --color-darkgrey--210: #e0e0e0;
  --color-darkgrey--220: #c5c5c5;
  --color-darkgrey--230: #707070;
  --color-darkgrey--240: #797979;
  --color-darkgrey--250: #555555; /* #555 */
  --color-darkgrey--260: #888888; /* #888*/
  --color-darkgrey--270: #4e4e4e;
  --color-darkgrey--280: #8D8D8D;
  --color-darkgrey--290: #C2C2C2;
  --color-darkgrey--300: #838383;
  --color-darkgrey--310: #A0A0A0;

  --color-basic-green: #008000; /* green */
  --color-green--100: #267a05;
  --color-green--110: #357107;
  --color-green--120: #427F37;
  --color-green--130: #438038;

  --color-darkgreen--100: #1d4617;
  --color-darkgreen--110: #1d4717;
  --color-darkgreen--120: #1e4517;
  --color-darkgreen--130: #1e4718;
  --color-darkgreen--140: #2e5213;
  --color-darkgreen--150: #1c302b;
  --color-darkgreen--160: #1c4616;
  --color-darkgreen--180: #153710;
  --color-darkgreen--190: #163D19;

  --color-lightgreen--100: #46823c;
  --color-lightgreen--110: #38a018;
  --color-lightgreen--120: #95ac91;
  --color-lightgreen--130: #45813b;
  --color-lightgreen--140: #F0F6EF;
  --color-lightgreen--150: #73B167;

  --color-lightgreen--150: #90AD8C;
  --color-lightgreen--160: #839B7F;
  --color-lightgreen--170: #4E8439;
  --color-basic-red: #ff0000; /* red */
  --color-red--100: #ba0f0f;
  --color-red--110: #ff0105;
  --color-red--120: #e50000;
  --color-red--130: #D90000;

  --color-lightred--100: #FFF6F6;

  --color-basic-darkred: #8b0000; /* darkred */
  --color-darkred--100: #890404;
  --color-darkred--110: #9f0202;
  --color-darkred--120: #881414;
  --color-darkred--130: #c3180f;

  --color-purple--100: #33235a;

  --main-logo: url('../images/logo_mc_origin.svg');
  --main-logo-big: url('../images/logo_big.png');
  --gif-loader: url('../images/gif-load.gif');
  --fancybox_bg: url('../images/fancybox_alert_bg.png');
}

button {
  font-family: "Barlow Condensed", sans-serif;
  border: none;
}

.first_button,
.second_button {
  font-size: 16px;
  color: var(--color-basic-black);
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0.31em 0.5em;
  border-radius: var(--border-radius);
  border: 1px solid transparent;
  outline: none;
  -webkit-appearance: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-sizing: border-box;
  font-family: "Barlow Condensed", sans-serif;
  text-decoration: none;
}

.first_button {
  text-shadow: 0 1px 1px var(--rgba-white-90);
  background: -webkit-linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  background: linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  border-color: var(--color-yellow--110);
}

.second_button {
  text-shadow: 0 1px 1px var(--rgba-white-90);
  background: var(--color-basic-white);
  border-color: var(--color-grey--100);
}

[data-password-strength="very-weak"] {
  background-color: var(--error-color);
}

/*-----------FIELD------------*/
.field__input {
  border-color: var(--gold-color);
  border-radius: var(--border-radius);
  font-size: 20px;
}

.field__label {
  font-size: 17px;
}
/*-----------FIELD------------*/

/*==============STATUS===============*/

/*=================================*/

/*========== STATUS CONTACT USER ==========*/

/*==================================*/
* {
  background-repeat: no-repeat;
  background-position: left top;
}

body {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  background-color: var(--color-black--100);
  font: normal 1em/1.3em "Barlow Condensed", sans-serif;
  overflow-y: visible;
}

input,
select,
label {
  font: normal 1em/1.3em "Barlow Condensed", sans-serif;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

h1 {
  color: var(--color-orange--110);
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
}

h2 {
  color: var(--color-darkorange--100);
  margin-top: 0;
  font-size: 16px;
  font-weight: normal;
}

.loading {
  /*background: var(--gif-loader);*/
  background: url('../images/gif-load.gif');
  background-size: 50% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 600px;
  height: 450px;
  display: block;
  margin: 50px auto;
}

.img-wait {
  content: url("../images/gif-load.gif");
  position: absolute;
  margin-left: 0;
  width: 160px;
  height: 120px;
  display: none;
}

.img-wait-fav {
  content: url(../images/gif-load-fav.gif);
  width: 40px !important;
  height: 32px !important;
  display: none;
  z-index: 90000 !important;
  position: absolute !important;
  margin-left: 189px !important;
  margin-top: 158px !important;
  overflow: hidden;
  border: none;
  border-bottom: 0 solid !important;
  background-color: transparent !important;
}

.game-box .img-wait-fav {
  margin-left: -10px !important;
  margin-top: -5px !important;
}

a,
a:focus {
  outline: 0;
}

/* Site */
.wrapper {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}

#header {
  width: 100vw;
  height: 61px;
  color: var(--color-darkyellow--100);
  position: fixed;
  margin-top: 0;
  top: 0;
  border-image-slice: 1;
  background-color: var(--color-darkgreen--100);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 24%;
}

#header:after {
  content: "";
  position: absolute;
  width: 342px;
  height: 44px;
  background-color: transparent;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  transition: 300ms all ease;
}

#logo {
  display: block;
  position: fixed;
  z-index: 2000;
  margin-left: 354px;
  margin-top: 0;
  outline: none;
  width: 95px;
  height: 65px;
  top: 0;
  transition: height 300ms ease, width 300ms ease;
}

#logo,
#logo.bigLogo,
.header_mobile-logo-wrp {
  /*background: var(--main-logo);*/
  /*background: url('../images/logo_mc_origin.svg');*/
  margin-top: 6px;
  /*background-image: url('../images/win-machance.png');*/
  background-image: url('../images/winmachance_logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header_mobile-logo-wrp {
top: 2px;
}


#logo,
#logo.bigLogo {
  display: block;
  /* width: 143px;
  height: 101px; */
  position: fixed;
  left: 50vw;
  transform: translateX(-50%);
  background-size: contain;
  margin: 0;
  z-index: 2001;
  outline: none;
}

#logo {
  width: 95px;
  height: 65px;
}

#header #btn-login {
  display: inline-block;
  float: right;
  position: relative;
  -moz-border-radius: 0 0 9px 0;
  -webkit-border-radius: 0 0 9px 0;
  border-radius: 0 0 9px 0;
  color: var(--color-basic-black);
}

.popup-login__button-sbm {
  width: 100%;
  min-height: 48px;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 10px;
}

#header #btn-join {
  display: inline-block;
  float: right;
  margin-right: 0;
  position: relative;
  border-bottom-right-radius: 0;
}

#main {
  width: 100%;
  min-height: 800px;
  background-image: url(../images/main_bg.jpg);
  background-repeat: no-repeat;
  background-position: center 475px;
  background-color: var(--color-basic-white);
}

#footer {
  width: 100%;
  background-color: var(--color-black--100);
  border-top: 1px solid var(--color-basic-black);
}

#footer .star {
  display: none;
  position: relative;
  margin-left: 399px;
  margin-top: -53px;
  width: 171px;
  height: 86px;
  background-image: url(../images/footer_star.png);
}

#footer-menu {
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  color: var(--color-brown--100);
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-row-gap: 10px;
}

#footer-menu a {
  color: var(--color-darkgrey--110);
  font-size: 13px;
  text-decoration: none;
  padding: 0 15px;
  position: relative;
  cursor: pointer;
}

#footer-menu a:hover {
  color: var(--color-basic-white);
}

/* #footer-menu a::after,
#footer-menu a::before{
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--color-darkgrey--110);
  right: -5px;
  top: 50%;
  transform: translate(-50%, -50%);
  bottom: 0;
} */

#footer-menu a::before {
  right: initial;
  left: 0;
}

#bottom-game-providers {
flex-wrap: wrap;
  display: flex;
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 425px) {
  #bottom-game-providers{
      display: flex;
      flex-direction: column;
      align-items: center;
  }
}
#bottom-game-providers .clear {
  margin-top: 20px;
}

#validation-seal {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  min-height: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
}

#validation-seal>svg {
  max-width: 100%;
  height: 44%;
}
#validation-seal > img {
  margin-top: 10px;
  cursor: auto;
}

.popup-page.dispute-resolution .popup-page-content,
.popup-page.fairness-rnd .popup-page-content,
.popup-page.pay-outs .popup-page-content {
  padding: 20px;
}

#footer-text {
  margin: 20px auto 0;
  color: var(--color-darkgrey--110);
  font-size: 12px;
  text-align: center;
}

#footer-text p {
  margin-top: 0;
  padding-top: 0;
}

#tracking {
  display: none;
}

#collage {
  height: 478px;
  overflow: hidden;
  background-image: url(../images/collage_bg_origin.jpg);
  background-position: center top;
  background-color: var(--color-basic-black);
  margin-top: 55px;
}

#collage #slider {
  width: 100%;
  padding: 0 0 0 0;
  -webkit-padding-start: 0;
  overflow: hidden;
}

#fakeheader {
  display: none;
  min-width: 100%;
  min-height: 0;
  height: 0;
  top: 0;
  background-color: var(--color-basic-black);
}

#collage #slider li {
  z-index: 4000;
  width: 100%;
  height: 478px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto;
  display: block;
  float: left;
}

#collage #slider .text {
  margin: 0 auto;
  height: auto !important;
  display: none;
}

.text .content {
  margin-left: 0;
  color: var(--color-basic-white);
  font-family: "Barlow Condensed", sans-serif;
  margin-bottom: 30px;
  font-style: italic;
}

/* .lang_fr .text .content {
  transform: scale(0.85, 0.9);
} */

/**************** Motion text in the slides ************************/

/*top to bottom*/

/*right to left*/

/*left to right*/

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/******************2222222  ttb_2; rtl_1 ****************************************/

/*top to bottom*/

/*right to left*/

/*left to right*/

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/********************End 2222****************************************/
/******************** 3333 ****************************************/
/*right to left*/

/*left to right*/

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/********************End 3333 ****************************************/
/******************** 4444 ttb_3; btt_2 ****************************************/
/*top to bottom*/

/*bottom to top*/

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/* Safari 4.0 - 8.0 */

/* Standard syntax */

/********************End 4444 ****************************************/

/**************** End motion text in the slides ************************/
.text .content gold {
  color: var(--color-yellow--140);
  display: inline-block;
}

.text .content big {
  font-size: 50px;
  line-height: 54px;
  margin-bottom: 10px;
  display: inline-block;
}

.text .content medium {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 8px;
  display: inline-block;
}

.text .content b {
  text-shadow: 1px 1px 5px var(--rgba-black-90);
}

#collage #slider .text .button {
  border: none;
  -moz-border-radius: 19px 0 19px 0;
  -webkit-border-radius: 19px 0 19px 0;
  border-radius: 19px 0 19px 0;
  border-bottom: 2px solid var(--color-lightyellow--110);
  color: var(--color-black--110);
  background: -webkit-linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  background: linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  font-weight: 600;
  font-size: 28px;
  line-height: 55px;
  text-transform: uppercase;
  padding: 0 40px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-shadow: 0 -1px var(--color-basic-white);
}

#collage #slider .text .button:hover {
  color: var(--color-basic-black);
  background: var(--color-grey--130);
  border-bottom: 2px solid var(--color-grey--140);
}

/* Form */

/* Top menu */
#top-menu {
  float: left;
  margin-left: 0;
  margin-top: 0;
}

#top-menu a {
  position: relative;
  display: inline-block;
  float: left;
  line-height: 61px;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-basic-white);
  margin: 0 8px;
  text-decoration: none;
  text-transform: none;
  text-shadow: 0 -1px var(--color-basic-black);
  outline: none;
}

#top-menu a:hover {
  color: var(--color-yellow--150);
}

#top-menu a.home {
  display: none;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: 5px;
  color: transparent;
  background-image: url(../images/icon_home.png);
  background-position: 0 0;
}

#top-menu a.home:hover {
  background-position: 0 -19px;
}

.custom-btn {
  border: none;
  -moz-border-radius: 9px 0 0 0;
  -webkit-border-radius: 9px 0 0 0;
  border-radius: 9px 0 9px 0;
  color: var(--color-black--110);
  font-weight: 600;
  font-size: 16px;
  line-height: 29px;
  text-shadow: 0 -1px var(--color-basic-white);
  text-transform: uppercase;
  padding: 0 18px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}

.btn-grey {
  color: var(--color-basic-black);
  background-color: var(--color-basic-white);
  border-bottom: 2px solid var(--color-grey--140);
}

.btn-grey:hover {
  color: var(--color-basic-black);
  background-color: var(--color-grey--130);
  border-bottom: 2px solid var(--color-grey--140);
}

.btn-gold {
  color: var(--color-black--110);
  background: -webkit-linear-gradient(left, var(--color-yellow--100), var(--color-orange--100));
  background: -o-linear-gradient(right, var(--color-yellow--100), var(--color-orange--100));
  background: -moz-linear-gradient(right, var(--color-yellow--100), var(--color-orange--100));
  background: linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  border-bottom: 2px solid var(--color-lightorange--100);
}

.btn-gold:hover {
  color: var(--color-basic-black);
  background: none;
  background-color: var(--color-grey--130);
  border-bottom: 2px solid var(--color-grey--140);
}

#games-menu-mobile {
  display: none;
}
#games-menu::-webkit-scrollbar{
display: none;
}
#games-menu {
  overflow-x: scroll;
  background-color: white;
  width: 100%;
  height: 50px;
  background-image: none;
  position: sticky;
  top: 61px;
  z-index: 99;
  display: block;
}

#games-menu::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 50px;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.0001) 0.04%, #000000 100%);
  transition: opacity 0.3s ease;
}

#games-menu .wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 50px;
}

#games-menu a,
.more {
  line-height: 50px;
  font-size: 20px;
  color: var(--color-basic-black);
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 21px;
  font-weight: 600;
  white-space: nowrap;
}

.more:hover {
  color: var(--color-basic-black);
  display: inline-block;
  background: -webkit-linear-gradient(to right, var(--rgba-white-00), var(--color-grey--130));
  background: linear-gradient(to right, var(--rgba-white-00), var(--color-grey--130));
  border-radius: 0 0 9px 0;
}

#games-menu a:last-child {
  background-image: none;
}

#games-menu a:last-child {
  background-image: none;
}

#games-menu a.active {
  color: var(--color-basic-white);
  background: -webkit-linear-gradient(to right, var(--color-darkgreen--100), var(--color-lightgreen--100));
  background: linear-gradient(to right, var(--color-darkgreen--100), var(--color-lightgreen--100));
  -moz-border-radius: 0 0 9px 0;
  -webkit-border-radius: 0 0 9px 0;
  border-radius: 0 0 9px 0;
}

.lang_fr #games-menu a {
  font-size: 21px;
  padding: 0 14px;
}

.more {
  position: relative;
  cursor: pointer;
}

.more__dropbtn {
  display: flex;
  align-items: center;
  margin: 0;
}

.more__arrow {
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background-image: url("../images/icon-arrow.svg");
  background-size: contain;
}

.more__dropdown-content {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  box-shadow: 0 0 15px var(--color-black--120);
  border-radius: 5px;
  background-color: var(--color-grey--150);
  z-index: 30;
}

.more__dropdown-content a {
  float: none;
  color: var(--color-purple--100);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  background-color: var(--color-basic-white);
}

.more__dropdown-content a:hover {
  color: var(--color-basic-black);
  background: -webkit-linear-gradient(to right, var(--rgba-white-00), var(--color-grey--130));
  background: linear-gradient(to right, var(--rgba-white-00), var(--color-grey--130));
}

.more__dropdown-content a:not(:last-of-type) {
  border-bottom: 1px solid var(--color-darkgrey--130);
}

.more__dropdown-content a:before {
  display: none;
}

.more a {
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

#games-menu .more__dropdown-content a:first-of-type {
  border-radius: 5px 5px 0 0;
}

#games-menu .more__dropdown-content a:last-of-type {
  border-radius: 0 0 5px 5px;
}

#games {
  width: 100%;
  min-height: 415px;
  background-image: none;
  /*overflow: hidden;*/
}

.game {
  position: relative;
  display: inline-block;
  float: left;
  width: 212px;
  height: 160px;
}



.img-game,
.game img {
  position: absolute;
  z-index: 10;
  margin-left: 0;
  margin-top: 0;
  width: 212px;
  height: 160px;
  -moz-border-radius: 14px 0 14px 0;
  -webkit-border-radius: 14px 0 14px 0;
  border-radius: 14px 0 14px 0;
  border-bottom: 3px solid var(--color-yellow--170);
  background-color: var(--color-basic-black);
}

.game:after {
  z-index: 1;
  position: absolute;
  content: "";
  bottom: 12px;
  right: 10px;
  left: auto;
  width: 90%;
  height: 10px;
  background: transparent;
  -webkit-box-shadow: 0 12px 27px var(--rgba-black-90);
  -moz-box-shadow: 0 12px 27px var(--rgba-black-90);
  box-shadow: 0 12px 27px var(--rgba-black-90);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.game .game-hover {
  display: none;
  position: absolute;
  z-index: 20;
  margin-left: 0;
  margin-top: 0;
  width: 212px;
  height: 160px;
  overflow: hidden;
  background-color: var(--color-basic-black);
  opacity: 0.8;
  -moz-border-radius: 14px 0 14px 0;
  -webkit-border-radius: 14px 0 14px 0;
  border-radius: 14px 0 14px 0;
  border-bottom: 3px solid var(--color-orange--100);
}

.game .play {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 50;
  margin-top: 35px;
  margin-left: 47px;
  width: 125px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  color: var(--color-basic-black);
  background: -webkit-linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  background: linear-gradient(to right, var(--color-yellow--100), var(--color-orange--100));
  border-bottom: 2px solid var(--color-lightorange--100);
  -moz-border-radius: 9px 0 0 0;
  -webkit-border-radius: 9px 0 0 0;
  border-radius: 9px 0 0 0;
}

.game .play:hover {
  background: var(--color-grey--130);
  border-bottom: 2px solid var(--color-grey--140);
}

.game .demo {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 50;
  margin-top: 65px;
  margin-left: 47px;
  width: 125px;
  line-height: 28px;
  text-align: center;
  padding: 0;
  color: var(--color-basic-black);
  background: var(--color-basic-white);
  border-bottom: 2px solid var(--color-grey--140);
  -moz-border-radius: 0 0 9px 0;
  -webkit-border-radius: 0 0 9px 0;
  border-radius: 0 0 9px 0;
}

.game .demo:hover {
  background: var(--color-grey--130);
  border-bottom: 2px solid var(--color-grey--140);
}

.game .frame {
  display: none;
  position: absolute;
  z-index: 30;
  margin-left: 0;
  margin-top: 0;
  width: 202px;
  height: 141px;
  background-image: none;
  cursor: pointer;
  border: 5px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, var(--color-darkorange--140) 0%, var(--color-lightyellow--100) 100%);
  -webkit-border-image: -webkit-linear-gradient(left, var(--color-darkorange--140) 0%, var(--color-lightyellow--100) 100%);
  border-image: linear-gradient(to right, var(--color-darkorange--140) 0%, var(--color-lightyellow--100) 100%);
  border-image-slice: 1;
}

.game:hover .game-hover {
  display: block;
}

.game:hover .play {
  display: block;
}

.game:hover .demo {
  display: block;
}

.leap {
  filter: brightness(11) grayscale(1);
}

.game:hover .game-provider {
  display: block;
}


.game .game-provider.vivo_redrake {
  background-size: 32%;
  background-position: top -6px center;
}

.game .game-name {
  position: absolute;
  z-index: 10;
  margin-left: 0;
  margin-top: 166px;
  width: calc(100% - 42px);
  height: 35px;
  padding: 0 20px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: var(--color-black--130);
}

.game .game-favor {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  display: none;
  right: 0;
  transform: translateY(114%);
  z-index: 65;
}

.game .game-favor.add-to-favor {
  filter: invert(50%);
  -webkit-filter: invert(50%);
  background: url(../images/favorite.png) no-repeat right bottom;
}

.game .game-favor.remove-from-favor {
  filter: invert(0%);
  -webkit-filter: invert(0%);
  background: url(../images/rem_favorite_game.png) no-repeat right bottom;
}

/*----------------------START PROVIDER LOGO---------------------*/

.game .game-provider {
  width: 100%;
  margin-top: 110px;
  background-position: center top;
}
/*----------------------END PROVIDER LOGO---------------------*/

/* Status Recent-Games styles */

/**/

.games-title {
  color: var(--color-black--140);
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0 10px 0 0;
  line-height: 1;
  display: inline-block;
}

.games-container {
  display: none;
}

.games-container.active {
  display: block;
}

#games .games .games-block {
  display: none;
}

#games .games .games-block.active {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: min-content;
  grid-column-gap: 28px;
  grid-row-gap: 40px;
  margin-bottom: 40px;
  justify-items: center;
  height: unset !important;
}

#games .fakefilter {
  width: 971px;
}

#games .fakefilter {
  display: none;
}

#filter-div {
  display: flex;
  align-items: center;
  padding: 30px 0;
}

.games-notpaging {
  display: flex;
}

#games .games-notpaging {
  margin-left: 0;
  min-width: 0;
  margin-right: 0;
}

#games .games-all-qty {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-align: right !important;
  color: var(--color-black--130);
}

#allqty {
  display: block;
  height: 26px;
  min-width: 37px;
  line-height: 22px;
  text-align: center;
  color: var(--color-basic-white);
  border-radius: 100px;
  background: linear-gradient(0deg, #1F4718 0%, #418038 100%);
  font-size: 12px;
  padding: 2px 9px;
  font-weight: 900;
  box-sizing: border-box;
  vertical-align: middle;
}

#games .show-all .games-all-qty {
  margin-right: 20px !important;
}

#promo {
  width: 100%;
  text-align: center;
  background-position: center top;
  background-repeat: repeat-y;
  background-color: var(--color-black--150);
}

#promo .promo-container {
  position: sticky;
  overflow-x: scroll;
  min-width: 100%;
  display:flex;
  gap:3px;
}
#promo .promo-container::-webkit-scrollbar{
  display: none;
}
@media (min-width:950px) {
  #promo .promo-container{
      justify-content: center;
  }
}
#promo .promo-item {
  display: inline-block;
  height: 380px;
}

#promo .promo-item.big {
  margin-left: -4px;
  margin-right: -3px;
}

#promo .promo {
  display: block;
  width: 293px;
  height: 294px;
  margin: 0px;
  /* overflow: hidden; */
  background-color: var(--color-basic-white);
  float: left;
}

#promo .promo .title {
  margin: 125px 10px 15px 10px;
  text-align: center;
  color: var(--color-darkgrey--170);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
}

#promo .promo .text {
  margin: 0 30px 15px 30px;
  text-align: center;
  color: var(--color-darkgrey--170);
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

#promo .promo ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#promo .promo li {
  padding-left: 1em;
  text-indent: -0.7em;
}

.bub {
  height: 15px;
  background-size: contain;
  width: 15px;
  display: block;
  margin-left: 42%;
}

#promo .promo .button {
  position: absolute;
  margin-top: 241px;
  margin-left: 0;
  width: 293px;
  text-align: center;
}

#promo .promo .button .custom-btn {
  -moz-border-radius: 9px 0 9px 0;
  -webkit-border-radius: 9px 0 9px 0;
  border-radius: 9px 0 9px 0;
}

#promo .promo.left-fr {
  -moz-border-radius: 19px 0 0 0;
  -webkit-border-radius: 19px 0 0 0;
  border-radius: 19px 0 0 0;
  box-shadow: 0px 0px 30px var(--rgba-black-20);
  background-image: url(../images/promo_big_fr.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-left: 20px;
  z-index: 1;
}

#promo .promo.right {
  -moz-border-radius: 0 0 19px 0;
  -webkit-border-radius: 0 0 19px 0;
  border-radius: 0 0 19px 0;
  box-shadow: 0px 0px 30px var(--rgba-black-20);
  margin-top: 20px;
  margin-right: 20px;
  z-index: 1;
  float: left;
}

#promo .promo.right-deposit {
  display: none;
  -moz-border-radius: 0 0 19px 0;
  -webkit-border-radius: 0 0 19px 0;
  border-radius: 0 0 19px 0;
  box-shadow: 0px 0px 30px var(--rgba-black-20);
  margin-top: 20px;
  margin-right: 20px;
  z-index: 1;
  float: left;
}

#promo .promo.right-deposit .title {
  margin: 25px 10px 15px 10px;
}

#promo .promo.right .title {
  margin: 25px 10px 15px 10px;
}

#promo .promo.big {
  width: 340px;
  height: 340px;
  background-color: var(--color-orange--110);
  background-image: url(../images/promo_big_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -moz-border-radius: 19px 0 19px 0;
  -webkit-border-radius: 19px 0 19px 0;
  border-radius: 19px 0 19px 0;
  border-bottom: 3px solid var(--color-lightyellow--120);
  z-index: 2;
  box-shadow: 0px 10px 15px var(--rgba-black-20);
}

#promo .promo.big:before {
  z-index: 1;
  content: "";
  display: block;
  width: 383px;
  height: 181px;
  position: absolute;
  margin-top: 52px;
  margin-left: -16px;
  background-image: url(../images/promo_big_coins.png);
  background-position: left top;
  background-repeat: no-repeat;
}

#promo .promo.big .title {
  height: 60px;
  margin: 25px 30px 150px 30px;
  font-size: 30px;
  background: -webkit-linear-gradient(left, var(--color-darkgreen--130), var(--color-lightgreen--130), var(--color-darkgreen--130));
  background: -o-linear-gradient(right, var(--color-darkgreen--130), var(--color-lightgreen--130), var(--color-darkgreen--130));
  background: -moz-linear-gradient(right, var(--color-darkgreen--130), var(--color-lightgreen--130), var(--color-darkgreen--130));
  background: linear-gradient(to right, var(--color-darkgreen--130), var(--color-lightgreen--130), var(--color-darkgreen--130));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#promo .promo.big .text {
  margin: 0 20px 0 20px;
  height: 40px;
}

#promo .promo.big .button {
  position: absolute;
  margin-top: 295px;
  margin-left: 0;
  width: 340px;
  text-align: center;
}

#promo .promo.big .button .custom-btn {
  /*width: 85px;*/
}

/* Popup Login */
#popup-login {
  display: none;
  position: fixed;
  opacity: 1;
  z-index: 5100;
  margin-left: 795px;
  top: 61px;
  width: 264px;
  padding: 22px 14px 14px;
  background-color: var(--color-basic-white);
  box-shadow: 0 6px 6px var(--rgba-black-60);
  text-align: center;
  line-height: normal;
  -moz-border-radius: 19px 0 19px 0;
  -webkit-border-radius: 19px 0 19px 0;
  border-radius: 19px 0 19px 0;
}

#popup-login a {
  display: inline-block;
  color: var(--color-basic-black);
  font-size: 16px;
}

/* Popup Registration */
#popup-registration {
  display: none;
  position: absolute;
  opacity: 1;
  z-index: 2002;
  margin-left: 475px;
  top: 61px;
  width: 497px;
  background-color: var(--color-basic-white);
  box-shadow: 0 6px 6px var(--rgba-black-60);
  background-image: url(../images/popup_registration_bg.jpg);
  background-position: right top;
  line-height: normal;
  overflow: hidden;
  -moz-border-radius: 19px 0 19px 0;
  -webkit-border-radius: 19px 0 19px 0;
  border-radius: 19px 0 19px 0;
  border-bottom: 2px solid var(--color-black--160);
}

.registration__button-sbm {
  min-height: 49px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: normal;
  font-size: 28px;
  margin: 0 auto 15px;
  display: block;
}

.popup-registration__footer {
  display: flex;
  background-image: url(../images/popup_registration_bottom_bg.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  height: 61px;
}

.popup-registration__footer-close {
  margin: auto;
  font-size: 20px;
}

.registration__checkbox-label {
  font-size: 14px;
}

#popup-registration form {
  margin: 0 auto;
  display: block;
  width: 455px;
  margin-top: 14px;
}

#popup-registration .title {
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  color: var(--color-orange--110);
  margin-left: 12px;
  margin-bottom: 17px;
  text-align: center;
}

#popup-registration .registration-banner {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 455px;
  background-image: url(../images/reg_banner_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-border-radius: 19px 0 19px 0;
  -webkit-border-radius: 19px 0 19px 0;
  border-radius: 19px 0 19px 0;
  background-size: cover;
}

#popup-registration .registration-banner .line-1,
#popup-registration .registration-banner .line-2 {
  display: block;
  line-height: 34px;
  text-align: center;
  font-size: 23px;
  text-transform: uppercase;
  color: var(--color-basic-white);
  font-weight: normal;
  text-shadow: 0 1px 1px var(--rgba-black-90);
}

#popup-registration .registration-banner .line-2 {
  line-height: 33px;
  height: 33px;
}

#popup-registration .registration-banner .line-1 b,
#popup-registration .registration-banner .line-2 b {
  font-weight: normal;
  color: var(--color-orange--110);
}
.popup-registration .field--reg {
  margin-bottom: 0.75em;
}

.popup-registration .field--country select {
  -webkit-appearance: none;
  appearance: none;
}

.popup-registration .field--country .field__wrp-input::before {
  content: "";
  position: absolute;
  top: 30%;
  right: 3%;
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  width: 0.375em;
  height: 0.375em;
  transform: rotate(-45deg) translateY(10%);
  border-bottom: 2px solid var(--color-basic-black);
  border-left: 2px solid var(--color-basic-black);
  border-radius: 0.05em;
}

.popup-registration input:-webkit-autofill {
  box-shadow: inset 0 0 0 50px var(--color-basic-white) !important;
  -webkit-text-fill-color: inherit;
}

.popup-registration .registration__show-password {
  background-image: none;
  top: -0.75em;
  right: 1em;
  height: 1em;
  width: auto;
}

/* delete after CDG localization */
.popup-registration .hidden.registration__show-password,
.popup-registration .registration__show-password {
  color: var(--color-darkorange--120);
  text-transform: capitalize;
  font-size: 1em;
}

.popup-registration .registration__btn-show-password,
.popup-registration .hidden .registration__btn-hide-password {
  display: none;
}

.popup-registration .hidden .registration__btn-show-password,
.popup-registration .registration__btn-hide-password {
  display: block;
}

.popup-registration .tooltip-red {
  width: 90%;
  z-index: 1;
  font-size: 0.75em;
  word-break: break-word;
}

/* Game registration */

/* Popup page */
.popup-page {
  display: none;
  position: absolute;
  opacity: 1;
  z-index: 2500;
  margin-left: 15px;
  margin-top: 0px;
  width: 940px;
  background-color: var(--color-basic-white);
  box-shadow: 0px 6px 6px var(--rgba-black-60);
  overflow: hidden;
  -moz-border-radius: 19px 0 19px 0;
  -webkit-border-radius: 19px 0 19px 0;
  border-radius: 19px 0 19px 0;
  border-bottom: 2px solid var(--color-black--160);
  background-image: url(../images/popup_page_bg.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}

.popup-page {
  margin-top: 60px;
}

.popup-menu {
  width: 100%;
  /*height: 50px;*/
  background-image: none; /*url(../images/popup_menu_bg.jpg);*/
}

.popup-links__header-bg {
  display: none;
}

.popup-menu a {
  display: inline-block;
  float: right;
  text-transform: uppercase;
  line-height: 50px;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-basic-black);
  text-decoration: none;
  padding: 0 12px;
  outline: none;
  transition: .3s all ease-in-out;
}

.popup-menu a:hover {
  color: var(--color-basic-black);
  display: inline-block !important;
  background: -webkit-linear-gradient(to right, var(--rgba-white-00), var(--color-grey--130));
  background: linear-gradient(to right, var(--rgba-white-00), var(--color-grey--130));
  -moz-border-radius: 0 0 9px 0;
  -webkit-border-radius: 0 0 9px 0;
  border-radius: 0 0 9px 0;
}

.popup-menu a.no-bg {
  background-image: none;
}

.popup-menu a.active {
  color: var(--color-basic-white) !important;
  display: inline-block !important;
  background: -webkit-linear-gradient(to right, var(--color-darkgreen--100), var(--color-lightgreen--100)) !important;
  background: linear-gradient(to right, var(--color-darkgreen--100), var(--color-lightgreen--100)) !important;
  -moz-border-radius: 0 0 9px 0;
  -webkit-border-radius: 0 0 9px 0;
  border-radius: 0 0 9px 0;
}

.popup-page .popup-content {
  margin: 25px 20px;
  font-size: 16px;
}

.add-popup-header {
  background-image: url(../images/popup_menu_bg.jpg);
  height: 70px;
}

.popup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  margin: 0 auto;
  background-image: url(../images/popup_registration_bottom_bg.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  text-align: center;
}

.popup-footer .btn-grey {
  display: inline-block;
  margin: 0 auto;
  border-radius: 14px 0 14px 0;
  font-size: 20px;
  line-height: 38px;
  color: var(--color-basic-black);
}

/* Tools */
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

.popup-info_overlay,
#overlay {
  z-index: 2000;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--rgba-black-10);
}

#overlay {
  display: none;
}

.popup-overlay {
  z-index: 2100;
  opacity: 0.8;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  background-image: url(../images/overlay.png);
  background-position: left top;
  background-repeat: repeat;
  width: auto;
  height: auto;
  display: none;
}

/* Control login */

/* Messages */

/*  */

/* Fancybox */

/*==================== Ban Popup ===============*/
/*==================== End Ban Popup ===============*/

/*==================== WD Msg Popup ===============*/
/*==================== End WD Msg Popup ===============*/

/* MOBILE */
.mobile-menu {
  display: none;
}

.game-menu-mobile-control {
  display: none;
}

.mobile-menu-container {
  display: none;
}

/* Game */
.popup-game {
  display: block;
  position: absolute;
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
  top: 40px;
}

.popup-game.hide{
  display:none;
}

@media screen and (max-width: 528px) {
  #popup-game {
      overflow-y: scroll;
  }

  #popup-game .panel-game, #popup-game .panel-info {
      margin-left: auto;
      margin-right: auto;
      width: 80vw;
      float: none;
  }
}

.popup-game {
  z-index: 2100;
  background-color: var(--color-darkgreen--150);
  background-image: url(../images/game_bg.png);
  background-position: center top;
  background-size: cover;
}


#popup-game .zoom-panel {
  display: none;
  width: 100%;
  height: 40px;
  text-align: center;
}

#popup-game .zoomout-alert,
#popup-game .zoomout-alert-btn {
  display: none;
  z-index: 9001;
}

#popup-game .zoom-panel .zoomout {
  float: right;
  margin-left: 7px;
  margin-top: 2px;
  cursor: pointer;
  width: 32px;
  height: 34px;
  background-image: url(../images/game_popup_zoomout.png);
}

#popup-game .zoom-panel .close {
  float: right;
  margin-left: 7px;
  margin-right: 4px;
  margin-top: 4px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-image: url(../images/game_popup_close.png);
}

#popup-game .zoom-panel .game-name {
  font-size: 24px;
  line-height: 40px;
  color: var(--color-yellow--120);
  margin-left: 82px;
  text-align: center;
}

.popup-game .panel-info {
  float: right;
  width: 300px;
  margin-right: 18px;
  margin-top: 19px;
}

#popup-game .panel-info .close {
  float: right;
  margin-left: 7px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-image: url(../images/game_popup_close.png);
}

#popup-game .panel-info .zoom {
  float: right;
  margin-left: 7px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-image: url(../images/game_popup_zoom.png);
}

.popup-game .panel-game {
  position: relative;
  float: left;
  margin-left: 17px;
  margin-top: 18px;
  margin-bottom: 20px;
  border: 1px solid var(--color-darkgrey--240);
  background-color: var(--color-basic-black);
  height: 92vh;
  width: calc(100% - 360px);
}

#popup-game .panel-game .game-container {
  /*background-image: var(--gif-loader);*/
  background-image: url('../images/gif-load.gif');
  background-size: 160px 120px;
  background-position: center center;
  position: absolute;
  z-index: 1;
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
}

#popup-game .panel-info .game-name {
  font-size: 24px;
  line-height: 28px;
  color: var(--color-yellow--120);
  margin-bottom: 10px;
  display: block;
}

#popup-game .panel-info .game-info {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
}

#popup-game .panel-info .game-provider {
  margin-bottom: 15px;
  margin-top: 6px;
  display: inline-block;
  z-index: 50;
  width: 190px;
  height: 40px;
  background: no-repeat bottom left;
  background-size: contain;
}

#popup-game .panel-info .game-info .game-rtp {
  margin-bottom: 1px;
  margin-left: 2px;
  text-align: center;
  padding-left: 33px;
  display: none;
  color: var(--color-basic-white);
  z-index: 50;
  width: auto;
  height: 35px;
  font-size: 14px;
  background: url(../images/rtp.svg) no-repeat top left;
}

#popup-game #game-data .game-volatility {
  margin-bottom: 3px;
  margin-left: 0;
  text-align: center;
  padding-left: 33px;
  display: none;
  color: var(--color-basic-white);
  z-index: 50;
  width: auto;
  height: 35px;
  font-size: 14px;
  background: url(../images/volatility.svg) no-repeat top left;
}

#popup-game .panel-info .descr {
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  color: var(--color-basic-white);
  margin-bottom: 20px;
  padding-left: 25px;
  display: inline-flex;
  margin-left: 0;
  background: url(../images/how_to.png) no-repeat left center;
}

#popup-game .panel-info .descr.how-to-play {
  display: inline-flex;
  background: url(../images/how_to.png) no-repeat left center;
}

#popup-game .panel-info .descr.description {
  display: none;
  background: url(../images/descr.png) no-repeat left center;
}

#popup-game .panel-info .game-description {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-basic-white);
  margin-bottom: 5px;
  font-weight: normal;
  display: block;
  overflow-y: auto !important;
}

#popup-game .panel-info .game-description::-webkit-scrollbar {
  width: 1em;
}

#popup-game .panel-info .game-description::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--color-lightbrown--100);
  border-radius: 8px 0px;
}

#popup-game .panel-info .game-description::-webkit-scrollbar-thumb {
  background-color: var(--color-orange--110);
  outline: 1px solid var(--color-orange--110);
  border: 4px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}

#popup-game .panel-info .game-rules {
  font-size: 14px;
  line-height: 1.1em;
  color: var(--color-basic-white);
  margin-bottom: 9px;
  font-weight: normal;
  overflow-y: auto !important;
  display: none;
  padding-left: 5px;
}

#popup-game .panel-info .game-rules::-webkit-scrollbar {
  width: 1em;
  height: 1em;
}

#popup-game .panel-info .game-rules::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--color-lightbrown--100);
  border-radius: 8px 0;
}

#popup-game .panel-info .game-rules::-webkit-scrollbar-thumb {
  background-color: var(--color-orange--110);
  outline: 1px solid var(--color-orange--110);
  border: 4px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}

/* Quick deposit */

/* Quick deposit wide */

#popup-game.fullscreen {
  margin-top: -40px;
  z-index: 3002;
  top: 40px;
}

#popup-game.fullscreen .panel-info {
  display: none;
}

#popup-game.fullscreen .panel-game {
  margin: 0 auto;
  float: none;
}

#popup-game.fullscreen .zoom-panel {
  display: block;
}

#popup-game .registration-banner-game,
.reg-popup-game__info {
  border-radius: 10px;
  border: 2px solid var(--color-yellow--110);
  background-color: var(--rgba-black-90);
}

.reg-popup-game__title {
  color: var(--gold-color);
  font-weight: 500;
}

.reg-popup-game__overlay {
  background-color: var(--rgba-black-60);
}

#popup-game .registration-banner-game {
  display: block;
  width: auto;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  color: var(--color-basic-white);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

.popup-game-pc_btn-join {
  width: 90%;
  margin: 0 auto;
}

#popup-game .registration-banner-game b,
.reg-popup-game__info b {
  color: var(--gold-color);
}

/* Deposit */

/* Withdrawal */

/* Change password */

/* FAQ */

/* History */

/* VIP */
#popup-vip .popup-menu .welcome-to-vip {
  font-size: 28px;
  line-height: 71px;
  color: var(--color-orange--110);
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  margin: 0 auto;
  background-color: var(--color-darkgreen--100);
  background-image: url(../images/popup_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.table-vip tbody tr:nth-child(off) {
  background-color: var(--color-grey--220);
}

/*  */

/* Bonus Wheel */

.game-box {
  display: none;
}

#popup-promo-wheel {
  height: 446px;
  z-index: 2500;
}

#popup-promo-wheel .popup-content {
  background-image: url(../images/game_bg.jpg) !important;
  background-size: cover;
  margin: 0;
  min-height: 330px;
  display: inline-block;
}

/* Quick Deposit Popup */

.bhome,
.bhome_add {
  display: inline-block;
  position: absolute;
  margin: 16px; /*-84px 0px only for deposit page*/

  background-image: url(../images/icon_home.png);
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  cursor: pointer;
}

.bhome_add {
  background-image: url(../images/icon_home_w.png);
}

.bhome:hover {
  background-position-y: -19px;
}

.bhome_add:hover {
  background-position-y: -19px;
}

.head_b_g {
  color: var(--color-basic-white);
  font-size: 16px;
  font-weight: normal;
}

.line_b_b_g {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: -moz-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: -ms-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: -o-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  width: 75%;
  margin: 0px auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.white_b_g {
  color: var(--color-basic-white);
}

.midle_or {
  height: 25px;
  margin-top: 15px;
  margin-bottom: -2px;
}

.line_s_b_g {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: -moz-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: -ms-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: -o-linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  background-image: linear-gradient(left, var(--color-black--190), var(--color-darkorange--130), var(--color-black--190));
  width: 70%;
  margin: 0px auto;
  margin-bottom: -27px;
  margin-top: -3px;
}

.or_b_g {
  display: inline-block;
  padding: 3px 7px;
  color: var(--color-basic-black);
  background-color: var(--gold-color);
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: -7px;
}

/*----------------btn for Withdrawals-----------*/

/*-------------------------START Profile popup pc ---------------*/

.popup-content.profile {
  min-height: auto;
}

/*-------------------------END Profile popup pc ---------------*/


.popup-bunking {
  background-image: url("../images/popup_menu_bg.jpg");
  height: 70px;
}

/*-------------------- Games history table pagination -------------*/

/*-------------------- Games history table pagination -------------*/

/*======================== Start Popup notification ==================*/
#show-popup-notification {
  background: var(--rgba-black-50);
  z-index: 99999;
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup-notification__main-wrp {
  background-image: url(../images/notifications/notification_overlay.png);
  background-size: contain;
  background-position: center;
  background-color: var(--rgba-black-50);
}

.popup-notification__container {
  --size: 500px;
  margin: 0 auto;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  background-image: url(../images/notifications/notificaation_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-notification__alert-icon {
  width: 35%;
  height: 35%;
  background-image: url(../images/notifications/notification_alert.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -5%;
}

.popup-notification__btn-wrp,
.popup-notification__info {
  margin-top: 0;
}

.popup-notification__info {
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: var(--color-basic-white);
  font-size: 2em;
  line-height: 1em;
  font-weight: 300;
  text-align: center;
  position: relative;
}

.popup-notification__info .onesignal-gold {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--gold-color);
}

.popup-notification__btn-wrp {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.popup-notification__btn {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  min-height: 57px;
}

.popup-notification__btn-wrp {
  position: relative;
  margin-bottom: 2em;
}

.popup-notification__btn-wrp::after,
.popup-notification__btn-wrp::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 200px;
  height: 29px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/notifications/notification_decor-btn.png);
}

.popup-notification__btn-wrp::after {
  top: -2px;
  transform: translate(-50%, -50%);
}

.popup-notification__btn-wrp::before {
  bottom: 0;
  transform: translate(-50%, 50%);
}

.popup-notification__btn-wrp,
.popup-notification__info {
  width: 80%;
}

.popup-notification__btn--done {
  border-bottom-right-radius: 0;
}

.popup-notification__btn--cancel {
  border-top-left-radius: 0;
}

.popup-notification__decor-bg {
  width: 160%;
  height: 138%;
  max-width: 100vw;
  max-height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../images/notifications/notification_bg-decor.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/*======================== End Popup notification ==================*/

/*------------- Start popup-info---------------*/
.popup-info_wrp {
  border-radius: var(--border-radius);
  background-color: var(--color-grey--240);
  background-image: url(../images/main_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.popup-info_text-wrp {
  color: var(--color-basic-black);
}

.popup-info_title {
  color: var(--color-orange--160);
}

/*------------- End popup-info---------------*/

/*---------------------Start Promotions ----------------------------*/

/*---------------------End Promotions ----------------------------*/

/*----------------- Start Support -----------------*/

/*=============LIVE-CHAT BUTTON CHANGE ================*/

/*============END LIVE-CHAT BUTTON CHANGE ================*/

/*----------------- End Support -----------------*/

/*------------  popup game mobile ---------------*/

/*------------  popup game mobile ---------------*/

/*=================== START DEPOSIT CREDIT CARD =================*/

/*=================== END DEPOSIT CREDIT CARD =================*/

/*----------------- End game_providers icon ------------*/

.os_asm {
  cursor: pointer;
  color: var(--color-orange--110);
  font-size: 1.25em;
  position: relative;
  padding-left: 1.25em;
  text-transform: uppercase;
}

.os_asm::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.5em;
  width: 1.25em;
  height: 1.25em;
  background: url(../images/alarm.png) no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}

/*
max-width: 576px - phone,
max-width: 768px - big phone,
max-width: 992px - tablet,
max-width: 1200px - big tablet
other - pc
*/

@media (max-width: 576px) {
  .popup-notification__container {
      width: 100vw;
      height: 100vw;
  }

  .popup-notification__btn {
      font-size: 5vw;
      min-height: 36px;
  }

  .popup-notification__info {
      font-size: 7vw;
  }
}

@media (orientation: landscape) and (max-width: 1200px), (orientation: landscape) and (max-height: 614px) {
  .popup-notification__container {
      width: calc(80vmin - 40px);
      height: calc(80vmin - 40px);
  }

  .popup-notification__btn {
      font-size: 3.5vmin;
      min-height: auto;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
  }

  .popup-notification__info {
      font-size: 5vmin;
      margin-bottom: 1em;
  }

  .popup-notification__btn-wrp {
      margin-bottom: 1em;
  }

  .os_asm {
      font-size: 1em;
  }
}

@media (max-width: 1200px) and (min-width: 750px) {
  /*for ipadOs*/
  #header #btn-login,
  #header #btn-join {
      padding: 0 5px;
  }
}

/*--------------- START ADD TO HOME SCREEN DESKTOP ---------------*/

.add-to-home-screen {
  max-width: 371px;
  background-image: -moz-linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  background-image: -webkit-linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  background-image: -ms-linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  background-image: linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  box-shadow: inset 0px -2px 0px 0px var(--rgba-white-35);
  /*height: 69px;*/
  padding: 7px 22px;
  border: none;
  border-radius: 15px 0 15px 0;
}

.add-to-home-screen_cancel {
  top: -8px;
  right: -8px;
  border-radius: 11px;
  background: var(--color-grey--260);
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAABaElEQVQokWNkYGBg4OBVcQHRDAwM7398vnMWygaJCzIwMBhDufcYOXhVlBgYGM4wMDAIQgXTf3y+MwuqeDcDAwPMoE6mH5/v3DM1VF8LM42BgaEDZCIHr0o5TCEnB/vzqd35K5lfPzqnFB7kNOHM+Rucj568AstBbUmDshkWzajidXMy+QA26vWjc+Vnj23/Ly6t/5+DVwUFFxUU/3/96Nzd14/OCcLtfv3o3O7G+noUhWqa1v/vXDkMUgx2DhOSW9O9XM0/IvEZfNwtGPj5uDtF5Yz2MKADTR3b2+jOsLT2dIQpY0QKU5DvOzBMYGA4++PzHRO4M6BhDVIMBsvm1DLIyYjDuMZQg+BungmLlOhQFwZbS12GjgZQyKGEvTEzB69KKMxUfj5uhvnTKhg42Nlc5WXFbX7+/CV4+vxNmAZBxtePzoEYyNEKiup0KB8kDgMmIGeATIYnJAYGhgooGxRcnXClDAzlAJ8qdwz8zud3AAAAAElFTkSuQmCC");
  background-position: center;
  background-size: 12px;
  width: 29px;
  height: 29px;
  box-shadow: 0px 0px 4.56px 1.44px var(--rgba-grey-26);
}

.add-to-home-screen__desktop {
  display: flex;
  align-items: center;
  font-size: 28px;
  color: var(--color-basic-black);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}

.add-to-home-screen__desktop-logo {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url("../images/add_to_hs/Icon-55.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  border-radius: 15px;
  margin: 0 20px 0 0;
  flex-shrink: 0;
}

.add-to-home-screen__desktop-text {
  margin: 0;
}

.add-to-home-screen-wrap .add-to-home-screen__desktop {
  display: none;
}

/*--------------- END ADD TO HOME SCREEN DESKTOP ---------------*/

.add-to-home-screen__btn {
  display: none;
}
.add-to-home-screen-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--rgba-black-90);
  z-index: 9999;
}
.add-to-home-screen-wrap .add-to-home-screen {
  border: 0;
  box-shadow: none;
  background: url("../images/add_to_hs/add-to-hs-bg.png") no-repeat center;
  background-size: contain;
  max-width: 100%;
  width: 100%;
}
.add-to-home-screen-wrap .add-to-home-screen_cancel {
  top: -15px;
  right: 40px;
  border: 0;
  border-radius: 50%;
  background-color: var(--color-basic-white);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3.12132' y1='3' x2='22' y2='21.8787' stroke='%236C6C6C' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='3' y1='21.8787' x2='21.8787' y2='3' stroke='%236C6C6C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 23px;
  width: 52px;
  height: 52px;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile {
  padding: 40px 10px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.add-to-home-screen-wrap .add-to-home-screen__mobile-logo {
  position: relative;
  background-image: url("../images/add_to_hs/Icon-128.png");
  width: 122px;
  height: 122px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: 0 auto 35px;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile-text {
  padding: 0 18px;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile-text--brand {
  font-size: 37px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  color: var(--color-orange--180);
  margin: 0;
}
.add-to-home-screen-wrap .add-to-home-screen__mobile-text--add {
  font-size: 28px;
  font-family: "Barlow Condensed", sans-serif;
  color: var(--color-basic-white);
  line-height: 1.222;
  text-align: center;
  margin: 20px auto 30px;
}

.add-to-home-screen-wrap #add-to-home-screen__mobile-btn {
  position: relative;
  font-size: 30px;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  border: 0;
  outline: none;
  text-transform: uppercase;
  color: var(--color-basic-black);
  background-image: -moz-linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  background-image: -webkit-linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  background-image: -ms-linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  background-image: linear-gradient(0deg, var(--color-yellow--100) 0%, var(--color-orange--100) 100%);
  box-shadow: inset 0px -2px 0px 0px var(--rgba-white-35);
  margin: 0;
}

.add-to-home-screen-wrap .add-to-home-screen {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.add-to-home-screen-wrap .add-to-home-screen__icon-plus {
  width: 51px;
  height: 51px;
  background-color: var(--color-black--110);
}
@-webkit-keyframes blink {
  to {

      background: var(--color-orange--100);
  }

  50% {
      background: var(--rgba-white-00);
  }

  from {
      background: var(--color-orange--100);
  }
}

.blink {
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: 5;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2s;
}


/*#game3854 .game-provider.gamingcorps {*/
/*    background-image: url("../images/logo_mc.png");*/
/*    filter: none;*/
/*}*/

/*div[name="3854"] .wrapper-game-info .game-provider {*/
/*    background-position: left !important;*/
/*}*/

/*div[name="3854"]  .game-provider {*/
/*    height: 40px !important;*/
/*    background-image: url("../images/logo_mc.png") !important;*/
/*    background-repeat: no-repeat !important;*/
/*    background-size: contain !important;*/
/*    background-position: center !important;*/
/*}*/
/*  CONTACT PAGE START */

.search__wrapper .search-input:focus-visible {
  outline: none;
}

/*  CONTACT PAGE END */

/* ========== LIMITS BLOCK START ============*/

/*  ========== LIMITS BLOCK END ============ */

/*  PROGRESS BAR START */
/*  PROGRESS BAR END */

/* NEW WITHDRAWAL BLOCK START */

/* NEW WITHDRAWAL BLOCK END */

/* PLAY MOBILE START */
/* PLAY MOBILE END */
@media (max-width: 540px) {
  .text .content big{
      font-size: 28px!important;
  }
  .text .content medium{
      font-size: 20px!important;
  }
  #collage #slider .text .button {
      font-size: 15px;
      align-self: center;
  }
}
@media (max-width: 620px) {
  .text {
      text-align: center;
  }
}