.error-page__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 42px 0 80px;
  position: relative;
  text-align: center
}

@media(min-width: 768px) {
  .error-page__content {
      padding:32px 0 100px
  }
}

@media(min-width: 1200px) {
  .error-page__content {
      padding-bottom:120px
  }
}

@media(min-width: 1440px) {
  .error-page__content {
      padding-bottom:70px
  }
}

.error-page__background {
  display: block;
  margin: 0 auto 8px;
  max-width: 339px
}

@media(min-width: 768px) {
  .error-page__background {
      margin-bottom:0;
      max-width: 559px
  }
}

@media(min-width: 1200px) {
  .error-page__background {
      max-width:700px
  }
}

.error-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px
}

@media(min-width: 768px) {
  .error-page__title {
      font-size:20px;
      line-height: 30px;
      margin: 0 0 16px
  }
}

@media(min-width: 1200px) {
  .error-page__title {
      font-size:24px;
      line-height: 32px;
      margin-top: -40px
  }
}

.error-page__text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 auto 32px;
  max-width: 495px
}

@media(min-width: 768px) {
  .error-page__text {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .error-page__text {
      font-size:42px;
      line-height: 52px
  }
}

@media(min-width: 1440px) {
  .error-page__text {
      font-size:54px;
      font-weight: 800;
      line-height: 64px;
      max-width: 665px
  }
}

.error-page .error-page__button {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  padding: 12px 20px;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .error-page .error-page__button {
      padding:16px 24px
  }
}

.image--hidden {
  display: none!important
}

.text-btn {
  background: transparent none;
  border: none;
  box-shadow: none;
  display: flex;
  font-size: 20px;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 0;
  transition: color .3s ease;
  vertical-align: top
}

.text-btn:not(:disabled) {
  cursor: pointer
}

.text-btn:disabled {
  opacity: .5
}

.text-btn--secondary {
  color: hsla(0,0%,100%,.65)
}

.text-btn--secondary:hover {
  color: #fff
}

.text-btn--primary {
  color: hsla(0,0%,100%,.65)
}

.text-btn--primary:hover {
  color: #fff
}

.text-btn--danger {
  color: hsla(0,0%,100%,.65)
}

.text-btn--danger:hover {
  color: #fff
}

@font-face {
  font-display: block;
  font-family: font-icons;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/font-icons.8340e7de..ttf) format("truetype"),url(fonts/font-icons.07b91044..woff) format("woff"),url(fonts/font-icons.8a808bad..svg) format("svg")
}

.font-icons {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: font-icons!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none
}

.font-icons--menu-left:before {
  content:"\e90d"
}

.font-icons--default:before {
  content: "\e966"
}

.font-icons--info-thin:before {
  content: "\e91a"
}

.font-icons--slots:before {
  content: "\e996"
}

.font-icons--evo-prime-drop:before {
  content: "\e981"
}

.font-icons--passport_id:before {
  content: "\e993"
}

.font-icons--time-thin:before {
  content: "\e994"
}

.font-icons--required:before {
  content: "\e992"
}

.font-icons--book-slots:before {
  content: "\e98c"
}

.font-icons--card:before {
  content: "\e98d"
}

.font-icons--craps:before {
  content: "\e98e"
}

.font-icons--fishing:before {
  content: "\e98f"
}

.font-icons--poker:before {
  content: "\e990"
}

.font-icons--roulette:before {
  content: "\e991"
}

.font-icons--carnival:before {
  content: "\e98a"
}

.font-icons--st-valentines:before {
  content: "\e98b"
}

.font-icons--platin-jackpot:before {
  content: "\e999"
}

.font-icons--winter:before {
  content: "\e988"
}

.font-icons--check-circle:before {
  content: "\e984"
}

.font-icons--circle:before {
  content: "\e985"
}

.font-icons--lucky-box:before {
  content: "\e986"
}

.font-icons--location-pin-slash:before {
  content: "\e983"
}

.font-icons--hall-of-fame:before {
  content: "\e982"
}

.font-icons--flip:before {
  content: "\e97d"
}

.font-icons--gift:before {
  content: "\e97c"
}

.font-icons--cancel-circle:before {
  content: "\e97b"
}

.font-icons--big-wilds:before {
  content: "\e964"
}

.font-icons--cascading:before {
  content: "\e965"
}

.font-icons--collections:before {
  content: "\e968"
}

.font-icons--drops-and-wins-live:before {
  content: "\e967"
}

.font-icons--drops-and-wins-slots:before {
  content: "\e969"
}

.font-icons--football-games:before {
  content: "\e96a"
}

.font-icons--hold-and-win:before {
  content: "\e96c"
}

.font-icons--live-baccarat:before {
  content: "\e96b"
}

.font-icons--live-blackjack:before {
  content: "\e96d"
}

.font-icons--live-other:before {
  content: "\e96e"
}

.font-icons--live-poker:before {
  content: "\e96f"
}

.font-icons--live-roulette:before {
  content: "\e970"
}

.font-icons--live-shows:before {
  content: "\e971"
}

.font-icons--live-top:before {
  content: "\e973"
}

.font-icons--lucky-kick:before {
  content: "\e972"
}

.font-icons--re-spin:before {
  content: "\e974"
}

.font-icons--scratch:before {
  content: "\e97a"
}

.font-icons--space-day:before {
  content: "\e975"
}

.font-icons--sport-games:before {
  content: "\e976"
}

.font-icons--st-patrick:before {
  content: "\e977"
}

.font-icons--st-valentains:before {
  content: "\e978"
}

.font-icons--tournament-games:before {
  content: "\e979"
}

.font-icons--bonus-refues:before {
  content: "\e961"
}

.font-icons--summer-calendar:before {
  content: "\e960"
}

.font-icons--add-new:before {
  content: "\e95e"
}

.font-icons--trash:before {
  content: "\e95f"
}

.font-icons--twitter:before {
  content: "\e95d"
}

.font-icons--key:before {
  content: "\e95b"
}

.font-icons--shield-check:before {
  content: "\e95c"
}

.font-icons--email-thin:before {
  content: "\e95a"
}

.font-icons--caret-up:before {
  content: "\e958"
}

.font-icons--user-dollar:before {
  content: "\e959"
}

.font-icons--user-check-alt:before {
  content: "\e956"
}

.font-icons--info-rounded:before {
  content: "\e963"
}

.font-icons--power-off:before {
  content: "\e954"
}

.font-icons--more-circle:before {
  content: "\e955"
}

.font-icons--copy-alt:before {
  content: "\e957"
}

.font-icons--info:before {
  content: "\e953"
}

.font-icons--time-small:before {
  content: "\e952"
}

.font-icons--fullscreen-close:before {
  content: "\e950"
}

.font-icons--screen-4:before {
  content: "\e94c"
}

.font-icons--screen-2:before {
  content: "\e94d"
}

.font-icons--screen:before {
  content: "\e94e"
}

.font-icons--fullscreen:before {
  content: "\e94f"
}

.font-icons--chat:before {
  content: "\e94b"
}

.font-icons--register:before {
  content: "\e949"
}

.font-icons--login:before {
  content: "\e94a"
}

.font-icons--responsible-game:before {
  content: "\e948"
}

.font-icons--top-casino-games:before {
  content: "\e939"
}

.font-icons--playedGames:before {
  content: "\e947"
}

.font-icons--plus:before {
  content: "\e946"
}

.font-icons--no-bonus:before {
  content: "\e945"
}

.font-icons--lock:before {
  content: "\e944"
}

.font-icons--copy:before {
  content: "\e942"
}

.font-icons--copy-small:before {
  content: "\e998"
}

.font-icons--show:before {
  content: "\e940"
}

.font-icons--hide:before {
  content: "\e941"
}

.font-icons--arrow-left-small:before {
  content: "\e93e"
}

.font-icons--arrow-right-small:before {
  content: "\e93f"
}

.font-icons--favorite-add:before {
  content: "\e93b"
}

.font-icons--favorite:before {
  content: "\e93c"
}

.font-icons--play:before {
  content: "\e93d"
}

.font-icons--angle-left-small:before {
  content: "\e933"
}

.font-icons--aviator:before {
  content: "\e951"
}

.font-icons--st-partrick:before {
  content: "\e926"
}

.font-icons--christmas:before {
  content: "\e927"
}

.font-icons--cashback:before {
  content: "\e928"
}

.font-icons--jackpot-games:before {
  content: "\e929"
}

.font-icons--happy-hours:before {
  content: "\e92a"
}

.font-icons--halloween:before {
  content: "\e92b"
}

.font-icons--easter:before {
  content: "\e92c"
}

.font-icons--high-bets:before {
  content: "\e92d"
}

.font-icons--octoberfest:before {
  content: "\e92e"
}

.font-icons--instant-win:before {
  content: "\e92f"
}

.font-icons--table:before {
  content: "\e930"
}

.font-icons--favoritesGames:before {
  content: "\e931"
}

.font-icons--bingo:before {
  content: "\e932"
}

.font-icons--lottery:before {
  content: "\e934"
}

.font-icons--bonus-buy:before {
  content: "\e935"
}

.font-icons--drops-and-wins:before {
  content: "\e936"
}

.font-icons--megaways:before {
  content: "\e937"
}

.font-icons--new-games:before {
  content: "\e938"
}

.font-icons--all:before {
  content: "\e93a"
}

.font-icons--angle-right-small:before {
  content: "\e924"
}

.font-icons--verification-not-confirmed:before {
  content: "\e913"
}

.font-icons--close-circle:before {
  content: "\e923"
}

.font-icons--telegram:before {
  content: "\e921"
}

.font-icons--facebook:before {
  content: "\e922"
}

.font-icons--daily-cashback:before {
  content: "\e91d"
}

.font-icons--favoriteGames:before {
  content: "\e919"
}

.font-icons--fruits:before {
  content: "\e997"
}

.font-icons--livecasino:before {
  content: "\e91b"
}

.font-icons--shop:before {
  content: "\e91c"
}

.font-icons--mystery-drops:before {
  content: "\e925"
}

.font-icons--mystery-drops-happy-hours:before {
  content: "\e91f"
}

.font-icons--lucky-spin:before {
  content: "\e920"
}

.font-icons--close:before {
  content: "\e918"
}

.font-icons--angle-down-small:before {
  content: "\e916"
}

.font-icons--angle-down-small1:before {
  content: "\e91e"
}

.font-icons--select:before {
  content: "\e943"
}

.font-icons--check:before {
  color: #1adb4a;
  content: "\e917"
}

.font-icons--verification-confirmed:before {
  content: "\e914"
}

.font-icons--logout:before {
  content: "\e915"
}

.font-icons--game-history:before {
  content: "\e90f"
}

.font-icons--support:before {
  content: "\e910"
}

.font-icons--bonuses:before {
  content: "\e911"
}

.font-icons--verification:before {
  content: "\e912"
}

.font-icons--lobby:before {
  content: "\e90e"
}

.font-icons--withdraw:before {
  content: "\e900"
}

.font-icons--wallet:before {
  content: "\e901"
}

.font-icons--providers:before {
  content: "\e902"
}

.font-icons--casino:before {
  content: "\e903"
}

.font-icons--sport:before {
  content: "\e904"
}

.font-icons--promotions:before {
  content: "\e905"
}

.font-icons--tournaments:before {
  content: "\e906"
}

.font-icons--payments:before {
  content: "\e907"
}

.font-icons--platinclub:before {
  content: "\e908"
}

.font-icons--search:before {
  content: "\e909"
}

.font-icons--notifications:before {
  content: "\e90a"
}

.font-icons--user:before {
  content: "\e90b"
}

.font-icons--install-app:before {
  content: "\e90c"
}

.font-icons--menu-left:before {
  content: "\e90d"
}

.font-icons--flag:before {
  content: "\e962"
}

.font-icons--location-crosshairs:before {
  content: "\e97e"
}

.font-icons--location-crosshairs-slash:before {
  content: "\e97f"
}

.font-icons--location-crosshairs1:before {
  content: "\e980"
}

.font-icons--location-crosshairs-slash1:before {
  content: "\e995"
}

.font-icons--instagram:before {
  content: "\e987"
}

.btn,.link-btn {
  align-items: center;
  background: var(--headings-color);
  border: none;
  color: #001b33;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: background .3s ease,border-color .3s ease,color .3s ease;
  white-space: nowrap
}

.btn:active,.btn:focus,.btn:hover,.link-btn:active,.link-btn:focus,.link-btn:hover {
  background: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
}

.btn:not(:disabled),.link-btn:not(:disabled) {
  cursor: pointer
}

.btn:disabled,.link-btn:disabled {
  background: rgba(80,99,133,.4);
  color: hsla(0,0%,100%,.25);
  cursor: not-allowed
}

.btn--secondary,.link-btn--secondary {
  background: #384c6b;
  color: #fff
}

.btn--secondary:active,.btn--secondary:focus,.btn--secondary:hover,.link-btn--secondary:active,.link-btn--secondary:focus,.link-btn--secondary:hover {
  background: #445778
}

.btn--secondary:disabled,.link-btn--secondary:disabled {
  background: rgba(80,99,133,.4)
}

.btn--third,.link-btn--third {
  background: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  color: rgb(255 171 73);
}

.btn--third:active,.btn--third:focus,.btn--third:hover,.link-btn--third:active,.link-btn--third:focus,.link-btn--third:hover {
  background-color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  filter: brightness(1.2);
}

.btn--third:disabled,.link-btn--third:disabled {
  background: rgba(80,99,133,.4)
}

.btn--outline,.link-btn--outline {
  background: transparent;
  border: 1px solid hsla(0,0%,100%,.12);
  color: #fff
}

.btn--outline:active,.btn--outline:focus,.btn--outline:hover,.link-btn--outline:active,.link-btn--outline:focus,.link-btn--outline:hover {
  background: transparent;
  border-color: hsla(0,0%,100%,.2)
}

.btn--outline:disabled,.link-btn--outline:disabled {
  background: transparent;
  border-color: hsla(0,0%,100%,.12)
}

.btn--lg,.link-btn--lg {
  border-radius: 10px;
  height: 56px;
  padding: 16px 24px
}

.btn--lg,.btn--md,.link-btn--lg,.link-btn--md {
  font-size: 16px;
  line-height: 24px;
  min-width: 100px
}

.btn--md,.link-btn--md {
  border-radius: 8px;
  height: 48px;
  padding: 12px 20px
}

.btn--sm,.link-btn--sm {
  height: 40px;
  padding: 10px 16px
}

.btn--sm,.btn--xs,.link-btn--sm,.link-btn--xs {
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  min-width: 100px
}

.btn--xs,.link-btn--xs {
  height: 36px;
  padding: 8px 12px
}

.link-btn {
  text-decoration: none
}

.loading {
  align-items: center;
  background-color: rgba(0,0,0,.5);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1080
}

.loading__spinner-border {
  animation: spinner-border .75s linear infinite;
  border: 5px solid #0bdede;
  border-radius: 50%;
  border-right-color: transparent;
  display: inline-block;
  height: 40px;
  vertical-align: text-bottom;
  width: 40px
}

.pop-ups {
  bottom: 76px;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: fixed;
  row-gap: 8px;
  transform: translateX(-50%);
  z-index: 90
}

.pop-ups--landing {
  bottom: 8px
}

.pop-ups:has(.bonus-pop-up) {
  width: calc(100% - 32px)
}

.pop-ups:has(.bonus-pop-up) .notification-cookies-policy {
  left: 50%;
  position: absolute;
  top: -56px;
  transform: translate(-50%)
}

@media(min-width: 768px) {
  .pop-ups {
      max-width:720px;
      width: unset
  }
}

@media(min-width: 960px) {
  .pop-ups {
      bottom:8px
  }
}

.hidden {
  display: none!important
}

.layout {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 100vh;
  overflow: hidden
}

.layout__main {
  flex: 1;
  max-width: 100vw;
  overflow: hidden;
  padding-top: 56px
}

@media(min-width: 960px) {
  .layout__main {
      max-width:inherit;
      overflow: inherit
  }
}

@media(min-width: 1200px) {
  .layout__main {
      padding-top:64px
  }
}

.layout__main--install-app {
  padding-top: 116px
}

@media(min-width: 768px) {
  .layout__main--install-app {
      padding-top:56px
  }
}

@media(min-width: 1200px) {
  .layout__main--install-app {
      padding-top:64px
  }
}

.layout--overflow-visible {
  overflow: visible
}

.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100
}

.header__wrapper {
  align-items: center;
  background: rgb(0 65 72);
  display: flex;
  height: 56px;
  justify-content: space-between;
  padding: 0 16px
}

@media(min-width: 1200px) {
  .header__wrapper {
      height:64px;
      padding: 0 32px
  }
}

.header__block {
  align-items: center;
  display: flex
}

.header .header__icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.header .header__icon:hover:before {
  color: #fff
}

.header .header__icon--menu {
  margin-right: 12px
}

@media(min-width: 480px) {
  .header .header__icon--menu {
      margin-right:16px
  }
}

.header .header__icon--search {
  display: none;
  margin-left: 24px
}

@media(min-width: 960px) {
  .header .header__icon--search {
      display:block
  }
}

.header__logo {
  display: none
}

@media(min-width: 480px) {
  .header__logo {
      display:block;
      height: 27px
  }
}

@media(min-width: 1200px) {
  .header__logo {
      height:33px;
      margin-right: 30px
  }

  .body--ar .header__logo {
      margin-left: 30px;
      margin-right: 0
  }
}

.header__logo--mobile {
  display: block;
  margin-right: 0;
  min-width: 40px
}

@media(min-width: 480px) {
  .header__logo--mobile {
      display:none
  }
}

.header__logo--mobile img {
  max-width: 33px
}

.header__logo img {
  height: 40px;
}

.header__switcher {
  display: none;
  margin-right: 32px;
  min-width: 256px
}

.body--ar .header__switcher {
  margin-left: 32px;
  margin-right: 0
}

@media(min-width: 1200px) {
  .header__switcher {
      display:flex
  }
}

.header__menu {
  display: none;
  margin: 0 24px
}

@media(min-width: 1200px) {
  .header__menu {
      display:flex
  }
}

.header__utils {
  align-items: center;
  display: flex;
  margin-right: 12px
}

@media(min-width: 1200px) {
  .header__utils {
      margin-right:20px
  }
}

.header__buttons {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex
}

@media(min-width: 1200px) {
  .header__buttons {
      -moz-column-gap:12px;
      column-gap: 12px
  }

  .header .header__button {
      height: 40px;
      padding: 10px 16px
  }
}

.header .header__button--deposit {
  min-width: unset;
  padding: 6px
}

@media(min-width: 480px) {
  .header .header__button--deposit {
      padding:8px 12px
  }
}

@media(min-width: 1200px) {
  .header .header__button--deposit {
      height:40px;
      padding: 10px 16px
  }
}

.header--scroll {
  transition: opacity .3s ease
}

@media(max-width: 767px) {
  .header--scroll {
      opacity:1
  }
}

.header--scroll.header--scrolled {
  opacity: 1
}

.install-app-widget {
  background: #445778;
  height: 60px;
  justify-content: space-between;
  padding: 9px 24px 9px 16px;
  width: 100%
}

.install-app-widget,.install-app-widget-left {
  align-items: center;
  display: flex
}

.install-app-widget-close-icon {
  margin-right: 12px
}

.install-app-widget-logo {
  border-radius: 8px;
  height: auto;
  margin-right: 12px;
  max-width: 40px;
  width: 100%
}

.install-app-widget-text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.install-app-widget-right {
  display: flex
}

@media(min-width: 768px) {
  .install-app-widget {
      display:none
  }
}

.logo {
  vertical-align: top
}

.logo,.logo:active,.logo:focus,.logo:hover {
  outline: none;
  text-decoration: none
}

.logo__img {
  border: none;
  display: inline-block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  vertical-align: top
}

.logo--footer .logo__img {
  width: 128px
}

@media(min-width: 768px) {
  .logo--footer .logo__img {
      width:155px
  }
}

.link {
  text-decoration: none
}

.sportsbook-switcher {
  border-radius: 8px;
  height: 40px;
  overflow: hidden;
  width: 100%
}

.sportsbook-switcher__item {
  align-items: center;
  background: #001c2c;
  filter: brightness(.92);
  display: flex;
  height: 100%;
  justify-content: center;
  transition: background .3s ease;
  width: 100%
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__icon:before {
  color: #fff!important
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__title {
  color: #fff
}

.sportsbook-switcher__item--active {
  background-color: rgb(0 78 86);
  filter: brightness(1.2); /* Increase brightness to make it lighter */
}

.sportsbook-switcher__item--active .sportsbook-switcher__icon:before {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% ) !important;
}

.sportsbook-switcher__item--active .sportsbook-switcher__title {
  color: #fff
}

.sportsbook-switcher__icon {
  margin-right: 8px
}

.sportsbook-switcher__icon:before {
  color: hsla(0,0%,100%,.4)!important;
  transition: color .3s ease
}

.sportsbook-switcher__title {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  text-transform: uppercase;
  transition: color .3s ease
}

.after-close-modal {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 296px 16px 32px;
  position: relative
}

@media(min-width: 768px) {
  .after-close-modal {
      padding:296px 48px 48px
  }
}

.after-close-modal__background {
  height: 336px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 480px;
  z-index: -1
}

.after-close-modal__text {
  margin: 0
}

.after-close-modal__text--title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px
}

.after-close-modal__text--description {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 32px;
  text-align: center
}

.after-close-modal__text--value {
  color: #ffd336;
  font-weight: 700
}

.after-close-modal .after-close-modal__button--return {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  letter-spacing: .2px;
  line-height: 24px;
  margin: 0 0 20px;
  text-transform: uppercase;
  width: 100%
}

.after-close-modal .after-close-modal__button--return:last-child {
  margin: 0
}

.after-close-modal .after-close-modal__button--close {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  line-height: 24px
}

.after-close-modal--offer .after-close-modal__text--description {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 24px;
  text-align: center
}

.after-close-modal--offer .after-close-modal__text--description+.after-close-modal__text--description {
  margin: 0 0 40px
}

.btn {
  align-items: center;
  background: #0bdede;
  border: none;
  color: #001b33;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: background .3s ease,border-color .3s ease,color .3s ease;
  white-space: nowrap
}

.btn:active,.btn:focus,.btn:hover {
  background: #0acbcb
}

.btn:not(:disabled) {
  cursor: pointer
}

.btn:disabled {
  background: rgba(80,99,133,.4);
  color: hsla(0,0%,100%,.25);
  cursor: not-allowed
}

.ago-timer {
  align-items: center;
  display: flex
}

.ago-timer__text {
  color: hsla(0,0%,100%,.4);
  display: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.ago-timer__text--visible {
  display: block
}

.ago-timer__text--ago {
  margin-left: 4px
}

.amount-elem {
  display: block;
  width: 100%
}

.amount-elem__list {
  grid-gap: 6px;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  margin: 0 0 16px;
  width: 100%
}

.amount-elem__wrap-input {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%
}

.amount-elem__currency {
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  margin: 0 0 0 6px;
  min-width: 66px;
  text-align: center
}

.amount-elem .amount-elem__item {
  align-items: center;
  align-self: stretch;
  background-color: #000;
  border: 1px solid #6d6a71;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  min-width: auto;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  transition: background-color .3s ease,color .3s ease,border-color .3s ease;
  width: 100%
}

.amount-elem .amount-elem__item--active,.amount-elem .amount-elem__item:hover {
  background-color: #0bdede;
  border-color: #0bdede;
  color: #22242c
}

.input {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  cursor: text;
  display: flex;
  height: 42px;
  padding: 0 16px;
  position: relative;
  transition: background .3s ease;
  width: 100%
}

.input--placeholder .input__native {
  padding: 0!important
}

.input:hover {
  background: #445778
}

.input:has(.input__native:focus) {
  background: #445778
}

.input__left-container,.input__right-container {
  display: flex
}

.input__placeholder {
  color: hsla(0,0%,100%,.4);
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 11px;
  transition: all .3s ease
}

.input__native,.input__placeholder {
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.input__native {
  background-color: transparent;
  border: none;
  color: #fff;
  display: block;
  height: 100%;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  transition: color .3s ease;
  white-space: nowrap;
  width: 100%
}

.input__native::-moz-placeholder {
  color: hsla(0,0%,100%,.25)
}

.input__native::placeholder {
  color: hsla(0,0%,100%,.25)
}

.input__native:active,.input__native:focus,.input__native:hover {
  background-color: transparent;
  box-shadow: none;
  outline: none
}

.input__native:not(:-moz-placeholder-shown) {
  padding: 20px 0 8px
}

.input__native:not(:placeholder-shown) {
  padding: 20px 0 8px
}

.input__native:not(:-moz-placeholder-shown)+.input__placeholder {
  font-size: 10px;
  line-height: 14px;
  top: 4px!important
}

.input__native:not(:placeholder-shown)+.input__placeholder {
  font-size: 10px;
  line-height: 14px;
  top: 4px!important
}

.input__native:focus {
  outline: none;
  padding: 20px 0 8px
}

.input__native:focus+.input__placeholder {
  font-size: 10px;
  line-height: 14px;
  top: 4px!important
}

.input__native:-webkit-autofill {
  -webkit-text-fill-color: #fff!important;
  background: #384c6b!important;
  background-clip: content-box!important;
  border: none!important;
  border-radius: 0!important;
  box-shadow: inset 0 0 0 100px #384c6b!important;
  color: #fff!important;
  font-size: 16px!important;
  line-height: 24px!important;
  -webkit-transition: color .3s ease,background-color .3s ease,box-shadow .3s ease!important;
  transition: color .3s ease,background-color .3s ease,box-shadow .3s ease!important
}

.input__native:-webkit-autofill:active,.input__native:-webkit-autofill:active:hover,.input__native:-webkit-autofill:focus,.input__native:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff!important;
  box-shadow: inset 0 0 0 100px #445778!important;
  color: #fff!important;
  font-size: 16px!important;
  line-height: 24px!important
}

.input__native:-webkit-autofill:active:not(:hover) {
  -webkit-text-fill-color: #fff!important
}

.input--disabled {
  background: #384c6b!important
}

.amount-hint__item {
  display: inline-block
}

.amount-hint__item:not(:first-child) {
  margin-left: 3px
}

.amount-hint__item:not(:last-child):after {
  content: ","
}

.bar {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1100
}

.bar--open {
  height: 100%;
  width: 100%
}

@supports(height: 100dvh) {
  .bar--open {
      height:100dvh
  }
}

.bar__background {
  background: rgba(0,0,0,.8);
  height: 100%;
  width: 100%
}

.bar__content {
  -ms-overflow-style: none;
  background: rgb(0 78 86);
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: 88px 16px 96px;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  transform: translateX(-300px);
  transition: transform .3s ease;
  width: 300px;
  z-index: 1100
}

.bar__content--open {
  transform: translate(0)
}

.bar__content::-webkit-scrollbar {
  display: none
}

@supports(height: 100dvh) {
  .bar__content {
      height:100dvh
  }
}

@media(min-width: 960px) {
  .bar__content {
      padding:64px 16px 96px
  }
}

.bar__switcher {
  display: flex;
  margin-bottom: 16px
}

.bar .bar__close-icon {
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 16px
}

@media(min-width: 960px) {
  .bar .bar__close-icon {
      left:32px;
      right: unset;
      top: 20px
  }
}

.bar .bar__close-icon:hover:before {
  color: #fff
}

.bar .bar__close-icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.bar .bar__logo {
  height: 28px!important;
  left: 32px;
  position: absolute;
  top: 28px
}

@media(min-width: 960px) {
  .bar .bar__logo {
      display:none
  }
}

.bar .bar__logo img {
  height: 100%
}

.bar__divider {
  background: hsla(0,0%,100%,.12);
  height: 1px;
  margin: 16px auto;
  width: 236px
}

.bar .bar__link {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 12px 16px;
  text-transform: uppercase;
  transition: background .3s ease
}

.bar .bar__link:hover {
  background: #384c6b;
  color: #fff
}

.bar .bar__link--current .bar__icon:before {
  color: #0bdede!important
}

.bar .bar__icon {
  margin-right: 20px
}

.bar .bar__icon:before {
  color: hsla(0,0%,100%,.4)
}

.bar .bar__image {
  margin-right: 12px
}

.select-language-icons-with-name__container::-webkit-scrollbar {
  width: 4px
}

.select-language-icons-with-name__container::-webkit-scrollbar-track {
  background: transparent
}

.select-language-icons-with-name__container::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.select-language-icons-with-name__container::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .select-language-icons-with-name__container {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.select-language-icons-with-name {
  position: relative
}

.select-language-icons-with-name--footer .select-language-icons-with-name__button {
  background: #384c6b;
  min-width: 176px;
  padding: 12px 12px 12px 16px
}

.select-language-icons-with-name--footer .select-language-icons-with-name__button:hover {
  background: #445778
}

.select-language-icons-with-name--footer .select-language-icons-with-name__container {
  width: 240px
}

.select-language-icons-with-name--footer .select-language-icons-with-name__name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
  white-space: nowrap
}

.select-language-icons-with-name--bar .select-language-icons-with-name__button {
  width: 100%
}

.select-language-icons-with-name__button {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  transition: background .3s ease
}

.select-language-icons-with-name__button:hover {
  background: #384c6b
}

.select-language-icons-with-name__button-inner {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  text-transform: uppercase
}

.select-language-icons-with-name__icon {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-right: 12px;
  overflow: hidden;
  width: 24px
}

.select-language-icons-with-name__icon img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.select-language-icons-with-name__icon--selected {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%)
}

.select-language-icons-with-name .select-language-icons-with-name__caret {
  font-size: 24px;
  transition: transform .3s ease
}

.select-language-icons-with-name .select-language-icons-with-name__caret:before {
  color: hsla(0,0%,100%,.4)
}

.select-language-icons-with-name .select-language-icons-with-name__caret--open {
  transform: rotate(180deg)
}

.select-language-icons-with-name__container {
  background: #384c6b;
  border-radius: 12px;
  bottom: calc(100% + 8px);
  display: none;
  left: 0;
  max-height: 320px;
  overflow: auto;
  padding: 8px;
  position: absolute;
  width: 100%;
  z-index: 1
}

.select-language-icons-with-name--open .select-language-icons-with-name__container {
  display: inline-block
}

.select-language-icons-with-name__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.select-language-icons-with-name .select-language-icons-with-name__item .option-link--highlighted {
  background: transparent
}

.select-language-icons-with-name .select-language-icons-with-name__link {
  border-radius: 8px;
  margin: 0!important;
  padding: 12px 16px;
  transition: background .3s ease
}

.select-language-icons-with-name .select-language-icons-with-name__link:hover {
  background: #445778
}

.select-language-icons-with-name__name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.select-language-icons-with-name__item-name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.option-link {
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  overflow: hidden;
  padding: 12px 16px;
  white-space: normal
}

.option-link,.option-link__content {
  align-items: center;
  display: flex
}

.betting-bonus__cards-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-top: 16px;
  width: calc(100% + 16px)
}

.betting-bonus__card {
  overflow: hidden
}

.betting-bonus__card--comboboosts {
  background-color: #1a1a22;
  border-radius: 12px;
  margin: 8px;
  width: calc(100% - 16px)
}

@media(min-width: 600px) {
  .betting-bonus__card--comboboosts {
      width:calc(50% - 16px)
  }
}

@media(min-width: 960px) {
  .betting-bonus__card--comboboosts {
      width:calc(50% - 16px)
  }
}

@media(min-width: 1200px) {
  .betting-bonus__card--comboboosts {
      width:calc(25% - 16px)
  }
}

.betting-bonus__card--freebets {
  border-radius: 12px;
  margin: 8px;
  width: calc(100% - 16px)
}

@media(min-width: 768px) {
  .betting-bonus__card--freebets {
      width:calc(50% - 16px)
  }
}

.betting-bonus .comboboost-card {
  padding: 24px 16px;
  position: relative
}

@media(min-width: 1200px) {
  .betting-bonus .comboboost-card {
      padding:32px
  }
}

.betting-bonus .comboboost-card__image--bg {
  bottom: 0;
  position: absolute;
  right: 16px
}

.betting-bonus .comboboost-card__content {
  position: relative;
  z-index: 3
}

.betting-bonus .comboboost-card__name {
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 20px
}

.betting-bonus .comboboost-card__name,.betting-bonus .comboboost-card__title {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase
}

.betting-bonus .comboboost-card__title {
  color: #fff;
  font-size: 26px;
  line-height: 32px
}

.betting-bonus .comboboost-card__buttons {
  align-items: center;
  display: flex;
  margin-top: 52px
}

.betting-bonus .comboboost-card__button {
  margin-right: 12px
}

.betting-bonus .freebets-card {
  padding: 24px 16px;
  position: relative
}

@media(min-width: 1200px) {
  .betting-bonus .freebets-card {
      padding:32px
  }
}

.betting-bonus .freebets-card__background {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

.betting-bonus .freebets-card__content {
  position: relative;
  z-index: 3
}

.betting-bonus .freebets-card__boost-tag {
  align-items: center;
  background: linear-gradient(225deg,#ecaa00 8.31%,#ffea2c 16.13%,#ecaa00 45.83%,#ffef5e 72.16%,#ecaa00);
  border-radius: 8px;
  display: flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px
}

.betting-bonus .freebets-card__boost-tag-content {
  align-items: center;
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #001b33;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  line-height: 16px;
  text-align: right;
  width: 37px
}

.betting-bonus .freebets-card__title {
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase
}

.betting-bonus .freebets-card__text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 12px
}

.betting-bonus .freebets-card__description {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.betting-bonus .freebets-card__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 48px
}

@media(min-width: 768px) {
  .betting-bonus .freebets-card__buttons {
      margin-top:88px
  }
}

.betting-bonus .freebets-card__buttons-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px
}

.betting-bonus .freebets-card__button-icon {
  margin-right: 4px
}

.betting-bonus .comboboosts__more {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  width: 100%
}

.betting-bonus .comboboosts__more-button {
  background: #384c6b;
  min-width: 300px
}

.betting-bonus .comboboosts__more-button:hover {
  background: #445778
}

.betting-bonus__modal-terms {
  white-space: pre-wrap
}

@media(min-width: 768px) {
  .boost-wheel__modal .modal__content-wrapper {
      max-width:480px
  }
}

.boost-wheel__modal .modal__content {
  padding: 56px 24px
}

@media(min-width: 768px) {
  .boost-wheel__modal .modal__content {
      padding:56px 48px
  }

  .freebets-activate__modal .modal__content-wrapper {
      max-width: 480px
  }
}

.freebets-activate__modal .modal__content {
  padding: 56px 24px;
  text-align: center
}

@media(min-width: 768px) {
  .freebets-activate__modal .modal__content {
      padding:56px 48px
  }
}

.freebets-activate__modal .freebets-activate__image {
  margin-bottom: 24px
}

.freebets-activate__modal .freebets-activate__title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px
}

.freebets-activate__modal .freebets-activate__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px
}

.freebets-activate__modal .freebets-card__button--link {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px
}

.freebets-activate__modal .freebets-card__button--boost {
  position: relative;
  width: 100%
}

.freebets-activate__modal .freebets-card__button--boost .freebets-card__button-icon {
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.boost-wheel__wheel {
  height: 395px;
  left: 50%;
  margin: 0;
  position: relative;
  transform: scale(.9) translate(-50%);
  transform-origin: 0 0;
  width: 365px
}

@media(min-width: 480px) {
  .boost-wheel__wheel {
      left:0;
      margin: 0 auto;
      transform: scale(1) translate(0);
      transform-origin: 0 0
  }
}

.boost-wheel__wrap {
  height: 395px;
  margin: 0 auto;
  position: relative;
  width: 365px
}

.boost-wheel__spin-border {
  height: 384px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 384px;
  z-index: 2
}

.boost-wheel__spin-wrap {
  height: 305px;
  left: 30px;
  position: absolute;
  top: 45px;
  width: 305px
}

.boost-wheel__spin-wrap--spin-start {
  animation: wheel-running 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-wrap--spin-start-0 {
  animation: wheel-running-1 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-wrap--spin-start-1 {
  animation: wheel-running-2 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-wrap--spin-start-2 {
  animation: wheel-running-3 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-wrap--spin-start-3 {
  animation: wheel-running-4 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-wrap--spin-start-4 {
  animation: wheel-running-5 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-wrap--spin-start-5 {
  animation: wheel-running-6 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.boost-wheel__spin-item {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: space-between;
  left: 50%;
  line-height: 1.5rem;
  margin-left: 75px;
  margin-top: -15px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  transform-origin: -4.8125rem center;
  white-space: nowrap;
  width: 66px
}

.boost-wheel__spin-item:first-child {
  transform: rotate(0deg)
}

.boost-wheel__spin-item:nth-child(2) {
  transform: rotate(17.5deg)
}

.boost-wheel__spin-item:nth-child(3) {
  transform: rotate(35deg)
}

.boost-wheel__spin-item:nth-child(4) {
  transform: rotate(53.5deg)
}

.boost-wheel__spin-item:nth-child(5) {
  transform: rotate(70deg)
}

.boost-wheel__spin-item:nth-child(6) {
  transform: rotate(88.5deg)
}

.boost-wheel__spin-item:nth-child(7) {
  transform: rotate(107deg)
}

.boost-wheel__spin-item:nth-child(8) {
  transform: rotate(124.5deg)
}

.boost-wheel__spin-item:nth-child(9) {
  transform: rotate(143deg)
}

.boost-wheel__spin-item:nth-child(10) {
  transform: rotate(162.5deg)
}

.boost-wheel__spin-item:nth-child(11) {
  transform: rotate(181deg)
}

.boost-wheel__spin-item:nth-child(12) {
  transform: rotate(198.5deg)
}

.boost-wheel__spin-item:nth-child(13) {
  transform: rotate(218deg)
}

.boost-wheel__spin-item:nth-child(14) {
  transform: rotate(235.5deg)
}

.boost-wheel__spin-item:nth-child(15) {
  transform: rotate(254deg)
}

.boost-wheel__spin-item:nth-child(16) {
  transform: rotate(271.5deg)
}

.boost-wheel__spin-item:nth-child(17) {
  transform: rotate(289.5deg)
}

.boost-wheel__spin-item:nth-child(18) {
  transform: rotate(307.5deg)
}

.boost-wheel__spin-item:nth-child(19) {
  transform: rotate(324.5deg)
}

.boost-wheel__spin-item:nth-child(20) {
  transform: rotate(342.5deg)
}

.boost-wheel__spin-item .boost-wheel__amount {
  flex: auto;
  font-family: Oswald,Arial,sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5rem;
  text-shadow: 0 2px 2px rgba(0,0,0,.2)
}

.boost-wheel__spin-img {
  height: 305px;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px
}

.boost-wheel__btn {
  margin-top: 32px;
  min-width: inherit;
  width: 100%
}

.boost-wheel__btn--clicked {
  background: rgba(46,46,59,.4)!important;
  color: hsla(0,0%,100%,.2)!important;
  pointer-events: none!important
}

.boost-wheel__btn--clicked .boost-wheel__button-icon {
  opacity: .4
}

.boost-wheel__terms ul {
  padding-left: 20px
}

.freebets-card__buttons-wrapper--info-modal {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -8px;
  width: calc(100% + 16px)
}

.freebets-card__buttons-wrapper--info-modal .freebets-card__button {
  margin: 8px;
  width: calc(100% - 16px)
}

@media(min-width: 600px) {
  .freebets-card__buttons-wrapper--info-modal .freebets-card__button {
      width:calc(50% - 16px)
  }
}

@keyframes wheel-running-0 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(6turn)
  }
}

.modal::-webkit-scrollbar,.modal__scroller::-webkit-scrollbar {
  height: 0;
  width: 0
}

.modal::-webkit-scrollbar-track,.modal__scroller::-webkit-scrollbar-track {
  background: transparent
}

.modal::-webkit-scrollbar-thumb,.modal__scroller::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.modal::-webkit-scrollbar-thumb:hover,.modal__scroller::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .modal,.modal__scroller {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.modal:hover::-webkit-scrollbar-thumb,.modal__scroller:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.sign-in-modal.modal--pnp .modal__content-wrapper,.sign-up-modal.modal--pnp .modal__content-wrapper {
  max-width: 462px
}

.search-modal .modal__content-wrapper {
  margin-top: 0;
  width: 100%
}

.search-modal .modal__content {
  background: transparent;
  display: block;
  margin: 64px auto 20px;
  max-width: 340px;
  padding: 0;
  width: 100%
}

@media(min-width: 768px) {
  .search-modal .modal__content {
      margin-top:160px;
      max-width: 720px
  }
}

.search-modal.modal .modal__close-button {
  right: 26px;
  top: 26px;
  z-index: 1030
}

@media(min-width: 768px) {
  .limits-modal.modal .modal__close-button {
      right:15px;
      top: 15px
  }
}

.welcome-modal-wrapper.modal .modal__content-wrapper {
  max-width: 420px
}

@media(min-width: 1440px) {
  .welcome-modal-wrapper.modal .modal__content-wrapper {
      max-width:480px
  }
}

.notification-center-modal--lootbox.modal .modal__content-wrapper {
  max-width: 1140px
}

.notification-center-modal--lootbox.modal .modal__content {
  padding: 0
}

.game-panel-info-modal .modal__content-wrapper {
  max-width: 480px
}

.game-panel-info-modal .modal__content {
  border-radius: 20px;
  overflow: hidden
}

.game-panel-info-modal.modal .modal__close-button {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2
}

@media(min-width: 768px) {
  .game-panel-info-modal.modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.game-info-modal .modal__content-wrapper {
  max-width: 480px
}

.game-info-modal .modal__content {
  border-radius: 20px;
  overflow: hidden;
  padding: 56px 16px
}

@media(min-width: 768px) {
  .game-info-modal .modal__content {
      padding:56px 48px 48px
  }
}

.game-info-modal.modal .modal__close-button {
  z-index: 2
}

@media(min-width: 768px) {
  .game-info-modal.modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.game-panel-modal__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  text-align: center
}

.game-panel-modal .modal__content-wrapper {
  max-width: 480px
}

.game-panel-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 20px
}

.game-panel-modal .modal__scroller {
  padding: 56px 16px 16px
}

@media(min-width: 768px) {
  .game-panel-modal .modal__scroller {
      max-height:calc(100vh - 120px);
      padding: 56px 32px 48px
  }
}

.game-panel-modal.modal .modal__close-button {
  z-index: 2
}

@media(min-width: 768px) {
  .game-panel-modal.modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.game-panel-modal--currency .modal__scroller {
  max-height: calc(100vh - 48px)
}

@media(min-width: 768px) {
  .game-panel-modal--currency .modal__scroller {
      max-height:calc(100vh - 120px)
  }
}

.support-modal .modal__content-wrapper {
  max-width: 500px
}

.support-modal .modal__content {
  border-radius: 20px;
  overflow: hidden;
  padding: 56px 16px
}

@media(min-width: 768px) {
  .support-modal .modal__content {
      padding:56px 48px 48px
  }
}

.support-modal.modal .modal__close-button {
  z-index: 2
}

@media(min-width: 768px) {
  .support-modal.modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.cms-modal .modal__content {
  border-radius: 20px;
  overflow: hidden
}

.cms-modal .modal__scroller {
  padding: 56px 16px
}

@media(min-width: 768px) {
  .cms-modal .modal__scroller {
      max-height:calc(100vh - 120px);
      padding: 56px 32px
  }
}

.cms-modal.modal .modal__close-button {
  z-index: 2
}

@media(min-width: 768px) {
  .cms-modal.modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.sumsub-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 960px) {
  .sumsub-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.sumsub-modal .modal__content {
  background: #fff;
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 0
}

@media(min-width: 960px) {
  .sumsub-modal .modal__content {
      border-radius:20px;
      margin: 32px auto;
      padding: 56px 32px 32px
  }
}

.sumsub-modal .modal__close-button {
  display: none!important
}

.game-required-fields-modal .modal__content {
  margin: 0;
  overflow: unset
}

.game-required-fields-modal .modal__content-wrapper {
  max-width: 480px
}

.modal {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050
}

.modal--install-app#profile {
  margin-top: 116px
}

@media(min-width: 768px) {
  .modal--install-app#profile {
      margin-top:56px
  }
}

.modal__backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-property: opacity;
  z-index: -1
}

.modal__content-wrapper {
  margin: auto;
  max-width: 720px;
  width: calc(100% - 20px)
}

.modal__scroller {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 100vh;
  overflow: auto
}

@media(min-width: 768px) {
  .modal__scroller {
      max-height:unset
  }
}

.modal__content {
  background-color: rgb(0 78 86);
  border-radius: 20px;
  margin: 40px 10px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transform: translateY(-20px);
  transition-property: opacity,transform
}

.modal .modal__close-button {
  align-items: center;
  background: rgba(0,27,51,.65);
  border-radius: 50%;
  color: hsla(0,0%,100%,.65);
  display: flex;
  height: 40px;
  justify-content: center;
  position: fixed;
  right: 16px;
  top: 16px;
  transition: color .3s ease;
  width: 40px;
  z-index: 10
}

@media(min-width: 480px) {
  .modal .modal__close-button {
      position:absolute
  }
}

@media(min-width: 768px) {
  .modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.modal .modal__close-button i {
  font-size: 24px
}

.modal .modal__close-button:hover {
  background: rgba(0,27,51,.65)!important;
  color: #fff
}

.modal--entered .modal__backdrop {
  opacity: .7;
  transition-timing-function: ease-in
}

.modal--entered .modal__content {
  opacity: 1;
  transform: translateY(0);
  transition-timing-function: ease-in
}

.modal--exiting .modal__backdrop,.modal--exiting .modal__content {
  opacity: 0;
  transition-timing-function: ease-out
}

.modal--exiting .modal__content {
  transform: translateY(20px)
}

.modal--jackpot-promo .modal__content-wrapper {
  max-width: 1200px
}

.modal--jackpot-promo .modal__content {
  padding: 30px 20px
}

@media(max-width: 767px) {
  .modal--fs-mobile-sm .modal__content-wrapper {
      max-width:100%;
      width: 100%
  }

  .modal--fs-mobile-sm .modal__content {
      border-radius: 0;
      display: flex;
      flex-direction: column;
      margin: 0;
      min-height: 100vh
  }
}

#profile {
  height: calc(100% - 112px);
  margin-top: 56px;
  z-index: 99
}

#profile .modal__backdrop {
  display: none
}

@media(min-width: 960px) {
  #profile .modal__backdrop {
      display:block
  }
}

#profile .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 960px) {
  #profile .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px;
      width: calc(100% - 20px)
  }
}

#profile .modal__content {
  background: #001c2c;
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto
}

#search-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  #search-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px;
      width: calc(100% - 20px)
  }
}

#search-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden
}

@media(min-width: 768px) {
  #search-modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

#fast-deposit .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  #fast-deposit .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px;
      width: calc(100% - 20px)
  }
}

#fast-deposit .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto
}

@media(min-width: 768px) {
  #fast-deposit .modal__content {
      border-radius:20px;
      margin: 32px auto;
      overflow: hidden
  }
}

#kyc-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  #kyc-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

#kyc-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto
}

@media(min-width: 768px) {
  #kyc-modal .modal__content {
      border-radius:20px;
      margin: 32px auto;
      overflow: hidden
  }
}

#sign-in .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 480px) {
  #sign-in .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

#sign-in .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden
}

@media(min-width: 480px) {
  #sign-in .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

#sign-in .modal__close-button {
  right: 16px;
  top: 16px
}

@media(min-width: 480px) {
  #sign-in .modal__close-button {
      right:24px;
      top: 24px
  }
}

#sign-up .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 480px) {
  #sign-up .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

@media(min-width: 1200px) {
  #sign-up .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 1024px
  }
}

#sign-up .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overflow: auto
}

@media(min-width: 480px) {
  #sign-up .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

#sign-up .modal__close-button {
  right: 16px;
  top: 16px
}

@media(min-width: 480px) {
  #sign-up .modal__close-button {
      right:24px;
      top: 24px
  }
}

#success-after-registration .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 480px) {
  #success-after-registration .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

#success-after-registration .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 480px) {
  #success-after-registration .modal__content {
      border-radius:20px;
      margin: 32px auto
  }

  #success-after-registration .modal__close-button {
      right: 24px;
      top: 24px
  }
}

.game-session-close-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 480px) {
  .game-session-close-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.game-session-close-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 480px) {
  .game-session-close-modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }

  .game-session-close-modal .modal__close-button {
      right: 24px;
      top: 24px
  }
}

#responsible-game .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 480px) {
  #responsible-game .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

#responsible-game .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 480px) {
  #responsible-game .modal__content {
      border-radius:20px;
      margin: 32px auto
  }

  #responsible-game .modal__close-button {
      right: 24px;
      top: 24px
  }
}

.after-modal-close .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .after-modal-close .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.after-modal-close .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 768px) {
  .after-modal-close .modal__content {
      border-radius:20px;
      margin: 32px auto
  }

  .after-modal-close .modal__close-button {
      right: 24px;
      top: 24px
  }
}

.contact-us-modal .modal__content-wrapper {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  margin: 0;
  max-width: 100%;
  min-height: 100%;
  width: 100%
}

@media(min-width: 768px) {
  .contact-us-modal .modal__content-wrapper {
      margin:auto;
      max-width: 480px;
      min-height: unset;
      width: calc(100% - 20px)
  }
}

.contact-us-modal .modal__content {
  border-radius: 0;
  flex: 1 1 auto;
  margin: 0
}

@media(min-width: 768px) {
  .contact-us-modal .modal__content {
      border-radius:20px;
      margin: 20px 0
  }
}

.need-help-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 480px) {
  .need-help-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.need-help-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 768px) {
  .need-help-modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

#bonus-terms-and-conditions .modal__content,#terms-and-conditions .modal__content {
  padding: 56px
}

.privacy-policy-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .privacy-policy-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px;
      width: calc(100% - 20px)
  }
}

.privacy-policy-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: auto
}

@media(min-width: 768px) {
  .privacy-policy-modal .modal__content {
      border-radius:20px;
      margin: 32px auto;
      overflow: hidden
  }
}

.betting-code-form {
  border-radius: 12px;
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: hidden;
  padding: 24px 16px;
  position: relative
}

@media(min-width: 768px) {
  .betting-code-form {
      margin-bottom:48px;
      margin-top: 48px
  }
}

@media(min-width: 1200px) {
  .betting-code-form {
      padding:24px
  }
}

.betting-code-form__image--bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.betting-code-form__content {
  position: relative;
  z-index: 3
}

.betting-code-form__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 14px
}

.betting-code-form__form.form {
  align-items: center;
  display: flex;
  flex-direction: inherit;
  flex-wrap: nowrap
}

.betting-code-form__form-input {
  max-width: 312px
}

.betting-code-form__form-button {
  height: 56px;
  margin-left: -12px;
  min-width: 56px;
  padding: 12px;
  width: 56px
}

.betting-code-form__error {
  bottom: -16px;
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  font-size: 12px;
  left: 0;
  line-height: 12px;
  position: absolute
}

.betting-code-form__error--success {
  color: #48a902
}

.form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%
}

.form__title {
  color: hsla(0,0%,100%,.65);
  text-align: center;
  text-transform: uppercase
}

.betting-jackpots__jackpot-levels-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  margin-left: -8px;
  margin-top: 8px;
  width: calc(100% + 16px)
}

.betting-jackpots__jackpot-level {
  align-items: center;
  border-radius: 12px;
  display: flex;
  margin: 8px;
  overflow: hidden;
  padding: 12px 16px;
  width: calc(100% - 16px)
}

@media(min-width: 600px) {
  .betting-jackpots__jackpot-level {
      width:calc(50% - 16px)
  }
}

.betting-jackpots__jackpot-level--Grand {
  background: linear-gradient(135deg,rgba(255,182,40,.15),rgba(255,182,40,0)),#22222b
}

.betting-jackpots__jackpot-level--Major,.betting-jackpots__jackpot-level--Minor {
  background: linear-gradient(135deg,rgba(0,220,205,.15),rgba(0,220,205,0)),#22222b
}

.betting-jackpots__jackpot-level-icon {
  margin-right: 16px;
  width: 56px
}

.betting-jackpots__jackpot-level-content {
  width: calc(100% - 72px)
}

.betting-jackpots__jackpot-level-name {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase
}

.betting-jackpots__jackpot-level-value {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px
}

.betting-jackpots__jackpot-level-value span {
  font-family: Open Sans,sans-serif!important;
  font-size: 24px!important;
  font-weight: inherit!important;
  line-height: 32px!important
}

.betting-jackpots__jackpot-level-value .odometer-digit,.betting-jackpots__jackpot-level-value .odometer-value {
  display: flex;
  justify-content: center;
  width: 14px!important
}

.betting-promotions-block {
  margin-bottom: 40px
}

@media(min-width: 768px) {
  .betting-promotions-block {
      margin-bottom:48px
  }
}

.betting-promotions-block__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 32px 0 8px
}

@media(min-width: 1200px) {
  .betting-promotions-block__title {
      font-size:24px;
      line-height: 32px;
      margin: 40px 0 8px
  }
}

.betting-promotions-block__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px
}

.betting-promotions-block__cards {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-top: 24px;
  width: calc(100% + 16px)
}

.betting-promotions-block__card {
  border-radius: 12px;
  margin: 8px;
  overflow: hidden;
  width: calc(100% - 16px)
}

@media(min-width: 600px) {
  .betting-promotions-block__card {
      width:calc(50% - 16px)
  }
}

@media(min-width: 960px) {
  .betting-promotions-block__card {
      width:calc(50% - 16px)
  }
}

@media(min-width: 1200px) {
  .betting-promotions-block__card {
      width:calc(25% - 16px)
  }
}

.betting-promotions-block--active {
  margin-top: 32px
}

@media(min-width: 1200px) {
  .betting-promotions-block--active {
      margin-top:40px
  }
}

.betting-promotions-card {
  padding: 24px 16px;
  position: relative
}

@media(min-width: 1200px) {
  .betting-promotions-card {
      padding:32px
  }
}

.betting-promotions-card--green {
  background: radial-gradient(174.36% 141.42% at 100% 100%,rgba(10,220,69,.3) 0,rgba(10,220,69,0) 100%)
}

.betting-promotions-card--blue {
  background: radial-gradient(177.02% 141.42% at 100% 100%,rgba(0,76,202,.3) 0,rgba(0,76,202,0) 100%)
}

.betting-promotions-card--orange {
  background: radial-gradient(174.36% 141.42% at 100% 100%,rgba(255,122,0,.3) 0,rgba(255,122,0,0) 100%)
}

.betting-promotions-card--yellow {
  background: radial-gradient(174.36% 141.42% at 100% 100%,rgba(196,211,19,.3) 0,rgba(196,211,19,0) 100%)
}

.betting-promotions-card__title-wrap {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}

.betting-promotions-card__title-icon {
  margin-right: 8px
}

.betting-promotions-card__title {
  color: hsla(0,0%,100%,.65);
  margin: 0
}

.betting-promotions-card__background {
  bottom: 0;
  position: absolute;
  right: 0
}

.betting-promotions-card__content {
  position: relative;
  z-index: 3
}

.betting-promotions-card__title {
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px
}

.betting-promotions-card__text,.betting-promotions-card__title {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase
}

.betting-promotions-card__text {
  color: #fff;
  font-size: 26px;
  line-height: 32px
}

.betting-promotions-card__buttons {
  align-items: center;
  display: flex;
  margin-top: 52px
}

.betting-promotions-card__button {
  margin-right: 12px
}

.promotions-modal::-webkit-scrollbar {
  width: 4px
}

.promotions-modal::-webkit-scrollbar-track {
  background: transparent
}

.promotions-modal::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.promotions-modal::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .promotions-modal {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.promotions-modal {
  height: 100%;
  overflow-y: auto;
  position: relative
}

@media(min-width: 768px) {
  .promotions-modal {
      max-height:800px
  }
}

.promotions-modal__top {
  display: flex;
  flex-direction: column;
  height: 220px;
  justify-content: flex-end;
  overflow: hidden;
  padding: 40px 16px;
  position: relative;
  width: 100%
}

@media(min-width: 480px) {
  .promotions-modal__top {
      height:260px
  }
}

@media(min-width: 768px) {
  .promotions-modal__top {
      height:300px;
      padding: 48px 32px
  }
}

.promotions-modal__background {
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}

.promotions-modal__title {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase
}

.promotions-modal__description {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 12px
}

.promotions-modal__text {
  color: #fff;
  display: inline-block;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-top: 20px
}

.promotions-modal__text--betting {
  text-transform: uppercase
}

@media(min-width: 480px) {
  .promotions-modal__text {
      font-size:26px;
      line-height: 32px
  }
}

@media(min-width: 768px) {
  .promotions-modal__text {
      font-size:32px;
      line-height: 40px
  }
}

.promotions-modal-content {
  padding: 20px 16px 80px
}

@media(min-width: 768px) {
  .promotions-modal-content {
      padding:20px 32px 96px
  }
}

.promotions-modal-content__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 16px
}

.promotions-modal-content__title--terms {
  font-size: 16px;
  line-height: 24px;
  margin: 32px 0 16px
}

.promotions-modal-content__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.promotions-modal .modular-bonus-code,.promotions-modal__bonus-code {
  margin: 32px auto;
  max-width: 340px
}

@media(min-width: 768px) {
  .promotions-modal .modular-bonus-code,.promotions-modal__bonus-code {
      max-width:unset
  }
}

.promotions-modal__jackpot {
  align-items: center;
  background: #384c6b;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin: 32px 0;
  padding: 20px 0;
  row-gap: 8px;
  text-transform: uppercase
}

.promotions-modal__jackpot-value {
  color: #0bdede;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px
}

.promotions-modal__jackpot-value span {
  font-family: Roboto,Arial,sans-serif!important
}

.promotions-modal__jackpot-value .od-total-wrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.promotions-modal__jackpot-value .od-total-wrapper>span {
  font-family: Roboto,Arial,sans-serif!important
}

.promotions-modal__terms {
  margin: 16px 0;
  padding: 0 0 0 40px
}

.promotions-modal__terms-item {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative
}

.promotions-modal__bottom {
  background: rgb(0 78 86);
  border-top: 1px solid #001c2c;
  bottom: 0;
  left: 0;
  padding: 16px;
  position: fixed;
  width: 100%
}

@media(min-width: 768px) {
  .promotions-modal__bottom {
      padding:24px 32px
  }
}

.promotions-modal .promotions-modal__button {
  height: 48px;
  width: 100%
}

.promotions-modal-content h2 {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 16px
}

.promotions-modal-content h3 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px
}

.promotions-modal-content p {
  color: hsla(0,0%,100%,.65);
  line-height: 24px;
  margin: 0 0 24px
}

.promotions-modal-content ul {
  list-style-type: disc;
  margin: 24px 0;
  padding-inline-start:24px}

.promotions-modal-content ul li {
  margin-bottom: 12px
}

.promotions-modal-content ul li::marker {
  font-size: 10px
}

.promotions-modal-content ul li ol,.promotions-modal-content ul li ul {
  margin: 12px 0
}

.promotions-modal-content ol {
  margin: 24px 0;
  padding-inline-start:24px}

.promotions-modal-content ol li {
  margin-bottom: 12px
}

.promotions-modal-content ol li ol,.promotions-modal-content ol li ul {
  margin: 12px 0
}

.promotions-modal-content .link {
  color: #0bdede
}

.promotions-modal-content .link :hover {
  color: #0acbcb
}

.promotions-modal-content i {
  font-size: inherit!important
}

.modular-bonus-code {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%
}

@media(min-width: 768px) {
  .modular-bonus-code {
      flex-direction:row
  }
}

.modular-bonus-code--light-font .modular-bonus-code__caption {
  font-weight: 400
}

.modular-bonus-code--light-font .modular-bonus-code__bonus-code .promotions-bonus-code__clipboard-code {
  font-size: 24px
}

.modular-bonus-code__caption {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  padding: 23px;
  text-align: center;
  width: 100%
}

.modular-bonus-code__bonus-code {
  width: 100%
}

.promotions-bonus-code {
  background: radial-gradient(177.24% 171.39% at 95.96% 0,#2ad0ca 0,#feb0fe 46.88%,#e6ee85 68.23%,#58c4f6 100%);
  border-radius: 8px;
  cursor: pointer;
  display: inline-block
}

.promotions-bonus-code__inner {
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #001b33;
  padding: 12px
}

.promotions-bonus-code__clipboard {
  align-items: center;
  display: flex
}

.promotions-bonus-code__icon {
  display: block
}

.promotions-bonus-code--short {
  background: radial-gradient(177.24% 171.39% at 95.96% 0,#2ad0ca 0,#e1f664 22.92%,#feb0fe 46.88%,#abb3fc 68.23%,#5df7a4 87.5%,#58c4f6 100%);
  padding: 6px
}

.promotions-bonus-code--short .promotions-bonus-code__inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8.5px
}

.promotions-bonus-code--short .promotions-bonus-code__caption {
  font-family: Open Sans,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap
}

.promotions-bonus-code--short .promotions-bonus-code__clipboard {
  -moz-column-gap: 2px;
  column-gap: 2px
}

.promotions-bonus-code--short .promotions-bonus-code__clipboard-code {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap
}

.promotions-bonus-code--long {
  padding: 4px
}

.promotions-bonus-code--long .promotions-bonus-code__inner {
  align-items: center;
  display: flex;
  gap: 4px;
  padding: 8.5px 10.5px
}

.promotions-bonus-code--long .promotions-bonus-code__caption {
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap
}

.promotions-bonus-code--long .promotions-bonus-code__clipboard {
  -moz-column-gap: 4px;
  column-gap: 4px
}

.promotions-bonus-code--long .promotions-bonus-code__clipboard-code {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap
}

.promotions-bonus-code--modal {
  padding: 7px;
  width: 100%
}

.promotions-bonus-code--modal .promotions-bonus-code__inner {
  align-items: center;
  border-width: 2px;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 14px
}

.promotions-bonus-code--modal .promotions-bonus-code__clipboard {
  -moz-column-gap: 8px;
  column-gap: 8px
}

.promotions-bonus-code--modal .promotions-bonus-code__clipboard-code {
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px
}

.promotions-bonus-code--modal .promotions-bonus-code__icon {
  display: block;
  font-size: 24px!important
}

.custom-controlled-tooltip {
  position: relative
}

.custom-controlled-tooltip--open .custom-controlled-tooltip__content--bottom,.custom-controlled-tooltip--open .custom-controlled-tooltip__content--top {
  transform: translateX(-50%) scale(1)
}

.custom-controlled-tooltip--open .custom-controlled-tooltip__content--left,.custom-controlled-tooltip--open .custom-controlled-tooltip__content--right {
  transform: translateY(-50%) scale(1)
}

.custom-controlled-tooltip--default .custom-controlled-tooltip__content {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.custom-controlled-tooltip__content {
  background: #445778;
  border-radius: 8px;
  display: block;
  padding: 12px;
  position: absolute;
  transition: transform .3s ease;
  white-space: nowrap;
  z-index: 1
}

.custom-controlled-tooltip__content:after {
  content: "";
  display: block;
  position: absolute
}

.custom-controlled-tooltip__content--top {
  bottom: calc(100% + var(--offset));
  left: 50%;
  transform: translateX(-50%) scale(0)
}

.custom-controlled-tooltip__content--top:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #445778;
  bottom: -8px;
  left: 50%;
  transform: translatex(-50%)
}

.custom-controlled-tooltip__content--right {
  left: calc(100% + var(--offset));
  top: 50%;
  transform: translateY(-50%) scale(0)
}

.custom-controlled-tooltip__content--right:after {
  border-bottom: 16px solid transparent;
  border-right: 16px solid #445778;
  border-top: 16px solid transparent;
  left: -8px;
  top: 50%;
  transform: translateY(-50%)
}

.custom-controlled-tooltip__content--bottom {
  left: 50%;
  top: calc(100% + var(--offset));
  transform: translateX(-50%) scale(0)
}

.custom-controlled-tooltip__content--bottom:after {
  border-bottom: 16px solid #445778;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  left: 50%;
  top: -8px;
  transform: translatex(-50%)
}

.custom-controlled-tooltip__content--left {
  right: calc(100% + var(--offset));
  top: 50%;
  transform: translateY(-50%) scale(0)
}

.custom-controlled-tooltip__content--left:after {
  border-bottom: 16px solid transparent;
  border-left: 16px solid #445778;
  border-top: 16px solid transparent;
  right: -8px;
  top: 50%;
  transform: translateY(-50%)
}

.jackpot-total {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
  white-space: nowrap;
  width: auto
}

.jackpot-total,.loader {
  align-items: center;
  justify-content: center
}

.loader {
  display: flex;
  padding: 10px;
  z-index: 1080
}

.loader--provider-preview {
  min-height: 199px
}

@media(min-width: 960px) {
  .loader--provider-preview {
      min-height:265px
  }
}

.loader--home-game-slider {
  min-height: 50vw
}

@media(min-width: 768px) {
  .loader--home-game-slider {
      min-height:25vw;
      min-height: 17vw
  }
}

.loader--home-game-slider-big-slider {
  min-height: 47vw
}

@media(min-width: 768px) {
  .loader--home-game-slider-big-slider {
      min-height:calc(25vw - 32.5px)
  }
}

@media(min-width: 1440px) {
  .loader--home-game-slider-big-slider {
      min-height:calc(20vw - 26px)
  }
}

.loader--jackpot-list {
  min-height: 110px
}

.loader__box {
  animation: spinner-border .75s linear infinite;
  border: 5px solid #0bdede;
  border-radius: 50%;
  border-right-color: transparent;
  display: inline-block;
  height: 40px;
  vertical-align: text-bottom;
  width: 40px
}

.loader--winners {
  min-height: 470px
}

@media(min-width: 768px) {
  .loader--winners {
      min-height:135px
  }
}

.loader--winners-in-game {
  min-height: 110px
}

@keyframes spinner-border {
  to {
      transform: rotate(1turn)
  }
}

.bonus-pop-up {
  background: linear-gradient(155deg,#c744e8 5.56%,#43189e 84.44%),linear-gradient(155deg,#e84444 5.56%,#53189e 84.44%);
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0,0,0,.3);
  margin: 0 auto;
  max-width: 720px;
  padding: 16px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .bonus-pop-up {
      min-width:720px
  }
}

.bonus-pop-up--deposit,.bonus-pop-up--reload,.bonus-pop-up--special {
  background: linear-gradient(179deg,#22b299,#53189e)
}

.bonus-pop-up--lottery,.bonus-pop-up--mystery,.bonus-pop-up--spin,.bonus-pop-up--tournament {
  background: linear-gradient(179deg,#3d57e0,#7c1db7)
}

.bonus-pop-up--with-timer {
  padding: 16px 16px 48px
}

@media(min-width: 768px) {
  .bonus-pop-up,.bonus-pop-up--with-timer {
      padding:20px
  }
}

.bonus-pop-up .inline-icon-timer {
  margin-top: 0;
  position: relative
}

.bonus-pop-up .inline-icon-timer i {
  color: #fff!important
}

@media(min-width: 768px) {
  .bonus-pop-up .inline-icon-timer:before {
      background:hsla(0,0%,100%,.2);
      content: "";
      height: 14px;
      left: -16px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
  }
}

.bonus-pop-up .bonus-pop-up__button--close {
  position: absolute;
  right: 12px;
  top: 12px
}

.bonus-pop-up .bonus-pop-up__button--main {
  padding: 10px 16px;
  white-space: nowrap;
  width: 100%
}

@media(min-width: 768px) {
  .bonus-pop-up .bonus-pop-up__button--main {
      align-self:flex-end;
      width: unset
  }
}

.bonus-pop-up__image {
  width: 48px
}

@media(min-width: 768px) {
  .bonus-pop-up__image {
      width:88px
  }
}

.bonus-pop-up__inner {
  display: flex;
  flex-direction: column;
  row-gap: 20px
}

@media(min-width: 768px) {
  .bonus-pop-up__inner {
      -moz-column-gap:32px;
      column-gap: 32px;
      flex-direction: row;
      justify-content: space-between
  }
}

.bonus-pop-up__content {
  align-items: flex-start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex
}

@media(min-width: 768px) {
  .bonus-pop-up__content {
      -moz-column-gap:20px;
      column-gap: 20px
  }
}

.bonus-pop-up__bottom {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}

@media(min-width: 768px) {
  .bonus-pop-up__bottom {
      flex-direction:row
  }
}

.bonus-pop-up__timer {
  bottom: 16px;
  left: 50%;
  position: absolute!important;
  transform: translateX(-50%);
  white-space: nowrap
}

@media(min-width: 768px) {
  .bonus-pop-up__timer {
      bottom:unset;
      left: unset;
      position: relative!important;
      transform: unset
  }
}

.bonus-pop-up__header {
  align-items: center;
  -moz-column-gap: 33px;
  column-gap: 33px;
  display: flex;
  margin-bottom: 4px
}

@media(min-width: 768px) {
  .bonus-pop-up__header {
      margin-bottom:8px;
      position: absolute;
      top: 0
  }

  .bonus-pop-up__description {
      padding-top: 28px;
      position: relative
  }
}

.bonus-pop-up__text {
  font-family: Open Sans,sans-serif;
  margin: 0
}

.bonus-pop-up__text:last-child {
  margin: 0!important
}

.bonus-pop-up__text--title {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

@media(min-width: 768px) {
  .bonus-pop-up__text--title {
      white-space:nowrap
  }
}

.bonus-pop-up__text--offer {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 8px
}

@media(min-width: 768px) {
  .bonus-pop-up__text--offer {
      font-size:20px;
      line-height: 26px;
      margin: 0 0 4px
  }
}

.bonus-pop-up__text--specialOffer {
  color: #ffd336;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 8px
}

@media(min-width: 768px) {
  .bonus-pop-up__text--specialOffer {
      font-size:20px;
      line-height: 30px;
      margin: 0 0 8px
  }
}

.bonus-pop-up__text--description {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px
}

@media(min-width: 768px) {
  .bonus-pop-up__text--description {
      font-size:16px;
      line-height: 24px;
      margin: 0 0 8px
  }
}

.bonus-pop-up__text--code {
  align-items: flex-end;
  color: hsla(0,0%,100%,.65);
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  font-size: 14px;
  line-height: 20px
}

@media(min-width: 768px) {
  .bonus-pop-up__text--code {
      font-size:16px;
      line-height: 24px
  }
}

.bonus-pop-up__text--code-value {
  align-items: center;
  color: #00dccd;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  line-height: 20px
}

@media(min-width: 768px) {
  .bonus-pop-up__text--code-value {
      font-size:16px;
      line-height: 24px
  }
}

.inline-icon-timer {
  margin-top: 24px
}

.inline-icon-timer__inner {
  align-items: center;
  display: flex;
  justify-content: center
}

.inline-icon-timer .inline-icon-timer__icon {
  color: hsla(0,0%,100%,.4);
  margin-right: 6px
}

.inline-icon-timer__title {
  color: hsla(0,0%,100%,.65);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-right: 5px
}

.inline-icon-timer__list {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
  padding: 0
}

.inline-icon-timer__item,.inline-icon-timer__list {
  align-items: center;
  justify-content: center;
  margin: 0
}

.inline-icon-timer__item {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 2px;
  position: relative;
  width: auto
}

.inline-icon-timer__value {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.inline-icon-timer__text,.inline-icon-timer__value {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.inline-icon-timer__labe {
  padding-left: 4px
}

.clipboard {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  display: flex;
  position: relative
}

.bonus-store__tabs .tab-list {
  display: flex;
  margin-bottom: 32px;
  position: relative;
  width: 100%
}

.bonus-store__tabs .tab-list:after {
  background: hsla(0,0%,100%,.12);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}

.bonus-store__tabs .tab-list__scroll {
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 13px
}

.bonus-store__tabs .tab-list__item {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap
}

.bonus-store__tabs .tab-list__item--active,.bonus-store__tabs .tab-list__item:active,.bonus-store__tabs .tab-list__item:focus,.bonus-store__tabs .tab-list__item:hover {
  color: #fff
}

.bonus-store__tabs .tab-list__item--active:after {
  background: #0bdede;
  bottom: -14px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%
}

.bonus-store__tabs .tab-content {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
  row-gap: 12px
}

@media(min-width: 768px) {
  .bonus-store__tabs .tab-content {
      -moz-column-gap:12px;
      column-gap: 12px;
      grid-template-columns: 1fr 1fr
  }
}

@media(min-width: 1200px) {
  .bonus-store__tabs .tab-content {
      -moz-column-gap:16px;
      column-gap: 16px;
      grid-template-columns: 1fr 1fr 1fr;
      row-gap: 16px
  }
}

@media(min-width: 1440px) {
  .bonus-store__tabs .tab-content {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

.bonus-store__tabs .tab-content__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px
}

.bonus-store__tabs .tab-content__card {
  border-radius: 8px;
  overflow: hidden
}

.bonus-store__tabs .tab-content__card .card-top {
  align-items: center;
  display: flex;
  height: 164px;
  justify-content: center;
  overflow: hidden;
  position: relative
}

@media(min-width: 768px) {
  .bonus-store__tabs .tab-content__card .card-top {
      height:172px
  }
}

.bonus-store__tabs .tab-content__card .card-top img {
  width: 100%
}

.bonus-store__tabs .tab-content__card .card-top img.image-bottom {
  bottom: 0;
  position: absolute
}

@media(max-width: 1440px) {
  .bonus-store__tabs .tab-content__card .card-top img.image-bottom {
      bottom:-35px
  }
}

@media(max-width: 480px) {
  .bonus-store__tabs .tab-content__card .card-top img.image-bottom {
      bottom:-15px
  }
}

.bonus-store__tabs .tab-content__card .card-bottom {
  background: rgb(0 78 86);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px
}

.bonus-store__tabs .tab-content__card .card-bottom__header {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

.bonus-store__tabs .tab-content__card .card-bottom__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0
}

.bonus-store__tabs .tab-content__card .card-bottom__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.bonus-store__tabs .tab-content__card .card-bottom__info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 24px
}

.bonus-store__tabs .tab-content__card .card-bottom__info .cost {
  color: #00dccd;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px
}

.bonus-store__tabs .tab-content__card .card-bottom__info .link-btn {
  padding: 10px 30px
}

.reward-bg {
  height: 108px;
  position: relative;
  width: 162px
}

@media(min-width: 480px) {
  .reward-bg {
      height:108px;
      width: 162px
  }
}

@media(min-width: 1440px) {
  .reward-bg {
      height:132px;
      width: 186px
  }
}

.reward-bg--money {
  background: url(images/money-bg.a1fe2d61..svg) 50% no-repeat;
  background-size: cover
}

.reward-bg--fs {
  background: url(images/fs-bg.823761f6..svg) 50% no-repeat;
  background-size: cover
}

.reward-value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 46px;
  font-style: normal;
  font-weight: 800;
  left: 50%;
  line-height: 60px;
  position: absolute;
  text-shadow: 0 6px 8px rgba(0,0,0,.3);
  top: 50%;
  transform: translate(-50%,-50%)
}

.reward-value--medium {
  font-size: 38px
}

.reward-value--big {
  font-size: 29px
}

.reward-type {
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  position: absolute
}

@media(max-width: 1440px) {
  .reward-type {
      font-size:16px;
      line-height: 16px
  }
}

.reward-type--money {
  color: #48b2ff;
  right: 20px;
  top: 17px
}

@media(max-width: 1440px) {
  .reward-type--money {
      right:19px;
      top: 12px
  }
}

.reward-type--fs {
  color: #be6cff;
  right: 30px;
  top: 18px
}

@media(max-width: 1440px) {
  .reward-type--fs {
      right:27px;
      top: 14px
  }
}

.container {
  margin: 0 auto;
  width: calc(100% - 32px)
}

@media(min-width: 768px) {
  .container {
      width:calc(100% - 48px)
  }
}

@media(min-width: 1200px) {
  .container {
      max-width:1616px;
      width: calc(100% - 64px)
  }
}

.container--jackpots {
  margin: 0 auto;
  max-width: 1272px;
  position: relative
}

.container--jackpots.container--grand-prizes-main {
  max-width: 1180px
}

@media(min-width: 1200px) {
  .container--jackpots {
      padding:0 48px
  }
}

.container--jackpots .section-title {
  margin-bottom: 32px;
  margin-top: 64px
}

.card-hint__info {
  cursor: pointer
}

.card-hint__image {
  height: 230px;
  width: 300px
}

.card-hint__image img {
  width: 100%
}

.tooltip {
  border-radius: 8px;
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  line-height: 18px;
  max-width: 260px;
  padding: 12px;
  pointer-events: none;
  position: absolute;
  transition: all .3s ease;
  z-index: 1070
}

.tooltip,.tooltip .arrow {
  background: #445778
}

@media(min-width: 480px) {
  #tooltip-root .tooltip:not(:last-child) {
      opacity:0;
      pointer-events: none;
      visibility: hidden
  }
}

.reset-password-page-complete__inner {
  padding: 48px 0
}

@media(min-width: 768px) {
  .reset-password-page-complete__inner {
      padding:80px 0 300px
  }
}

.reset-password-page-complete__content {
  margin: 0 0 32px;
  text-align: center
}

.reset-password-page-complete__icon {
  align-items: center;
  background: rgba(26,219,74,.08);
  border-radius: 50%;
  color: #1adb4a;
  display: flex;
  height: 100px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 100px
}

.reset-password-page-complete__icon i {
  font-size: 42px
}

.reset-password-page-complete__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px
}

@media(min-width: 768px) {
  .reset-password-page-complete__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 24px
  }
}

@media(min-width: 1200px) {
  .reset-password-page-complete__title {
      font-size:42px;
      line-height: 52px
  }
}

.reset-password-page-complete__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

.reset-password-page-complete__text:last-child {
  margin: 0
}

.reset-password-page-complete__text span {
  color: #fff;
  display: block;
  width: 100%
}

.reset-password-page-complete__link-btn {
  max-width: 384px;
  width: 100%
}

.reset-password-page__inner {
  padding: 48px 0
}

@media(min-width: 768px) {
  .reset-password-page__inner {
      padding:80px 0 300px
  }
}

.reset-password-page__content {
  margin: 0 0 32px;
  text-align: center
}

.reset-password-page__icon {
  align-items: center;
  background: rgba(0,220,205,.08);
  border-radius: 50%;
  color: #00dccd;
  display: flex;
  font-size: 42px;
  height: 100px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 100px
}

.reset-password-page__icon i {
  font-size: 42px
}

.reset-password-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px
}

@media(min-width: 768px) {
  .reset-password-page__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 24px
  }
}

@media(min-width: 1200px) {
  .reset-password-page__title {
      font-size:42px;
      line-height: 52px
  }
}

.reset-password-page__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

.reset-password-page__text:last-child {
  margin: 0
}

.reset-password-page__text span {
  color: #fff;
  display: block;
  width: 100%
}

.reset-password-page__form {
  margin: 0 auto;
  max-width: 424px
}

.reset-password-form {
  display: flex;
  flex-direction: column;
  max-width: 560px
}

.reset-password-form.form {
  margin-top: 20px
}

.reset-password-form__form-element.form-element {
  margin-bottom: 16px
}

.reset-password-form .btn {
  text-transform: uppercase;
  width: 100%
}

.reset-password-form__errors {
  margin-bottom: 15px
}

.form-element {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.form-element__error {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
  width: 100%
}

.form-element__error:first-letter {
  text-transform: uppercase
}

.collapse {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition-property: height,opacity;
  transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.collapse--entering {
  opacity: 1
}

.collapse--entered {
  opacity: 1;
  overflow: unset
}

.collapse--exiting {
  height: 0;
  opacity: 0
}

.collapse__content-wrapper {
  display: flex;
  margin-bottom:20px;
}

.collapse__content {
  width: 100%
}

.password-input .password-input__visibility-button {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.password-input .password-input__visibility-icon {
  color: hsla(0,0%,100%,.4);
  font-size: 20px!important
}

.password-input__strength {
  display: block;
  margin: 0;
  padding: 5px 0 0;
  width: 100%
}

.password-input__strength-bar {
  background-color: #384c6b;
  border-radius: 4px;
  display: block;
  height: 3px;
  margin: 0 0 2px;
  padding: 0;
  position: relative;
  width: 100%
}

.password-input__strength-progress {
  border-radius: 10px;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color .3s ease,width .3s ease
}

.password-input__strength--bad .password-input__strength-progress {
  background-color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% )
}

.password-input__strength--weak .password-input__strength-progress {
  background-color: #ffd336
}

.password-input__strength--strong .password-input__strength-progress {
  background-color: #00dccd
}

.password-input__strength--great .password-input__strength-progress {
  background-color: #1adb4a
}

.password-input__strength-description {
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  text-transform: capitalize;
  transition: color .3s ease
}

.password-input__strength--bad .password-input__strength-description {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% )
}

.password-input__strength--weak .password-input__strength-description {
  color: #ffd336
}

.password-input__strength--strong .password-input__strength-description {
  color: #00dccd
}

.password-input__strength--great .password-input__strength-description {
  color: #1adb4a
}

.errors__error {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  font-size: 12px
}

.user-page-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 560px;
  padding: 30px 24px
}

@media(min-width: 768px) {
  .user-page-container {
      padding:40px 48px
  }
}

@media(min-width: 1200px) {
  .user-page-container {
      padding:40px 54px
  }
}

@media(min-width: 1440px) {
  .user-page-container {
      padding:40px 64px
  }
}

@media(min-width: 1680px) {
  .user-page-container {
      padding:40px 68px
  }
}

.page-title {
  color: #fff;
  font-size: 40px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: capitalize
}

@media(max-width: 480px) {
  .page-title {
      font-size:24px;
      margin: 0 0 10px
  }
}

.auth-form {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%
}

.auth-form__description {
  margin: 0 0 20px;
  text-align: center
}

@media(min-width: 480px) {
  .auth-form__description {
      margin:0 0 60px
  }
}

.auth-form__description-text {
  color: #fff;
  margin: 0
}

.auth-form__captcha {
  display: none!important
}

.auth-form__description-help {
  color: #fff;
  margin: 0
}

.auth-form__description-help--link {
  color: #0bdede;
  transition: color .3s ease
}

.auth-form__description-help--link:hover {
  color: #0acbcb;
  text-decoration: underline
}

.auth-form__buttons,.auth-form__submit {
  width: 100%
}

.auth-form__form-element-wrap {
  margin-bottom: 24px;
  margin-top: 0;
  width: 100%
}

.auth-form__instructions {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  text-align: center
}

.auth-form__instructions>*+* {
  margin-top: 8px
}

.auth-form__instruction-link {
  color: #0bdede;
  transition: color .3s ease
}

.auth-form__instruction-link:hover {
  color: #0acbcb;
  text-decoration: underline
}

.captcha-term-and-policy {
  color: #fff;
  font-size: 14px;
  margin: 10px 0
}

.captcha-term-and-policy__link {
  color: hsla(0,0%,100%,.65)
}

.register-form {
  max-width: 524px
}

.dynamic-form-pnp {
  background-color: #22242c;
  border-radius: 20px
}

.dynamic-form-pnp__head {
  align-items: center;
  background-color: #000;
  border-radius: 20px 20px 0 0;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  min-height: 60px;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.dynamic-form-pnp__form-wrap {
  margin: 33px 0 0;
  padding: 0 45px
}

.dynamic-form-pnp__footer {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  margin-top: 16px;
  padding: 0 45px 33px;
  text-align: center
}

.dynamic-form-pnp__list {
  display: block;
  width: 100%
}

.dynamic-form-pnp__logo-wrap {
  margin: 0 0 20px
}

.dynamic-form-pnp__logo {
  max-height: 34px;
  max-width: 100px
}

.dynamic-form-pnp__element+.dynamic-form-pnp__element {
  margin-top: 16px
}

.dynamic-form-pnp__link {
  color: #0bdede;
  transition: color .3s ease
}

.dynamic-form-pnp__link:hover {
  color: #0acbcb
}

.dynamic-form-pnp__banner {
  display: block;
  max-height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.dynamic-form-pnp__submit {
  display: block;
  margin-top: 20px;
  text-align: center;
  width: 100%
}

.dynamic-form-pnp--sign_up .dynamic-form-pnp__submit {
  margin-top: 4px
}

.dynamic-form-pnp .dynamic-form-pnp__button {
  min-width: 147px
}

.dynamic-form-pnp .dynamic-form-pnp__currency-hidden {
  display: none
}

.main-slide .dynamic-form-pnp .dynamic-form-pnp__banner {
  display: none!important
}

.main-slide .dynamic-form-pnp .dynamic-form-pnp__form-wrap {
  padding: 0 10px
}

.checkbox {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%
}

.checkbox__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute
}

.checkbox a {
  color: #00dccd;
  transition: color .3s ease,-webkit-text-decoration .3s ease;
  transition: color .3s ease,text-decoration .3s ease;
  transition: color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease
}

.checkbox a:hover {
  text-decoration: underline
}

.checkbox__block {
  align-items: flex-start;
  -moz-column-gap: 14px;
  column-gap: 14px;
  cursor: pointer;
  display: flex
}

.checkbox__block:hover .checkbox__point {
  border-color: #677b9e
}

.checkbox__block:hover .checkbox__label {
  color: #fff
}

.checkbox__block:hover a {
  color: #1df0e2
}

.checkbox__point {
  align-items: center;
  border: 1.5px solid #5c6f91;
  border-radius: 4px;
  display: flex;
  height: 20px;
  justify-content: center;
  transition: border-color .3s ease,background .3s ease;
  width: 20px
}

.checkbox__point i {
  opacity: 0
}

.checkbox__point i:before {
  color: #001c2c
}

.checkbox__label {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: color .3s ease
}

.checkbox__label sup {
  color: #00dccd;
  top: 0
}

.checkbox__input:checked+.checkbox__block .checkbox__point {
  background: #00dccd;
  border-color: #00dccd
}

.checkbox__input:checked+.checkbox__block .checkbox__point:hover {
  background: #1df0e2
}

.checkbox__input:checked+.checkbox__block .checkbox__point i {
  opacity: 1
}

.checkbox__input:checked+.checkbox__block:hover .checkbox__point {
  border-color: #1df0e2
}

.checkbox--disabled,.checkbox[disabled] {
  cursor: not-allowed
}

.checkbox--disabled .checkbox__block,.checkbox[disabled] .checkbox__block {
  pointer-events: none
}

.checkbox--error .checkbox__point {
  border-color: #0bdede!important
}

.checkbox--error .checkbox__label {
  color: #0bdede!important
}

.radio-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%
}

.radio-group__radio:not(:first-child) {
  margin-top: 5px
}

.radio-group--inline {
  flex-direction: row
}

.radio-group--inline .radio-group__radio:not(:first-child) {
  margin-left: 26px;
  margin-top: 0
}

.radio__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute
}

.radio__block {
  align-items: flex-start;
  align-self: stretch;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: auto
}

.radio__point {
  align-items: center;
  border: 1.5px solid var (--header-color);
  border-radius: 50%;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  transition: border-color .3s ease;
  width: 20px
}

.radio__point:before {
  background: transparent none;
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  transition: background .3s ease;
  width: 12px
}

.radio__block:hover .radio__point {
  border-color: #5c6f91
}

.radio__label {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: normal;
  line-height: 1.2;
  margin-left: 12px;
  min-height: 20px;
  padding: 0;
  text-align: left;
  text-transform: none;
  transition: color .3s ease;
  width: 100%;
  word-break: break-all
}

.radio__block:hover .radio__label {
  color: #fff
}

.radio__input:checked+.radio__block .radio__point {
  border-color: #00dccd
}

.radio__input:checked+.radio__block .radio__point:before {
  background: #00dccd
}

.radio__input:checked+.radio__block:hover .radio__point {
  border-color: #1df0e2
}

.radio__input:checked+.radio__block:hover .radio__point:before {
  background: #1df0e2
}

.radio--disabled,.radio[disabled] {
  cursor: not-allowed
}

.radio--disabled .radio__item,.radio[disabled] .radio__item {
  pointer-events: none
}

.radio--disabled .radio__point,.radio[disabled] .radio__point {
  background: tranparent none;
  border-color: hsla(0,0%,100%,.65)
}

.radio--disabled .radio__label,.radio[disabled] .radio__label {
  color: hsla(0,0%,100%,.65)
}

.radio--disabled .radio__input:checked+.radio__block .radio__point,.radio[disabled] .radio__input:checked+.radio__block .radio__point {
  background: tranparent none;
  border-color: hsla(0,0%,100%,.65)
}

.radio--disabled .radio__input:checked+.radio__block .radio__point:before,.radio[disabled] .radio__input:checked+.radio__block .radio__point:before {
  background: hsla(0,0%,100%,.65) none
}

.radio--disabled .radio__input:checked+.radio__block .radio__label,.radio[disabled] .radio__input:checked+.radio__block .radio__label {
  color: hsla(0,0%,100%,.65)
}

.radio--error .radio__point {
  border-color: #0bdede!important
}

.radio--error .radio__point:before {
  background: #0bdede!important
}

.radio--error .radio__label {
  color: #0bdede!important
}

.simple-date {
  color: #fff;
  display: flex
}

.simple-date__day,.simple-date__month {
  margin-right: 12px
}

.option {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
  position: relative;
  transition: background .3s ease;
  width: 100%
}

.option__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%)
}

.option:hover {
  background: #445778
}

.tel {
  display: flex;
  width: 100%
}

.tel__code-select {
  max-width: 148px
}

.tel__code-select .input__left-container {
  margin-right: 12px
}

.tel__code-select+.tel__number-input {
  margin-left: 12px
}

.select-with-country-icons__dropdown::-webkit-scrollbar,.select__dropdown::-webkit-scrollbar {
  width: 4px
}

.select-with-country-icons__dropdown::-webkit-scrollbar-track,.select__dropdown::-webkit-scrollbar-track {
  background: transparent
}

.select-with-country-icons__dropdown::-webkit-scrollbar-thumb,.select__dropdown::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.select-with-country-icons__dropdown::-webkit-scrollbar-thumb:hover,.select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .select-with-country-icons__dropdown,.select__dropdown {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.select,.select-with-country-icons {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.select .input,.select-with-country-icons .input {
  padding: 0 12px 0 16px
}

.select-with-country-icons__dropdown,.select__dropdown {
  background: #384c6b;
  border-radius: 8px;
  display: block;
  left: 0;
  margin: 0;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 100
}

.select-with-country-icons__arrow-icon-wrapper,.select__arrow-icon-wrapper {
  background: none;
  border: none;
  color: hsla(0,0%,100%,.4);
  cursor: pointer;
  display: flex;
  padding: 0;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform .3s ease,color .3s ease
}

.select-with-country-icons__arrow-icon-wrapper--open,.select__arrow-icon-wrapper--open {
  transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select-with-country-icons__arrow-icon-wrapper,.dynamic-form-pnp .select--one .select-with-country-icons__bottom-line,.dynamic-form-pnp .select--one .select__arrow-icon-wrapper,.dynamic-form-pnp .select--one .select__bottom-line {
  display: none
}

.select-with-country-icons__input-country-icon,.select-with-country-icons__option-country-icon {
  border-radius: 4px;
  height: 24px;
  min-width: 24px;
  width: 24px
}

.select-with-country-icons__option-country-icon {
  margin-right: 12px
}

.select-with-country-icons__globe-icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  opacity: .6;
  width: 24px
}

.tel-without-code {
  display: flex;
  width: 100%
}

.tel-without-code__code-select+.tel-without-code__number-input {
  margin-left: 10px
}

.sign-form-switcher {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  /*background: rgba(0,27,51,.65);*/
  border-radius: 100px;
  display: flex;
  left: 16px;
  padding: 4px;
  position: absolute;
  top: 16px;
  z-index: 3
}

@media(min-width: 480px) {
  .sign-form-switcher {
      left:48px;
      top: 24px
  }
}

@media(min-width: 1200px) {
  .sign-form-switcher {
      display:none
  }
}

.sign-form-switcher__item {
  align-items: center;
  border-radius: 51px;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 6px 16px;
  text-transform: uppercase;
  transition: color .3s ease
}

.sign-form-switcher__item:hover:not(.sign-form-switcher__item--active) {
  color: #fff
}

.sign-form-switcher__item--active {
  background: #0bdede;
  color: #001b33
}

.sign-up-steps {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  row-gap: 12px;
  width: 100%
}

.sign-up-steps__step {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 8px;
  width: calc(33.3333% - 5.33333px)
}

@media(min-width: 480px) {
  .sign-up-steps__step {
      width:108px
  }
}

.sign-up-steps__step:last-child .sign-up-steps__icon {
  display: none
}

.sign-up-steps__step:last-child .sign-up-steps__image {
  transform: scale(1.5)
}

@media(min-width: 480px) {
  .sign-up-steps__step {
      width:128px
  }
}

.sign-up-steps__icon {
  color: hsla(0,0%,100%,.2);
  position: absolute;
  right: -12px;
  top: 12px
}

.sign-up-steps__image {
  height: 48px;
  width: 48px
}

.sign-up-steps__title {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-align: center
}

.registration-dynamic-form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%
}

.registration-dynamic-form__step-bar {
  background: var (--header-color);
  border-radius: 4px;
  height: 3px;
  margin: 24px 0 0;
  width: 100%
}

.registration-dynamic-form__step-bar--value {
  background: #0bdede;
  border-radius: 6px;
  height: 100%
}

.registration-dynamic-form__title {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 24px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.registration-dynamic-form .registration-dynamic-form__form {
  flex-grow: 1;
  margin: 24px 0 0
}

.registration-dynamic-form__form-step {
  width: 100%
}

.registration-dynamic-form .registration-dynamic-form__element {
  margin-bottom: 12px
}

.registration-dynamic-form .registration-dynamic-form__element+.registration-dynamic-form__element--age_terms_acceptance,.registration-dynamic-form .registration-dynamic-form__element+.registration-dynamic-form__element--recieve_all_promos {
  margin-top: 24px
}

.registration-dynamic-form .registration-dynamic-form__element--hidden {
  display: none
}

.registration-dynamic-form__footer {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  margin-top: 24px;
  text-align: center;
  width: 100%
}

.registration-dynamic-form__footer p {
  margin: 0;
  padding: 0
}

.registration-dynamic-form__swap-modal {
  display: none
}

@media(min-width: 1200px) {
  .registration-dynamic-form__swap-modal {
      display:block
  }
}

.registration-dynamic-form__link {
  color: #00dccd;
  margin-left: 4px;
  transition: color .3s ease
}

.registration-dynamic-form__link:hover {
  color: #1df0e2
}

.registration-dynamic-form__label-wrapper {
  color: #fff;
  display: none;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 16px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%
}

@media(min-width: 768px) {
  .registration-dynamic-form__label-wrapper {
      font-size:16px
  }
}

.registration-dynamic-form__label {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%
}

@media(min-width: 768px) {
  .registration-dynamic-form__label {
      font-size:16px
  }
}

.registration-dynamic-form__buttons {
  display: flex;
  flex-wrap: nowrap;
  margin: 12px 0 0
}

.registration-dynamic-form__button-wrapper,.registration-dynamic-form__buttons {
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  width: 100%
}

.registration-dynamic-form__button-wrapper {
  align-self: stretch;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0
}

.registration-dynamic-form__button-wrapper--submit {
  flex: 1
}

.registration-dynamic-form__button-wrapper--step {
  width: auto
}

.registration-dynamic-form__button-wrapper+.registration-dynamic-form__button-wrapper {
  margin-left: 12px
}

.registration-dynamic-form .registration-dynamic-form__back-button {
  height: 48px;
  min-width: unset;
  width: 48px
}

.registration-dynamic-form .registration-dynamic-form__submit-button,.registration-dynamic-form__social {
  width: 100%
}

@media(min-width: 1200px) {
  .registration-form-head {
      text-align:center;
      width: 100%
  }
}

.registration-form-head__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px
}

@media(min-width: 1200px) {
  .registration-form-head__title {
      font-size:32px;
      line-height: 40px;
      margin-bottom: 16px
  }
}

.registration-form-head__text {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.registration-dynamic-form__element--gender .radio__input:checked+.radio__block .radio__point {
  opacity: 1
}

.registration-dynamic-form__element--gender .radio__input:checked+.radio__block .radio__label {
  color: #fff
}

.registration-dynamic-form__element--gender .radio {
  background: #384c6b;
  border-radius: 8px;
  flex: 1;
  max-width: 100%;
  position: relative;
  width: 50%
}

.registration-dynamic-form__element--gender .radio:after {
  content: "";
  height: 24px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px
}

.registration-dynamic-form__element--gender .radio:first-child:after {
  background: url(images/male.d686d740..svg) 50% no-repeat
}

.registration-dynamic-form__element--gender .radio:nth-child(2):after {
  background: url(images/female.2cb1e2d8..svg) 50% no-repeat
}

.registration-dynamic-form__element--gender .radio-group {
  gap: 12px;
  justify-content: space-between
}

.registration-dynamic-form__element--gender .radio-group--inline .radio-group__radio:not(:first-child) {
  margin-left: 0;
  margin-top: 0
}

.registration-dynamic-form__element--gender .radio__block {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: 56px;
  justify-content: center;
  width: 100%
}

.registration-dynamic-form__element--gender .radio__label {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 52px;
  margin-right: 5px;
  white-space: nowrap
}

.registration-dynamic-form__element--gender .radio__point {
  margin-right: 18px;
  min-width: 20px
}

.registration-dynamic-form__element--bonus_code,.registration-dynamic-form__element--captcha {
  display: none!important
}

.multiple-checkboxes,.multiple-checkboxes__childs {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.multiple-checkboxes__childs {
  padding-left: 10px
}

.multiple-checkboxes__message {
  color: hsla(0,0%,100%,.65);
  font-size: 11px
}

.metamask.metamask {
  border: none;
  min-height: 0;
  min-width: 0;
  padding: 0
}

.metamask.metamask:hover {
  background: transparent
}

.metamask__icon {
  height: 100%;
  width: 100%
}

.cms-page {
  padding-bottom: 60px;
  padding-top: 30px;
  position: relative
}

@media(min-width: 768px) {
  .cms-page {
      padding-top:35px
  }
}

@media(min-width: 1200px) {
  .cms-page {
      padding-bottom:80px;
      padding-left: 0;
      padding-top: 50px
  }
}

@media(min-width: 1440px) {
  .cms-page {
      padding-bottom:80px;
      padding-left: 0;
      padding-top: 60px
  }
}

.cms-page__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.cms-page__head {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
  padding: 0;
  position: relative
}

@media(min-width: 768px) {
  .cms-page__head {
      margin-bottom:32px
  }
}

.cms-page__head-wrap {
  position: relative;
  width: 100%;
  z-index: 3
}

.cms-page__title {
  color: #fff;
  font-weight: 700;
  margin: 0 0 16px;
  padding: 0;
  text-transform: capitalize
}

.cms-page__date {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.cms-page--without-vertical-space {
  padding-bottom: 0;
  padding-top: 0
}

.cms-page--without-top-space {
  padding-top: 0
}

.cms-page--without-bottom-space {
  padding-bottom: 0
}

.cms-page--center-header {
  text-align: center
}

.content {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif
}

.content>:last-child {
  margin-bottom: 0;
  padding-bottom: 0
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
  color: #fff;
  font-weight: 700;
  margin-top: 0
}

.content h1 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px
}

@media(min-width: 768px) {
  .content h1 {
      font-size:32px;
      line-height: 40px;
      margin-bottom: 16px
  }
}

.content h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px
}

@media(min-width: 768px) {
  .content h2 {
      font-size:24px;
      line-height: 32px;
      margin-bottom: 16px
  }
}

.content h3 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px
}

@media(min-width: 768px) {
  .content h3 {
      font-size:20px;
      line-height: 30px;
      margin-bottom: 16px
  }
}

.content h4 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px
}

@media(min-width: 768px) {
  .content h4 {
      font-size:16px;
      line-height: 24px;
      margin-bottom: 12px
  }
}

.content h5 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px
}

@media(min-width: 768px) {
  .content h5 {
      font-size:14px;
      line-height: 20px;
      margin-bottom: 12px
  }
}

.content h6 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px
}

@media(min-width: 768px) {
  .content h6 {
      font-size:12px;
      line-height: 16px;
      margin-bottom: 12px
  }
}

.content hr {
  background: hsla(0,0%,100%,.12);
  border: none;
  height: 1px;
  margin-bottom: 44px;
  margin-top: 44px;
  width: 100%
}

.content section {
  margin-bottom: 32px
}

.content section>:first-of-type {
  margin-top: 0;
  padding-top: 0
}

.content a,.content blockquote,.content mark,.content ol,.content p,.content table,.content ul {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0
}

@media(min-width: 768px) {
  .content a,.content blockquote,.content mark,.content ol,.content p,.content table,.content ul {
      font-size:16px;
      line-height: 24px;
      margin-bottom: 24px
  }
}

.content a:last-child,.content blockquote:last-child,.content mark:last-child,.content ol:last-child,.content p:last-child,.content table:last-child,.content ul:last-child {
  margin: 0
}

.content mark {
  background: #00dccd;
  color: #001b33;
  font-weight: 500;
  padding: 1px 5px
}

.content a:not(.link-btn):not(.link-no-styles) {
  color: #00dccd;
  font-size: inherit;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  transition: color .3s ease
}

.content a:not(.link-btn):not(.link-no-styles):hover {
  color: #1df0e2;

}

.content ol:not([type])>li {
  padding-left: 0;
  position: relative
}

.content ul:not([type])>li {
  padding-left: 24px;
  position: relative
}

.content ol:not([type]),.content ul:not([type]) {
  list-style: none;
  margin-top: 0;
  padding: 0
}

.content ol:not([type]) li+li,.content ul:not([type]) li+li {
  margin-top: 10px
}

@media(min-width: 768px) {
  .content ol:not([type]) li+li,.content ul:not([type]) li+li {
      margin-top:12px
  }
}

.content ol:not([type]) ol,.content ol:not([type]) ul,.content ul:not([type]) ol,.content ul:not([type]) ul {
  margin-top: 10px
}

@media(min-width: 768px) {
  .content ol:not([type]) ol,.content ol:not([type]) ul,.content ul:not([type]) ol,.content ul:not([type]) ul {
      margin-top:12px
  }
}

.content ul>li:before {
  background-color: hsla(0,0%,100%,.65);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 12px;
  position: absolute;
  top: 8px;
  width: 4px
}

@media(min-width: 768px) {
  .content ul>li:before {
      top:10px
  }
}

.content ol.sm>li,.content ul.sm>li {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 14px
}

.content ol:not([type]) {
  counter-reset: list-counter
}

.content ol:not([type])>li {
  counter-increment: list-counter
}

.content ol:not([type])>li:before {
  content: counter(list-counter) ". ";
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  line-height: 20px
}

@media(min-width: 768px) {
  .content ol:not([type])>li:before {
      font-size:16px;
      line-height: 24px
  }
}

.content img {
  display: inline-block;
  margin: 0;
  max-width: 100%
}

.content pre {
  white-space: normal
}

.content blockquote {
  border-left: 1px solid #00dccd;
  margin: 32px 0;
  padding-left: 32px
}

.content .center {
  text-align: center
}

.content .right {
  text-align: right
}

.content .row {
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .content .row {
      -moz-column-gap:48px;
      column-gap: 48px;
      flex-direction: row
  }
}

.content .column {
  margin-bottom: 20px;
  width: 100%
}

@media(min-width: 768px) {
  .content .column {
      margin-bottom:24px
  }
}

.content .column>:last-child {
  margin-bottom: 0;
  padding-bottom: 0
}

.content .btn,.content .link-btn {
  padding: 12px 20px
}

.content .btn:not(:last-child),.content .link-btn:not(:last-child) {
  margin-bottom: 20px
}

@media(min-width: 768px) {
  .content .btn:not(:last-child),.content .link-btn:not(:last-child) {
      margin-bottom:24px
  }
}

.content table,.content td,.content th {
  border: 1px solid var (--header-color);
  border-collapse: collapse
}

.content th {
  background: rgb(0 78 86);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase
}

.content td,.content th {
  color: hsla(0,0%,100%,.65);
  padding: 10px 16px
}

.content td {
  font-size: 14px;
  line-height: 20px
}

.collapse-block {
  color: #6d6a71;
  font-size: 16px;
  text-align: start
}

@media(min-width: 768px) {
  .collapse-block {
      font-size:20px
  }
}

.collapse-block__toggle {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  gap: 16px;
  min-height: 64px;
  padding: 20px 16px;
  transition: color .3s ease,background .3s ease
}

@media(min-width: 768px) {
  .collapse-block__toggle {
      min-height:72px
  }
}

.collapse-block--open .collapse-block__toggle,.collapse-block__toggle:hover {
  background: var (--header-color)
}

.collapse-block__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}

@media(min-width: 768px) {
  .collapse-block__title {
      font-size:20px;
      line-height: 30px
  }
}

.collapse-block__caret {
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  position: relative;
  transform-origin: center;
  width: 24px
}

.collapse-block__caret:after,.collapse-block__caret:before {
  background: var(--headings-color);
  border-radius: 100px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: transform .3s ease;
  width: 15.5px
}

.collapse-block__caret:after {
  transform: translate(-50%,-50%) rotate(90deg)
}

.collapse-block__caret--open:after {
  transform: translate(-50%,-50%)
}

.collapse-block__content-wrap {
  padding: 24px 0 0
}

@media(min-width: 768px) {
  .collapse-block__content-wrap {
      padding-inline-start:56px
  }
}

.collapse-block--with-separator:not(:last-child) {
  border-bottom: 1px solid hsla(266,3%,43%,.4)
}

.full-tourn .collapse-block .collapse-block__title,.tourn-network .collapse-block .collapse-block__title {
  flex: 1
}

.full-tourn .collapse-block .collapse-block__toggle,.tourn-network .collapse-block .collapse-block__toggle {
  min-height: auto;
  padding: 0 30px;
  position: relative
}

.full-tourn .collapse-block .collapse-block__caret,.tourn-network .collapse-block .collapse-block__caret {
  min-width: auto;
  position: absolute;
  right: 0;
  top: calc(50% - 2px)
}

.full-tourn .collapse-block .collapse-block__content-wrap,.tourn-network .collapse-block .collapse-block__content-wrap {
  padding: 0
}

.full-tourn .collapse-block h1,.full-tourn .collapse-block h2,.full-tourn .collapse-block h3,.full-tourn .collapse-block h4,.full-tourn .collapse-block h5,.tourn-network .collapse-block h1,.tourn-network .collapse-block h2,.tourn-network .collapse-block h3,.tourn-network .collapse-block h4,.tourn-network .collapse-block h5 {
  color: #fff;
  margin-bottom: 16px;
  text-align: center
}

.collapse-error,.full-tourn .collapse-block .content,.tourn-network .collapse-block .content {
  color: hsla(0,0%,100%,.65);
  text-align: center
}

.collapse-error__toggle {
  cursor: pointer;
  font-weight: 700
}

.collapse-error__toggle:focus,.collapse-error__toggle:hover {
  color: #fff
}

.collapse-error__content {
  margin-top: 16px
}

.contact-list {
  font-size: 14px;
  font-weight: 400;
  text-align: left
}

.contact-list__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%
}

@media(min-width: 768px) {
  .contact-list__list {
      flex-direction:row
  }
}

.contact-list__item {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 16px 16px 0;
  width: 300px
}

.contact-list .contact-list__block,.contact-list .contact-list__block:not(.link-btn):not(.link-no-styles) {
  grid-gap: 5px 30px;
  background-color: #22242c;
  border: none;
  border-radius: 10px;
  color: #fff!important;
  cursor: pointer;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: auto auto;
  min-height: 110px;
  padding: 10px 35px;
  text-decoration: none!important;
  transition: background-color .3s ease;
  width: 100%
}

.contact-list .contact-list__block:hover,.contact-list .contact-list__block:not(.link-btn):not(.link-no-styles):hover {
  background-color: #2b2d32
}

.contact-list .contact-list__image {
  grid-column: 1;
  grid-row: span 2;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.contact-list__title {
  align-items: flex-end;
  align-self: stretch;
  font-size: 24px;
  font-weight: 700;
  grid-row: 1
}

.contact-list__text,.contact-list__title {
  display: flex;
  flex-direction: row;
  grid-column: 2
}

.contact-list__text {
  align-items: flex-start;
  grid-row: 2
}

.contact-us-modal-content {
  padding: 56px 16px 16px
}

@media(min-width: 768px) {
  .contact-us-modal-content {
      padding:56px 48px 48px
  }
}

.contact-us-modal-content__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px
}

.contact-us-modal-content__content h2,.contact-us-modal-content__content h3,.contact-us-modal-content__content h4,.contact-us-modal-content__content h5 {
  color: #fff;
  font-size: 24px;
  line-height: 133%;
  margin: 0 0 16px;
  text-align: center
}

.contact-us-modal-content__content p {
  color: hsla(0,0%,100%,.65);
  margin: 0;
  text-align: center
}

.contact-us-modal-content__content p:not(:last-of-type) {
  margin: 0 0 16px
}

.contact-us-modal-content .textarea {
  max-height: 128px;
  resize: none
}

.contact-form .contact-form__form-element:not(:first-child) {
  margin-top: 12px
}

.contact-form .contact-form__submit-button {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  margin: 24px 0 0;
  min-height: 48px;
  text-transform: uppercase;
  width: 100%
}

.contact-form__label {
  color: hsla(0,0%,100%,.65);
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 15px;
  padding: 0;
  text-align: left;
  text-transform: capitalize;
  width: 100%
}

@media(min-width: 768px) {
  .contact-form__label {
      font-size:16px
  }
}

.textarea::-webkit-scrollbar {
  width: 4px
}

.textarea::-webkit-scrollbar-track {
  background: transparent
}

.textarea::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.textarea::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .textarea {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.textarea {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 200px;
  letter-spacing: normal;
  line-height: 1.2;
  overflow: hidden;
  overflow-y: auto;
  padding: 16px;
  resize: vertical;
  text-align: left;
  text-transform: none;
  transition: color .3s ease,background-color .3s ease,border-color .3s ease;
  white-space: normal;
  width: 100%
}

.textarea,.textarea:active,.textarea:focus,.textarea:hover {
  background: #384c6b none;
  color: hsla(0,0%,100%,.4);
  outline: none
}

.textarea:active,.textarea:focus,.textarea:hover {
  border-color: transparent
}

.textarea:focus,.textarea:hover {
  background: #445778 none;
  border-color: transparent;
  color: hsla(0,0%,100%,.4)
}

.textarea--empty,.textarea--empty:focus,.textarea--empty:hover {
  background: #384c6b none none;
  border-color: transparent;
  color: hsla(0,0%,100%,.4)
}

.textarea--disabled {
  background: #384c6b none none!important;
  border-color: transparent!important;
  color: hsla(0,0%,100%,.65)!important;
  cursor: not-allowed
}

.textarea::-moz-placeholder {
  color: hsla(0,0%,100%,.4)!important;
  line-height: 1.5;
  opacity: 1;
  -moz-transition: color .3s ease,background-color .3s ease,border-color .3s ease!important;
  transition: color .3s ease,background-color .3s ease,border-color .3s ease!important
}

.textarea::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.4)!important;
  line-height: normal;
  opacity: 1;
  -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease!important;
  transition: color .3s ease,background-color .3s ease,border-color .3s ease!important
}

.textarea:hover::-moz-placeholder {
  color: hsla(0,0%,100%,.4)!important;
  opacity: 1
}

.textarea:hover::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.4)!important;
  opacity: 1
}

.textarea:-webkit-autofill {
  -webkit-text-fill-color: hsla(0,0%,100%,.4)!important;
  background: #384c6b none!important;
  background-clip: content-box!important;
  border: 1px solid transparent!important;
  border-radius: 8px!important;
  box-shadow: inset 0 0 0 100px #384c6b none!important;
  color: hsla(0,0%,100%,.4)!important;
  -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease!important;
  transition: color .3s ease,background-color .3s ease,border-color .3s ease!important
}

.textarea:-webkit-autofill:active,.textarea:-webkit-autofill:active:focus,.textarea:-webkit-autofill:active:hover,.textarea:-webkit-autofill:focus,.textarea:-webkit-autofill:focus:hover,.textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: hsla(0,0%,100%,.4)!important;
  border-color: transparent!important;
  box-shadow: inset 0 0 0 100px #445778 none!important;
  color: hsla(0,0%,100%,.4)!important
}

.textarea:-webkit-autofill:active:not(:hover) {
  -webkit-text-fill-color: hsla(0,0%,100%,.4)!important
}

.textarea--error {
  border-color: rgba(245,25,105,.3)!important
}

.textarea--error:-webkit-autofill {
  border-color: rgba(245,25,105,.3)!important
}

.textarea--error:-webkit-autofill:active,.textarea--error:-webkit-autofill:active:focus,.textarea--error:-webkit-autofill:active:hover,.textarea--error:-webkit-autofill:focus,.textarea--error:-webkit-autofill:focus:hover,.textarea--error:-webkit-autofill:hover {
  border-color: rgba(245,25,105,.3)!important
}

.crypto-address__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.crypto-address__code {
  margin: 32px 0;
  text-align: center
}

@media(min-width: 768px) {
  .crypto-address__code {
      text-align:left
  }
}

.crypto-address__code .qr-code {
  border-radius: 8px;
  padding: 11px
}

.crypto-address__hint {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.crypto-address__address {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
  padding: 16px;
  width: 100%
}

.crypto-address__text {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.crypto-address__copy {
  color: #00dccd
}

.crypto-address__copy:hover {
  color: #1df0e2
}

.crypto-address__amount-hint {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

.crypto-address__amount-hint .amount-hint {
  display: inline
}

.qr-code {
  background: #fff;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  padding: 10px
}

.qr-code__spinner {
  align-items: center;
  display: flex;
  height: 128px;
  justify-content: center;
  width: 128px
}

.qr-code__spinner:before {
  animation: spinner .75s linear infinite;
  border: 5px solid hsla(0,0%,100%,.65);
  border-radius: 50%;
  border-right-color: transparent;
  content: "";
  display: block;
  height: 40px;
  width: 40px
}

@keyframes spinner {
  to {
      transform: rotate(1turn)
  }
}

.crypto-address-info-modal {
  padding: 56px 16px 48px
}

@media(min-width: 768px) {
  .crypto-address-info-modal {
      padding:56px 48px 48px
  }
}

.crypto-address-info-modal__skip-btn {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 2px;
  line-height: 24px;
  position: absolute;
  right: 16px;
  top: 16px
}

@media(min-width: 480px) {
  .crypto-address-info-modal__skip-btn {
      right:24px;
      top: 24px
  }
}

.crypto-address-info-modal__skip-btn-icon {
  font-size: 20px
}

.crypto-address-info-modal__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 16px
}

.crypto-address-info-modal__warning {
  aspect-ratio: 1;
  display: block;
  margin: 0 auto;
  width: 100px
}

.crypto-address-info-modal__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-align: center
}

.crypto-address-info-modal__content {
  color: #fff;
  margin-bottom: 32px
}

.crypto-address-info-modal__content p {
  margin: 0 0 24px
}

.crypto-address-info-modal__content p:last-child {
  margin: 0
}

.crypto-address-info-modal__action-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px
}

@media(min-width: 768px) {
  .crypto-address-info-modal__action-buttons {
      flex-direction:row-reverse
  }
}

.crypto-address-info-modal__action-button {
  width: 100%
}

.deposit-hint {
  position: relative
}

.deposit-hint .deposit-hint__button--open {
  color: hsla(0,0%,100%,.2)
}

.deposit-hint .deposit-hint__button--open:active,.deposit-hint .deposit-hint__button--open:hover,.deposit-hint .deposit-hint__button--open:target {
  color: hsla(0,0%,100%,.4)
}

.deposit-hint .deposit-hint__button--close {
  position: absolute;
  right: 4px;
  top: 4px
}

.deposit-hint__container {
  background: #445778;
  border-radius: 8px;
  bottom: calc(100% + 12px);
  box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
  padding: 12px;
  position: absolute;
  right: -8px;
  z-index: 1;
  z-index: 10
}

.deposit-hint__container:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #445778;
  bottom: -8px;
  content: "";
  position: absolute;
  right: 4px
}

.deposit-hint__container--card-holder,.deposit-hint__container--credit-card-number,.deposit-hint__container--cvv {
  right: -32px
}

.deposit-hint__container--card-holder:after,.deposit-hint__container--credit-card-number:after,.deposit-hint__container--cvv:after {
  right: 28px
}

@media(min-width: 768px) {
  .deposit-hint__container--card-holder,.deposit-hint__container--credit-card-number,.deposit-hint__container--cvv {
      right:-8px
  }

  .deposit-hint__container--card-holder:after,.deposit-hint__container--credit-card-number:after,.deposit-hint__container--cvv:after {
      right: 4px
  }
}

.deposit-hint__container--card-expiry-date {
  right: -180px
}

.deposit-hint__container--card-expiry-date:after {
  left: 95px;
  right: unset
}

@media(min-width: 768px) {
  .deposit-hint__container--card-expiry-date {
      right:-8px
  }

  .deposit-hint__container--card-expiry-date:after {
      left: unset;
      right: 4px
  }
}

.deposit-hint__image {
  height: 174px;
  min-height: 174px;
  min-width: 280px;
  width: 280px
}

.deposit-hint__text {
  margin: 0
}

.deposit-hint__text--description {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.deposit-lottery-card {
  background: #384c6b;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  padding: 12px;
  position: relative;
  transition: background .3s ease
}

.deposit-lottery-card--selected {
  background: linear-gradient(130.96deg,#03a02f 1.93%,#583d93 63.95%,#9d00c5 108.25%)
}

.deposit-lottery-card__content {
  height: 100%
}

.deposit-lottery-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  row-gap: 12px
}

.deposit-lottery-card__radio .radio__input:checked+.radio__block .radio__point:before {
  background: #fff
}

.deposit-lottery-card__radio .radio__input:checked+.radio__block .radio__point {
  border-color: #fff
}

.deposit-lottery-card__title {
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 18px;
  margin-bottom: 4px
}

.deposit-lottery-card__new-tickets-wrap {
  display: flex
}

.deposit-lottery-card__new-tickets {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.deposit-lottery-card__deposit-rules {
  color: hsla(0,0%,100%,.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

.deposit-lottery-card__image {
  bottom: 0;
  position: absolute;
  right: 0
}

.description {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%
}

.description__preview {
  margin-bottom: 20px;
  position: relative
}

@media(min-width: 768px) {
  .description__preview {
      margin-bottom:24px
  }
}

.description__preview:after {
  /*background: linear-gradient(1turn,#001c2c,rgba(15,15,20,0));*/
  bottom: 0;
  content: "";
  height: 64px;
  left: 0;
  position: absolute;
  width: 100%
}

.description__preview--open:after {
  display: none
}

.description__block-buttons {
  display: block;
  margin: 0;
  padding: 15px 0 0;
  text-align: center;
  width: 100%
}

.description .description__button {
  background-color: rgb(0 78 86);
  border-radius: 8px;
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 24px;
  margin: 0 auto;
  min-width: 116px;
  padding: 10px 16px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .description .description__button {
      min-width:300px;
      padding: 12px 20px
  }
}

.description--only-preview .description__preview:after {
  display: none
}

.description--dark .description__preview:after {
  background: linear-gradient(180deg,rgba(15,15,20,0),#000)
}

.description--terms {
  background: rgb(0 78 86);
  border-radius: 20px;
  padding: 24px 20px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .description--terms {
      padding:40px 48px
  }
}

.description--terms .description__preview:after {
  background: linear-gradient(180deg,rgba(38,59,87,0),rgb(0 78 86))
}

.description--secondary .description__icon {
  display: none
}

.description--secondary .description__button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .description--secondary .description__button {
      font-size:16px;
      line-height: 24px;
      max-width: 260px;
      padding: 12px 20px;
      width: 100%
  }
}

.description--secondary .description__preview:after {
  background: linear-gradient(1turn,rgb(0 78 86),rgba(15,15,20,0));
  bottom: 0;
  content: "";
  height: 64px;
  left: 0;
  position: absolute;
  width: 100%
}

.description-secondary {
  width: 100%
}

.description-secondary__content {
  color: hsla(0,0%,100%,.4);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 24px;
  line-height: 24px;
  max-height: 96px;
  overflow: hidden;
  position: relative;
  transition: all .3s
}

@media(min-width: 1200px) {
  .description-secondary__content {
      flex-direction:row;
      gap: 48px
  }
}

.description-secondary__content div {
  width: 100%
}

@media(min-width: 1200px) {
  .description-secondary__content div {
      max-width:calc(50% - 24px)
  }
}

.description-secondary__content:after {
  background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,.76) 64.58%,#0f0f14);
  bottom: 0;
  content: "";
  height: 30%;
  left: 0;
  position: absolute;
  width: 100%
}

.description-secondary .description-secondary__button {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 5px
}

.description-secondary__icon {
  transition: transform .3s ease
}

.description-secondary__icon--open {
  transform: rotate(180deg)
}

.description-secondary--active .description-secondary__content {
  max-height: 2000px
}

.description-secondary--active .description-secondary__content:after {
  content: none
}

.dynamic-bg {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1
}

.dynamic-bg__item {
  height: 45px;
  position: absolute;
  width: 45px
}

.dynamic-bg--easter .dynamic-bg__item:first-child {
  animation: fall-1 18s linear -15s infinite;
  background: url(images/egg-16.2744ee40..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2491;
  transform: translate(15.1083vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(2) {
  animation: fall-2 25s linear -15s infinite;
  background: url(images/egg-5.a6e3ace4..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2084;
  transform: translate(9.3844vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(3) {
  animation: fall-3 14s linear -15s infinite;
  background: url(images/egg-15.388b97ef..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2549;
  transform: translate(9.1571vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(4) {
  animation: fall-4 16s linear -22s infinite;
  background: url(images/egg-4.9e701cca..svg) 50% no-repeat;
  background-size: cover;
  opacity: .9081;
  transform: translate(81.4241vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(5) {
  animation: fall-5 14s linear -12s infinite;
  background: url(images/egg-8.0372e5e6..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4894;
  transform: translate(57.6264vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(6) {
  animation: fall-6 12s linear -6s infinite;
  background: url(images/egg-10.1589fd65..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4916;
  transform: translate(58.5044vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(7) {
  animation: fall-7 19s linear -15s infinite;
  background: url(images/egg-19.0f45b2e4..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1181;
  transform: translate(10.9275vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(8) {
  animation: fall-8 21s linear -28s infinite;
  background: url(images/egg-19.0f45b2e4..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1475;
  transform: translate(64.0704vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(9) {
  animation: fall-9 20s linear -9s infinite;
  background: url(images/egg-12.568206c5..svg) 50% no-repeat;
  background-size: cover;
  opacity: .3936;
  transform: translate(14.8325vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(10) {
  animation: fall-10 24s linear -18s infinite;
  background: url(images/egg-14.49db3057..svg) 50% no-repeat;
  background-size: cover;
  opacity: .6541;
  transform: translate(65.4583vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(11) {
  animation: fall-11 24s linear -14s infinite;
  background: url(images/egg-6.237fe16d..svg) 50% no-repeat;
  background-size: cover;
  opacity: .8418;
  transform: translate(98.3323vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(12) {
  animation: fall-12 21s linear -13s infinite;
  background: url(images/egg-19.0f45b2e4..svg) 50% no-repeat;
  background-size: cover;
  opacity: .6123;
  transform: translate(76.9383vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(13) {
  animation: fall-13 26s linear -27s infinite;
  background: url(images/egg-14.49db3057..svg) 50% no-repeat;
  background-size: cover;
  opacity: .3487;
  transform: translate(82.9997vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(14) {
  animation: fall-14 19s linear -27s infinite;
  background: url(images/egg-13.c855b11b..svg) 50% no-repeat;
  background-size: cover;
  opacity: .5606;
  transform: translate(73.4817vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(15) {
  animation: fall-15 22s linear -18s infinite;
  background: url(images/egg-10.1589fd65..svg) 50% no-repeat;
  background-size: cover;
  opacity: .5227;
  transform: translate(83.8571vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(16) {
  animation: fall-16 16s linear -2s infinite;
  background: url(images/egg-18.834fec6f..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4115;
  transform: translate(20.0741vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(17) {
  animation: fall-17 26s linear -18s infinite;
  background: url(images/egg-11.0c41a353..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1096;
  transform: translate(39.2132vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(18) {
  animation: fall-18 14s linear -22s infinite;
  background: url(images/egg-17.6a6feb3a..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4198;
  transform: translate(51.9168vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(19) {
  animation: fall-19 10s linear -28s infinite;
  background: url(images/egg-5.a6e3ace4..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1379;
  transform: translate(48.6657vw,-10px)
}

.dynamic-bg--easter .dynamic-bg__item:nth-child(20) {
  animation: fall-20 17s linear -25s infinite;
  background: url(images/egg-14.49db3057..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2699;
  transform: translate(58.979vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:first-child {
  animation: fall-1 12s linear -14s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .8647;
  transform: translate(94.3789vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(2) {
  animation: fall-2 21s linear -8s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4331;
  transform: translate(51.2307vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(3) {
  animation: fall-3 16s linear -4s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .8105;
  transform: translate(37.7836vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(4) {
  animation: fall-4 16s linear -29s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .9437;
  transform: translate(18.1152vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(5) {
  animation: fall-5 26s linear -17s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .0495;
  transform: translate(58.2935vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(6) {
  animation: fall-6 22s linear -3s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .9819;
  transform: translate(19.4088vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(7) {
  animation: fall-7 29s linear -24s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .8305;
  transform: translate(83.4972vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(8) {
  animation: fall-8 25s linear -23s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2699;
  transform: translate(60.2785vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(9) {
  animation: fall-9 16s linear -4s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1524;
  transform: translate(84.6961vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(10) {
  animation: fall-10 30s linear -12s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .0771;
  transform: translate(58.2068vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(11) {
  animation: fall-11 29s linear -8s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4852;
  transform: translate(7.5501vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(12) {
  animation: fall-12 11s linear -8s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .3656;
  transform: translate(26.866vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(13) {
  animation: fall-13 28s linear -5s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2701;
  transform: translate(13.4072vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(14) {
  animation: fall-14 28s linear -28s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .7341;
  transform: translate(15.9914vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(15) {
  animation: fall-15 28s linear -9s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2969;
  transform: translate(56.0739vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(16) {
  animation: fall-16 17s linear -24s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .9359;
  transform: translate(14.357vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(17) {
  animation: fall-17 13s linear -26s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2305;
  transform: translate(68.9527vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(18) {
  animation: fall-18 19s linear -7s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .6604;
  transform: translate(90.2462vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(19) {
  animation: fall-19 16s linear -25s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .9297;
  transform: translate(58.2033vw,-10px)
}

.dynamic-bg--football .dynamic-bg__item:nth-child(20) {
  animation: fall-20 24s linear -20s infinite;
  background: url(images/ball.e408cbd8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .7946;
  transform: translate(11.5501vw,-10px)
}

.dynamic-bg--st-valentines .dynamic-bg__item:first-child {
  animation: fall-1 29s linear -14s infinite;
  background: url(images/heart-12.0e2f5709..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1577;
  transform: translate(83.7749vw,-10px)
}

@keyframes fall-1 {
  33.036% {
      transform: translate(90.595vw,33.036vh)
  }

  to {
      transform: translate(87.18495vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(2) {
  animation: fall-2 27s linear -1s infinite;
  background: url(images/heart-19.aaf6238d..svg) 50% no-repeat;
  background-size: cover;
  opacity: .3285;
  transform: translate(20.8465vw,-10px)
}

@keyframes fall-2 {
  79.416% {
      transform: translate(23.0434vw,79.416vh)
  }

  to {
      transform: translate(21.94495vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(3) {
  animation: fall-3 10s linear -18s infinite;
  background: url(images/heart-20.9c0c9e73..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1955;
  transform: translate(93.9327vw,-10px)
}

@keyframes fall-3 {
  30.699% {
      transform: translate(93.656vw,30.699vh)
  }

  to {
      transform: translate(93.79435vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(4) {
  animation: fall-4 17s linear -25s infinite;
  background: url(images/heart-1.4ea59f80..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4418;
  transform: translate(93.6278vw,-10px)
}

@keyframes fall-4 {
  47.25% {
      transform: translate(96.8587vw,47.25vh)
  }

  to {
      transform: translate(95.24325vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(5) {
  animation: fall-5 17s linear -12s infinite;
  background: url(images/heart-1.4ea59f80..svg) 50% no-repeat;
  background-size: cover;
  opacity: .2172;
  transform: translate(15.4111vw,-10px)
}

@keyframes fall-5 {
  77.865% {
      transform: translate(16.6471vw,77.865vh)
  }

  to {
      transform: translate(16.0291vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(6) {
  animation: fall-6 26s linear -17s infinite;
  background: url(images/heart-7.74f8be1b..svg) 50% no-repeat;
  background-size: cover;
  opacity: .6949;
  transform: translate(72.3668vw,-10px)
}

@keyframes fall-6 {
  77.573% {
      transform: translate(69.5509vw,77.573vh)
  }

  to {
      transform: translate(70.95885vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(7) {
  animation: fall-7 18s linear -13s infinite;
  background: url(images/heart-7.74f8be1b..svg) 50% no-repeat;
  background-size: cover;
  opacity: .565;
  transform: translate(8.0341vw,-10px)
}

@keyframes fall-7 {
  52.159% {
      transform: translate(14.6532vw,52.159vh)
  }

  to {
      transform: translate(11.34365vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(8) {
  animation: fall-8 18s linear -3s infinite;
  background: url(images/heart-5.2c3deb14..svg) 50% no-repeat;
  background-size: cover;
  opacity: .076;
  transform: translate(51.3417vw,-10px)
}

@keyframes fall-8 {
  66.519% {
      transform: translate(60.5557vw,66.519vh)
  }

  to {
      transform: translate(55.9487vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(9) {
  animation: fall-9 12s linear -13s infinite;
  background: url(images/heart-14.19f6d2a5..svg) 50% no-repeat;
  background-size: cover;
  opacity: .4307;
  transform: translate(75.3443vw,-10px)
}

@keyframes fall-9 {
  32.163% {
      transform: translate(69.7588vw,32.163vh)
  }

  to {
      transform: translate(72.55155vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(10) {
  animation: fall-10 17s linear -19s infinite;
  background: url(images/heart-17.adf2564f..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1227;
  transform: translate(98.1773vw,-10px)
}

@keyframes fall-10 {
  34.057% {
      transform: translate(102.7268vw,34.057vh)
  }

  to {
      transform: translate(100.45205vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(11) {
  animation: fall-11 14s linear -6s infinite;
  background: url(images/heart-18.5559f337..svg) 50% no-repeat;
  background-size: cover;
  opacity: .0844;
  transform: translate(93.4196vw,-10px)
}

@keyframes fall-11 {
  45.09% {
      transform: translate(100.8208vw,45.09vh)
  }

  to {
      transform: translate(97.1202vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(12) {
  animation: fall-12 23s linear -11s infinite;
  background: url(images/heart-15.40d55097..svg) 50% no-repeat;
  background-size: cover;
  opacity: .7345;
  transform: translate(41.9043vw,-10px)
}

@keyframes fall-12 {
  33.058% {
      transform: translate(48.7132vw,33.058vh)
  }

  to {
      transform: translate(45.30875vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(13) {
  animation: fall-13 25s linear -10s infinite;
  background: url(images/heart-9.5ddba7a0..svg) 50% no-repeat;
  background-size: cover;
  opacity: .7789;
  transform: translate(43.9748vw,-10px)
}

@keyframes fall-13 {
  57.459% {
      transform: translate(47.7498vw,57.459vh)
  }

  to {
      transform: translate(45.8623vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(14) {
  animation: fall-14 15s linear -22s infinite;
  background: url(images/heart-6.99cb96cb..svg) 50% no-repeat;
  background-size: cover;
  opacity: .8033;
  transform: translate(31.9808vw,-10px)
}

@keyframes fall-14 {
  78.204% {
      transform: translate(38.1369vw,78.204vh)
  }

  to {
      transform: translate(35.05885vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(15) {
  animation: fall-15 30s linear -21s infinite;
  background: url(images/heart-9.5ddba7a0..svg) 50% no-repeat;
  background-size: cover;
  opacity: .7459;
  transform: translate(95.9242vw,-10px)
}

@keyframes fall-15 {
  68.876% {
      transform: translate(89.8936vw,68.876vh)
  }

  to {
      transform: translate(92.9089vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(16) {
  animation: fall-16 26s linear -16s infinite;
  background: url(images/heart-7.74f8be1b..svg) 50% no-repeat;
  background-size: cover;
  opacity: .0948;
  transform: translate(21.377vw,-10px)
}

@keyframes fall-16 {
  53.835% {
      transform: translate(29.3752vw,53.835vh)
  }

  to {
      transform: translate(25.3761vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(17) {
  animation: fall-17 23s linear -18s infinite;
  background: url(images/heart-14.19f6d2a5..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1704;
  transform: translate(53.3407vw,-10px)
}

@keyframes fall-17 {
  70.561% {
      transform: translate(56.6973vw,70.561vh)
  }

  to {
      transform: translate(55.019vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(18) {
  animation: fall-18 10s linear -4s infinite;
  background: url(images/heart-9.5ddba7a0..svg) 50% no-repeat;
  background-size: cover;
  opacity: .1025;
  transform: translate(80.1973vw,-10px)
}

@keyframes fall-18 {
  42.506% {
      transform: translate(88.0068vw,42.506vh)
  }

  to {
      transform: translate(84.10205vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(19) {
  animation: fall-19 11s linear -6s infinite;
  background: url(images/heart-5.2c3deb14..svg) 50% no-repeat;
  background-size: cover;
  opacity: .0851;
  transform: translate(15.5468vw,-10px)
}

@keyframes fall-19 {
  78.787% {
      transform: translate(18.7683vw,78.787vh)
  }

  to {
      transform: translate(17.15755vw,100vh)
  }
}

.dynamic-bg--st-valentines .dynamic-bg__item:nth-child(20) {
  animation: fall-20 18s linear -14s infinite;
  background: url(images/heart-3.00b84ef8..svg) 50% no-repeat;
  background-size: cover;
  opacity: .3017;
  transform: translate(54.3021vw,-10px)
}

@keyframes fall-20 {
  77.072% {
      transform: translate(53.8432vw,77.072vh)
  }

  to {
      transform: translate(54.07265vw,100vh)
  }
}

.fast-deposit-bonus-code__list {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 16px;
  row-gap: 12px
}

@media(min-width: 480px) {
  .fast-deposit-bonus-code__list {
      grid-template-columns:1fr 1fr
  }
}

.fast-deposit-bonus-code__no-bonus {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px
}

.fast-deposit-bonus-code__icon {
  margin-right: 12px
}

.fast-deposit-bonus-code__link {
  color: #00dccd;
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px;
  transition: color .3s ease
}

.fast-deposit-bonus-code__link:hover {
  color: #1df0e2
}

.deposit-bonus-settings-default {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.deposit-bonus-settings-default__title {
  color: #fff;
  display: inline-block;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.switcher {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  max-width: 100%;
  width: auto
}

.switcher__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute
}

.switcher__block {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: auto
}

.switcher__block:focus {
  outline: none
}

.switcher__block-text {
  color: hsla(0,0%,100%,.4);
  display: inline-block;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-right: 16px;
  pointer-events: none;
  text-align: right
}

.switcher__container {
  align-items: center;
  border: 1.5px solid var (--header-color);
  border-radius: 20px;
  display: inline-flex;
  flex-direction: row;
  height: 22px;
  justify-content: flex-start;
  padding: 2.5px;
  transition: border-color .3s ease,background .3s ease;
  width: 38px
}

.switcher__container:hover {
  border-color: #5c6f91
}

.switcher__container:hover .switcher__button {
  background: #5c6f91
}

.switcher__button {
  background: var (--header-color);
  border-radius: 50%;
  height: 14px;
  transition: background .3s ease;
  width: 14px
}

.switcher__input:checked+.switcher__block .switcher__container {
  background: #00dccd;
  justify-content: flex-end
}

.switcher__input:checked+.switcher__block .switcher__container:hover {
  background: #1df0e2
}

.switcher__input:checked+.switcher__block .switcher__button {
  background: rgb(0 78 86)
}

.switcher--disabled,.switcher[disabled] {
  cursor: not-allowed
}

.switcher--disabled .switcher__container,.switcher[disabled] .switcher__container {
  background: var (--header-color)!important;
  border-color: var (--header-color)!important
}

.switcher--disabled .switcher__button,.switcher[disabled] .switcher__button {
  background: rgb(0 78 86)!important
}

.fast-deposit-bonus-code-card {
  background: linear-gradient(130.96deg,#03a096 1.93%,#3e20b7 63.95%,#83189e 108.25%);
  border-radius: 8px;
  padding: 12px 32px 12px 12px;
  position: relative;
  width: 100%
}

.fast-deposit-bonus-code-card__icon {
  position: absolute;
  right: 6px;
  top: 6px
}

.fast-deposit-bonus-code-card__icon--active:before {
  color: #fff!important
}

.fast-deposit-bonus-code-card__icon--disabled:before {
  color: hsla(0,0%,100%,.2)!important
}

.fast-deposit-bonus-code-card__title {
  color: hsla(0,0%,100%,.65);
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 4px
}

.fast-deposit-bonus-code-card__description {
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 8px
}

.fast-deposit-bonus-code-card__code,.fast-deposit-bonus-code-card__description {
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 20px
}

.fast-deposit-bonus-code-card__code {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-weight: 400;
  position: relative;
  white-space: nowrap;
  z-index: 1
}

.fast-deposit-bonus-code-card__code--value {
  align-items: center;
  color: #00dccd;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-left: 4px
}

.fast-deposit-bonus-code-card__code--value i {
  font-size: 16px;
  margin-left: 4px
}

.fast-deposit-bonus-code-card__code--no-value {
  color: #ffd336;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.fast-deposit-bonus-code-card__image {
  bottom: 0;
  position: absolute;
  right: 0
}

.fast-deposit-bonus-code-card__no-bonus {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap
}

.fast-deposit-bonus-code-card__no-bonus-icon {
  margin-right: 12px
}

.bonus-code-form-default,.bonus-code-form-default.form {
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 16px;
  position: relative
}

.bonus-code-form-default .bonus-code-form-default__input {
  height: 48px;
  padding: 0 64px 0 16px
}

.bonus-code-form-default .bonus-code-form-default__input .input__native {
  padding: 0
}

.bonus-code-form-default .bonus-code-form-default__button {
  color: hsla(0,0%,100%,.2);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  position: absolute;
  right: 16px;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  transition: color .3s ease;
  z-index: 10
}

.bonus-code-form-default .bonus-code-form-default__button:before {
  content: attr(title)
}

.bonus-code-form-default .bonus-code-form-default__button--active {
  color: #00dccd
}

.bonus-code-form-default .bonus-code-form-default__button--active:hover {
  color: #1df0e2
}

.bonus-code-form-default .bonus-code-form-default__button--saved {
  color: #ffd336
}

.fast-deposit-modal {
  background: rgb(0 78 86)
}

.fast-deposit-modal__header {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  padding: 56px 0 24px;
  text-align: center
}

@media(min-width: 768px) {
  .fast-deposit-modal__header {
      padding:28px 0 32px
  }
}

.fast-deposit-modal__wrap {
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
  row-gap: 32px
}

@media(min-width: 768px) {
  .fast-deposit-modal__wrap {
      -moz-column-gap:24px;
      column-gap: 24px;
      flex-direction: row;
      padding: 0 32px 40px
  }
}

.fast-deposit-modal__left {
  width: 100%
}

@media(min-width: 768px) {
  .fast-deposit-modal__left {
      max-width:198px
  }
}

.fast-deposit-modal__right {
  width: 100%
}

@media(min-width: 768px) {
  .fast-deposit-modal__right {
      width:calc(100% - 222px)
  }
}

.fast-deposit-modal__balance {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.fast-deposit-modal__add-currency {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: hsla(0,0%,100%,.65);
  display: flex;
  height: 48px;
  justify-content: center;
  margin-left: 8px;
  min-width: 48px;
  transition: background .3s ease
}

.fast-deposit-modal__add-currency:hover {
  background: #445778
}

.fast-deposit-modal__section {
  margin-bottom: 32px
}

.fast-deposit-modal__section--empty {
  display: none
}

.fast-deposit-modal__section--amount {
  margin-bottom: 12px
}

.fast-deposit-modal__payment-method {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.fast-deposit-modal__payment-method span {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.fast-deposit-modal__footer {
  display: flex;
  justify-content: center;
  margin-top: 16px
}

.fast-deposit-modal__footer,.fast-deposit-modal__footer .text-btn {
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.fast-deposit-modal__footer .text-btn {
  color: #00dccd;
  margin-left: 4px
}

.fast-deposit-modal__footer .text-btn:hover {
  color: #1df0e2
}

.fast-deposit-modal .bonus-refuse {
  align-items: center;
  background: rgba(255,211,54,.08);
  border-radius: 8px;
  color: #ffd336;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin-top: 16px;
  padding: 16px
}

.fast-deposit-modal__submit {
  margin: 0 0 16px
}

.payment-methods {
  display: block
}

.payment-methods__saved {
  margin-bottom: 16px
}

.payment-methods__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.payment-methods-list {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  row-gap: 8px
}

@media(min-width: 480px) {
  .payment-methods-list {
      grid-template-columns:repeat(4,1fr)
  }
}

@media(min-width: 768px) {
  .payment-methods-list {
      grid-template-columns:repeat(2,1fr)
  }
}

.payment-methods-list__method {
  border-radius: 4px;
  cursor: pointer;
  opacity: .4;
  overflow: hidden;
  transition: opacity .3s ease
}

.payment-methods-list__method--selected,.payment-methods-list__method:hover {
  opacity: 1
}

.payment-method-item {
  align-items: center;
  align-self: stretch;
  background: #384c6b;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
  line-height: normal;
  max-height: 100%;
  text-align: center;
  width: 100%
}

.payment-method-item__wrapper {
  position: relative
}

.payment-method-item__label {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 2
}

.payment-method-item__block-img {
  align-items: center;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  display: flex;
  flex: 0 0 48px;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  width: 100%
}

.payment-method-item__img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.payment-method-item__info {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  line-height: 100%;
  padding: 4px;
  width: 100%
}

.payment-method-item__text {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin: 0
}

.payment-method-item__text--fee {
  display: none
}

.payment-method-item--active .payment-method-item__block-img {
  border: 2px solid #00dccd
}

.payment-method-label {
  border-radius: 4px 1px;
  color: #fff;
  display: block;
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
  padding: 1px 3px;
  text-transform: uppercase
}

.payment-method-label--new {
  background: #66d40f
}

.payment-method-label--popular {
  background: #7e14ff
}

.payment-method-label--hot {
  background: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% )
}

.payment-method-label--bonus {
  background: #0bdede
}

.payment-method-label--spins {
  background: #e7b400
}

.verified-by-card {
  margin-top: 0
}

@media(min-width: 768px) {
  .verified-by-card {
      margin-top:-16px
  }
}

.verified-by-card__list {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end
}

.verified-by-card__item {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  display: inline-flex;
  flex-direction: row;
  height: 40px;
  justify-content: center;
  padding: 4px
}

.verified-by-card__img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.payment-amount-default--empty {
  display: none
}

.payment-amount-default__hint {
  color: hsla(0,0%,100%,.4);
  display: inline-block;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 8px;
  text-align: right
}

.payment-amount-default__error {
  color: #0bdede
}

.payment-amount-default__preset {
  display: block;
  width: 100%
}

.payment-amount-default__input {
  position: relative
}

.payment-amount-default__input--amount .input {
  padding-right: 55px
}

.payment-amount-default__currency {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  right: 16px;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10
}

.amount-preset-list {
  grid-gap: 8px;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  margin-top: 12px;
  padding: 0;
  width: 100%
}

.amount-preset-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%
}

.amount-preset-item__input {
  display: none;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute
}

.amount-preset-item__block {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: hsla(0,0%,100%,.4);
  cursor: pointer;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  transition: color .3s ease,background .3s ease;
  width: 100%
}

.amount-preset-item__block:hover {
  background: #445778;
  color: #fff
}

.amount-preset-item__currency {
  display: inline-block;
  margin-right: 3px;
  text-align: center;
  width: auto
}

.amount-preset-item__input:checked+.amount-preset-item__block,.amount-preset-item__input:checked+.amount-preset-item__block:hover {
  background: #445778;
  color: #fff
}

.payment-saved-profiles {
  margin-bottom: 12px!important
}

.payment-saved-profiles__text {
  margin: 0
}

.payment-saved-profiles__text--title {
  font-weight: 700
}

.payment-saved-profiles__text--title,.payment-saved-profiles__text--value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  line-height: 24px
}

.payment-saved-profiles__title {
  display: flex;
  justify-content: space-between;
  margin: 32px 0 16px
}

.payment-saved-profiles .payment-saved-profiles__button {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
  transition: color .3s ease
}

.payment-saved-profiles .payment-saved-profiles__button--add-new {
  color: #00dccd
}

.payment-saved-profiles .payment-saved-profiles__button--add-new:hover {
  color: #1df0e2
}

.payment-saved-profiles__item,.payment-saved-profiles__item-wrapper {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

.payment-saved-profiles__item {
  background: #384c6b;
  border-radius: 8px;
  cursor: pointer;
  height: 48px;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  text-overflow: ellipsis;
  transition: background .3s ease;
  white-space: nowrap;
  width: 100%
}

.payment-saved-profiles__item:hover {
  background: #445778
}

.payment-saved-profiles__delete {
  background: #384c6b;
  border-radius: 8px;
  color: hsla(0,0%,100%,.65);
  cursor: pointer;
  display: flex;
  padding: 12px;
  transition: background .3s ease
}

.payment-saved-profiles__delete:hover {
  background: #445778
}

.payment-fields-default__player-field-form {
  margin-top: 12px!important
}

.payment-fields-default .dynamic-form {
  padding: 0
}

.payment-fields-default .dynamic-form__label {
  display: none
}

.payment-fields-default .dynamic-form .payment-fields-default .dynamic-form__element {
  margin-top: 12px
}

.payment-dynamic-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between
}

.payment-dynamic-form__element+.payment-dynamic-form__element {
  margin-top: 12px
}

.payment-dynamic-form__element--tag {
  margin-top: 0!important;
  width: 100%
}

.payment-dynamic-form__element--banner {
  margin-top: 24px!important
}

.payment-dynamic-form__element--address {
  width: 100%
}

.payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--card_expiry_date,.payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--cvv,.payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--expiry_date {
  width: calc(50% - 6px)
}

.payment-dynamic-form .payments-js-lib__wrapper {
  border: 1px dashed hsla(0,0%,100%,.4);
  border-radius: 8px;
  padding: 12px
}

.payment-dynamic-form .payments-js-lib__img-wrapper {
  align-items: center;
  background-color: hsla(0,0%,100%,.7);
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  margin: 0 10px 0 0;
  padding: 5px
}

.payment-dynamic-form .payments-js-lib__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.payment-dynamic-form__card-info {
  cursor: pointer;
  display: inline-flex
}

.payment-dynamic-form__card-number-hint {
  height: 230px;
  width: 300px
}

.payment-dynamic-form__card-number-hint img {
  width: 100%
}

.payment-dynamic-form__credit-card-number .input__right-container {
  margin-left: 10px
}

.payment-dynamic-form__card-icon {
  border-radius: 4px;
  max-height: 40px;
  max-width: 100px;
  -o-object-fit: contain;
  object-fit: contain
}

.payment-form-element {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.payment-form-element .form-element__error,.payment-form-element__error {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px
}

.payment-form-element .form-element__error:first-letter,.payment-form-element__error:first-letter {
  text-transform: capitalize
}

.protocols {
  margin-top: 24px;
  overflow: hidden;
  position: relative
}

@media screen and (min-width: 768px) {
  .protocols {
      max-width:480px
  }
}

.protocols:after,.protocols:before {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: width .3s linear;
  width: 0
}

.protocols:before {
  background-image: linear-gradient(90deg,#000,transparent);
  left: 0
}

.protocols:after {
  background-image: linear-gradient(270deg,#000,transparent);
  right: 0
}

.protocols--end-gradient:after,.protocols--start-gradient:before {
  width: 40px
}

.protocols__wrapper {
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth
}

.protocol-item {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 10px;
  white-space: pre
}

.protocol-item--active {
  border-color: #0bdede
}

.protocol-item:active,.protocol-item:focus {
  outline: none
}

.protocol-item:not(:last-child) {
  margin-right: 10px
}

.dynamic-form {
  display: flex;
  padding: 16px
}

.dynamic-form .form-element__error {
  font-size: 10px;
  margin-top: 7px;
  text-align: left
}

.dynamic-form__group-wrapper {
  display: flex;
  flex-basis: 33.3333333333%;
  flex-direction: column;
  width: 100%
}

.dynamic-form__group-wrapper+.dynamic-form__group-wrapper {
  margin-left: 16px
}

.dynamic-form__group-wrapper:only-child {
  flex-basis: 100%
}

.dynamic-form__group-title {
  margin-bottom: 16px
}

.dynamic-form__element+.dynamic-form__element {
  margin-top: 12px
}

.dynamic-form__label {
  color: hsla(0,0%,100%,.45);
  display: block;
  font-size: 13px;
  margin-bottom: 5px
}

.dynamic-form__label-star {
  display: none
}

.dynamic-form__buttons-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center
}

@media(min-width: 768px) {
  .dynamic-form__buttons-wrapper {
      flex-direction:row
  }
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
  width: 4px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-track {
  background: transparent
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .terms-acceptance-with-preview__content-wrapper {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.terms-acceptance-with-preview__content-wrapper {
  background: unset;
  border-radius: 4px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  margin-bottom: 16px;
  max-height: 64vh;
  overflow: hidden;
  overflow-y: auto;
  padding: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__container {
  padding: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__title {
  margin: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__content h5 {
  margin: 10px 0
}

.terms-acceptance-with-preview .form-element__error {
  font-size: 10px;
  text-align: left
}

.terms-acceptance-with-preview__content:first-child {
  padding-bottom: 16px
}

.terms-acceptance-with-preview__content+.terms-acceptance-with-preview__content {
  border-top: 2px solid #353639;
  padding-top: 16px
}

.terms-acceptance-with-preview__checkbox {
  margin-top: 16px
}

@media(min-width: 768px) {
  .terms-acceptance-with-preview__checkbox {
      margin-top:26px
  }
}

.terms-acceptance-with-preview__checkbox:before {
  background-color: #001c2c;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translate(-50%,-16px);
  width: 100%
}

@media(min-width: 768px) {
  .terms-acceptance-with-preview__checkbox:before {
      transform:translate(-50%,-26px)
  }
}

.file-input__native-input {
  opacity: 0;
  position: absolute;
  z-index: -1
}

.deposit-lotteries__control {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 16px
}

.deposit-lotteries__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.deposit-lotteries__tickets {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px
}

@media(min-width: 480px) {
  .deposit-lotteries__tickets {
      grid-template-columns:1fr 1fr
  }
}

.deposit-lotteries__no-bonus {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px
}

.deposit-lotteries__icon {
  margin-right: 12px
}

.payment-submit-default .btn {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: .2px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.sofort-info__top {
  background: #384c6b;
  border-radius: 4px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 12px 16px
}

.sofort-info__cell {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.sofort-info__cell--time {
  justify-content: flex-end
}

.sofort-info__cell-wrap {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px
}

.sofort-info__name {
  color: #fff;
  flex: 1;
  font-family: Roboto,Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.sofort-info__name--time {
  color: hsla(0,0%,100%,.65);
  white-space: nowrap
}

.sofort-info__info {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: flex
}

.sofort-info__data {
  flex: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 12px
}

.sofort-info__description {
  line-height: 18px
}

.sofort-info__title {
  font-weight: 700;
  padding-bottom: 2px
}

.sofort-info__icon {
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-size: 24px
}

.sofort-info__icon--passport {
  color: hsla(0,0%,100%,.65);
  margin-right: 4px
}

.sofort-info__icon--required .font-icons:before {
  font-size: 40px!important
}

.payment-common-errors-default {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
  text-align: center
}

.payment-banners {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
  margin-top: 16px
}

.payment-banners .payments-js-lib__wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%
}

.payment-banners .payments-js-lib__img-wrapper {
  align-items: center;
  display: inline-flex;
  filter: brightness(200);
  justify-content: center;
  margin-right: 12px;
  opacity: .6
}

.payment-banners .payments-js-lib__description {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

.flip-card {
  display: flex;
  overflow: hidden;
  perspective: 1000px;
  position: relative;
  width: 100%
}

.flip-card__back,.flip-card__front {
  backface-visibility: hidden;
  background: rgb(0 78 86);
  left: 0;
  min-height: 100%;
  position: static;
  top: 0;
  transition: transform .3s;
  width: 100%
}

.flip-card__back {
  position: absolute;
  transform: rotateY(180deg)
}

.flip-card__btn {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10
}

.flip-card--open .flip-card__front {
  position: absolute;
  transform: rotateY(180deg)
}

.flip-card--open .flip-card__back {
  position: static;
  transform: rotateY(1turn)
}

.footer-landings-payments {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px 32px;
  justify-content: center;
  margin-top: 48px;
  overflow: hidden;
  width: 100%
}

@media(min-width: 768px) {
  .footer-landings-payments {
      gap:12px 56px;
      margin-top: 138px
  }
}

@media(min-width: 1200px) {
  .footer-landings-payments {
      justify-content:flex-start;
      margin-bottom: 0;
      margin-top: 178px
  }
}

@media(min-width: 1680px) {
  .footer-landings-payments {
      margin-top:198px
  }
}

.footer-landings-payments__link {
  align-items: center;
  display: flex;
  height: 40px
}

.footer-landings-payments__image {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.footer-licence .link {
  display: block;
  width: 100%
}

.footer-licence .image {
  max-width: 100%
}

.footer-logos {
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%
}

@media(min-width: 768px) {
  .footer-logos {
      padding:15px 0
  }
}

.footer-logos__list {
  align-items: flex-start;
  display: flex;
  margin: 0;
  width: 100%
}

.footer-logos__item,.footer-logos__list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0
}

.footer-logos__item {
  align-items: center;
  display: inline-flex;
  margin: 15px 10px;
  opacity: .5;
  text-decoration: none;
  transition: opacity .3s ease;
  width: auto
}

@media(min-width: 768px) {
  .footer-logos__item {
      margin:12px 10px
  }
}

@media(min-width: 1200px) {
  .footer-logos__item {
      margin:15px 10px
  }
}

.footer-logos__item:hover {
  opacity: 1
}

.footer-logos__image {
  display: inline-block;
  filter: grayscale(1);
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  vertical-align: top;
  width: auto
}

.footer-slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.footer-slider.slick-slider:hover .slick-next,.footer-slider.slick-slider:hover .slick-prev {
  display: block;
  opacity: 1
}

.footer-slider.slick-slider .slick-list {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative
}

.footer-slider.slick-slider .slick-list:focus {
  outline: none
}

.footer-slider.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.footer-slider.slick-slider .slick-list,.footer-slider.slick-slider .slick-track {
  transform: translateZ(0)
}

.footer-slider.slick-slider .slick-track {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.footer-slider.slick-slider .slick-track:after,.footer-slider.slick-slider .slick-track:before {
  content: "";
  display: table
}

.footer-slider.slick-slider .slick-track:after {
  clear: both
}

.slick-loading .footer-slider.slick-slider .slick-track {
  visibility: hidden
}

.footer-slider.slick-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  margin-left: 12px;
  min-height: 1px
}

.footer-slider.slick-slider .slick-slide:first-child {
  margin-left: 0
}

[dir=rtl] .footer-slider.slick-slider .slick-slide {
  float: right
}

.footer-slider.slick-slider .slick-slide img:not(.image--hidden) {
  display: block
}

.footer-slider.slick-slider .slick-slide.slick-loading img {
  display: none
}

.footer-slider.slick-slider .slick-slide.dragging img {
  pointer-events: none
}

.footer-slider.slick-slider.slick-initialized .slick-slide {
  display: block
}

.footer-slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden
}

.footer-slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.footer-slider.slick-slider .slick-arrow.slick-hidden {
  display: none
}

.footer-slider.slick-slider .slick-next,.footer-slider.slick-slider .slick-prev {
  /*background: rgba(0,27,51,.65);*/
  color: #fff;
  height: 48px;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background .3s ease,opacity .3s ease;
  width: 48px;
  z-index: 11
}

.footer-slider.slick-slider .slick-next:hover,.footer-slider.slick-slider .slick-prev:hover {
  background: rgba(25,44,67,.65)
}

.footer-slider.slick-slider .slick-prev {
  left: 0
}

.footer-slider.slick-slider .slick-next {
  right: 0
}

.slick-arrow {
  align-items: center;
  background-color: #22242c;
  background-image: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: hsla(0,0%,100%,.65);
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 13px;
  height: 40px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  transition: background-color .3s ease,opacity .3s ease;
  width: 40px
}

.slick-arrow:hover,.slick-arrow__control--active .slick-arrow {
  background-color: #2b2d32
}

.slick-arrow.slick-disabled {
  background-color: #22242c!important;
  cursor: not-allowed;
  opacity: .5
}

.slick-arrow.slick-next {
  right: 0;
  top: -20px;
  transform: translateY(-100%)
}

.slick-arrow.slick-prev {
  right: 48px;
  top: -20px;
  transform: translateY(-100%)
}

.providers-preview-list .slick-arrow.slick-next,.providers-preview-list .slick-arrow.slick-prev {
  top: -10px
}

.game-slider .slick-arrow {
  left: calc(100% + 10px);
  position: absolute;
  top: 50%;
  transform: translateY(calc(-100% - 5px))
}

.game-slider .slick-arrow.slick-next {
  transform: translateY(5px)
}

.footer-menu {
  border-bottom: 1px solid hsla(0,0%,100%,.12)
}

.footer-menu:last-child {
  border-bottom: none
}

@media(min-width: 1200px) {
  .footer-menu {
      border-bottom:none;
      flex: 1
  }
}

.footer-menu .text-btn {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: left;
  width: 100%
}

@media(min-width: 1200px) {
  .footer-menu .text-btn {
      cursor:auto;
      pointer-events: none
  }
}

.footer-menu .text-btn:hover .footer-menu__icon:before {
  color: #fff
}

.footer-menu--open .footer-menu__icon {
  transform: rotate(180deg)
}

.footer-menu .footer-menu__icon {
  font-size: 24px;
  transition: transform .3s ease
}

@media(min-width: 1200px) {
  .footer-menu .footer-menu__icon {
      display:none
  }
}

.footer-menu .footer-menu__icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

@media(min-width: 1200px) {
  .footer-menu__collapse {
      display:none
  }
}

.footer-menu__title {
  color: #fff;
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 16px 0
}

@media(min-width: 1200px) {
  .footer-menu__title {
      font-weight:700;
      padding: 0 0 12px
  }
}

.footer-menu__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.footer-menu__item {
  margin-bottom: 8px
}

.footer-menu__link {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: color .3s ease
}

@media(min-width: 1200px) {
  .footer-menu__link {
      padding-inline-end:24px
  }
}

.footer-menu__link--current,.footer-menu__link:hover {
  color: #fff
}

.footer-menu__links {
  display: none
}

@media(min-width: 1200px) {
  .footer-menu__links {
      display:block
  }
}

.footer-payments {
  margin-bottom: 32px;
  overflow: hidden;
  position: relative
}

.footer-payments:after,.footer-payments:before {
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  z-index: 10
}

.footer-payments:after {
  background: linear-gradient(270deg,#001c2c,rgba(15,15,20,0));
  left: unset;
  right: 0
}

@media(min-width: 1200px) {
  .footer-payments {
      margin-bottom:40px
  }
}

.footer-payments__item {
  opacity: .3;
  transition: opacity .3s ease
}

.footer-payments__item:hover {
  opacity: 1
}

.footer-payments__image {
  min-height: 32px
}

.full-jackpot {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 18px;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  padding: 30px 24px;
  position: relative;
  text-align: center
}

@media(min-width: 768px) {
  .full-jackpot {
      margin:0;
      padding: 60px 17px 22px
  }
}

@media(min-width: 960px) {
  .full-jackpot {
      padding:48px 17px 22px
  }
}

@media(min-width: 1200px) {
  .full-jackpot {
      padding:48px 55px 22px
  }
}

.full-jackpot__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.full-jackpot__section-list {
  display: block;
  margin: 0 auto;
  max-width: 320px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .full-jackpot__section-list {
      margin:0 auto 0 0;
      max-width: 830px
  }
}

.full-jackpot__section-content {
  display: block;
  padding: 32px 0 96px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .full-jackpot__section-content {
      margin:0 auto 0 0;
      max-width: 830px;
      padding: 0 0 20px
  }
}

@media(min-width: 960px) {
  .full-jackpot__section-content {
      padding:0 0 18px
  }
}

.full-jackpot__title {
  font-size: 36px;
  font-weight: 800;
  position: relative;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .full-jackpot__title {
      font-size:64px
  }
}

@media(min-width: 1200px) {
  .full-jackpot__title {
      font-size:80px
  }
}

.full-jackpot__sum {
  color: #0bdede;
  font-size: 24px;
  font-weight: 800;
  margin: 5px 0 15px;
  position: relative
}

@media(min-width: 768px) {
  .full-jackpot__sum {
      font-size:32px;
      margin: 15px 0
  }
}

@media(min-width: 960px) {
  .full-jackpot__sum {
      font-size:36px;
      margin: 5px 0 15px
  }
}

.full-jackpot__block-button {
  position: relative
}

.games-total-jackpot__hint {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-weight: 400
}

.jackpot-list__list::-webkit-scrollbar {
  height: 3px;
  width: 3px
}

.jackpot-list__list::-webkit-scrollbar-track {
  background: #22242c;
  border-radius: 2px
}

.jackpot-list__list::-webkit-scrollbar-thumb {
  background: #41434a;
  border-radius: 2px
}

.jackpot-list__list::-webkit-scrollbar-thumb:hover {
  background: #41434a
}

@-moz-document url-prefix() {
  .jackpot-list__list {
      scrollbar-color: #41434a;
      scrollbar-width: thin
  }
}

.jackpot-list__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 15px;
  text-align: left;
  text-transform: capitalize
}

.jackpot-list__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-height: 350px;
  overflow: hidden auto;
  padding: 0 18px 0 0;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-list__list {
      flex-direction:row;
      overflow: auto hidden;
      padding: 0 0 12px
  }
}

.jackpot-list__item {
  display: block
}

.jackpot-list__item:not(:first-child) {
  margin-top: 10px
}

@media(min-width: 768px) {
  .jackpot-list__item:not(:first-child) {
      margin:0 0 0 10px
  }
}

.game-auth {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 16px
}

.game-auth .game-auth__button {
  border-radius: 50%;
  height: 44px;
  min-width: unset;
  padding: 0;
  width: 44px
}

.game-auth .game-auth__button--login,.game-auth .game-auth__button--register {
  color: hsla(0,0%,100%,.65)
}

.game-auth .game-auth__button--login:hover,.game-auth .game-auth__button--register:hover {
  color: #fff
}

.game-category-select--content_mobile {
  -ms-overflow-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  padding: 0 16px;
  scrollbar-width: none
}

.game-category-select--content_mobile::-webkit-scrollbar {
  display: none
}

@media(min-width: 768px) {
  .game-category-select--content_mobile {
      padding:0
  }
}

@media(max-width: 767px) {
  .game-category-select--segment-b .game-category-select__name--favorite,.game-category-select--segment-b .game-category-select__name--played {
      display:none
  }
}

.game-category-select__link {
  align-items: center;
  background: transparent;
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  height: 40px;
  line-height: 20px;
  margin: 0;
  padding: 0 12px;
  transition: background .3s ease
}

@media(min-width: 768px) {
  .game-category-select__link {
      font-size:16px;
      height: 48px;
      line-height: 24px
  }
}

.game-category-select__link--current {
  background: #0bdede!important;
  color: #001b33;
  font-weight: 700
}

.game-category-select__link--current .game-category-select__icon:before {
  color: #001b33
}

.game-category-select__icon {
  color: #0bdede;
  transition: color .3s ease;
}

.game-category-select__name {
  white-space: nowrap
}

.categories-slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.categories-slider.slick-slider:after {
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px
}

.categories-slider.slick-slider .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative
}

.categories-slider.slick-slider .slick-list:focus {
  outline: none
}

.categories-slider.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.categories-slider.slick-slider .slick-list,.categories-slider.slick-slider .slick-track {
  transform: translateZ(0)
}

.categories-slider.slick-slider .slick-track {
  display: block;
  display: flex;
  flex-wrap: nowrap;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.categories-slider.slick-slider .slick-track:after,.categories-slider.slick-slider .slick-track:before {
  content: "";
  display: table
}

.categories-slider.slick-slider .slick-track:after {
  clear: both
}

.slick-loading .categories-slider.slick-slider .slick-track {
  visibility: hidden
}

.categories-slider.slick-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.categories-slider.slick-slider .slick-slide:first-child {
  margin-left: 0
}

[dir=rtl] .categories-slider.slick-slider .slick-slide {
  float: right
}

.categories-slider.slick-slider .slick-slide img:not(.image--hidden) {
  display: block
}

.categories-slider.slick-slider .slick-slide.slick-loading img {
  display: none
}

.categories-slider.slick-slider .slick-slide.dragging img {
  pointer-events: none
}

.categories-slider.slick-slider .slick-slide .game-category-menu-v2__item {
  display: inline-flex!important
}

.categories-slider.slick-slider.slick-initialized .slick-slide {
  display: block
}

.categories-slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden
}

.categories-slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.categories-slider.slick-slider .slick-arrow.slick-hidden {
  display: none
}

.categories-slider.slick-slider .categories-slider__btn {
  background-color: #000
}

.categories-slider.slick-slider .slick-arrow {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  /*background-color: rgba(0,27,51,.65);*/
  border-radius: 8px;
  height: 48px;
  opacity: 1;
  position: absolute;
  transform: none;
  width: 24px;
  z-index: 1
}

.categories-slider.slick-slider .slick-arrow.slick-prev {
  left: -10px;
  top: 0
}

.categories-slider.slick-slider .slick-arrow.slick-next {
  right: -24px;
  top: 0
}

.game-info-modal-content__body::-webkit-scrollbar {
  height: 0;
  width: 0
}

.game-info-modal-content__body::-webkit-scrollbar-track {
  background: transparent
}

.game-info-modal-content__body::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.game-info-modal-content__body::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .game-info-modal-content__body {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.game-info-modal-content__body:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.game-info-modal-content {
  background: rgb(0 78 86);
  display: flex;
  flex: 1;
  flex-direction: column
}

.game-info-modal-content__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 56px
}

@media(min-width: 768px) {
  .game-info-modal-content__inner {
      padding:0 48px 48px
  }
}

.game-info-modal-content__game-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 -16px;
  min-height: 256px;
  overflow: hidden;
  padding: 56px 16px 0;
  position: relative;
  z-index: 1
}

@media(min-width: 768px) {
  .game-info-modal-content__game-info {
      gap:40px;
      margin: 0 -48px 16px;
      padding: 56px 48px 0
  }
}

.game-info-modal-content__game-info:after {
  background: linear-gradient(180deg,transparent,rgb(0 78 86));
  content: "";
  inset: -2px;
  position: absolute
}

.game-info-modal-content__bg {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%
}

.game-info-modal-content__description {
  position: relative;
  text-align: center;
  z-index: 2
}

.game-info-modal-content__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  text-align: center
}

.game-info-modal-content__title--name {
  margin: 0 0 4px
}

.game-info-modal-content__provider {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  text-transform: capitalize
}

.game-info-modal-content__about-list {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(10,10,13,.4);
  border-radius: 12px;
  list-style-type: none;
  margin: auto 0 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2
}

.game-info-modal-content__about-list-item {
  padding: 16px;
  position: relative
}

.game-info-modal-content__about-list-item:after {
  border-bottom: 1px solid rgba(119,121,150,.2);
  bottom: 0;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px
}

.game-info-modal-content__about-list-item:last-child:after {
  display: none
}

.game-info-modal-content__about-list-text {
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 16px;
  justify-content: space-between;
  line-height: 20px;
  margin: 0
}

.game-info-modal-content__about-list-text span {
  color: #fff;
  font-weight: 700;
  text-transform: capitalize
}

.game-info-modal-content .game-info-modal-content__close {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 48px;
  width: 100%
}

.game-info-modal-content .game-info-modal-content__close-icon {
  color: hsla(0,0%,100%,.65);
  font-size: 19.5px;
  height: 24px;
  width: 24px
}

.game-info-modal-content .game-info-modal-content__favorite {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(0,27,51,.65);
  left: 16px;
  position: absolute;
  top: 16px;
  z-index: 2
}

@media(min-width: 768px) {
  .game-info-modal-content .game-info-modal-content__favorite {
      left:24px;
      top: 24px
  }
}

.game-info-modal-content .game-info-modal-content__back {
  align-items: center;
  background: rgba(0,27,51,.65);
  border-radius: 50%;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 12px;
  height: 40px;
  justify-content: center;
  left: 16px;
  padding: 5px;
  position: absolute;
  top: 16px;
  transition: color .3s ease;
  width: 40px;
  z-index: 3
}

@media(min-width: 768px) {
  .game-info-modal-content .game-info-modal-content__back {
      left:24px;
      top: 24px
  }
}

.game-info-modal-content .game-info-modal-content__back:hover {
  color: #fff
}

.game-info-modal-content__body {
  max-height: 100vh;
  overflow: auto;
  padding: 56px 16px 16px
}

@media(min-width: 768px) {
  .game-info-modal-content__body {
      max-height:calc(100vh - 120px);
      padding: 56px 48px 48px
  }
}

.game-info-modal-content__footer {
  display: flex;
  gap: 9px;
  justify-content: space-between;
  margin-top: auto;
  padding: 8px 16px
}

@media(min-width: 768px) {
  .game-info-modal-content__footer {
      padding:0 48px 48px
  }
}

.game-info-modal-content__action {
  flex: 1;
  font-family: Open Sans,sans-serif
}

.game-info-modal-content .game-info-modal-content__games-list {
  margin: 0 -16px -12px
}

.game-info-modal-content .game-section-games-block-favorite__link,.game-info-modal-content .game-section-games-block-played__link,.game-info-modal-content .game-section-games-block__link {
  padding: 12px 16px
}

body .game-tile-favorite-btn {
  align-items: center;
  background: #384c6b;
  border-radius: 50%;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  padding: 5px;
  transition: color .3s ease;
  width: 40px;
  z-index: 2
}

body .game-tile-favorite-btn:active,body .game-tile-favorite-btn:focus,body .game-tile-favorite-btn:hover {
  color: #fff
}

body .game-tile-favorite-btn--active,body .game-tile-favorite-btn--active:active,body .game-tile-favorite-btn--active:focus,body .game-tile-favorite-btn--active:hover {
  color: #0bdede
}

.game-menu-modal__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.game-menu-modal .game-menu-modal__list-item {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  transition: background .3s ease;
  width: 100%
}

.game-menu-modal .game-menu-modal__list-item .game-menu-modal__icon {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 19.5px;
  height: 24px;
  justify-content: center;
  transition: color .3s ease;
  width: 24px
}

.game-menu-modal .game-menu-modal__list-item:hover {
  background: #384c6b
}

.game-menu-modal .game-menu-modal__list-item:hover .game-menu-modal__icon {
  color: #fff
}

.game-menu-modal .game-menu-modal__list-item--active {
  background: #0bdede!important
}

.game-menu-modal .game-menu-modal__list-item--active:hover {
  background: #0acbcb!important
}

.game-menu-modal .game-menu-modal__list-item--active .game-menu-modal__icon {
  color: #fff
}

.game-menu-modal__text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.game-menu-modal__list-item:hover {
  background: #384c6b
}

.game-menu-modal__list-item:hover .game-menu-modal__icon-wrap {
  color: #fff
}

.game-menu-modal__icon-wrap {
  font-size: 19.5px;
  height: 24px;
  transition: color .3s ease;
  width: 24px
}

.ze-chat-btn {
  align-items: center;
  background: #00dccd;
  border: none;
  border-radius: 50%;
  color: #001c2c;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: unset;
  outline: none;
  padding: 0;
  position: fixed;
  transition: .2s
}

.ze-chat-btn:active,.ze-chat-btn:focus,.ze-chat-btn:hover {
  background: #1df0e2!important;
  color: #001c2c!important
}

.ze-chat-btn--game {
  bottom: 0;
  height: 44px;
  position: relative;
  right: 0;
  width: 44px
}

.ze-chat-btn--home {
  bottom: 64px;
  height: 44px;
  position: fixed;
  right: 8px;
  width: 44px;
  z-index: 15
}

@media(min-width: 768px) {
  .ze-chat-btn--home {
      height:60px;
      width: 60px
  }

  .ze-chat-btn--home i {
      font-size: 28px
  }
}

@media(min-width: 960px) {
  .ze-chat-btn--home {
      bottom:16px;
      right: 16px
  }
}

.ze-chat-btn--inline-text {
  background: transparent;
  border-radius: 0;
  color: #00dccd;
  display: inline;
  position: static
}

.ze-chat-btn--inline-text:active,.ze-chat-btn--inline-text:focus,.ze-chat-btn--inline-text:hover {
  background: transparent!important;
  color: #1df0e2!important
}

.ze-chat-btn--hidden {
  display: none
}

.game-section-games-block-favorite__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.game-section-games-block-favorite__item {
  border-radius: 8px;
  position: relative;
  transition: background .3s ease
}

.game-section-games-block-favorite__item:hover {
  background: #384c6b
}

.game-section-games-block-favorite__item:hover .game-section-games-block-favorite__game-icon {
  opacity: 1
}

.game-section-games-block-favorite__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 8px;
  width: 100%
}

.game-section-games-block-favorite .game-section-games-block-favorite__image {
  border-radius: 8px;
  height: 56px;
  margin-right: 16px;
  width: 56px
}

.game-section-games-block-favorite__content {
  display: flex;
  flex-direction: column
}

.game-section-games-block-favorite__name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px
}

.game-section-games-block-favorite__provider {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize
}

.game-section-games-block-favorite__game-icon {
  color: hsla(0,0%,100%,.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease
}

.game-section-games-block-favorite__not-found {
  padding: 22px 8px
}

.games-list-not-found {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 40px 56px 16px
}

.games-list-not-found .games-list-not-found__image {
  height: 100px;
  width: 100px
}

.games-list-not-found__text {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.game-section-games-block-played__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.game-section-games-block-played__item {
  border-radius: 8px;
  position: relative;
  transition: background .3s ease
}

.game-section-games-block-played__item:hover {
  background: #384c6b
}

.game-section-games-block-played__item:hover .game-section-games-block-played__game-icon {
  opacity: 1
}

.game-section-games-block-played__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 8px;
  width: 100%
}

.game-section-games-block-played .game-section-games-block-played__image {
  border-radius: 8px;
  height: 56px;
  margin-right: 16px;
  width: 56px
}

.game-section-games-block-played__content {
  display: flex;
  flex-direction: column
}

.game-section-games-block-played__name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px
}

.game-section-games-block-played__provider {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize
}

.game-section-games-block-played__game-icon {
  color: hsla(0,0%,100%,.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease
}

.game-section-games-block-played__not-found {
  padding: 40px 56px 16px
}

.game-section-games-block__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.game-section-games-block__item {
  border-radius: 8px;
  position: relative;
  transition: background .3s ease
}

.game-section-games-block__item:hover {
  background: #384c6b
}

.game-section-games-block__item:hover .game-section-games-block__game-icon {
  opacity: 1
}

.game-section-games-block__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 8px;
  width: 100%
}

.game-section-games-block .game-section-games-block__image {
  border-radius: 8px;
  height: 56px;
  margin-right: 16px;
  width: 56px
}

.game-section-games-block__content {
  display: flex;
  flex-direction: column
}

.game-section-games-block__name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px
}

.game-section-games-block__provider {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize
}

.game-section-games-block__game-icon {
  color: hsla(0,0%,100%,.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease
}

.game-section-games-block__not-found {
  padding: 40px 56px 16px
}

.tournaments-list--block {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px
}

@media(min-width: 768px) {
  .tournaments-list--block {
      -moz-column-gap:12px;
      column-gap: 12px;
      grid-template-columns: 1fr 1fr
  }
}

@media(min-width: 1200px) {
  .tournaments-list--block {
      -moz-column-gap:16px;
      column-gap: 16px;
      grid-template-columns: 1fr 1fr 1fr;
      row-gap: 16px
  }
}

.tournaments-list--card {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.tournaments-list--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 56px;
  row-gap: 32px
}

@media(min-width: 1200px) {
  .tournaments-list--empty {
      margin-top:116px
  }
}

.tournaments-list--empty .tournaments-list__image {
  height: 128px;
  width: 128px
}

.tournaments-list__text {
  margin: 0
}

.tournaments-list__text--empty {
  color: hsla(0,0%,100%,.4);
  font-family: Roboto,sans-serif;
  font-size: 16px;
  line-height: 24px
}

.tourn-block {
  border-radius: 12px;
  overflow: hidden
}

.tourn-block--hidden {
  display: none
}

.tourn-block__header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
  padding: 16px 16px 24px;
  position: relative
}

@media(min-width: 1200px) {
  .tourn-block__header {
      height:224px;
      padding: 24px 24px 32px
  }
}

.tourn-block__background {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: -1
}

.tourn-block__tags {
  position: absolute;
  right: 18px;
  top: 16px
}

@media(min-width: 1200px) {
  .tourn-block__tags {
      right:24px;
      top: 24px
  }
}

.tourn-block__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0
}

@media(min-width: 1200px) {
  .tourn-block__title {
      font-size:26px;
      line-height: 32px
  }
}

.tourn-block__content {
  background: rgb(0 78 86);
  padding: 24px 16px 16px
}

@media(min-width: 1200px) {
  .tourn-block__content {
      padding:32px 24px 24px
  }
}

.tourn-block__description {
  margin-bottom: 24px
}

@media(min-width: 1200px) {
  .tourn-block__description {
      margin-bottom:32px
  }
}

.tourn-block__description-item {
  border-bottom: 1px solid hsla(0,0%,100%,.2);
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: space-between;
  line-height: 20px;
  padding: 18px 0
}

.tourn-block__description-item:first-child {
  padding: 0 0 18px
}

.tourn-block__description-item:last-child {
  border-bottom: none;
  padding: 18px 0 0
}

@media(min-width: 1200px) {
  .tourn-block__description-item {
      font-size:16px;
      line-height: 24px;
      padding: 16px 0
  }

  .tourn-block__description-item:first-child {
      padding: 0 0 16px
  }

  .tourn-block__description-item:last-child {
      padding: 16px 0 0
  }
}

.tourn-block__description-label {
  color: hsla(0,0%,100%,.65);
  font-weight: 400
}

.tourn-block .tourn-block__button {
  width: 100%
}

@media(min-width: 1200px) {
  .tourn-block .tourn-block__button {
      font-size:16px;
      height: 48px;
      line-height: 24px
  }
}

.tournament-status {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(10,10,13,.4);
  border-radius: 16px;
  color: #ffd336;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  padding: 4px 12px 4px 26px;
  position: relative;
  text-transform: uppercase;
  width: auto
}

.tournament-status:before {
  background: #ffd336;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px
}

.tournament-status--active {
  color: #00dccd
}

.tournament-status--active:before {
  animation: ping 1.5s linear infinite alternate;
  background: #00dccd
}

.tournament-status--ended {
  color: hsla(0,0%,100%,.65)
}

.tournament-status--ended:before {
  background: hsla(0,0%,100%,.65)
}

@keyframes ping {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.tourn-tags {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

.tourn-tags__tag {
  border-radius: 8px;
  padding: 4px
}

.tourn-tags__tag--new {
  background: linear-gradient(250.38deg,#1adb4a 8.31%,#87ffa5 16.13%,#1adb4a 45.83%,#a3ffba 72.16%,#1adb4a)
}

.tourn-tags__inner {
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #001b33;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 8px;
  text-transform: uppercase
}

.string-timer {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%;
  text-align: center
}

.string-timer__list {
  display: flex;
  gap: 6px;
  max-width: 100%;
  width: 100%
}

.string-timer__item,.string-timer__list {
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0
}

.string-timer__item {
  display: inline-flex;
  position: relative;
  width: auto
}

.string-timer__item:not(:first-child,:last-child):before {
  color: #fff;
  content: ":";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

.string-timer__label,.string-timer__value {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.string-timer__text,.string-timer__value {
  color: #fff;
  font-weight: 700
}

.string-timer__text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.card-timer {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(10,10,13,.4);
  border-radius: 16px;
  display: inline-flex;
  min-height: 24px;
  padding: 4px 8px;
  text-align: center
}

.card-timer,.card-timer__list {
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%
}

.card-timer__list {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  width: 100%
}

.card-timer__item {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto
}

.card-timer__item:not(:first-child,:last-child):before {
  color: #fff;
  content: ":";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

.card-timer__label {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .card-timer__label {
      font-size:14px
  }
}

.card-timer__value {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.card-timer__text,.card-timer__value {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px
}

.card-timer__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tab-mobile-tournament {
  margin: -104px -16px -16px;
  padding: 24px 16px 28px;
  position: relative
}

@media(min-width: 768px) {
  .tab-mobile-tournament {
      margin:-104px -48px -48px;
      padding: 28px 48px
  }
}

.tab-mobile-tournament__section {
  margin: 0 0 32px
}

.tab-mobile-tournament__section--participate {
  position: relative;
  z-index: 2
}

.tab-mobile-tournament__section--tournament-link {
  margin: 0
}

.tab-mobile-tournament__bg-wrapper {
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.tab-mobile-tournament__bg-wrapper:after {
  background: linear-gradient(180deg,transparent,rgb(0 78 86));
  content: "";
  inset: 0;
  position: absolute
}

.tab-mobile-tournament__bg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.tab-mobile-tournament__inner {
  position: relative;
  text-align: center;
  z-index: 2
}

.tab-mobile-tournament__status {
  margin: 0 0 8px
}

.tab-mobile-tournament__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 12px
}

.tab-mobile-tournament__tourn-link {
  width: 100%
}

.tab-mobile-tournament__tourn-link .font-icons {
  font-size: 22px;
  margin-left: 8px
}

.tourn-participate__info {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0 0 16px
}

.tourn-participate__info--restricted .tourn-participate__info-icon {
  color: #ffd336
}

.tourn-participate__info-icon {
  align-self: flex-start;
  color: #00dccd;
  flex: 0 0 24px;
  font-size: 19.5px
}

.tourn-participate__info-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.tourn-participate .tourn-participate__button {
  width: 100%
}

.tourn-participate .tourn-participate__button--active {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: transparent;
  border: 1px solid hsla(0,0%,100%,.12);
  color: #fff;
  cursor: default!important;
  display: flex;
  gap: 10px;
  height: 40px
}

.tourn-participate .tourn-participate__button--active:active,.tourn-participate .tourn-participate__button--active:focus,.tourn-participate .tourn-participate__button--active:hover {
  background: transparent
}

.tourn-participate .tourn-participate__button--active .font-icons {
  color: #1adb4a;
  font-size: 22px
}

.tourn-about {
  list-style: none;
  margin: 0;
  padding: 0
}

.tourn-about__item {
  align-items: center;
  border-bottom: 1px solid rgba(119,121,150,.2);
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 16px;
  justify-content: space-between;
  line-height: 20px;
  min-height: 48px;
  padding: 0 12px
}

.tourn-about__item:last-child {
  border-bottom: none
}

.tourn-about__value {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 700;
  gap: 8px;
  position: relative;
  text-align: right;
  text-transform: capitalize
}

.tourn-about__hint {
  color: hsla(0,0%,100%,.4);
  display: inline-block;
  position: relative
}

.tourn-about__hint-container {
  background: #000;
  border-radius: 8px;
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 200px;
  min-width: 220px;
  padding: 8px;
  position: absolute;
  right: 34px;
  text-align: left;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: all .3s ease
}

.tourn-about__hint-container:before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #000;
  border-top: 8px solid transparent;
  content: "";
  position: absolute;
  right: -8px;
  top: calc(50% - 8px)
}

.tourn-about__hint-container--active {
  transform: translateY(-50%) scale(1)
}

.tourn-winner-special {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  min-height: 48px;
  padding: 8px 12px;
  position: relative
}

.tourn-winner-special:before {
  border-radius: 0 4px 4px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px
}

.tourn-winner-special__cell {
  color: #fff;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tourn-winner-special--bronze .tourn-winner-special__cell--place,.tourn-winner-special--gold .tourn-winner-special__cell--place,.tourn-winner-special--silver .tourn-winner-special__cell--place {
  align-items: flex-start;
  background: url(images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover
}

.tourn-winner-special__cell--place {
  align-items: center;
  display: flex;
  flex: 0 0 32px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  padding: 2px 0
}

.tourn-winner-special__cell--points {
  text-align: right
}

.tourn-winner-special__cell--prize {
  font-weight: 700;
  text-align: right
}

.tourn-winner-special--gold {
  background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tourn-winner-special--gold:before {
  background: #ffc736
}

.tourn-winner-special--silver {
  background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tourn-winner-special--silver:before {
  background: #8cb6d7
}

.tourn-winner-special--bronze {
  background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tourn-winner-special--bronze:before {
  background: #d66e41
}

.tourn-winner-special--current:not(.tourn-winner-special--silver,.tourn-winner-special--gold,.tourn-winner-special--bronze) .tourn-winner-special__cell--place {
  background: #384c6b;
  border-radius: 20px;
  flex: 0 0 auto;
  height: auto;
  min-width: 32px;
  padding: 4px 8px
}

.tourn-winner-special--current:not(.tourn-winner-special--silver,.tourn-winner-special--gold,.tourn-winner-special--bronze) .tourn-winner-special__cell--name {
  color: #00dccd
}

.tourn-winners-flex__head {
  padding: 12px 12px 12px 0
}

.tourn-winners-flex__head .tourn-winners-flex__cell {
  color: hsla(0,0%,100%,.4);
  flex: 1;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase
}

.tourn-winners-flex__row {
  display: flex
}

.tourn-winners-flex .tourn-winners-flex__cell--place {
  flex: 0 0 56px;
  text-align: center
}

.tourn-winners-flex .tourn-winners-flex__cell--points {
  text-align: right;
  white-space: nowrap
}

.tourn-winners-flex .tourn-winners-flex__cell--prize {
  flex: 1;
  text-align: right
}

.tourn-winners-flex__list {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.tourn-winners-flex__more {
  margin-top: 16px;
  width: 100%
}

.tourn-winners-flex__more .btn {
  width: 100%
}

.tourn-winners-flex__modal-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center
}

.tourn-winners-flex__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-winners-flex__modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.tourn-winners-flex__modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px 32px
}

@media(min-width: 768px) {
  .tourn-winners-flex__modal .modal__content {
      border-radius:20px;
      margin: 32px auto;
      padding: 56px 32px 32px
  }
}

@media(min-width: 480px) {
  .tourn-winners-flex__modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.tourn-winner {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  min-height: 48px;
  padding: 8px 12px;
  position: relative
}

.tourn-winner:before {
  border-radius: 0 4px 4px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px
}

.tourn-winner__cell {
  color: #fff;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tourn-winner--bronze .tourn-winner__cell--place,.tourn-winner--gold .tourn-winner__cell--place,.tourn-winner--silver .tourn-winner__cell--place {
  align-items: flex-start;
  background: url(images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover
}

.tourn-winner__cell--place {
  align-items: center;
  display: flex;
  flex: 0 0 32px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  padding: 2px 0
}

.tourn-winner__cell--points {
  text-align: right
}

.tourn-winner__cell--prize {
  font-weight: 700;
  text-align: right
}

.tourn-winner--gold {
  background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tourn-winner--gold:before {
  background: #ffc736
}

.tourn-winner--silver {
  background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tourn-winner--silver:before {
  background: #8cb6d7
}

.tourn-winner--bronze {
  background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tourn-winner--bronze:before {
  background: #d66e41
}

.tourn-winner--current:not(.tourn-winner--silver,.tourn-winner--gold,.tourn-winner--bronze) .tourn-winner__cell--place {
  background: #384c6b;
  border-radius: 20px;
  flex: 0 0 auto;
  height: auto;
  min-width: 32px;
  padding: 4px 8px
}

.tourn-winner--current:not(.tourn-winner--silver,.tourn-winner--gold,.tourn-winner--bronze) .tourn-winner__cell--name {
  color: #00dccd
}

.tourn-prizes-flex__head {
  padding: 12px 0
}

.tourn-prizes-flex__head .tourn-prizes-flex__cell {
  color: hsla(0,0%,100%,.4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase
}

.tourn-prizes-flex__row {
  display: flex
}

.tourn-prizes-flex__cell--place {
  flex: 0 0 56px;
  text-align: center
}

.tourn-prizes-flex__cell--prize {
  flex: 1
}

.tourn-prizes-flex__list {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.tourn-prizes-flex__more {
  margin-top: 16px;
  width: 100%
}

.tourn-prizes-flex__more .btn {
  width: 100%
}

.tourn-prizes-flex__modal-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center
}

.tourn-prizes-flex__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-prizes-flex__modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.tourn-prizes-flex__modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px 32px
}

@media(min-width: 768px) {
  .tourn-prizes-flex__modal .modal__content {
      border-radius:20px;
      margin: 32px auto;
      padding: 56px 32px 32px
  }
}

@media(min-width: 480px) {
  .tourn-prizes-flex__modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.tourn-prize {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  min-height: 48px;
  overflow: hidden;
  padding: 8px 12px;
  position: relative
}

.tourn-prize__place {
  background: #445778;
  border-radius: 50%;
  flex: 0 0 32px;
  height: 32px;
  line-height: 28px;
  padding: 2px 0;
  position: relative;
  text-align: center
}

.tourn-prize__place,.tourn-prize__prize {
  color: #fff;
  font-size: 14px;
  font-weight: 700
}

.tourn-prize__prize {
  line-height: 20px;
  margin: 0
}

.tourn-prize--gold {
  background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tourn-prize--gold:before {
  background: #ffd336;
  border-radius: 0 12px 12px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px
}

.tourn-prize--gold:after {
  background: url(images/gold-cup.cf8a0eef..png) 50% no-repeat;
  bottom: -16px;
  content: "";
  height: 56px;
  position: absolute;
  right: 4px;
  width: 64px
}

.tourn-prize--gold .tourn-prize__place {
  background: url(images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
  line-height: 20px
}

.tourn-prize--silver {
  background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tourn-prize--silver:before {
  background: #8cb6d7;
  border-radius: 0 12px 12px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px
}

.tourn-prize--silver:after {
  background: url(images/silver-cup.93017238..png) 50% no-repeat;
  bottom: -16px;
  content: "";
  height: 56px;
  position: absolute;
  right: 4px;
  width: 64px
}

.tourn-prize--silver .tourn-prize__place {
  background: url(images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
  line-height: 20px
}

.tourn-prize--bronze {
  background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tourn-prize--bronze:before {
  background: #d66e41;
  border-radius: 0 12px 12px 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px
}

.tourn-prize--bronze:after {
  background: url(images/bronze-cup.8209ea2c..png) 50% no-repeat;
  bottom: -16px;
  content: "";
  height: 56px;
  position: absolute;
  right: 4px;
  width: 64px
}

.tourn-prize--bronze .tourn-prize__place {
  background: url(images/place-bg.d0e0c398..svg) 50% no-repeat;
  background-size: cover;
  line-height: 20px
}

.game-info-slide {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 120px
}

@media(min-width: 768px) {
  .game-info-slide {
      width:auto
  }
}

.game-info-slide__image {
  height: 120px;
  margin: 0 0 16px
}

@media(min-width: 1200px) {
  .game-info-slide__image {
      height:166px
  }
}

@media(min-width: 1440px) {
  .game-info-slide__image {
      height:200px
  }
}

.game-info-slide__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.game-info-slide__content {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase
}

.game-info-slide__tooltip {
  background: #000;
  max-width: 250px
}

.game-links__link {
  width: 100%
}

.game-tile--controls-only {
  display: flex!important;
  flex-direction: row!important;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start!important;
  width: auto!important
}

@media(min-width: 768px) {
  .game-tile--controls-only .game__link {
      font-size:14px;
      line-height: 20px;
      white-space: nowrap
  }
}

.game-tile--controls-only .game__link img {
  margin-right: 5px
}

.game-tile--controls-only .game__link--dark {
  background: #212121;
  box-shadow: none;
  transition: background .3s ease
}

.game-tile--controls-only .game__link--dark:hover {
  background: #313131
}

.game-menu__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.game-menu .game-menu__item {
  border-radius: 8px;
  padding: 12px;
  position: relative;
  transition: background .3s ease
}

.game-menu .game-menu__item .game-menu__icon {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.game-menu .game-menu__item:hover {
  background: #384c6b
}

.game-menu .game-menu__item:hover .game-menu__icon {
  color: #fff
}

.game-menu .game-menu__item--active {
  background: #0bdede!important
}

.game-menu .game-menu__item--active:hover {
  background: #0acbcb!important
}

.game-menu .game-menu__item--active .game-menu__icon {
  color: #fff
}

.game-menu .game-menu__item--active .game-menu__indicator {
  opacity: 0
}

.game-menu__indicator {
  left: 50%;
  position: absolute;
  top: 10px;
  transition: opacity .3s ease
}

.notification-center-indicator {
  align-items: center;
  background-color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  border: 2px solid linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  line-height: 10px;
  padding: 1px 3px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content
}

.game-panel__section::-webkit-scrollbar {
  height: 0;
  width: 0
}

.game-panel__section::-webkit-scrollbar-track {
  background: transparent
}

.game-panel__section::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.game-panel__section::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .game-panel__section {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.game-panel__section:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.game-panel {
  background: rgb(0 78 86);
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(280px);
  transition: transform .3s ease;
  z-index: 1000
}

.game-panel--open {
  transform: translateX(0)
}

.game-panel__menu {
  margin-top: 16px
}

.game-panel__panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 64px
}

.game-panel__section {
  border-left: 1px solid #001b33;
  height: 100%;
  overflow-y: auto;
  padding: 16px 8px;
  position: relative;
  width: 280px
}

.game-panel__section--lg {
  width: 350px
}

.game-panel__block--bottom {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  row-gap: 16px
}

.game-panel__logo {
  display: flex;
  justify-content: center;
  margin: 28px 0
}

.game-panel__logo img {
  max-width: 35px
}

.game-panel__currency {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.game-panel__chat {
  align-items: center;
  display: flex;
  justify-content: center
}

.game-panel__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 8px 16px
}

.game-panel__title span {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.game-panel .game-panel__close-button {
  font-size: 13.5px;
  height: 24px;
  width: 24px
}

.game-panel .game-panel__back-button {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize
}

.game-panel .game-panel__back-button:hover .font-icons {
  color: #fff
}

.game-panel .game-panel__back-button .font-icons {
  color: hsla(0,0%,100%,.65);
  font-size: 22px;
  margin-right: 12px;
  transition: color .3s ease
}

.game-panel .game-panel__deposit-button {
  letter-spacing: .2px;
  margin: 16px auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: calc(100% - 16px)
}

.game-panel .game-panel__deposit-button,.text-btn.game-currency-select-button {
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 40px;
  line-height: 20px;
  width: 100%
}

.text-btn.game-currency-select-button {
  align-items: center;
  background: #384c6b;
  justify-content: center;
  transition: background .3s ease
}

.text-btn.game-currency-select-button:hover {
  background: #445778
}

.text-btn.game-currency-select-button:active,.text-btn.game-currency-select-button:focus {
  background: #445778;
  color: #fff
}

.text-btn.game-currency-select-button--disabled {
  background: #384c6b!important;
  color: hsla(0,0%,100%,.4)!important
}

.text-btn.game-currency-select-button--active {
  background: #0bdede!important;
  color: #fff!important
}

.game-controls {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative
}

.game-controls__list {
  align-items: center;
  bottom: 0;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  display: none;
  position: absolute;
  right: calc(100% + 4px);
  z-index: 0
}

.game-controls__list--open {
  display: flex
}

.game-controls__item {
  align-items: center;
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: auto
}

.game-controls__item:first-child {
  display: inline-flex
}

.game-controls .game-controls__button {
  background: #384c6b;
  border-radius: 50%;
  color: hsla(0,0%,100%,.65);
  height: 44px;
  min-width: unset;
  padding: 0;
  width: 44px
}

.game-controls .game-controls__button:hover {
  background: #445778;
  color: #fff
}

.game-controls .game-controls__button--item {
  background: rgba(0,27,51,.65)
}

.game-controls .game-controls__button--item:hover {
  background: rgba(25,44,67,.65)
}

.game-controls .game-controls__button--active {
  color: #0bdede!important
}

html:fullscreen .game-controls .game-controls__button .font-icons--fullscreen {
  display: none
}

.game-controls .game-controls__button .font-icons--fullscreen-close {
  display: none
}

html:fullscreen .game-controls .game-controls__button .font-icons--fullscreen-close {
  display: block
}

.game-currency-item {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 8px 12px 16px;
  transition: background .3s ease;
  width: 100%
}

.game-currency-item:hover {
  background: #445778
}

.game-currency-item__code {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.notification-center-game__item .notification-center-card {
  height: unset;
  padding: 12px 32px 12px 8px
}

.notification-center-game__not-found {
  padding: 40px 56px 16px;
  position: static;
  transform: none
}

.notification-center-game__not-found .image {
  height: 100px;
  width: 100px
}

.notification-center-card--empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.notification-center-card--empty__image {
  height: 100%;
  margin-bottom: 20px;
  width: 100%
}

@media(min-width: 768px) {
  .notification-center-card--empty__image {
      height:64px;
      margin-bottom: 12px;
      width: 64px
  }
}

.notification-center-card--empty__text {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  white-space: nowrap
}

.game-panel__section .notification-center-card--empty {
  top: 128px
}

.notification-center-card--jackpot-win .notification-center-card__container {
  background: transparent;
  border: none;
  display: flex;
  flex: 1;
  gap: 12px;
  margin: 0;
  padding: 0
}

.notification-center-card--jackpot-win .notification-center-card__block-icon {
  flex: 0 0 40px;
  height: 40px;
  width: 40px
}

.notification-center-card--jackpot-win .notification-center-card__block-icon img {
  max-width: 100%
}

.notification-center-card--jackpot-win .notification-center-card__content {
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  text-align: left
}

.notification-center-card--jackpot-win .notification-center-card__title {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 4px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.notification-center-card--jackpot-win .notification-center-card__description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.notification-center-card--level {
  background: transparent;
  border: none
}

.notification-center-card--payment {
  pointer-events: none
}

.notification-center-card {
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  padding: 12px 32px 12px 16px;
  position: relative;
  transition: background .3s ease
}

.notification-center-card:hover {
  background: #445778
}

.notification-center-card__image {
  margin-right: 12px
}

.notification-center-card__content {
  display: flex;
  flex-direction: column
}

.notification-center-card__title {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px
}

.notification-center-card__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.notification-center-card--new:after {
  background: #0bdede;
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px
}

.notification-center-card--new .notification-center-card__description {
  color: #fff!important
}

.tab-desktop-tournament {
  padding: 0 8px;
  position: relative
}

.tab-desktop-tournament__section {
  margin: 0 0 32px
}

.tab-desktop-tournament__section--info {
  margin: 0 0 16px
}

.tab-desktop-tournament__section--participate {
  position: relative;
  z-index: 2
}

.tab-desktop-tournament__section--tournament-link {
  margin: 0
}

.tab-desktop-tournament__bg-wrapper {
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.tab-desktop-tournament__bg-wrapper:after {
  background: linear-gradient(180deg,rgba(36,42,56,.4),#242a38);
  content: "";
  inset: 0;
  position: absolute
}

.tab-desktop-tournament__bg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.tab-desktop-tournament__inner {
  position: relative;
  text-align: center;
  z-index: 2
}

.tab-desktop-tournament__status {
  margin: 0 0 8px
}

.tab-desktop-tournament__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 8px
}

.tab-desktop-tournament__tourn-link {
  width: 100%
}

.tab-desktop-tournament__tourn-link .font-icons {
  font-size: 22px;
  margin-left: 8px
}

.card-tournament,.tourn-card {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 144px;
  overflow: hidden;
  padding: 12px;
  position: relative
}

.card-tournament:after,.tourn-card:after {
  background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.card-tournament__bg,.tourn-card__bg {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%
}

.card-tournament__inner,.tourn-card__inner {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 2
}

.card-tournament__content,.tourn-card__content {
  margin: auto 0 0
}

.card-tournament__title,.tourn-card__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px
}

.card-tournament__title:last-child,.tourn-card__title:last-child {
  margin: 0
}

.tourn-card {
  min-height: 160px;
  padding: 16px
}

.tourn-card:after {
  background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.tourn-card__title:last-child {
  margin: 0
}

.game-panel-currency-content--modal .game-panel-currency-content__list::-webkit-scrollbar {
  width: 4px
}

.game-panel-currency-content--modal .game-panel-currency-content__list::-webkit-scrollbar-track {
  background: transparent
}

.game-panel-currency-content--modal .game-panel-currency-content__list::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.game-panel-currency-content--modal .game-panel-currency-content__list::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .game-panel-currency-content--modal .game-panel-currency-content__list {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.game-panel-currency-content__list {
  margin-bottom: 16px
}

.game-panel-currency-content__actions {
  background: rgb(0 78 86);
  left: 0;
  min-height: 48px;
  padding: 8px;
  position: absolute;
  top: calc(100% - 56px);
  width: 100%
}

.game-panel-currency-content__deposit {
  width: 100%
}

.game-panel-currency-content--modal {
  display: flex;
  flex: 1;
  flex-direction: column
}

.game-panel-currency-content--modal .game-panel-currency-content__list {
  flex: 1;
  max-height: calc(100vh - 190px);
  overflow: auto
}

@media(min-width: 768px) {
  .game-panel-currency-content--modal .game-panel-currency-content__list {
      margin:0 0 24px;
      max-height: 385px
  }
}

.game-panel-mob {
  background: rgb(0 78 86) none;
  bottom: 0;
  height: 48px;
  left: 0;
  position: fixed;
  right: 0;
  top: auto;
  z-index: 1000
}

.game-panel-mob,.game-panel-mob__list {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%
}

.game-panel-mob__list {
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between
}

.game-panel-mob__item {
  align-self: stretch;
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap
}

.game-panel-mob__item,.game-panel-mob__link {
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0
}

.game-panel-mob__link {
  background: transparent none;
  border: none;
  box-shadow: none;
  display: flex;
  height: 100%;
  max-width: 100%;
  position: relative;
  text-decoration: none;
  width: 100%
}

.game-panel-mob__link:active,.game-panel-mob__link:focus,.game-panel-mob__link:hover {
  outline: none;
  text-decoration: none
}

.game-panel-mob__icon {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 22px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%
}

.game-panel-mob__icon img {
  display: inline-block;
  height: auto;
  max-height: 18px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  vertical-align: top;
  width: auto
}

@media screen and (orientation: landscape) {
  .game-panel-mob__icon img {
      height:24px;
      max-height: 24px
  }
}

.game-panel-mob__indicator {
  position: absolute;
  right: calc(50% - 18px);
  top: 5px
}

.text-btn.game-currency-select-game-panel-mob {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  line-height: 20px;
  padding: 6px 8px;
  transition: background .3s ease;
  width: auto
}

.text-btn.game-currency-select-game-panel-mob:hover {
  background: rgb(0 78 86)
}

.text-btn.game-currency-select-game-panel-mob:active,.text-btn.game-currency-select-game-panel-mob:focus {
  background: rgb(0 78 86);
  color: #fff
}

.text-btn.game-currency-select-game-panel-mob--disabled {
  background: #384c6b!important;
  color: hsla(0,0%,100%,.4)!important;
  cursor: not-allowed;
  opacity: 1!important
}

.text-btn.game-currency-select-game-panel-mob--active {
  background: #0bdede!important;
  color: #fff!important
}

.promo-providers__list::-webkit-scrollbar {
  width: 4px
}

.promo-providers__list::-webkit-scrollbar-track {
  background: transparent
}

.promo-providers__list::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.promo-providers__list::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .promo-providers__list {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.promo-providers {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.promo-providers__title {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  width: 100%
}

@media(min-width: 768px) {
  .promo-providers__title {
      margin-bottom:37px
  }
}

@media(min-width: 960px) {
  .promo-providers__title {
      margin-bottom:38px
  }
}

.promo-providers__list {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 auto;
  overflow-x: auto;
  padding: 0 0 5px;
  width: 100%
}

.promo-providers__item {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-width: calc(100vmin - 40px);
  padding: 0;
  width: 100%
}

@media(min-width: 768px) {
  .promo-providers__item {
      max-width:33%;
      min-width: 360px
  }
}

.promo-providers__item:not(:last-child) {
  margin-right: 20px
}

@media(min-width: 960px) {
  .promo-providers__item:not(:last-child) {
      margin-right:30px
  }
}

.title {
  color: #6d6a71;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.4;
  margin: 0;
  text-align: center;
  text-transform: none
}

.title,.title__inner {
  display: block;
  padding: 0;
  width: 100%
}

.title__inner {
  margin: 0 auto;
  max-width: 410px
}

.title__icon {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  width: 100%
}

.title__icon img {
  display: block;
  margin: 0 auto;
  max-height: 48px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.title__main {
  color: #fff;
  font-size: 32px;
  margin: 0
}

.title__main,.title__second {
  display: block;
  padding: 0;
  width: 100%
}

.title__second {
  margin: 10px 0 0
}

.title--full .title__inner {
  max-width: 100%
}

.provider-block {
  background-color: #212121;
  border-radius: 4px
}

.provider-block,.provider-block__link {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%
}

.provider-block__link {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  min-height: 100%;
  text-align: center;
  text-decoration: none
}

@media(min-width: 768px) {
  .provider-block__link {
      font-size:14px
  }
}

@media(min-width: 960px) {
  .provider-block__link {
      font-size:16px
  }
}

@media(min-width: 1200px) {
  .provider-block__link {
      font-size:24px
  }
}

.provider-block__icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%
}

@media(min-width: 768px) {
  .provider-block__icon {
      height:40px
  }
}

@media(min-width: 960px) {
  .provider-block__icon {
      height:56px
  }
}

@media(min-width: 1200px) {
  .provider-block__icon {
      height:70px
  }
}

.provider-block__icon img {
  display: block;
  max-height: 60%;
  max-width: 90%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.provider-block__title {
  display: block;
  margin: 0 0 auto;
  padding: 0 10px;
  width: 100%
}

@media(min-width: 768px) {
  .provider-block__title {
      padding:0 15px
  }
}

@media(min-width: 960px) {
  .provider-block__title {
      padding:0 20px
  }
}

@media(min-width: 1440px) {
  .provider-block__title {
      padding:0 50px
  }
}

.provider-block__image {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 0;
  min-height: 113px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .provider-block__image {
      min-height:89px
  }
}

@media(min-width: 960px) {
  .provider-block__image {
      margin-top:32px;
      min-height: 112px
  }
}

@media(min-width: 1200px) {
  .provider-block__image {
      margin-top:39px;
      min-height: 152px
  }
}

.provider-block__image:after {
  background-image: linear-gradient(180deg,transparent 0,#000);
  bottom: 0;
  content: "";
  display: block;
  height: 113px;
  left: 0;
  position: absolute;
  width: 100%
}

@media(min-width: 768px) {
  .provider-block__image:after {
      height:89px
  }
}

@media(min-width: 960px) {
  .provider-block__image:after {
      height:112px
  }
}

@media(min-width: 1200px) {
  .provider-block__image:after {
      height:152px
  }
}

.provider-block__image img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom
}

.games-filter-block--segment-b .games-filter-block__wrapper {
  background: rgb(0 78 86);
  border-radius: 12px;
  overflow: hidden;
  padding: 6px 16px
}

.games-filter-block--segment-b .games-filter-block__category:after {
  background: linear-gradient(270.07deg,rgb(0 78 86) 37.52%,rgba(38,59,87,0) 102.44%)
}

.games-filter-block__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0
}

@media(min-width: 768px) {
  .games-filter-block__wrapper {
      align-items:center;
      background: rgb(0 78 86);
      border-radius: 12px;
      flex-direction: row;
      justify-content: space-between;
      padding: 16px 16px 16px 4px
  }
}

.games-filter-block__category {
  margin-left: -16px;
  overflow-x: visible;
  position: relative;
  width: calc(100% + 32px)
}

@media(min-width: 768px) {
  .games-filter-block__category {
      margin-left:0;
      overflow: hidden;
      padding: 0 28px 0 12px;
      width: auto
  }
}

.games-filter-block__category:after {
  background: linear-gradient(270deg,#001c2c,rgba(15,15,20,0));
  content: "";
  height: 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

@media(min-width: 768px) {
  .games-filter-block__category:after {
      display:none
  }
}

.games-filter-block .games-filter-block__providers-button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: none;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  justify-content: center;
  line-height: 24px;
  margin-top: 16px;
  position: relative;
  transition: background .3s ease;
  width: 100%
}

@media(min-width: 768px) {
  .games-filter-block .games-filter-block__providers-button {
      display:flex;
      margin-top: 0;
      padding: 0 16px;
      width: unset
  }
}

.games-filter-block .games-filter-block__providers-button:after {
  background: linear-gradient(270deg,rgb(0 78 86),rgba(26,26,34,0));
  content: "";
  display: none;
  height: 48px;
  left: -48px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 48px
}

@media(min-width: 768px) {
  .games-filter-block .games-filter-block__providers-button:after {
      display:block
  }
}

.games-filter-block .games-filter-block__providers-button:hover {
  background: #445778
}

.games-filter-block__icon {
  color: #0bdede;
  margin-right: 12px
}

.games-filter-block .categories-slider.slick-slider .slick-arrow {
  display: none!important
}

.games-filter-block:hover .categories-slider.slick-slider .slick-arrow {
  display: block!important
}

.games-filter-block:hover .categories-slider.slick-slider .slick-arrow.slick-disabled {
  display: none!important
}

span.all-jackpot a.link-no-styles {
  color: inherit;
  text-decoration: none;
  transition: color .3s
}

span.all-jackpot a.link-no-styles:active,span.all-jackpot a.link-no-styles:focus,span.all-jackpot a.link-no-styles:hover {
  color: #fff;
  text-decoration: none
}

.all-jackpot .link-no-styles {
  margin-left: 4px!important
}

.games-list {
  display: inline
}

.games-list .games-list__button--more {
  display: inline-flex;
  font-size: 14px;
  line-height: 20px
}

@media(min-width: 768px) {
  .games-list .games-list__button--more {
      font-size:16px;
      line-height: 24px
  }
}

.game__text-link {
  background: transparent;
  border: none;
  box-shadow: none;
  color: inherit;
  font-weight: 400;
  line-height: 0;
  margin: 0!important;
  min-height: auto;
  min-width: auto;
  outline: none;
  padding: 0;
  padding: 0!important;
  text-transform: none;
  vertical-align: unset
}

.game__text-link:active,.game__text-link:focus,.game__text-link:hover {
  background: transparent;
  color: #fff
}

.games-not-found {
  color: hsla(0,0%,100%,.65);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase
}

.games-not-found--custom {
  margin-top: 85px
}

@media(min-width: 768px) {
  .games-not-found--custom {
      margin-top:105px
  }
}

.games-not-found--custom .games-not-found__img-wrap {
  height: 100px;
  margin: 0 auto;
  width: 100px
}

@media(min-width: 768px) {
  .games-not-found--custom .games-not-found__img-wrap {
      height:140px;
      width: 140px
  }
}

.games-not-found--custom .games-not-found__img {
  height: 100%;
  width: 100%
}

.games-not-found--custom .games-not-found__title {
  color: hsla(0,0%,100%,.45);
  font-family: Roboto,Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 20px 0;
  text-align: center;
  text-transform: none
}

@media(min-width: 768px) {
  .games-not-found--custom .games-not-found__title {
      font-size:16px;
      line-height: 24px
  }
}

.grand-prizes-main {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 50px;
  max-width: 450px;
  row-gap: 50px
}

@media(min-width: 768px) {
  .grand-prizes-main {
      align-items:flex-end;
      -moz-column-gap: 16px;
      column-gap: 16px;
      flex-wrap: nowrap;
      max-width: 100%;
      row-gap: 0
  }
}

@media(min-width: 960px) {
  .grand-prizes-main {
      margin:0 auto 65px
  }
}

.grand-prizes-main__block {
  flex: 1 1 45%;
  max-width: 270px;
  order: 2;
  position: relative
}

@media(min-width: 768px) {
  .grand-prizes-main__block {
      flex:1 1 33.3333%;
      max-width: unset
  }
}

.grand-prizes-main__block--mega {
  flex: 1 1 100%;
  margin: 0 auto;
  order: 1
}

@media(min-width: 768px) {
  .grand-prizes-main__block--mega {
      flex:1 1 38%;
      order: 2
  }
}

.grand-prizes-main__block--mega .grand-prizes-main__logo-wrap {
  margin-bottom: 16px;
  max-width: 97px;
  width: auto
}

@media(min-width: 768px) {
  .grand-prizes-main__block--mega .grand-prizes-main__logo-wrap {
      margin-bottom:29px;
      max-width: unset;
      width: 38%
  }
}

.grand-prizes-main__block--mega .grand-prizes-main__bg-wrap {
  display: block
}

.grand-prizes-main__block--mega .grand-prizes-main__name {
  font-size: 12px;
  line-height: 16px
}

@media(min-width: 960px) {
  .grand-prizes-main__block--mega .grand-prizes-main__name {
      font-size:14px;
      line-height: 20px
  }
}

.grand-prizes-main__block--mega .grand-prizes-main__pool {
  background: linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#afe2ff,#5292f2);
  font-size: 32px;
  line-height: 40px;
  text-shadow: 0 0 6px rgba(240,146,255,.5),0 0 5px #be54ff
}

@media(min-width: 768px) {
  .grand-prizes-main__block--middle {
      order:1
  }
}

.grand-prizes-main__block--middle .grand-prizes-main__pool {
  background: linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#afe2ff,#5292f2);
  text-shadow: 0 0 6px rgba(255,220,129,.5),0 0 5px #ffaf65
}

@media(min-width: 768px) {
  .grand-prizes-main__block--mini {
      order:3
  }
}

.grand-prizes-main__block--mini .grand-prizes-main__pool {
  background: linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#afe2ff,#5292f2);
  text-shadow: 0 0 6px rgba(134,233,255,.5),0 0 5px #86e9ff
}

.grand-prizes-main__block--mini:before {
  background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12) 47.92%,hsla(0,0%,100%,0));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px
}

@media(min-width: 768px) {
  .grand-prizes-main__block--mini:before {
      display:none
  }
}

.grand-prizes-main__bg-wrap {
  display: none;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%
}

@media(min-width: 768px) {
  .grand-prizes-main__bg-wrap {
      display:block
  }
}

.grand-prizes-main__bg-wrap img {
  max-width: 100%
}

.grand-prizes-main__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2
}

.grand-prizes-main__logo-wrap {
  margin-bottom: 12px;
  width: 72px
}

@media(min-width: 768px) {
  .grand-prizes-main__logo-wrap {
      margin-bottom:24px;
      width: 35%
  }
}

.grand-prizes-main__logo-wrap img {
  max-width: 100%
}

.grand-prizes-main__name {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .3em;
  line-height: 12px;
  margin-bottom: 8px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .grand-prizes-main__name {
      font-size:12px;
      line-height: 16px
  }
}

@media(min-width: 960px) {
  .grand-prizes-main__name {
      font-size:14px;
      line-height: 20px
  }
}

.grand-prizes-main__pool {
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 32px;
  margin: 0 0 16px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .grand-prizes-main__pool {
      font-size:36px!important;
      line-height: 44px!important;
      margin: 0 0 20px
  }
}

@media(min-width: 960px) {
  .grand-prizes-main__pool {
      margin:0 0 32px
  }
}

.grand-prizes-main__text {
  color: #999;
  font-family: Rubik,Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 16px;
  margin: 0 0 12px;
  text-align: center
}

@media(min-width: 768px) {
  .grand-prizes-main__text {
      display:flex;
      font-size: 12px;
      justify-content: space-around;
      line-height: 20px;
      margin: 0;
      width: 100%
  }
}

@media(min-width: 960px) {
  .grand-prizes-main__text {
      font-size:14px;
      line-height: 24px
  }
}

.grand-prizes-main__text span {
  color: #fff;
  display: block
}

@media(min-width: 1200px) {
  .grand-prizes-main__text span {
      display:inline
  }
}

.grand-prizes-main__bet-widget {
  background: linear-gradient(270deg,rgba(188,177,255,0),rgba(33,21,107,0) .01%,#31156b 52.6%,rgba(107,21,62,0));
  margin: 32px auto 48px -24px;
  max-width: 876px;
  padding: 16px 24px;
  width: calc(100% + 48px)
}

@media(min-width: 768px) {
  .grand-prizes-main__bet-widget {
      margin:32px auto 56px;
      padding: 16px;
      width: 100%
  }
}

@media(min-width: 960px) {
  .grand-prizes-main__bet-widget {
      padding:20px
  }
}

.grand-prizes-main__bet-widget-content {
  align-items: center;
  display: flex;
  justify-content: center
}

.grand-prizes-main__bet-widget-coin {
  height: 20px;
  width: 20px
}

.grand-prizes-main__bet-widget-text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 2px;
  text-align: center;
  text-transform: uppercase
}

.grand-prizes-main__bet-widget-text span {
  color: #ffd748;
  font-weight: 700
}

@media(min-width: 768px) {
  .grand-prizes-main__bet-widget-text {
      font-size:16px;
      line-height: 24px
  }
}

.grand-prizes-main .odometer.odometer-auto-theme,.grand-prizes-main .odometer.odometer-theme-default {
  display: flex;
  margin-top: 2px
}

.grand-prizes-main .odometer.odometer-auto-theme .odometer-inside,.grand-prizes-main .odometer.odometer-theme-default .odometer-inside {
  align-items: baseline;
  display: flex
}

.md-jackpots__section {
  margin: 0 0 32px
}

.md-jackpots__list {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px
}

@media(min-width: 480px) {
  .md-jackpots__list {
      gap:0 12px
  }
}

@media(min-width: 768px) {
  .md-jackpots__list {
      flex-wrap:nowrap;
      max-width: unset
  }
}

.md-jackpots__list-item {
  flex: 1 1 50%;
  max-width: calc(50% - 4px);
  min-height: 200px;
  order: 2;
  position: relative
}

@media(min-width: 480px) {
  .md-jackpots__list-item {
      flex:1 1 50%;
      max-width: calc(50% - 6px);
      order: 1
  }
}

@media(min-width: 768px) {
  .md-jackpots__list-item {
      flex:1 1 33.3333333333%;
      max-width: calc(33.33333% - 13.33333px);
      order: 1
  }
}

.md-jackpots__list-item:first-child {
  flex: 1 1 100%;
  margin: 0 auto;
  max-width: 100%;
  order: 1
}

@media(min-width: 768px) {
  .md-jackpots__list-item:first-child {
      flex:1 1 41%;
      max-width: 41%;
      order: 2
  }
}

@media(min-width: 960px) {
  .md-jackpots__list-item:first-child {
      flex:1 1 38%;
      max-width: 38%
  }
}

@media(min-width: 768px) {
  .md-jackpots__list-item:nth-child(2) {
      order:1
  }

  .md-jackpots__list-item:last-child {
      order: 3
  }
}

.md-jackpots__offer {
  margin-bottom: 48px
}

@media(min-width: 768px) {
  .md-jackpots__offer {
      margin-bottom:56px
  }
}

@media(min-width: 1200px) {
  .md-jackpots__offer {
      margin-bottom:64px
  }
}

.md-jackpots__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px
}

.md-jackpots__text:last-child {
  margin: 0
}

.md-jackpots__actions {
  text-align: center
}

.md-jackpot {
  margin: 0 auto;
  padding-top: 45px;
  position: relative
}

.md-jackpot__bg {
  width: 100%
}

.md-jackpot__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.md-jackpot__icon {
  display: block;
  margin: 0 auto -3px;
  transform: scale(1.2);
  width: 104px
}

@media(min-width: 768px) {
  .md-jackpot__icon {
      margin:-17px auto 6px;
      width: 116px
  }
}

@media(min-width: 1200px) {
  .md-jackpot__icon {
      margin:-35px auto 0;
      width: 168px
  }
}

.md-jackpot__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 16px;
  text-align: center
}

@media(min-width: 768px) {
  .md-jackpot__content {
      padding-bottom:20px
  }
}

@media(min-width: 1440px) {
  .md-jackpot__content {
      padding-bottom:50px
  }
}

.md-jackpot__title {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 16px;
  margin: 0 0 3px;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .md-jackpot__title {
      font-size:14px;
      line-height: 20px
  }
}

.md-jackpot__text {
  color: hsla(0,0%,100%,.65);
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 0 12px;
  line-height: 18px;
  margin: 0
}

.md-jackpot__text span {
  color: #fff
}

.md-jackpot__total {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 22px;
  margin: 0 0 16px
}

@media(min-width: 768px) {
  .md-jackpot__total {
      font-size:20px;
      line-height: 26px
  }
}

@media(min-width: 1200px) {
  .md-jackpot__total {
      font-size:32px;
      font-weight: 800;
      line-height: 40px
  }
}

.md-jackpot__total .odometer.odometer-auto-theme,.md-jackpot__total .odometer.odometer-theme-default {
  height: 22px
}

@media(min-width: 768px) {
  .md-jackpot__total .odometer.odometer-auto-theme,.md-jackpot__total .odometer.odometer-theme-default {
      height:26px
  }
}

@media(min-width: 1200px) {
  .md-jackpot__total .odometer.odometer-auto-theme,.md-jackpot__total .odometer.odometer-theme-default {
      height:40px
  }
}

.md-jackpot__range {
  display: flex;
  flex-direction: column
}

@media(min-width: 480px) {
  .md-jackpot__range {
      flex-direction:row;
      gap: 8px;
      justify-content: center
  }
}

@media(min-width: 768px) {
  .md-jackpot__range {
      margin-top:auto
  }
}

.md-jackpot--prime {
  max-width: 272px
}

@media(min-width: 768px) {
  .md-jackpot--prime {
      max-width:100%
  }
}

.md-jackpot--prime .md-jackpot__bg {
  height: 189px
}

@media(min-width: 768px) {
  .md-jackpot--prime .md-jackpot__bg {
      height:auto
  }
}

.md-jackpot--prime .md-jackpot__icon {
  margin: -17px auto 3px;
  width: 144px
}

@media(min-width: 960px) {
  .md-jackpot--prime .md-jackpot__icon {
      margin:-16px auto 6px;
      width: 175px
  }
}

@media(min-width: 1200px) {
  .md-jackpot--prime .md-jackpot__icon {
      margin:-60px auto 0;
      width: 240px
  }
}

.md-jackpot--prime .md-jackpot__total {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 28px;
  text-shadow: 0 0 3px #0bdede,0 0 3px rgba(11,222,222,.5)
}

@media(min-width: 1200px) {
  .md-jackpot--prime .md-jackpot__total {
      font-size:42px;
      font-weight: 800;
      line-height: 52px
  }
}

.md-jackpot--prime .md-jackpot__total .odometer.odometer-auto-theme,.md-jackpot--prime .md-jackpot__total .odometer.odometer-theme-default {
  height: 36px
}

@media(min-width: 1200px) {
  .md-jackpot--prime .md-jackpot__total .odometer.odometer-auto-theme,.md-jackpot--prime .md-jackpot__total .odometer.odometer-theme-default {
      height:52px
  }
}

.md-jackpot--prime .md-jackpot__range {
  flex-direction: row;
  justify-content: center
}

.md-jackpot--prime .odometer-digit,.md-jackpot--prime .odometer-value {
  line-height: 36px;
  width: 18px
}

@media(min-width: 1200px) {
  .md-jackpot--prime .odometer-digit,.md-jackpot--prime .odometer-value {
      line-height:52px;
      width: 30px
  }
}

.md-jackpot--grand .md-jackpot__icon,.md-jackpot--major .md-jackpot__icon {
  height: 107px;
  width: auto
}

@media(min-width: 768px) {
  .md-jackpot--grand .md-jackpot__icon,.md-jackpot--major .md-jackpot__icon {
      height:125px;
      height: 145px
  }
}

@media(min-width: 1200px) {
  .md-jackpot--grand .md-jackpot__icon,.md-jackpot--major .md-jackpot__icon {
      height:178px
  }
}

.md-jackpot--grand .odometer-digit,.md-jackpot--grand .odometer-value,.md-jackpot--major .odometer-digit,.md-jackpot--major .odometer-value {
  line-height: 22px;
  width: 12px
}

@media(min-width: 768px) {
  .md-jackpot--grand .odometer-digit,.md-jackpot--grand .odometer-value,.md-jackpot--major .odometer-digit,.md-jackpot--major .odometer-value {
      line-height:26px;
      width: 15px
  }
}

@media(min-width: 1200px) {
  .md-jackpot--grand .odometer-digit,.md-jackpot--grand .odometer-value,.md-jackpot--major .odometer-digit,.md-jackpot--major .odometer-value {
      line-height:42px;
      width: 23px
  }
}

.md-jackpot--grand .md-jackpot__total {
  text-shadow: 0 0 3px #809eed,0 0 3px rgba(187,206,255,.5)
}

.md-jackpot--major .md-jackpot__total {
  text-shadow: 0 0 3px #ff6ea3,0 0 3px rgba(255,138,181,.5)
}

.hall-of-fame-achievements {
  margin-top: 32px
}

@media(min-width: 1200px) {
  .hall-of-fame-achievements {
      margin-top:40px
  }
}

.hall-of-fame-achievements__title {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
  margin-bottom: 24px;
  margin-top: 0
}

.hall-of-fame-achievements__title span {
  color: hsla(0,0%,100%,.4)
}

.hall-of-fame-achievements__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: repeat(2,1fr)
}

@media(min-width: 768px) {
  .hall-of-fame-achievements__cards {
      gap:8px 16px
  }
}

.hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+6) {
  display: block
}

@media(min-width: 768px) {
  .hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+8) {
      display:block
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+5) {
      display:block
  }
}

@media(min-width: 1440px) {
  .hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+6) {
      display:block
  }
}

.hall-of-fame-achievements .hall-of-fame-achievements__btn {
  border-radius: 8px;
  margin-top: 16px;
  padding: 12px 20px;
  position: relative;
  width: 100%
}

.hall-of-fame-achievement {
  opacity: .4;
  perspective: 1000px;
  position: relative;
  width: calc(50% - 4px)
}

.hall-of-fame-achievement:hover {
  cursor: pointer
}

.hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
  opacity: .4
}

.hall-of-fame-achievement:nth-child(n+6) {
  display: none
}

.hall-of-fame-achievement:nth-child(-n+6) {
  display: block
}

@media(min-width: 768px) {
  .hall-of-fame-achievement {
      width:calc(33.33333% - 10.66667px)
  }

  .hall-of-fame-achievement:nth-child(n+6) {
      display: none
  }

  .hall-of-fame-achievement:nth-child(-n+6) {
      display: block
  }

  .hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
      opacity: .4
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-achievement {
      width:calc(20% - 12.8px)
  }

  .hall-of-fame-achievement:nth-child(n+5) {
      display: none
  }

  .hall-of-fame-achievement:nth-child(-n+5) {
      display: block
  }
}

@media(min-width: 1440px) {
  .hall-of-fame-achievement {
      width:calc(16.66667% - 13.33333px)
  }

  .hall-of-fame-achievement:nth-child(n+6) {
      display: none
  }

  .hall-of-fame-achievement:nth-child(-n+6) {
      display: block
  }
}

.hall-of-fame-achievement__inner {
  align-items: center;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: rgb(0 78 86);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 176px;
  overflow: hidden;
  padding: 8px;
  text-align: center;
  transform-style: preserve-3d;
  transition: transform .3s;
  width: 100%
}

@media(min-width: 480px) {
  .hall-of-fame-achievement__inner {
      min-height:216px;
      padding: 24px 8px
  }
}

@media(min-width: 768px) {
  .hall-of-fame-achievement__inner {
      padding:24px 8px
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-achievement__inner {
      min-height:255px;
      padding: 24px 16px
  }
}

.hall-of-fame-achievement__back,.hall-of-fame-achievement__front {
  align-items: center;
  backface-visibility: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: 100%
}

.hall-of-fame-achievement__front {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  height: 100%
}

.hall-of-fame-achievement__back {
  display: none
}

.hall-of-fame-achievement__back-inner {
  align-items: center
}

.hall-of-fame-achievement .hall-of-fame-achievement__info-btn {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  justify-content: center;
  opacity: .4;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all .3s;
  z-index: 1
}

@media(min-width: 768px) {
  .hall-of-fame-achievement .hall-of-fame-achievement__info-btn {
      opacity:0;
      right: 16px;
      top: 16px
  }
}

.hall-of-fame-achievement .hall-of-fame-achievement__close-btn {
  align-items: center;
  background: rgba(10,10,13,.65);
  border-radius: 50%;
  display: flex;
  height: 0;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: -10000;
  top: -100000;
  width: 0
}

.hall-of-fame-achievement__close-icon {
  font-size: 19px
}

.hall-of-fame-achievement__desc {
  color: #fff;
  font-size: 8px;
  font-weight: 400;
  line-height: 140%;
  text-align: center
}

@media(min-width: 375px) {
  .hall-of-fame-achievement__desc {
      font-size:10px
  }
}

@media(min-width: 768px) {
  .hall-of-fame-achievement__desc {
      font-size:14px
  }
}

.hall-of-fame-achievement__img {
  margin-bottom: 4px;
  max-width: 100px;
  width: 100%
}

@media(min-width: 1680px) {
  .hall-of-fame-achievement__img {
      max-width:120px
  }
}

.hall-of-fame-achievement__name {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center
}

.hall-of-fame-achievement__name--big {
  font-size: 10px;
  line-height: 140%
}

@media(min-width: 375px) {
  .hall-of-fame-achievement__name--big {
      font-size:12px
  }
}

@media(min-width: 480px) {
  .hall-of-fame-achievement__name {
      font-size:14px;
      line-height: 143%
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-achievement__name {
      font-size:16px;
      line-height: 150%
  }
}

.hall-of-fame-achievement__prize {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 18px;
  margin-top: 4px
}

@media(min-width: 480px) {
  .hall-of-fame-achievement__prize {
      font-size:14px;
      line-height: 20px
  }
}

.hall-of-fame-achievement__gift-icon {
  font-size: 16px
}

.hall-of-fame-achievement__desc {
  display: flex;
  justify-content: center
}

.hall-of-fame-achievement--opened {
  opacity: 1;
  z-index: 3
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
  background-color: #445778;
  opacity: 1;
  padding: 32px 8px 17px
}

@media(min-width: 375px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
      padding:32px 16px 17px
  }
}

@media(min-width: 768px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
      transform:rotateY(180deg) scale(1) translate(0)!important
  }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__back {
  display: flex
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__back-inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  transform: rotateY(180deg)
}

@media(min-width: 1200px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__back-inner {
      gap:6px
  }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__close-btn {
  height: 24px;
  left: 8px;
  opacity: 1;
  top: 8px;
  width: 24px;
  z-index: 3
}

@media(min-width: 480px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__close-btn {
      height:32px;
      width: 32px
  }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__front {
  display: none
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__info-btn {
  left: -999999px;
  opacity: 0;
  visibility: hidden;
  z-index: -1
}

@media(min-width: 768px) {
  .hall-of-fame-achievement--opened .hall-of-fame-achievement__info-btn {
      justify-content:flex-start;
      left: 16px;
      opacity: .4;
      right: 0;
      visibility: unset;
      z-index: 3
  }

  .hall-of-fame-achievement--opened .hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
      opacity: .4;
      visibility: unset;
      z-index: 3
  }
}

.hall-of-fame-achievement--completed,.hall-of-fame-achievement--completed .hall-of-fame-achievement__front {
  opacity: 1
}

.hall-of-fame-achievement--completed .hall-of-fame-achievement__info-btn {
  color: hsla(0,0%,100%,.4)
}

.hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(2n) .hall-of-fame-achievement__inner {
  transform: rotateY(180deg) translate(52%) scale(1.8)
}

@media(min-width: 375px) {
  .hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(2n) .hall-of-fame-achievement__inner {
      transform:rotateY(180deg) translate(50%) scale(1.5)
  }
}

.hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(odd) .hall-of-fame-achievement__inner {
  transform: rotateY(180deg) translate(-52%) scale(1.8)
}

@media(min-width: 375px) {
  .hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(odd) .hall-of-fame-achievement__inner {
      transform:rotateY(180deg) translate(-50%) scale(1.5)
  }
}

.hall-of-fame-banner__bg-wrap {
  height: 100%;
  left: 50%;
  max-width: 1680px;
  min-width: 600px;
  position: absolute;
  top: -65px;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1
}

@media(min-width: 768px) {
  .hall-of-fame-banner__bg-wrap {
      top:-70px
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner__bg-wrap {
      height:100%;
      left: 50%;
      transform: translateX(-50%);
      width: 100%
  }
}

.hall-of-fame-banner__bg {
  max-height: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%
}

@media(min-width: 768px) {
  .hall-of-fame-banner__bg {
      max-height:100%
  }
}

.hall-of-fame-banner__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 24px 0
}

@media(min-width: 480px) {
  .hall-of-fame-banner__title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 768px) {
  .hall-of-fame-banner__title {
      margin-top:32px
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner__title {
      margin-bottom:40px;
      margin-top: 40px
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-banner__title {
      font-size:42px;
      line-height: 52px
  }
}

.hall-of-fame-banner__info {
  display: flex;
  flex-direction: column;
  gap: 26px
}

@media(min-width: 1200px) {
  .hall-of-fame-banner__info {
      align-items:center;
      display: flex;
      flex-direction: row;
      justify-content: space-between
  }
}

.hall-of-fame-banner__stats {
  display: flex;
  flex-direction: column;
  gap: 8px
}

@media(min-width: 768px) {
  .hall-of-fame-banner__stats {
      flex-direction:row;
      gap: 16px
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner__stats {
      flex-basis:752px
  }
}

.hall-of-fame-banner__icon {
  height: 48px;
  width: 48px
}

.hall-of-fame-banner--anon {
  background-image: none;
  padding-top: 24px
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon {
      padding-top:32px
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner--anon {
      padding-top:40px
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon-wrap {
  bottom: -10px;
  position: absolute;
  right: 0;
  z-index: -1
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon-wrap {
      bottom:0;
      height: 100%
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__info {
  align-items: flex-start
}

.hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon {
      height:100%
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__title {
  margin-bottom: 24px;
  margin-top: 0
}

@media(min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__title {
      margin-bottom:40px
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__title {
      font-size:42px;
      line-height: 52px
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__info {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: rgb(0 78 86);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: 32px 16px 60px;
  position: relative
}

@media(min-width: 480px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
      padding:32px 16px 106px
  }
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
      padding:48px 16px
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
      padding:48px 32px 64px
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__info {
      padding:48px 48px 80px
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 24px;
  margin-top: 0
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
      font-size:26px;
      line-height: 32px;
      max-width: 60%
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
      max-width:528px
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
      font-size:32px;
      line-height: 40px;
      max-width: 674px
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 32px;
  margin-top: 0
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__text {
      font-size:16px;
      line-height: 150%;
      max-width: 60%
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__text {
      max-width:528px
  }
}

@media(min-width: 1680px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__text {
      max-width:674px
  }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__btn {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 150%;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 12px 20px
}

@media(min-width: 768px) {
  .hall-of-fame-banner--anon .hall-of-fame-banner__btn {
      padding:16px 24px
  }
}

.hall-of-fame-vip-level {
  align-items: center;
  display: flex;
  justify-content: flex-start
}

@media(min-width: 768px) {
  .hall-of-fame-vip-level {
      max-width:465px;
      width: 100%
  }
}

@media(min-width: 1440px) {
  .hall-of-fame-vip-level {
      flex:1
  }
}

.hall-of-fame-vip-level__avatar-wrap {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 100px
}

.hall-of-fame-vip-level__avatar {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.hall-of-fame-vip-level__player-name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
  margin-top: 0
}

.hall-of-fame-vip-level__info-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 16px
}

@media(min-width: 768px) {
  .hall-of-fame-vip-level__info-container {
      padding-left:24px
  }
}

.hall-of-fame-vip-level__info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px
}

.hall-of-fame-vip-level__progress-bar-wrapper {
  align-items: center;
  display: flex;
  gap: 8px
}

.hall-of-fame-vip-level__next-level {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.hall-of-fame-vip-level__current-level {
  align-items: center;
  border: 1px solid hsla(0,0%,100%,.12);
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  padding: 4px 10px
}

.hall-of-fame-vip-level__points {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

.hall-of-fame-vip-level__current-points {
  color: #fff
}

.hall-of-fame-vip-level__current-endpoints {
  color: hsla(0,0%,100%,.65)
}

.hall-of-fame-vip-level__progress-bar {
  background-color: #001b33!important;
  border-radius: 33px;
  height: 6px
}

.hall-of-fame-vip-level__progress-bar .progress-bar__track {
  background-color: #00dccd;
  height: 6px
}

.progress-bar {
  background-color: #000;
  border-radius: 10px;
  display: block;
  height: 4px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.progress-bar__track {
  background-color: #0bdede;
  border-radius: 10px;
  display: block;
  height: 100%;
  left: 0;
  min-width: 4px;
  position: absolute;
  top: 0
}

.hall-of-fame-champions__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar {
  height: 0;
  width: 0
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-track {
  background: transparent
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .hall-of-fame-champions-stats-modal {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.hall-of-fame-champions-stats-modal:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.hall-of-fame-champions-stats {
  background: rgb(0 78 86);
  border-radius: 12px;
  position: relative
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats {
      padding:32px 16px
  }

  .hall-of-fame-champions-stats__info-wrap {
      display: flex;
      flex-direction: row
  }
}

.hall-of-fame-champions-stats__statistics {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__statistics {
      display:block;
      flex-grow: 0
  }
}

.hall-of-fame-champions-stats__info {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 24px 16px
}

@media(min-width: 480px) {
  .hall-of-fame-champions-stats__info {
      gap:16px
  }
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__info {
      padding:0
  }
}

.hall-of-fame-champions-stats__top-players {
  display: none
}

@media(min-width: 1200px) {
  .hall-of-fame-champions-stats__top-players {
      align-items:center;
      display: flex;
      flex-grow: 1;
      gap: 8px;
      justify-content: flex-end;
      margin-right: 12px
  }
}

.hall-of-fame-champions-stats__icon-wrap {
  align-items: center;
  background: rgba(0,27,51,.65);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 8px;
  width: 48px
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__icon-wrap {
      -webkit-backdrop-filter:blur(15px);
      backdrop-filter: blur(15px);
      background: rgba(46,46,59,.4);
      height: 80px;
      padding: 16px;
      width: 80px
  }
}

.hall-of-fame-champions-stats__icon {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 32px
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__icon {
      width:48px
  }
}

.hall-of-fame-champions-stats__arrow-icon {
  font-size: 32px!important
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__arrow-icon {
      font-size:24px!important
  }
}

.hall-of-fame-champions-stats__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
  margin-top: 0
}

.hall-of-fame-champions-stats__subtitle {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: left
}

.hall-of-fame-champions-stats__values {
  display: flex;
  flex-direction: row
}

.hall-of-fame-champions-stats__place-wrap,.hall-of-fame-champions-stats__sum-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.hall-of-fame-champions-stats__place-wrap {
  border-right: 1px solid hsla(0,0%,100%,.12);
  padding-right: 16px
}

.hall-of-fame-champions-stats__sum-wrap {
  border-radius: 53px;
  padding-left: 16px
}

.hall-of-fame-champions-stats__place,.hall-of-fame-champions-stats__sum {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__place,.hall-of-fame-champions-stats__sum {
      font-size:24px;
      line-height: 133%
  }
}

.hall-of-fame-champions-stats__place-title,.hall-of-fame-champions-stats__sum-title {
  color: hsla(0,0%,100%,.4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase
}

.hall-of-fame-champions-stats__btn {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: #384c6b;
  border-radius: 0 0 12px 12px;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 100%
}

.hall-of-fame-champions-stats__btn:active,.hall-of-fame-champions-stats__btn:focus,.hall-of-fame-champions-stats__btn:hover {
  background: #384c6b
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__btn {
      align-self:center;
      border-radius: 36px;
      margin-left: auto;
      padding: 36px 6px;
      width: -moz-max-content;
      width: max-content
  }
}

@media(min-width: 1200px) {
  .hall-of-fame-champions-stats__btn {
      margin-left:0
  }
}

.hall-of-fame-champions-stats__btn-info {
  color: hsla(0,0%,100%,.65);
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 16px
}

@media(min-width: 768px) {
  .hall-of-fame-champions-stats__btn-info {
      display:none
  }
}

.hall-of-fame-stats-top {
  background: #384c6b;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  max-height: 86px;
  padding: 20px 16px;
  width: 228px
}

@media(min-width: 1200px) {
  .hall-of-fame-stats-top:last-child {
      display:none
  }
}

@media(min-width: 1440px) {
  .hall-of-fame-stats-top:last-child {
      display:flex
  }
}

.hall-of-fame-stats-top__icon {
  align-self: center;
  -o-object-fit: contain;
  object-fit: contain;
  width: 48px
}

.hall-of-fame-stats-top__info {
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.hall-of-fame-stats-top__name {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.hall-of-fame-stats-top__amount {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.hall-of-fame-champions-stats-modal .modal__content-wrapper {
  height: 100%;
  margin: 0;
  max-width: 100%;
  width: 100%
}

.hall-of-fame-champions-stats-modal .modal__content {
  border-radius: unset;
  height: 100%;
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px 64px
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__statistics {
  align-items: center
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133%;
  text-align: center
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__subtitle {
  text-align: center
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__values {
  width: 100%
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__place-wrap,.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__sum-wrap {
  align-items: center;
  max-width: calc(50% - 2px);
  width: 100%
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__place,.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__sum {
  font-size: 24px;
  line-height: 133%
}

.hall-of-fame-players {
  margin-top: 24px
}

@media(min-width: 768px) {
  .hall-of-fame-players {
      margin-top:48px
  }
}

.hall-of-fame-players__btn {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  margin-top: 8px;
  padding: 12px;
  text-transform: uppercase;
  width: 100%
}

.hall-of-fame-players-table {
  display: flex;
  flex-direction: column;
  width: 100%
}

.hall-of-fame-players-table__header {
  align-items: center;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  min-height: 48px;
  padding: 10px 16px
}

@media(min-width: 768px) {
  .hall-of-fame-players-table__header {
      gap:40px
  }
}

.hall-of-fame-players-table__th {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap
}

.hall-of-fame-players-table__th:first-of-type {
  flex-basis: 32px;
  text-align: center
}

.hall-of-fame-players-table__th:nth-of-type(2) {
  flex-grow: 1
}

.hall-of-fame-players-table__body {
  display: flex;
  flex-direction: column
}

.hall-of-fame-players-table__amount,.hall-of-fame-players-table__nick,.hall-of-fame-players-table__place {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.hall-of-fame-players-table__place {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 32px;
  position: relative
}

.hall-of-fame-players-table__place--first:before {
  background-image: url(images/leaderboard-place-first.21a61de2..svg)
}

.hall-of-fame-players-table__place--first:before,.hall-of-fame-players-table__place--second:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 28px
}

.hall-of-fame-players-table__place--second:before {
  background-image: url(images/leaderboard-place-second.5acd6809..svg)
}

.hall-of-fame-players-table__place--third:before {
  background-image: url(images/leaderboard-place-third.b97777b4..svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 28px
}

.hall-of-fame-players-table__nick {
  flex-grow: 1;
  overflow: hidden
}

.hall-of-fame-players-table__nick span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.hall-of-fame-players-table__amount {
  font-weight: 700
}

.hall-of-fame-players-table__tr {
  align-items: center;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  min-height: 48px;
  padding: 4px 16px
}

@media(min-width: 768px) {
  .hall-of-fame-players-table__tr {
      gap:40px
  }
}

.hall-of-fame-players-table__tr:nth-of-type(odd) {
  background: #384c6b
}

.hall-of-fame-players-table__tr--current .hall-of-fame-players-table__td {
  color: #00dccd
}

.hall-of-fame-players-table__td {
  display: flex
}

.tabs__categories::-webkit-scrollbar {
  height: 0;
  width: 0
}

.tabs__categories::-webkit-scrollbar-track {
  background: transparent
}

.tabs__categories::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.tabs__categories::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .tabs__categories {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.tabs__categories:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.tabs__categories {
  border-bottom: 1px solid hsla(0,0%,100%,.12);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  margin-bottom: 24px;
  overflow: scroll;
  padding-bottom: 12px;
  white-space: nowrap
}

.tabs .tabs__btn {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase
}

.tabs .tabs__btn--active {
  color: #fff
}

.tabs .tabs__btn--active:after {
  background: #0bdede;
  bottom: -12px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%
}

.header-menu {
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0
}

.header-menu__item {
  white-space: nowrap
}

.header-menu__link {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  transition: color .3s ease
}

.header-menu__link--current,.header-menu__link:hover {
  color: #fff
}

.header-menu__link--current:after {
  background: #0bdede;
  bottom: -23px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%
}

.help-center-back-button {
  align-items: center;
  background: #384c6b;
  border-radius: 12px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  padding: 14px 16px
}

.help-center-back-button__icon {
  align-items: center;
  color: hsla(0,0%,100%,.45);
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px
}

.help-center-menu {
  background: rgb(0 78 86);
  border-radius: 12px;
  list-style: none;
  margin: 0;
  padding: 16px
}

@media(min-width: 960px) {
  .help-center-menu {
      position:sticky;
      top: 80px
  }
}

.help-center-menu__link {
  align-items: center;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 16px;
  justify-content: space-between;
  line-height: 24px;
  min-height: 48px;
  padding: 12px 16px;
  position: relative;
  transition: background .3s ease
}

.help-center-menu__link:before {
  background: transparent;
  content: "";
  height: 100%;
  left: -16px;
  position: absolute;
  top: 0;
  transition: background .3s ease;
  width: 2px
}

@media(min-width: 1200px) {
  .help-center-menu__link:hover {
      background:#445778
  }
}

.help-center-menu__link--current {
  font-weight: 700
}

@media(min-width: 1200px) {
  .help-center-menu__link--current:before {
      background:#0bdede
  }
}

.help-center-menu__icon {
  color: hsla(0,0%,100%,.4);
  height: 24px;
  width: 24px
}

@media(min-width: 1200px) {
  .help-center-menu__icon {
      display:none
  }
}

.hh-games {
  background: url(images/hh-bg-games.4b46a1e1..jpg) 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 88px 0
}

@media(max-width: 960px) {
  .hh-games {
      padding:80px 0
  }
}

@media(max-width: 768px) {
  .hh-games {
      padding:55px 0
  }
}

.hh-games__title {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  margin: 0 0 64px;
  text-align: center;
  text-transform: uppercase
}

@media(max-width: 960px) {
  .hh-games__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 45px
  }
}

@media(max-width: 768px) {
  .hh-games__title {
      font-size:24px;
      line-height: 32px;
      margin: 0 0 40px
  }
}

.hh-games__link {
  margin-top: 56px
}

@media(max-width: 960px) {
  .hh-games__link {
      margin-top:45px
  }
}

@media(max-width: 768px) {
  .hh-games__link {
      margin-top:40px
  }
}

.hh-games__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.hh-games__slider {
  flex: 1 1 100%;
  margin: 0 0 40px;
  max-width: 100%;
  position: relative
}

@media(min-width: 1200px) {
  .hh-games__slider {
      margin:0 0 72px
  }
}

.game-slider.game-slider--jackpot {
  background-color: transparent
}

.game-slider.game-slider--jackpot+.game-slider__controls {
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

@media(max-width: 960px) {
  .game-slider.game-slider--jackpot+.game-slider__controls {
      display:none
  }
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: transparent;
  background: #001b33;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 48px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  text-shadow: none;
  transition: background-color .3s ease;
  width: 48px
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button:hover {
  background: rgba(0,27,51,.7)
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button--next {
  margin-right: -50px
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button--prev {
  margin-left: -50px
}

.slider-wrapper {
  position: relative
}

.game-slider.slick-slider.game-slider-jackpot {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2
}

.game-slider.slick-slider.game-slider-jackpot .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative
}

.game-slider.slick-slider.game-slider-jackpot .slick-list:focus {
  outline: none
}

.game-slider.slick-slider.game-slider-jackpot .slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.game-slider.slick-slider.game-slider-jackpot .slick-list,.game-slider.slick-slider.game-slider-jackpot .slick-track {
  transform: translateZ(0)
}

.game-slider.slick-slider.game-slider-jackpot .slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

@media(max-width: 768px) {
  .game-slider.slick-slider.game-slider-jackpot .slick-track {
      display:flex
  }
}

.game-slider.slick-slider.game-slider-jackpot .slick-track:after,.game-slider.slick-slider.game-slider-jackpot .slick-track:before {
  content: "";
  display: table
}

.game-slider.slick-slider.game-slider-jackpot .slick-track:after {
  clear: both
}

.slick-loading .game-slider.slick-slider.game-slider-jackpot .slick-track {
  visibility: hidden
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide {
  display: none;
  float: left;
  height: 100%;
  margin: 0!important;
  min-height: 1px;
  padding: 0 12px
}

@media(max-width: 768px) {
  .game-slider.slick-slider.game-slider-jackpot .slick-slide {
      padding:0 8px
  }
}

[dir=rtl] .game-slider.slick-slider.game-slider-jackpot .slick-slide {
  float: right
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide img:not(.image--hidden) {
  display: block
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide.slick-loading img {
  display: none
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide.dragging img {
  pointer-events: none
}

.game-slider.slick-slider.game-slider-jackpot.slick-initialized .slick-slide {
  display: block
}

.game-slider.slick-slider.game-slider-jackpot.slick-loading .slick-slide {
  visibility: hidden
}

.game-slider.slick-slider.game-slider-jackpot.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.game-slider.slick-slider.game-slider-jackpot .slick-arrow.slick-hidden {
  display: none
}

@media(max-width: 960px) {
  .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot .slick-list {
      overflow:visible
  }
}

@media(max-width: 768px) {
  .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot .slick-slide {
      flex:0 0 156px
  }
}

.game {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.game--jackpot .game__action,.game--jackpot .game__block-img {
  border-radius: 8px 8px 0 0
}

.game--jackpot:hover:after {
  opacity: 0
}

.game--jackpot:after {
  background: linear-gradient(180deg,rgba(38,59,87,0),rgba(38,59,87,.009) 6.67%,rgba(38,59,87,.036) 13.33%,rgba(38,59,87,.082) 20%,rgba(38,59,87,.147) 26.67%,rgba(38,59,87,.232) 33.33%,rgba(38,59,87,.332) 40%,rgba(38,59,87,.443) 46.67%,rgba(38,59,87,.557) 53.33%,rgba(38,59,87,.668) 60%,rgba(38,59,87,.768) 66.67%,rgba(38,59,87,.853) 73.33%,rgba(38,59,87,.918) 80%,rgba(38,59,87,.964) 86.67%,rgba(38,59,87,.991) 93.33%,rgb(0 78 86));
  bottom: 0;
  content: "";
  height: 40%;
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: opacity .3s ease;
  width: 100%
}

.game__block-img {
  border-radius: 8px;
  display: flex;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.game__img {
  border: none;
  height: 100%;
  width: 100%
}

.game__action {
  align-items: center;
  background-color: rgba(0,27,51,.65);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: 0;
  transition: opacity .3s ease;
  width: 100%
}

.game:hover .game__action {
  opacity: 0
}

@media(min-width: 1200px) {
  .game:hover .game__action {
      opacity:1
  }
}

.game__favorite {
  border-radius: 50%;
  display: none;
  opacity: 0;
  padding: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: opacity .3s ease,background .3s ease;
  z-index: 10
}

@media(min-width: 1200px) {
  .game__favorite {
      display:block
  }
}

.game__favorite:hover {
  background: rgba(0,27,51,.65)
}

.game__favorite--add {
  color: #fff
}

.game__favorite--remove {
  color: #0bdede!important
}

.game:hover .game__favorite {
  opacity: 1
}

@media(max-width: 1200px) {
  .game:hover .game__favorite {
      opacity:0
  }
}

.game__label-list {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  opacity: 1;
  padding: 8px;
  pointer-events: none;
  position: absolute;
  row-gap: 4px;
  top: 0;
  transition: opacity .3s ease
}

@media(min-width: 1200px) {
  .game:hover .game__label-list {
      opacity:0
  }
}

.game__label {
  border-radius: 12px;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  padding: 2px 6px;
  text-transform: uppercase
}

.game__label--new {
  background: #1adb4a;
  color: #001b33
}

.game__label--top {
  background: #00dccd;
  color: #001b33
}

.game__label--cashback {
  background: #7e14ff;
  color: #fff
}

.game__label--hot {
  background: #0bdede;
  color: #fff
}

.game__label--exclusive {
  background: radial-gradient(243.63% 279.45% at 127.61% -17.5%,#2ad0ca 0,#e1f664 22.92%,#feb0fe 56.7%,#5df7a4 98.15%);
  color: #001b33
}

.game__label--night {
  background: #e212ff;
  color: #fff
}

.game__label--evo-prime,.game__label--platin-jackpot {
  height: 24px;
  padding: 0;
  width: 24px
}

.game__label--jackpot {
  background: #ffd336;
  bottom: 8px;
  color: #001b33;
  left: 8px;
  opacity: 1;
  position: absolute;
  transition: opacity .3s ease
}

@media(min-width: 1200px) {
  .game:hover .game__label--jackpot {
      opacity:0
  }
}

.game__label img {
  width: 100%
}

.game__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 8px 0 4px;
  max-width: 144px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.game>.game__title {
  left: 50%;
  padding: 0 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.game__provider {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase
}

.game__buttons {
  display: block;
  margin: 8% 0 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.game .game__button--play {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 21px;
  height: 100%;
  justify-content: center;
  left: 50%;
  min-height: unset;
  min-width: unset;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

@media(min-width: 1200px) {
  .game .game__button--play {
      border-radius:50%;
      height: 56px;
      left: unset;
      position: relative;
      top: unset;
      transform: unset;
      width: 56px
  }
}

.game .game__button--demo {
  border-radius: 25px;
  bottom: 8px;
  color: #fff;
  display: none;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  left: 50%;
  letter-spacing: .2px;
  line-height: 16px;
  padding: 6px 12px;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%);
  transition: background .3s ease
}

.game .game__button--demo:hover {
  background: rgba(0,27,51,.65)
}

@media(min-width: 1200px) {
  .game .game__button--demo {
      display:block
  }
}

.game__play {
  align-items: center;
  display: flex;
  flex-direction: column
}

.game__icon--play {
  font-size: 21px!important;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2
}

.link-no-styles:link,.link-no-styles:visited {
  color: inherit;
  cursor: pointer;
  text-decoration: inherit
}

.hh-jackpot-progress {
  position: relative
}

.hh-jackpot-progress__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-left: 42px;
  position: relative
}

@media(min-width: 960px) {
  .hh-jackpot-progress__inner {
      padding-left:57px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress__inner {
      padding-left:79px
  }
}

.hh-jackpot-progress__top-bar {
  background: url(images/hh-bar-max-title-bg.21a254cb..png) 50% no-repeat;
  background-size: 100% 100%;
  display: inline-flex;
  height: 18px;
  justify-content: flex-end;
  min-width: 94px;
  padding: 0 17px 0 39px
}

@media(min-width: 960px) {
  .hh-jackpot-progress__top-bar {
      height:24px;
      min-width: 126px;
      padding: 0 16px 0 70px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress__top-bar {
      height:32px;
      min-width: 172px;
      padding: 0 44px 0 81px
  }
}

.hh-jackpot-progress__label {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .3em;
  line-height: 12px;
  margin: 0;
  text-transform: uppercase
}

@media(min-width: 960px) {
  .hh-jackpot-progress__label {
      font-size:14px;
      line-height: 20px
  }
}

.hh-jackpot-progress__main-bar {
  background: url(images/hh-bar-max-bg.6310492f..png) 50% no-repeat;
  background-size: 100% 100%;
  display: flex;
  height: 43px;
  margin-top: -2px;
  max-width: 510px;
  overflow: hidden;
  position: relative;
  transform: skewX(-15deg);
  width: 100%
}

@media(min-width: 960px) {
  .hh-jackpot-progress__main-bar {
      height:56px
  }
}

@media(min-width: 1200px) {
  .hh-jackpot-progress__main-bar {
      height:80px
  }
}

.hh-jackpot-progress__bar-inner {
  align-items: center;
  display: flex;
  padding-left: 54px;
  padding-right: 24px;
  position: relative;
  transform: skewX(15deg);
  width: 100%;
  z-index: 2
}

@media(min-width: 960px) {
  .hh-jackpot-progress__bar-inner {
      padding-left:71px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress__bar-inner {
      padding-left:97px
  }
}

.hh-jackpot-progress__value {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-shadow: 0 0 6px rgba(252,124,255,.5),0 0 6x #fc7cff;
  text-transform: uppercase
}

@media(min-width: 960px) {
  .hh-jackpot-progress__value {
      font-size:48px;
      line-height: 56px
  }
}

.hh-jackpot-progress__value .odometer-inside {
  align-items: center;
  display: flex
}

.hh-jackpot-progress__value .odometer-inside>* {
  font-family: Roboto,Arial,sans-serif
}

.hh-jackpot-progress__value .odometer-digit,.hh-jackpot-progress__value .odometer-value {
  width: 15px
}

@media(min-width: 960px) {
  .hh-jackpot-progress__value .odometer-digit,.hh-jackpot-progress__value .odometer-value {
      width:32px
  }
}

.hh-jackpot-progress__bar-fill {
  background: linear-gradient(90deg,#681486,#ab00e9 79.69%,#ef8aff);
  bottom: 1px;
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  transform: translateX(-100%)
}

.hh-jackpot-progress__ribbon {
  height: 85px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 85px
}

@media(min-width: 960px) {
  .hh-jackpot-progress__ribbon {
      height:114px;
      width: 114px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress__ribbon {
      height:156px;
      width: 156px
  }
}

.hh-jackpot-progress__ribbon img {
  max-width: 100%
}

.hh-jackpot-progress__info {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: 12px 0 0;
  padding-left: 72px;
  text-transform: uppercase
}

@media(min-width: 960px) {
  .hh-jackpot-progress__info {
      padding-left:120px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress__info {
      padding-left:160px
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
  align-items: flex-end;
  padding-left: unset;
  padding-right: 42px
}

@media(min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
      padding-right:57px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
      padding-right:79px
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
  background: url(images/hh-bar-min-title-bg.54b200e0..png) 50% no-repeat;
  background-size: 100% 100%;
  justify-content: flex-start;
  padding: 0 39px 0 17px
}

@media(min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
      padding:0 70px 0 16px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
      padding:0 81px 0 44px
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__main-bar {
  background: url(images/hh-bar-min-bg.099b4065..png) 50% no-repeat;
  background-size: 100% 100%
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
  justify-content: flex-end;
  padding-left: 24px;
  padding-right: 54px
}

@media(min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
      padding-right:71px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
      padding-right:97px
  }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__bar-fill {
  background: linear-gradient(90deg,#b8ffa6,#33a600 15.47%,#37711d);
  bottom: 1px;
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  transform: translateX(100%)
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__value {
  text-shadow: 0 0 6px rgba(193,255,114,.5),0 0 6px #c1ff72
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__ribbon {
  left: unset;
  right: 0
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__info {
  padding-left: unset;
  padding-right: 72px;
  text-align: right
}

@media(min-width: 960px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__info {
      padding-right:120px
  }
}

@media(min-width: 1440px) {
  .hh-jackpot-progress--rtl .hh-jackpot-progress__info {
      padding-right:160px
  }
}

.hh-jackpot-progress--disabled {
  opacity: .5
}

.body--ar .home-bonuses__background-image {
  transform: translate(-50%,-50%) scaleX(-1)
}

.home-bonuses__background-image--first {
  animation: background-first 15s linear infinite alternate
}

.home-bonuses__background-image--second {
  animation: background-second 15s linear infinite alternate
}

.home-bonuses-slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  display: block;
  height: 100%;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media(min-width: 960px) {
  .home-bonuses-slider.slick-slider:hover .slick-next,.home-bonuses-slider.slick-slider:hover .slick-prev {
      display:block;
      opacity: 1
  }
}

.home-bonuses-slider.slick-slider .slick-list {
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative
}

.home-bonuses-slider.slick-slider .slick-list:focus {
  outline: none
}

.home-bonuses-slider.slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.home-bonuses-slider.slick-slider .slick-list,.home-bonuses-slider.slick-slider .slick-track {
  transform: translateZ(0)
}

.home-bonuses-slider.slick-slider .slick-track {
  display: block;
  height: 100%;
  left: 0;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.home-bonuses-slider.slick-slider .slick-track:after,.home-bonuses-slider.slick-slider .slick-track:before {
  content: "";
  display: table
}

.home-bonuses-slider.slick-slider .slick-track:after {
  clear: both
}

.slick-loading .home-bonuses-slider.slick-slider .slick-track {
  visibility: hidden
}

.home-bonuses-slider.slick-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  overflow: hidden
}

[dir=rtl] .home-bonuses-slider.slick-slider .slick-slide {
  float: right
}

.home-bonuses-slider.slick-slider .slick-slide img {
  display: block
}

.home-bonuses-slider.slick-slider .slick-slide.slick-loading img {
  display: none
}

.home-bonuses-slider.slick-slider .slick-slide.dragging img {
  pointer-events: none
}

.home-bonuses-slider.slick-slider .slick-slide>div {
  height: 100%
}

.home-bonuses-slider.slick-slider.slick-initialized .slick-slide {
  display: block
}

.home-bonuses-slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden
}

.home-bonuses-slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.home-bonuses-slider.slick-slider .slick-arrow.slick-hidden {
  display: none
}

.home-bonuses-slider.slick-slider .slick-next,.home-bonuses-slider.slick-slider .slick-prev {
  /*background: rgba(0,27,51,.65);*/
  color: #fff;
  height: 48px;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background .3s ease,opacity .3s ease;
  width: 48px;
  z-index: 1
}

.home-bonuses-slider.slick-slider .slick-prev {
  left: 12px
}

.home-bonuses-slider.slick-slider .slick-next {
  right: 12px
}

.home-bonuses-slider.slick-slider.slick-dotted {
  margin-bottom: 30px
}

.home-bonuses-slider.slick-slider .slick-dots {
  align-items: center;
  bottom: 22px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.home-bonuses-slider.slick-slider .slick-dots li {
  cursor: pointer;
  display: inline-block;
  margin: 0 6px;
  padding: 0;
  position: relative
}

.home-bonuses-slider.slick-slider .slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 4px;
  line-height: 0px;
  outline: none;
  padding: 0;
  position: relative;
  width: 28px
}

.home-bonuses-slider.slick-slider .slick-dots li button:hover {
  outline: none
}

.home-bonuses-slider.slick-slider .slick-dots li button:hover:before {
  background: #fff
}

.home-bonuses-slider.slick-slider .slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: hsla(0,0%,100%,.65);
  border-radius: 17px;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: background .3s ease;
  width: 100%
}

.home-bonuses-slider.slick-slider .slick-dots li.slick-active button:before {
  background: #0bdede
}

.home-bonuses {
  height: 320px;
  margin-left: -16px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 32px)
}

@media(min-width: 768px) {
  .home-bonuses {
      border-radius:20px;
      height: 360px;
      margin-left: 0;
      width: 100%
  }
}

@media(min-width: 1200px) {
  .home-bonuses {
      height:420px
  }
}

@media(min-width: 1440px) {
  .home-bonuses {
      height:500px
  }
}

.home-bonuses__wrapper {
  background-color: rgb(0 78 86);
  height: 320px
}

@media(min-width: 768px) {
  .home-bonuses__wrapper {
      border-radius:20px;
      height: 360px
  }
}

@media(min-width: 1200px) {
  .home-bonuses__wrapper {
      height:420px
  }
}

@media(min-width: 1440px) {
  .home-bonuses__wrapper {
      height:500px
  }
}

.home-bonuses__item {
  display: flex;
  height: 100%;
  position: relative;
  width: 100%
}

.home-bonuses__background {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: -1
}

@media(max-width: 480px) {
  .home-bonuses__background--desktop {
      display:none
  }
}

.home-bonuses__background--mobile {
  display: none
}

@media(max-width: 480px) {
  .home-bonuses__background--mobile {
      display:block
  }
}

.home-bonuses__background--single .home-bonuses__background-image {
  animation: unset!important
}

.home-bonuses__background-image {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

@media(min-width: 768px) {
  .home-bonuses__background-image {
      border-radius:20px
  }
}

.home-bonuses__background-image--first {
  animation: background-first 12s linear infinite alternate;
  z-index: 1
}

.home-bonuses__background-image--second {
  animation: background-second 12s linear infinite alternate;
  z-index: 2
}

.home-bonuses__content {
  height: 100%;
  max-width: 343px;
  padding: 40px 16px;
  position: relative;
  width: 100%;
  z-index: 3
}

.home-bonuses__content>* {
  display: block
}

.home-bonuses__content>:first-child {
  margin-top: 0!important
}

@media(min-width: 768px) {
  .home-bonuses__content {
      max-width:414px;
      padding: 40px 32px
  }
}

@media(min-width: 1200px) {
  .home-bonuses__content {
      max-width:600px;
      padding: 56px
  }
}

@media(min-width: 1440px) {
  .home-bonuses__content {
      max-width:728px;
      padding: 62px 72px
  }
}

.home-bonuses__top-image {
  margin: 0 0 16px;
  max-width: 100px
}

.home-bonuses__pretitle {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

@media(min-width: 768px) {
  .home-bonuses__pretitle {
      font-size:20px;
      line-height: 30px
  }
}

@media(min-width: 1440px) {
  .home-bonuses__pretitle {
      font-size:24px;
      line-height: 32px
  }
}

.home-bonuses__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 12px 0 0
}

@media(min-width: 768px) {
  .home-bonuses__title {
      font-size:32px;
      line-height: 40px;
      margin: 16px 0 0
  }
}

@media(min-width: 1200px) {
  .home-bonuses__title {
      font-size:42px;
      line-height: 52px
  }
}

@media(min-width: 1440px) {
  .home-bonuses__title {
      font-size:54px;
      font-weight: 800;
      line-height: 64px;
      margin: 24px 0 0
  }
}

.home-bonuses__subtitle {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px
}

@media(min-width: 768px) {
  .home-bonuses__subtitle {
      font-size:16px;
      line-height: 24px
  }
}

@media(min-width: 1440px) {
  .home-bonuses__subtitle {
      font-size:20px;
      line-height: 30px;
      margin-top: 16px
  }
}

.home-bonuses .home-bonuses__button {
  display: inline-flex;
  margin-top: 24px;
  padding: 12px 20px
}

@media(min-width: 768px) {
  .home-bonuses .home-bonuses__button {
      margin-top:32px
  }
}

@media(min-width: 1440px) {
  .home-bonuses .home-bonuses__button {
      margin-top:40px
  }
}

@keyframes background-first {
  0% {
      transform: translate(-50%,-50%)
  }

  to {
      transform: translate(calc(-50% - 20px),-50%)
  }
}

@keyframes background-second {
  0% {
      transform: translate(-50%,-50%)
  }

  to {
      transform: translate(calc(-50% + 20px),-50%)
  }
}

.home-game-slider {
  margin-bottom: 24px
}

@media(min-width: 768px) {
  .home-game-slider {
      margin-bottom:32px
  }
}

.base-slider__horiz-scroll .home-game-slider__item {
  aspect-ratio: 1;
  width: calc(50vw - 20px)
}

@media(min-width: 480px) {
  .base-slider__horiz-scroll .home-game-slider__item {
      width:calc(33.33333vw - 16px)
  }
}

@media(min-width: 768px) {
  .base-slider__horiz-scroll .home-game-slider__item {
      width:calc(25vw - 20px)
  }
}

@media(min-width: 960px) {
  .base-slider__horiz-scroll .home-game-slider__item {
      width:calc(20vw - 18px);
      max-width:200px;
  }
}

@media(min-width: 1200px) {
  .base-slider__horiz-scroll .home-game-slider__item {
      width:unset;
      max-width:200px;
  }
}

.base-slider {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-areas: "header header controls" "slider slider slider";
  grid-template-columns: 1fr 1fr 88px;
  row-gap: 12px
}

@media(min-width: 768px) {
  .base-slider {
      row-gap:20px
  }
}

.base-slider--with-see-more {
  -moz-column-gap: 12px;
  column-gap: 12px;
  grid-template-areas: "header header see-more" "slider slider slider";
  grid-template-columns: 1fr 1fr minmax(86px,min-content);
  row-gap: 12px
}

@media(min-width: 768px) {
  .base-slider--with-see-more {
      row-gap:20px
  }
}

@media(min-width: 1200px) {
  .base-slider--with-see-more {
      grid-template-areas:"header see-more controls" "slider slider slider";
      grid-template-columns: 1fr minmax(86px,min-content) 88px
  }
}

.base-slider__header {
  align-items: center;
  display: flex;
  gap: 16px;
  grid-area: header
}

@media(min-width: 768px) {
  .base-slider__header {
      gap:24px
  }
}

.base-slider__controls {
  display: none;
  grid-area: controls
}

@media(min-width: 1200px) {
  .base-slider__controls {
      display:flex
  }
}

.base-slider__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0
}

.base-slider__title:first-letter {
  text-transform: uppercase
}

@media(min-width: 480px) {
  .base-slider__title {
      font-size:20px;
      line-height: 30px
  }
}

@media(min-width: 768px) {
  .base-slider__title {
      font-size:24px;
      line-height: 32px
  }
}

.base-slider .base-slider__button--see-more {
  grid-area: see-more
}

.base-slider .base-slider__button--next,.base-slider .base-slider__button--prev {
  border-radius: 50%;
  height: 40px;
  min-width: unset;
  width: 40px
}

.base-slider__arrows {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex
}

.base-slider__slider.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  display: block;
  grid-area: slider;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.base-slider__slider.slick-slider .slick-list {
  display: block;
  margin: 0 -4px;
  padding: 0;
  position: relative
}

.base-slider__slider.slick-slider .slick-list:focus {
  outline: none
}

.base-slider__slider.slick-slider .slick-list.dragging {
  cursor: hand
}

@media(min-width: 1200px) {
  .base-slider__slider.slick-slider .slick-list {
      overflow:hidden
  }
}

.base-slider__slider.slick-slider .slick-list,.base-slider__slider.slick-slider .slick-track {
  transform: translateZ(0)
}

.base-slider__slider.slick-slider .slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0
}

.base-slider__slider.slick-slider .slick-track:after,.base-slider__slider.slick-slider .slick-track:before {
  content: "";
  display: table
}

.base-slider__slider.slick-slider .slick-track:after {
  clear: both
}

.slick-loading .base-slider__slider.slick-slider .slick-track {
  visibility: hidden
}

.base-slider__slider.slick-slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  padding: 0 4px
}

@media(min-width: 480px) {
  .base-slider__slider.slick-slider .slick-slide {
      padding:0/2
  }
}

@media(min-width: 768px) {
  .base-slider__slider.slick-slider .slick-slide {
      padding:0 6px
  }
}

@media(min-width: 960px) {
  .base-slider__slider.slick-slider .slick-slide {
      padding:0/2
  }
}

@media(min-width: 1200px) {
  .base-slider__slider.slick-slider .slick-slide {
      padding:0 8px
  }
}

@media(min-width: 1440px) {
  .base-slider__slider.slick-slider .slick-slide {
      padding:0/2
  }
}

@media(min-width: 1680px) {
  .base-slider__slider.slick-slider .slick-slide {
      padding:0/2
  }
}

.base-slider__slider.slick-slider .slick-slide>div {
  display: flex
}

.base-slider__slider.slick-slider .slick-slide>div+div {
  margin-top: 16px
}

[dir=rtl] .base-slider__slider.slick-slider .slick-slide {
  float: right
}

.base-slider__slider.slick-slider .slick-slide img:not(.image--hidden) {
  display: block
}

.base-slider__slider.slick-slider .slick-slide.slick-loading img {
  display: none
}

.base-slider__slider.slick-slider .slick-slide.dragging img {
  pointer-events: none
}

.base-slider__slider.slick-slider.slick-initialized .slick-slide {
  display: block
}

.body--ar .base-slider__slider.slick-slider.slick-initialized .slick-slide {
  float: right
}

.base-slider__slider.slick-slider.slick-loading .slick-slide {
  visibility: hidden
}

.base-slider__slider.slick-slider.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.base-slider__slider.slick-slider .slick-arrow.slick-hidden {
  display: none
}

.base-slider__horiz-scroll {
  -ms-overflow-style: none;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: max-content;
  margin-inline-start:-16px;overflow: auto;
  padding-inline-end:16px;padding-inline-start:16px;row-gap: 8px;
  scrollbar-width: none;
  width: calc(100% + 32px)
}

.base-slider__horiz-scroll::-webkit-scrollbar {
  display: none
}

@media(min-width: 768px) {
  .base-slider__horiz-scroll {
      -moz-column-gap:12px;
      column-gap: 12px;
      margin-inline-start:-24px;padding-inline-end:24px;padding-inline-start:24px;row-gap: 12px;
      width: calc(100% + 48px)
  }
}

.base-slider__scroll-wrapper {
  grid-area: slider
}

/*@media(min-width: 1200px) {
  .base-slider__scroll-wrapper {
      display:none
  }
}*/

.base-slider--related .base-slider__slider.slick-slider .slick-list {
  margin: 0 -7px 0 -8px
}

.base-slider--related .base-slider__scroll-wrapper,.base-slider--related .base-slider__slider {
  background: rgb(0 78 86);
  border-radius: 20px;
  grid-area: slider;
  margin: 0;
  overflow: hidden;
  padding: 24px;
  position: relative;
  width: 100%
}

@media(min-width: 1200px) {
  .base-slider--related .base-slider__scroll-wrapper,.base-slider--related .base-slider__slider {
      padding:32px
  }
}

.base-slider--related .base-slider__scroll-wrapper:after,.base-slider--related .base-slider__slider:after {
  background: linear-gradient(270deg,rgb(0 78 86),rgba(38,59,87,0));
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

.base-slider--related .base-slider__horiz-scroll {
  gap: 12px;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  width: calc(100% + 48px)
}

.slider-loader {
  aspect-ratio: 1;
  background: rgb(0 78 86);
  border-radius: 8px;
  height: auto;
  overflow-x: hidden;
  position: relative;
  width: 100%
}

.slider-loader:before {
  animation: flareAnimation 1.5s linear .5s infinite;
  background: linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));
  content: "";
  height: 100%;
  left: -150%;
  opacity: .1;
  position: absolute;
  top: 0;
  transform: skewX(-45deg);
  width: 20%
}

@keyframes flareAnimation {
  0% {
      left: -150%
  }

  to {
      left: 150%
  }
}

.home-promotions {
  margin-bottom: 24px
}

@media(min-width: 768px) {
  .home-promotions {
      margin-bottom:32px
  }
}

.home-promotions__item {
  border-radius: 12px;
  height: 294px;
  overflow: hidden
}

@media(min-width: 480px) {
  .home-promotions__item {
      height:264px
  }
}

@media(min-width: 768px) {
  .home-promotions__item {
      height:294px
  }
}

@media(min-width: 1200px) {
  .home-promotions__item {
      height:312px
  }
}

.home-promotions__tab,.home-promotions__tab:active,.home-promotions__tab:focus,.home-promotions__tab:hover {
  color: #fff
}

.home-promotions__tab:not(.home-promotions__tab--active) {
  color: hsla(0,0%,100%,.45)
}

.promotions-card {
  height: 100%;
  position: relative;
  width: 100%
}

.promotions-card__background {
  height: 100%;
  left: 50%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.body--ar .promotions-card__background {
  transform: translate(-50%,-50%) scaleX(-1)
}

.promotions-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 24px 16px;
  position: relative;
  width: 100%
}

@media(min-width: 1200px) {
  .promotions-card__content {
      padding:32px 24px 24px 32px
  }
}

.promotions-card__content--bottom {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 20px
}

@media(min-width: 480px) {
  .promotions-card__content--bottom {
      align-items:center;
      flex-direction: row;
      justify-content: space-between
  }
}

@media(min-width: 768px) {
  .promotions-card__content--bottom {
      align-items:unset;
      flex-direction: column-reverse;
      justify-content: unset
  }
}

@media(min-width: 1200px) {
  .promotions-card__content--bottom {
      align-items:center;
      flex-direction: row;
      justify-content: space-between
  }
}

.promotions-card__title {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase
}

.promotions-card__description {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  margin: 0 0 24px
}

.promotions-card__text {
  color: #fff;
  display: block;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 16px 0 12px;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .promotions-card__text {
      font-size:26px;
      line-height: 32px;
      margin: 20px 0 12px
  }
}

.promotions-card__code--short {
  display: none
}

@media(min-width: 480px) {
  .promotions-card__code--short {
      display:flex
  }
}

@media(min-width: 768px) {
  .promotions-card__code--short {
      display:none
  }
}

@media(min-width: 1200px) {
  .promotions-card__code--short {
      display:flex
  }
}

.promotions-card__code--long {
  display: flex
}

@media(min-width: 480px) {
  .promotions-card__code--long {
      display:none
  }
}

@media(min-width: 768px) {
  .promotions-card__code--long {
      display:flex
  }
}

@media(min-width: 1200px) {
  .promotions-card__code--long {
      display:none
  }
}

.promotions-card__buttons {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  width: 100%
}

.promotions-card .promotions-card__deposit-button {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px
}

.promotions-card__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .promotions-card__modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px;
      width: calc(100% - 20px)
  }
}

.promotions-card__modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden
}

@media(min-width: 768px) {
  .promotions-card__modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

.promotions-card__new-label {
  background: linear-gradient(96.09deg,#3cdb77 1.01%,#86f3ae 27.74%,#6bffa2 79.71%,#38bf6a);
  border-radius: 8px;
  margin-inline-start:auto;padding: 4px
}

.promotions-card__new-label-caption {
  border: 1.5px solid #001b33;
  border-radius: 6px;
  color: #181a1f;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  padding: 6.5px 12.5px;
  text-transform: uppercase
}

.promotions-card-custom {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 16px 16px 32px;
  position: relative;
  width: 100%
}

@media(min-width: 1200px) {
  .promotions-card-custom {
      padding:24px 24px 40px
  }
}

.promotions-card-custom__background {
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}

.promotions-card-custom__content {
  text-align: center
}

.promotions-card-custom .promotions-card-custom__modal-button {
  position: absolute;
  right: 16px;
  top: 16px
}

.promotions-card-custom__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .promotions-card-custom__modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px;
      width: calc(100% - 20px)
  }
}

.promotions-card-custom__modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden
}

@media(min-width: 768px) {
  .promotions-card-custom__modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

.jackpot-promotions-card__logo {
  margin-bottom: 12px;
  width: 140px
}

@media(min-width: 1200px) {
  .jackpot-promotions-card__logo {
      margin-bottom:3px;
      width: 180px
  }
}

.jackpot-promotions-card__text {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin: 0 0 8px;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .jackpot-promotions-card__text {
      font-size:14px;
      font-weight: 700;
      line-height: 20px
  }
}

.jackpot-promotions-card__value {
  color: #0bdede;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-align: center
}

.jackpot-promotions-card__value span {
  font-family: Roboto,Arial,sans-serif!important
}

.jackpot-promotions-card__value .od-total-wrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.jackpot-promotions-card__value .od-total-wrapper>span {
  font-family: Roboto,Arial,sans-serif!important
}

@media(min-width: 1200px) {
  .jackpot-promotions-card__value {
      font-size:32px;
      line-height: 40px
  }
}

.exclusive-promotions-card__logo {
  margin: 0 0 12px;
  width: 120px
}

@media(min-width: 1200px) {
  .exclusive-promotions-card__logo {
      width:140px
  }
}

.exclusive-promotions-card__text {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  max-width: 280px
}

@media(min-width: 1200px) {
  .exclusive-promotions-card__text {
      font-size:24px;
      line-height: 32px;
      max-width: 380px
  }
}

.exclusive-promotions-card__text--accent {
  color: #0bdede
}

.home-providers {
  display: block;
  width: 100%
}

.home-providers__list {
  margin: 30px 0 0
}

@media(min-width: 768px) {
  .home-providers__list {
      margin-top:36px
  }
}

.providers-preview-list {
  margin-bottom: 24px;
  position: relative
}

@media(min-width: 768px) {
  .providers-preview-list {
      margin-bottom:32px
  }
}

.providers-preview-list__link {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 8px;
  display: flex;
  height: 112px;
  justify-content: center;
  transition: background .3s ease;
  width: 100%
}

.providers-preview-list__link:hover {
  background: #384c6b
}

.providers-preview-list__logo {
  margin: 0 16px;
  max-height: 72px;
  max-width: 144px
}

.providers-preview-list__loader {
  aspect-ratio: unset;
  min-height: 112px
}

.providers-preview-list__button {
  position: absolute;
  right: 100px;
  top: 0
}

.base-slider__horiz-scroll .providers-preview-list__item {
  width: calc(50vw - 20px)
}

@media(min-width: 480px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
      width:calc(33.33333vw - 16px)
  }
}

@media(min-width: 768px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
      width:calc(25vw - 20px)
  }
}

@media(min-width: 960px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
      width:calc(20vw - 18px)
  }
}

@media(min-width: 1200px) {
  .base-slider__horiz-scroll .providers-preview-list__item {
      width:unset
  }
}

.home-sportsbook-widget {
  margin-bottom: 32px;
  margin-top: 48px;
  overflow: hidden;
  padding: 32px 0;
  position: relative;
  width: 100%
}

@media(min-width: 480px) {
  .home-sportsbook-widget {
      padding:40px 0
  }
}

@media(min-width: 768px) {
  .home-sportsbook-widget {
      margin-bottom:40px;
      margin-top: 56px
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget {
      margin-bottom:52px;
      min-height: 372px;
      padding: 48px 0 72px
  }
}

.home-sportsbook-widget .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}

@media(min-width: 1200px) {
  .home-sportsbook-widget .container {
      flex-direction:row
  }
}

.home-sportsbook-widget__background {
  background-position: 25% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media(min-width: 768px) {
  .home-sportsbook-widget__background {
      background-position-x:50%
  }
}

.home-sportsbook-widget__gradient {
  position: absolute
}

.home-sportsbook-widget__gradient--yellow {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,160,18,.12) 0,rgba(255,107,0,0) 100%);
  bottom: 57.86%;
  height: 422px;
  left: 55.73%;
  right: -85.33%;
  top: -50%;
  width: 486px
}

@media(min-width: 768px) {
  .home-sportsbook-widget__gradient--yellow {
      bottom:56.33%;
      left: 27.21%;
      right: 9.51%;
      top: -51.81%
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__gradient--yellow {
      bottom:62.84%;
      left: 30.08%;
      right: 29.42%;
      top: unset
  }
}

.home-sportsbook-widget__gradient--yellow-big {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,113,10,.12) 0,rgba(180,0,75,0) 100%);
  bottom: 9.05%;
  height: 920px;
  left: -1.04%;
  right: -119.38%;
  top: -117.19%;
  width: 1058px
}

@media(min-width: 768px) {
  .home-sportsbook-widget__gradient--yellow-big {
      bottom:9.05%;
      left: -.65%;
      right: -37.11%;
      top: -117.19%
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__gradient--yellow-big {
      bottom:59.09%;
      left: 7.58%;
      right: 4.25%;
      top: unset
  }
}

.home-sportsbook-widget__gradient--green {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(0,60,130,0) 100%);
  bottom: -63.32%;
  height: 804px;
  left: -129.87%;
  opacity: .8;
  right: -8.8%;
  top: -12.23%;
  width: 895px
}

@media(min-width: 768px) {
  .home-sportsbook-widget__gradient--green {
      bottom:-69.23%;
      left: -63.41%;
      right: 46.88%;
      top: -12.67%
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__gradient--green {
      bottom:unset;
      height: 920px;
      left: -20%;
      right: unset;
      top: -10%;
      width: 1023px
  }
}

.home-sportsbook-widget__gradient--green-right {
  display: none
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__gradient--green-right {
      background:radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(0,60,130,0) 100%);
      bottom: 50.39%;
      display: block;
      height: 920px;
      left: 64.67%;
      opacity: .8;
      right: -52.5%;
      top: 33.11%;
      width: 1054px
  }
}

.home-sportsbook-widget__sport {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg,hsla(0,0%,100%,.19) -20%,hsla(0,0%,100%,0) 81%);
  -webkit-background-clip: text;
  background-clip: text;
  display: none;
  font-family: Open Sans,sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
  opacity: .3;
  position: absolute
}

@media(min-width: 768px) {
  .home-sportsbook-widget__sport {
      display:block;
      right: -10%
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__sport {
      display:block;
      left: 40%;
      right: unset;
      top: -16px
  }
}

.home-sportsbook-widget__content {
  position: relative
}

.home-sportsbook-widget__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 auto 32px;
  max-width: 447px;
  text-align: center
}

@media(min-width: 480px) {
  .home-sportsbook-widget__title {
      margin:0 auto 32px
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 40px;
      text-align: left
  }
}

.home-sportsbook-widget__button {
  padding: 12px 20px
}

.home-sportsbook-widget__button--desktop {
  display: none
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__button--desktop {
      display:inline-block
  }
}

.home-sportsbook-widget__button--mobile {
  margin-top: 32px
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__button--mobile {
      display:none
  }
}

.home-sportsbook-widget__slider {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  row-gap: 24px;
  width: 100%
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__slider {
      width:656px
  }
}

@media(min-width: 1440px) {
  .home-sportsbook-widget__slider {
      width:911px
  }
}

@media(min-width: 1680px) {
  .home-sportsbook-widget__slider {
      width:1070px
  }
}

.home-sportsbook-widget__card {
  max-width: 288px;
  min-width: 288px
}

@media(min-width: 375px) {
  .home-sportsbook-widget__card {
      max-width:343px;
      min-width: 343px
  }
}

@media(min-width: 768px) {
  .home-sportsbook-widget__card {
      max-width:356px;
      min-width: 356px
  }
}

@media(min-width: 1200px) {
  .home-sportsbook-widget__card {
      max-width:320px;
      min-width: 320px
  }
}

@media(min-width: 1440px) {
  .home-sportsbook-widget__card {
      max-width:293px;
      min-width: 293px
  }
}

@media(min-width: 1680px) {
  .home-sportsbook-widget__card {
      max-width:346px;
      min-width: 346px
  }
}

.home-sportsbook-widget-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0,0%,100%,.04);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  row-gap: 12px;
  width: 100%
}

.home-sportsbook-widget-card__header {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 16px
}

.home-sportsbook-widget-card__event {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  overflow: hidden
}

.home-sportsbook-widget-card__event span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home-sportsbook-widget-card__date {
  white-space: nowrap
}

.home-sportsbook-widget-card__teams {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 42px 1fr;
  justify-content: space-around
}

.home-sportsbook-widget-card__team {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  row-gap: 8px
}

.home-sportsbook-widget-card__name {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.home-sportsbook-widget-card__name,.home-sportsbook-widget-card__vs {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  text-align: center
}

.home-sportsbook-widget-card__vs {
  color: hsla(0,0%,100%,.4);
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-top: -26px
}

.home-sportsbook-widget-card__bets {
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex
}

.home-sportsbook-widget-card__bet {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0,0%,100%,.06);
  border-radius: 4px;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 16px;
  padding: 12px;
  text-transform: uppercase;
  transition: background .3s ease;
  width: 100%
}

.home-sportsbook-widget-card__bet:hover {
  background: hsla(0,0%,100%,.12)
}

.home-sportsbook-widget-card__coefficient {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .16px;
  line-height: 20px
}

.home-sportsbook-widget-card__image,.home-sportsbook-widget-card__image-wrapper {
  height: 58px
}

.home-winners__tabs {
  -ms-overflow-style: none;
  display: flex;
  min-width: 314px;
  overflow-x: scroll;
  scrollbar-width: none
}

.home-winners__tabs::-webkit-scrollbar {
  display: none
}

.home-winners__tab {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-right: 16px;
  white-space: nowrap
}

.home-winners__tab:last-child {
  margin-right: 0
}

@media(min-width: 480px) {
  .home-winners__tab {
      font-size:20px;
      line-height: 30px
  }
}

@media(min-width: 768px) {
  .home-winners__tab {
      font-size:24px;
      line-height: 32px;
      margin-right: 24px
  }
}

.home-winners__tab--active {
  color: #fff
}

.winners__item {
  min-width: 272px
}

.winner {
  background: rgb(0 78 86);
  border-radius: 8px;
  display: flex;
  height: 96px;
  position: relative
}

.winner__info {
  overflow: hidden;
  padding: 14px 16px;
  text-align: left;
  white-space: nowrap
}

.winner__game,.winner__sum,.winner__username {
  font-family: Open Sans,sans-serif;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.winner__username {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  line-height: 16px
}

.winner__sum,.winner__username {
  font-style: normal;
  font-weight: 700;
  margin-bottom: 2px
}

.winner__sum {
  color: #fff;
  font-size: 20px;
  line-height: 30px
}

.winner__game {
  color: hsla(0,0%,100%,.4);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: color .3s ease
}

.winner__game:hover {
  color: #fff
}

.winner .winner__image {
  border-radius: 8px;
  height: 96px;
  width: 96px
}

.winner__image-top {
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px
}

.initial-setting {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px
}

.initial-setting__line {
  align-items: center;
  display: flex
}

.initial-setting__line>:not(:last-child) {
  margin-right: 50px
}

.initial-setting__value span {
  color: #0bdede;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase
}

.initial-setting__swicher {
  display: flex;
  flex-direction: column
}

.initial-setting__swicher>:not(:last-child) {
  margin-bottom: 10px
}

.initial-setting-button {
  bottom: 120px;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 1030
}

@media(min-width: 768px) {
  .initial-setting-button {
      bottom:80px;
      display: block
  }
}

@media(min-width: 1200px) {
  .initial-setting-button {
      right:40px
  }
}

.initial-setting-button .link-btn {
  background: transparent none!important;
  height: 40px;
  min-height: auto;
  min-width: auto;
  padding: 0;
  width: 40px
}

.initial-setting-button .link-btn img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.initial-setting-button .link-btn:hover {
  animation: rotate 2s
}

.install-app-hero-button {
  align-items: center;
  background: #0bdede;
  border-radius: 10px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 8px 24px;
  text-decoration: none
}

.install-app-hero-button__image {
  height: 32px;
  width: 32px
}

.install-app-hero-button__text-top {
  color: rgb(0 78 86);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap
}

.install-app-hero-button__text-platform,.install-app-hero-button__text-top {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 0
}

.install-app-hero-button__text-platform {
  color: #001b33;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase
}

.jackpot-banner {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: normal;
  min-height: 380px;
  overflow: hidden;
  position: relative;
  text-align: center
}

@media(min-width: 768px) {
  .jackpot-banner {
      font-size:20px
  }
}

.jackpot-banner__img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.jackpot-banner__content {
  padding: 20px 0;
  position: relative
}

.jackpot-banner__title {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 5px
}

@media(min-width: 768px) {
  .jackpot-banner__title {
      font-size:64px
  }
}

.jackpot-banner__total-label {
  margin-bottom: 5px
}

.jackpot-banner__total-value {
  color: #0bdede;
  font-size: 30px;
  font-weight: 800
}

@media(min-width: 768px) {
  .jackpot-banner__total-value {
      font-size:48px
  }
}

.jackpot-game-panel {
  background: rgba(0,27,51,.65);
  border-radius: 0 0 16px 16px;
  display: inline-flex;
  min-height: 72px;
  padding: 14px 36px 14px 20px;
  position: relative
}

.jackpot-game-panel__inner {
  display: flex;
  justify-content: center
}

.jackpot-game-panel .jackpot-game-panel__toggle-btn {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #384c6b;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  transition: background .3s ease;
  width: 32px
}

.jackpot-game-panel .jackpot-game-panel__toggle-btn:focus,.jackpot-game-panel .jackpot-game-panel__toggle-btn:hover {
  background: #445778
}

.jackpot-game-panel__toggle-caret {
  transition: color .3s ease,transform .3s ease
}

.jackpot-game-panel__toggle-caret--open {
  color: #fff;
  transform: scaleY(-1)
}

.jackpot-game-panel__dropdown {
  background: #384c6b;
  border-radius: 16px;
  box-shadow: 0 6px 12px rgba(0,0,0,.2);
  left: 50%;
  padding: 24px;
  position: absolute;
  top: calc(100% + 6px);
  transform: translate(-50%) scale(0);
  transform-origin: top;
  transition: transform .3s ease;
  width: 720px;
  z-index: 1
}

.jackpot-game-panel__dropdown--open {
  transform: translate(-50%) scale(1)
}

.game-jackpots {
  align-items: center;
  display: flex;
  gap: 22px
}

@media(min-width: 1200px) {
  .game-jackpots {
      gap:32px
  }
}

.game-jackpots__inner {
  align-items: center;
  display: flex;
  gap: 22px;
  justify-content: flex-start;
  pointer-events: none
}

@media(min-width: 1200px) {
  .game-jackpots__inner {
      gap:32px
  }
}

.game-jackpots__inner--primary {
  animation: infinite-scroll 25s linear infinite
}

@media(min-width: 768px) {
  .game-jackpots__inner--primary {
      animation:unset
  }
}

.game-jackpots__inner--clone {
  animation: infinite-scroll 25s linear infinite
}

@media(min-width: 768px) {
  .game-jackpots__inner--clone {
      display:none
  }
}

.game-jackpots__section {
  display: flex;
  gap: 22px
}

@media(min-width: 1200px) {
  .game-jackpots__section {
      gap:32px
  }
}

.game-jackpots:not(:first-child) {
  display: none
}

@keyframes infinite-scroll {
  0% {
      transform: translate(4%)
  }

  to {
      transform: translate(-104%)
  }
}

.jackpot-list {
  display: inline-flex;
  gap: 22px;
  margin: 0;
  width: 100%
}

@media(min-width: 1200px) {
  .jackpot-list {
      gap:32px
  }
}

.jackpot-list__item {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0!important
}

.jackpot-list__icon {
  align-items: center;
  display: flex;
  flex: 0 0 23px;
  height: 23px;
  justify-content: center;
  width: 23px
}

@media(min-width: 1200px) {
  .jackpot-list__icon {
      flex:0 0 40px;
      height: 40px;
      width: 40px
  }
}

.jackpot-list__image {
  max-width: 100%
}

.jackpot-list__content {
  flex: 1
}

.jackpot-list__level {
  color: hsla(0,0%,100%,.65);
  display: none;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 14px;
  margin: 0;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .jackpot-list__level {
      display:block
  }
}

.jackpot-list__pool {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap
}

@media(min-width: 1200px) {
  .jackpot-list__pool {
      font-size:20px;
      font-weight: 700;
      line-height: 30px
  }
}

.jackpot-list__pool .odometer.odometer-auto-theme,.jackpot-list__pool .odometer.odometer-theme-default {
  margin-top: -2px
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar,.jackpot-wins-list::-webkit-scrollbar {
  height: 0;
  width: 0
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar-track,.jackpot-wins-list::-webkit-scrollbar-track {
  background: transparent
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar-thumb,.jackpot-wins-list::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.jackpot-game-panel-info__levels-list::-webkit-scrollbar-thumb:hover,.jackpot-wins-list::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .jackpot-game-panel-info__levels-list,.jackpot-wins-list {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.jackpot-game-panel-info__levels-list:hover::-webkit-scrollbar-thumb,.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.jackpot-game-panel-info__levels-list,.jackpot-wins-list {
  display: flex;
  gap: 12px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0
}

.jackpot-game-panel-info a {
  color: #00dccd;
  transition: color .3s ease
}

.jackpot-game-panel-info a:focus,.jackpot-game-panel-info a:hover {
  color: #1df0e2
}

.jackpot-game-panel-info__title {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin: 0 0 16px;
  text-transform: uppercase
}

.jackpot-game-panel-info__tabs {
  display: none;
  gap: 8px;
  margin: 0 0 24px
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab {
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  opacity: .5;
  padding: 10px 16px;
  text-transform: uppercase;
  transition: opacity .3s ease
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--md {
  background: linear-gradient(268.9deg,rgba(72,26,255,.08),rgba(127,26,255,.38))!important
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--hh {
  background: linear-gradient(268.9deg,rgba(255,26,246,.08),rgba(58,255,26,.3))!important
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--active,.jackpot-game-panel-info .jackpot-game-panel-info__tab:focus,.jackpot-game-panel-info .jackpot-game-panel-info__tab:hover {
  color: #fff;
  opacity: 1
}

.jackpot-game-panel-info__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px
}

.jackpot-game-panel-info__text span {
  color: #fff
}

.jackpot-game-panel-info__text:last-child {
  margin: 0
}

.jackpot-game-panel-info__levels {
  margin: 0 0 16px;
  position: relative
}

.jackpot-game-panel-info__levels:after {
  background: linear-gradient(270deg,#384c6b,rgba(34,34,43,0));
  content: "";
  height: 56px;
  inset-block-end: 0;
  inset-inline-end: 0;
  position: absolute;
  width: 56px
}

.jackpot-game-panel-info__levels-list {
  display: flex;
  flex-direction: row;
  gap: 32px;
  overflow: auto;
  position: relative
}

.jackpot-game-panel-info__content {
  margin-bottom: 24px;
  overflow: hidden
}

@media(min-width: 1200px) {
  .jackpot-game-panel-info__content {
      margin-bottom:0
  }
}

.jackpot-game-panel-info__section-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 16px
}

@media(min-width: 1200px) {
  .jackpot-game-panel-info__section-title--wins {
      font-size:16px;
      line-height: 24px
  }
}

.jackpot-game-panel-info__divider {
  background: hsla(0,0%,100%,.12);
  border: none;
  border-radius: 8px;
  display: block;
  height: 1px;
  margin: 24px 0;
  width: 100%
}

.jackpot-game-panel-info__winners {
  min-height: 60px;
  position: relative
}

.jackpot-game-panel-info__winners:after {
  background: linear-gradient(270deg,#384c6b,rgba(34,34,43,0));
  bottom: 0;
  content: "";
  height: calc(100% - 24px);
  position: absolute;
  right: 0;
  width: 56px
}

.jackpot-game-panel-info .jackpot-game-panel-info__winners-list {
  gap: 32px
}

.jackpot-game-panel-info .c-jp-level {
  align-items: center;
  display: flex;
  gap: 16px
}

.jackpot-game-panel-info .c-jp-level__level-icon {
  align-items: center;
  display: flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  width: 48px
}

.jackpot-game-panel-info .c-jp-level__level-icon img {
  height: 48px;
  width: 48px
}

.jackpot-game-panel-info .c-jp-level__level-content {
  text-wrap: nowrap
}

.jackpot-game-panel-info .c-jp-level__content {
  flex: 1
}

.jackpot-game-panel-info .c-jp-level__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 4px
}

.jackpot-game-panel-info .c-jp-level__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.jackpot-winners-inline::-webkit-scrollbar,.jackpot-wins-list::-webkit-scrollbar {
  height: 0;
  width: 0
}

.jackpot-winners-inline::-webkit-scrollbar-track,.jackpot-wins-list::-webkit-scrollbar-track {
  background: transparent
}

.jackpot-winners-inline::-webkit-scrollbar-thumb,.jackpot-wins-list::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.jackpot-winners-inline::-webkit-scrollbar-thumb:hover,.jackpot-wins-list::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .jackpot-winners-inline,.jackpot-wins-list {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.jackpot-winners-inline:hover::-webkit-scrollbar-thumb,.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.jackpot-winners-inline,.jackpot-wins-list {
  display: flex;
  gap: 12px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0
}

.jackpot-winners-inline {
  gap: 32px;
  margin-bottom: -10px;
  overflow: auto;
  padding-bottom: 10px;
  position: relative
}

.jackpot-winners-inline__item {
  flex: 1 1 25%;
  min-width: 100px
}

@media(min-width: 768px) {
  .jackpot-winners-inline__item {
      min-width:calc(16.66667% - 26.66667px)
  }
}

@media(min-width: 1440px) {
  .jackpot-winners-inline__item {
      flex:1 0 auto;
      min-width: 18%
  }
}

.jackpot-winner {
  display: flex;
  gap: 12px
}

@media(min-width: 1680px) {
  .jackpot-winner {
      align-items:center
  }
}

.jackpot-winner__icon {
  align-items: center;
  display: flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  width: 32px
}

@media(min-width: 1680px) {
  .jackpot-winner__icon {
      flex:0 0 56px;
      height: 56px;
      width: 56px
  }
}

.jackpot-winner__icon-image {
  max-width: 100%
}

@media(min-width: 1680px) {
  .jackpot-winner__icon-image {
      width:100%
  }
}

.jackpot-winner__content {
  flex: 1
}

.jackpot-winner__name {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 2px
}

@media(min-width: 1680px) {
  .jackpot-winner__name {
      margin:0
  }
}

.jackpot-winner__pool {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 6px;
  line-height: 24px;
  margin: 0
}

.jackpot-winner__pool .jackpot-winner__pool-image {
  width: 20px
}

.jackpot-winner__time {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar {
  height: 0;
  width: 0
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-track {
  background: transparent
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .jackpot-game-panel-mobile__dropdown {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.jackpot-game-panel-mobile__dropdown:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.jackpot-game-panel-mobile {
  background: #384c6b;
  display: flex;
  justify-content: center;
  min-height: 40px;
  padding: 6px;
  position: relative;
  width: 100%
}

.jackpot-game-panel-mobile__inner {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0
}

.jackpot-game-panel-mobile__inner:after {
  background: linear-gradient(90deg,transparent,#384c6b);
  content: "";
  height: 100%;
  position: absolute;
  right: 40px;
  top: 0;
  width: 40px;
  z-index: 2
}

.jackpot-game-panel-mobile__inner:before {
  background: linear-gradient(-90deg,transparent,#384c6b);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 2
}

.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn {
  align-items: center;
  background: #384c6b;
  border-radius: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background .3s ease;
  width: 40px
}

.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn:focus,.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn:hover {
  background: #445778
}

.jackpot-game-panel-mobile__toggle-caret {
  font-size: 6px;
  transition: color .3s ease,transform .3s ease
}

.jackpot-game-panel-mobile__toggle-caret--open {
  color: #fff;
  transform: scaleY(-1)
}

.jackpot-game-panel-mobile__dropdown {
  background: #384c6b;
  box-shadow: 0 6px 12px rgba(0,0,0,.2);
  left: 50%;
  max-height: calc(100dvh - 80px);
  overflow: auto;
  padding: 16px;
  position: absolute;
  top: 100%;
  transform: translate(-50%) scale(0);
  transform-origin: top;
  transition: transform .3s ease;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-game-panel-mobile__dropdown {
      padding:24px
  }
}

.jackpot-game-panel-mobile__dropdown--open {
  transform: translate(-50%) scale(1)
}

.jackpot-games {
  background: url(images/jackpot-games-bg.0fdcc95d..jpg) 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 88px 0
}

@media(max-width: 960px) {
  .jackpot-games {
      padding:80px 0
  }
}

@media(max-width: 768px) {
  .jackpot-games {
      padding:55px 0
  }
}

.jackpot-games__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 64px;
  text-align: center
}

@media(min-width: 768px) {
  .jackpot-games__title {
      font-size:26px;
      line-height: 32px
  }
}

@media(max-width: 1200px) {
  .jackpot-games__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 45px
  }
}

@media(max-width: 768px) {
  .jackpot-games__title {
      font-size:24px;
      line-height: 32px;
      margin: 0 0 40px
  }
}

.jackpot-games__link {
  margin-top: 56px
}

@media(max-width: 960px) {
  .jackpot-games__link {
      margin-top:45px
  }
}

@media(max-width: 768px) {
  .jackpot-games__link {
      margin-top:40px
  }
}

.jackpot-games__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.jackpot-games__slider {
  flex: 1 1 100%;
  max-width: 100%;
  position: relative
}

.jackpot-how-to {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  margin: 64px 0 80px;
  overflow: hidden;
  padding: 0 48px
}

@media(max-width: 960px) {
  .jackpot-how-to {
      flex-direction:column;
      gap: 0;
      margin: 0 0 80px;
      padding: 0 24px
  }
}

.jackpot-how-to__banner {
  flex: 0 1 auto;
  max-width: 930px;
  position: relative
}

.jackpot-how-to__banner-bg {
  max-width: 100%
}

@media(max-width: 768px) {
  .jackpot-how-to__banner-bg {
      margin-left:-25%;
      max-width: 150%
  }
}

.jackpot-how-to__banner-logo {
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 55%;
  transform: translate(-50%,-50%)
}

.jackpot-how-to__content {
  flex: 0 0 460px
}

@media(max-width: 960px) {
  .jackpot-how-to__content {
      flex:1;
      margin-top: -45px;
      text-align: center
  }
}

@media(max-width: 768px) {
  .jackpot-how-to__content {
      margin-top:0;
      text-align: center
  }
}

.jackpot-how-to__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 26px;
  margin: 0 0 48px
}

@media(max-width: 768px) {
  .jackpot-how-to__title {
      font-size:26px;
      line-height: 32px
  }
}

@media(min-width: 1200px) {
  .jackpot-how-to__title {
      font-size:32px;
      line-height: 40px
  }
}

.jackpot-how-to__list {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media(max-width: 960px)and (min-width:768px) {
  .jackpot-how-to__list {
      flex-direction:row
  }
}

.jackpot-how-to__list-item {
  width: 100%
}

.jackpot-how-to__link {
  margin-top: 56px
}

.jackpot-how-to .how-to-item {
  align-items: center;
  display: flex
}

@media(max-width: 960px)and (min-width:768px) {
  .jackpot-how-to .how-to-item {
      flex-direction:column
  }
}

.jackpot-how-to .how-to-item__icon {
  margin-right: 24px;
  width: 64px
}

@media(max-width: 960px)and (min-width:768px) {
  .jackpot-how-to .how-to-item__icon {
      margin:0 0 20px
  }
}

.jackpot-how-to .how-to-item__content {
  flex: 1
}

@media(max-width: 960px)and (min-width:768px) {
  .jackpot-how-to .how-to-item__content {
      text-align:center
  }
}

@media(max-width: 768px) {
  .jackpot-how-to .how-to-item__content {
      text-align:left
  }
}

.jackpot-how-to .how-to-item__title {
  color: #fff;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 8px
}

.jackpot-how-to .how-to-item__text {
  color: #999;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0
}

.jackpot-page {
  padding: 20px 0 50px
}

.jackpot-page .jackpot-page__banner {
  border-radius: 10px
}

.jackpot-page__prizes {
  margin: 20px 0 0
}

@media(min-width: 768px) {
  .jackpot-page__prizes {
      margin-top:80px
  }
}

.jackpot-page .jackpot-page__content {
  margin-top: 20px
}

@media(min-width: 768px) {
  .jackpot-page .jackpot-page__content {
      margin-top:55px
  }
}

.jackpot-page .list-with-img {
  margin: 50px auto 0
}

.jackpot-page .home-slider {
  margin: 40px 0 0
}

@media(min-width: 768px) {
  .jackpot-page .home-slider {
      margin-top:50px
  }
}

.jackpot-page .home-slider .home-slider__title {
  font-size: 16px
}

@media(min-width: 768px) {
  .jackpot-page .home-slider .home-slider__title {
      font-size:24px
  }
}

.jackpot-page .jackpot-steps {
  margin: 50px 0
}

.jackpot-prizes-block {
  display: block;
  width: 100%
}

.jackpot-prizes {
  grid-gap: 15px;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
  width: 100%
}

@media(min-width: 960px) {
  .jackpot-prizes {
      grid-template-columns:repeat(3,1fr)
  }
}

.jackpot-prizes__item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 43px 0 0;
  position: relative;
  width: 100%
}

.jackpot-prizes__content {
  background-color: #22242c;
  border-radius: 10px;
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding: 90px 30px 16px;
  width: 100%
}

.jackpot-prizes__image-block {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.jackpot-prizes__image {
  max-height: 123px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.jackpot-prizes__title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  text-overflow: ellipsis;
  text-transform: uppercase
}

.jackpot-prizes__pool {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 34px;
  font-weight: 700;
  justify-content: center;
  margin-top: 6px;
  padding: 0;
  white-space: nowrap;
  width: 100%
}

@media(min-width: 960px) {
  .jackpot-prizes__pool {
      font-size:30px
  }
}

@media(min-width: 1200px) {
  .jackpot-prizes__pool {
      font-size:34px
  }
}

.jackpot-prizes__info {
  background-color: #000;
  border-radius: 10px;
  color: #0bdede;
  font-weight: 500;
  margin-top: 15px;
  padding: 25px 15px
}

.jackpot-prizes__label:after {
  content: ": "
}

.jackpot-prizes__currency {
  margin-right: 3px
}

.jackpot-prizes__loader {
  animation: spinner-border .75s linear infinite;
  border: 5px solid hsla(0,0%,100%,.65);
  border-radius: 50%;
  border-right-color: transparent;
  display: inline-block;
  height: 40px;
  margin: auto;
  vertical-align: text-bottom;
  width: 40px
}

.jackpot-prizes--promo {
  grid-gap: 24px
}

@media(min-width: 768px) {
  .jackpot-prizes--promo {
      grid-template-columns:repeat(3,1fr)
  }
}

.jackpot-prizes--promo .jackpot-prizes__item {
  padding: 0
}

@media(min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__item {
      flex-direction:row
  }
}

.jackpot-prizes--promo .jackpot-prizes__content {
  background-color: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 0
}

@media(min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__content {
      flex:1;
      text-align: left;
      width: 100%
  }
}

.jackpot-prizes--promo .jackpot-prizes__image-block {
  display: inline-flex;
  justify-content: center;
  margin: 0 0 8px;
  position: static;
  width: 100%
}

@media(min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__image-block {
      margin:0 8px 0 0;
      width: auto
  }
}

.jackpot-prizes--promo .jackpot-prizes__image {
  max-height: 58px
}

.jackpot-prizes--promo .jackpot-prizes__title {
  align-items: flex-end;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin: 0;
  order: 1;
  padding: 0
}

@media(min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__title {
      justify-content:flex-start
  }
}

.jackpot-prizes--promo .jackpot-prizes__info {
  background-color: transparent;
  color: hsla(0,0%,100%,.65);
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  order: 2;
  padding: 8px 0
}

@media(min-width: 768px)and (max-width:1439px) {
  .jackpot-prizes--promo .jackpot-prizes__info {
      font-size:12px
  }
}

.jackpot-prizes--promo .jackpot-prizes__value {
  color: #fff;
  font-size: 11px;
  font-weight: 700
}

.jackpot-prizes--promo .jackpot-prizes__pool {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 800;
  justify-content: center;
  margin: 0;
  order: 3;
  padding: 8px 0 0;
  position: relative
}

@media(min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__pool {
      justify-content:flex-start
  }
}

.jackpot-prizes--promo .jackpot-prizes__pool:before {
  background-color: hsla(0,0%,100%,.2);
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 90px);
  position: absolute;
  top: 0;
  width: 180px
}

@media(min-width: 960px) {
  .jackpot-prizes--promo .jackpot-prizes__pool:before {
      left:0
  }
}

.jackpot-prizes.jackpot-prizes--loading {
  grid-template-columns: 1fr;
  text-align: center
}

.jackpot-prizes.jackpot-prizes--loading .jackpot-prizes__item {
  text-align: center
}

.jackpot-prizes--game .jackpot-prizes__image,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__image {
  max-height: 58px!important
}

.jackpot-prizes--game .jackpot-prizes__title,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__title {
  align-items: flex-end;
  font-size: 12px;
  justify-content: flex-start;
  order: 2
}

.jackpot-prizes--game .jackpot-prizes__pool,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__pool {
  align-items: flex-start;
  font-size: 16px;
  justify-content: flex-start;
  order: 3;
  padding: 2px 0 0
}

.jackpot-prizes--game .jackpot-prizes__info,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__info {
  display: block;
  font-size: 11px;
  margin: 0;
  padding: 2px 0;
  text-align: left;
  white-space: nowrap
}

.jackpot-prizes--game .jackpot-prizes__block:not(.jackpot-prizes__block--hit-range),.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__block:not(.jackpot-prizes__block--hit-range),.jackpot-prizes--slide .jackpot-prizes__info {
  display: none
}

.jackpot-prizes--slide .jackpot-prizes__item {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: auto 1fr
}

.jackpot-prizes--slide .jackpot-prizes__image-block {
  grid-row: span 2
}

.jackpot-prizes--slide .jackpot-prizes__image {
  min-width: 50px
}

.jackpot-prizes--slide .jackpot-prizes__title {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0
}

.jackpot-prizes--slide .jackpot-prizes__pool {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0
}

@keyframes loader {
  to {
      transform: rotate(1turn)
  }
}

.jackpot-promo {
  background: #000;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  padding: 16px 10px;
  position: relative;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-promo {
      text-align:left
  }
}

@media(min-width: 960px) {
  .jackpot-promo {
      padding:16px 40px
  }
}

@media(min-width: 1200px) {
  .jackpot-promo {
      padding:16px 77px
  }
}

@media(min-width: 1440px) {
  .jackpot-promo {
      padding:25px 23px
  }
}

.jackpot-promo__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.jackpot-promo__content {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  width: 100%
}

@media(min-width: 1440px) {
  .jackpot-promo__content {
      grid-gap:24px;
      grid-template-columns: auto auto 1fr auto
  }
}

.jackpot-promo__title {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 800;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis
}

@media(min-width: 1440px) {
  .jackpot-promo__title {
      font-size:24px;
      justify-content: flex-start;
      max-width: 160px
  }
}

.jackpot-promo__total {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%
}

@media(min-width: 1440px) {
  .jackpot-promo__total {
      align-items:flex-start;
      flex-direction: column;
      width: auto
  }
}

.jackpot-promo__total-label {
  display: inline-flex;
  margin: 0 5px 0 0
}

@media(min-width: 768px) {
  .jackpot-promo__total-label {
      margin:0 10px 0 0
  }
}

@media(min-width: 1440px) {
  .jackpot-promo__total-label {
      margin:0 0 5px
  }
}

.jackpot-promo__total-value {
  display: inline-flex;
  font-size: 16px;
  font-weight: 800
}

@media(min-width: 768px) {
  .jackpot-promo__total-value {
      font-size:24px
  }
}

@media(min-width: 1440px) {
  .jackpot-promo__total-value {
      font-size:26px
  }
}

.jackpot-promo__block-button,.jackpot-promo__prizes {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.jackpot-promo__prizes {
  padding: 14px 0
}

@media(min-width: 1440px) {
  .jackpot-promo__prizes {
      padding:0
  }
}

.jackpot-promo__rules {
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  justify-content: center;
  margin: 10px 0 0;
  width: 100%
}

@media(min-width: 768px)and (max-width:1439px) {
  .jackpot-promo__rules {
      margin:0 0 0 10px;
      width: auto
  }
}

@media(min-width: 1440px) {
  .jackpot-promo__rules {
      justify-content:flex-start
  }
}

.jackpot-promo__btn-info {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  justify-content: center;
  transition: color .3s ease;
  width: auto
}

.jackpot-promo__btn-info:hover {
  color: #fff
}

.jackpot-promo__btn-info .font-icons {
  display: inline-flex;
  margin: 0 5px 0 0
}

@media(min-width: 1200px)and (max-width:1439px) {
  .layout:not(.layout--left-padding) .jackpot-promo {
      padding:16px 22px
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__content {
      grid-template-columns: auto 1fr auto;
      grid-template-rows: auto 1fr
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__block-button,.layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__prizes {
      grid-row: span 2
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__title {
      justify-content: flex-start;
      order: 1
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__prizes {
      order: 2
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__total {
      align-items: flex-start;
      flex-direction: column;
      order: 4
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__block-button {
      order: 3
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__rules {
      margin: 10px 0 0
  }
}

@media(min-width: 1440px) {
  .layout:not(.layout--left-padding) .jackpot-promo {
      padding:25px 96px
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__title {
      font-size: 24px
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__total-value {
      font-size: 16px
  }

  .layout:not(.layout--left-padding) .jackpot-promo .jackpot-prizes__image {
      max-height: 76px
  }
}

.jackpot-promo--game,.layout:not(.layout--left-padding) .jackpot-promo--game {
  border-radius: 0;
  padding: 10px
}

@media(min-width: 1200px) {
  .jackpot-promo--game,.layout:not(.layout--left-padding) .jackpot-promo--game {
      padding:10px 50px
  }
}

.jackpot-promo--game .jackpot-promo__content,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__content {
  grid-gap: 20px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto
}

@media(min-width: 1200px) {
  .jackpot-promo--game .jackpot-promo__content,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__content {
      grid-gap:30px;
      grid-template-columns: auto auto 1fr
  }
}

.jackpot-promo--game .jackpot-promo__block-button,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__block-button {
  display: none
}

.jackpot-promo--game .jackpot-promo__total-value,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total-value {
  font-size: 16px
}

.jackpot-promo--game .jackpot-promo__title,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__title {
  display: none;
  font-size: 19px;
  grid-row: span 1;
  order: 1
}

@media(min-width: 1200px) {
  .jackpot-promo--game .jackpot-promo__title,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__title {
      display:flex;
      grid-row: 1
  }
}

.jackpot-promo--game .jackpot-promo__rules,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__rules {
  justify-content: flex-start;
  margin: 0
}

.jackpot-promo--game .jackpot-promo__total-label,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total-label {
  margin: 0
}

.jackpot-promo--game .jackpot-promo__total,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total {
  flex-direction: column;
  grid-row: 1;
  justify-content: center;
  margin: 0;
  order: 2;
  padding: 0;
  text-align: left
}

.jackpot-promo--game .jackpot-promo__total>div,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total>div {
  width: 100%
}

.jackpot-promo--game .jackpot-promo__prizes,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__prizes {
  grid-row: 1;
  order: 3;
  padding: 0
}

.jackpot-slide {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center
}

.jackpot-slide__title {
  font-size: 40px;
  font-weight: 800
}

@media(min-width: 768px) {
  .jackpot-slide__title {
      font-size:64px
  }
}

.jackpot-slide__total {
  margin-top: 5px
}

.jackpot-slide__total-value {
  color: #0bdede;
  font-size: 24px;
  font-weight: 800
}

@media(min-width: 768px) {
  .jackpot-slide__total-value {
      font-size:36px
  }
}

.jackpot-slide__block-button {
  display: block;
  margin: 5px 0 0
}

.jackpot-slide__prizes {
  display: none;
  margin-top: 10px
}

@media(min-width: 768px) {
  .jackpot-slide__prizes {
      display:block
  }
}

.jackpot-steps {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  padding: 320px 18px 26px;
  position: relative;
  text-align: left;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-steps {
      flex-direction:row;
      font-size: 16px;
      justify-content: flex-start;
      padding: 40px
  }
}

.jackpot-steps__banner {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.jackpot-steps__content {
  display: block;
  position: relative
}

.jackpot-steps__title {
  color: #22242c;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px;
  text-align: center
}

@media(min-width: 768px) {
  .jackpot-steps__title {
      font-size:32px;
      text-align: left
  }
}

.jackpot-steps__button {
  margin: 30px 0 0;
  text-align: center
}

@media(min-width: 768px) {
  .jackpot-steps__button {
      text-align:left
  }
}

.jackpot-steps__list {
  align-items: center;
  counter-reset: list-counter;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center
}

.jackpot-steps__item {
  counter-increment: list-counter;
  padding: 0 0 0 40px;
  position: relative;
  width: 100%
}

.jackpot-steps__item:not(:first-child) {
  margin: 20px 0 0
}

.jackpot-steps__item:before {
  align-items: center;
  color: #ec3200;
  content: counter(list-counter);
  display: inline-flex;
  font-size: 36px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px
}

.jackpot-steps__item-title {
  color: #000;
  font-size: 16px;
  font-weight: 700
}

.jackpot-steps__item-subtitle {
  margin-top: 5px
}

.jackpot-wins-list::-webkit-scrollbar {
  height: 0;
  width: 0
}

.jackpot-wins-list::-webkit-scrollbar-track {
  background: transparent
}

.jackpot-wins-list::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.jackpot-wins-list::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .jackpot-wins-list {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
  background: transparent
}

.jackpot-wins-list {
  display: flex;
  gap: 12px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0
}

.jackpot-wins-list__item {
  flex: 1 0 auto;
  min-width: calc(33.33333% - 8px)
}

.last-level-info {
  align-items: center;
  background-color: #22242c;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 940px;
  overflow: hidden;
  padding: 20px 18px 30px;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .last-level-info {
      flex-direction:row;
      margin-top: 50px;
      padding: 20px 0
  }
}

@media(min-width: 960px) {
  .last-level-info {
      padding:30px 0
  }
}

.last-level-info__image-wrapper {
  display: inline-flex;
  justify-content: center;
  padding: 0 0 30px;
  width: 100%
}

@media(min-width: 768px) {
  .last-level-info__image-wrapper {
      min-width:230px;
      padding: 0 10px;
      width: auto
  }
}

.last-level-info__image {
  max-height: 105px;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media(min-width: 768px) {
  .last-level-info__image {
      max-height:110px
  }
}

.last-level-info__content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%
}

@media(min-width: 1200px) {
  .last-level-info__content {
      flex-direction:row
  }
}

.last-level-info__list {
  font-size: 12px;
  padding: 20px 10px 0;
  width: 100%
}

@media(min-width: 1200px) {
  .last-level-info__list {
      padding:0 10px;
      width: 35%
  }
}

.last-level-info__list ul {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
  text-align: left;
  width: auto
}

.last-level-info__list ul>li {
  padding-left: 15px;
  position: relative
}

.last-level-info__list ul>li:before {
  background-color: hsla(0,0%,100%,.65);
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: .5em;
  width: 5px
}

.last-level-info__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px
}

@media(min-width: 768px) {
  .last-level-info__title {
      font-size:30px
  }
}

.last-level-info__subtitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.last-level-info p {
  margin: 0;
  padding: 0
}

.last-level-info p+p {
  margin-top: 10px
}

.lb-lootboxes {
  margin-top: 23px;
  width: 100%
}

@media(min-width: 768px) {
  .lb-lootboxes {
      margin-top:32px
  }
}

.lb-lootboxes__inner {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(115deg,#039d8b,#13667d 53.18%,#014b62 94.85%);
  border: 1px solid #000;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  padding: 16px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .lb-lootboxes__inner {
      align-items:center;
      flex-direction: row;
      justify-content: space-between
  }
}

.lb-lootboxes__inner:before {
  background: url(images/lb-lotboxes-rises.9ede6c6f..png) 0 0 no-repeat;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media(min-width: 768px) {
  .lb-lootboxes__inner:before {
      background:url(images/lb-lotboxes-rises-desktop.4c06503b..png) 0 0 no-repeat
  }
}

.lb-lootboxes__content {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
  position: relative;
  z-index: 2
}

@media(min-width: 768px) {
  .lb-lootboxes__content {
      margin:0
  }
}

.lb-lootboxes__icon {
  align-items: center;
  background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255,152,30,.88),0 0 12px rgba(255,205,30,.22);
  display: flex;
  font-size: 20px;
  height: 36px;
  justify-content: center;
  line-height: 30px;
  margin-right: 16px;
  text-align: center;
  text-shadow: 0 2px 0 rgba(0,0,0,.12);
  width: 36px
}

.lb-lootboxes__icon,.lb-lootboxes__text {
  color: #fff;
  font-weight: 700;
  letter-spacing: .01em
}

.lb-lootboxes__text {
  flex: 1;
  font-size: 16px;
  line-height: 24px
}

@media(min-width: 768px) {
  .lb-lootboxes__text {
      font-size:20px;
      line-height: 28px
  }
}

@media(min-width: 960px) {
  .lb-lootboxes__text {
      font-size:20px;
      line-height: 28px
  }
}

.lb-lootboxes .lb-lootboxes__button,.lb-lootboxes .ls-lootboxes__button {
  font-size: 16px;
  letter-spacing: .2px;
  line-height: 24px;
  padding: 12px 0;
  width: 100%
}

@media(min-width: 768px) {
  .lb-lootboxes .lb-lootboxes__button,.lb-lootboxes .ls-lootboxes__button {
      max-width:-moz-max-content;
      max-width: max-content;
      padding: 12px 16px
  }
}

.lb-lootboxes--inactive .lb-lootboxes__inner {
  background: linear-gradient(115deg,rgba(3,157,139,.6),rgba(19,102,125,.6) 53.18%,rgba(1,75,98,.6) 94.85%)
}

.lb-lootboxes--inactive .lb-lootboxes__inner:after,.lb-lootboxes--inactive .lb-lootboxes__inner:before {
  display: none
}

.lb-lootboxes--inactive .lb-lootboxes__icon {
  background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
  border-radius: 36px;
  box-shadow: none;
  opacity: .7
}

.lb-prize {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  font-family: Open Sans,sans-serif;
  padding: 72px 12px 24px;
  position: relative
}

@media(min-width: 768px) {
  .lb-prize {
      padding:72px 54px 32px
  }
}

.lb-prize__icon {
  height: 100%;
  left: 50%;
  max-height: 115px;
  max-width: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -30px;
  transform: translate(-50%);
  width: 100%
}

@media(min-width: 768px) {
  .lb-prize__icon {
      max-height:129px;
      max-width: 147px;
      top: -45px
  }
}

.lb-prize__content {
  width: 100%
}

.lb-prize__code,.lb-prize__content,.lb-prize__prizes,.lb-prize__tasks {
  align-items: center;
  display: flex;
  flex-direction: column
}

.lb-prize__tasks {
  margin-bottom: 8px
}

.lb-prize__prizes {
  margin-bottom: 12px
}

@media(min-width: 768px) {
  .lb-prize__prizes {
      margin-bottom:16px
  }
}

.lb-prize__label {
  color: hsla(0,0%,100%,.65);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 14px;
  text-transform: uppercase
}

.lb-prize__label--default-case {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: none
}

.lb-prize__amount {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center
}

.lb-prize__code {
  font-weight: 400;
  width: 100%
}

.lb-prize__clip-board {
  align-items: center;
  background: hsla(0,0%,100%,.05);
  border: 1px dashed hsla(0,0%,100%,.16);
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  max-width: 148px;
  padding: 8px 12px;
  width: 100%
}

.lb-prize__code-text {
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  text-transform: uppercase
}

.lb-prize--rare {
  background: linear-gradient(354deg,#003f5a,#03b6aa)
}

.lb-prize--epic {
  background: linear-gradient(180deg,#ffc736,rgba(147,63,15,.99))
}

.limits-modal {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 32px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .limits-modal {
      font-size:20px;
      padding: 32px 120px
  }
}

.limits-modal .link {
  color: #0bdede;
  text-decoration: none
}

.limits-modal .link:hover {
  text-decoration: underline
}

.list-with-img {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-align: center
}

.list-with-img__title {
  font-size: 20px;
  font-weight: 700
}

@media(min-width: 768px) {
  .list-with-img__title {
      font-size:32px
  }
}

.list-with-img__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0
}

@media(min-width: 768px) {
  .list-with-img__list {
      align-items:flex-start;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center
  }
}

.list-with-img__item {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 30px auto 0;
  padding: 0 10px;
  width: 196px
}

@media(min-width: 768px) {
  .list-with-img__item {
      align-self:stretch;
      margin: 30px 20px
  }
}

.list-with-img__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
  width: 100%
}

.list-with-img__item-title {
  display: block;
  width: 100%
}

.btn.live-chat-button {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #0bdede;
  display: flex;
  justify-content: center;
  min-width: unset;
  padding: 0;
  position: fixed
}

.btn.live-chat-button:active,.btn.live-chat-button:focus,.btn.live-chat-button:hover {
  background: #0bdede!important;
  color: #fff!important
}

.btn.live-chat-button--game {
  bottom: 0;
  height: 44px;
  position: relative;
  right: 0;
  width: 44px
}

.btn.live-chat-button--home {
  background: #00dccd;
  bottom: 64px;
  color: #001c2c;
  height: 44px;
  position: fixed;
  right: 8px;
  width: 44px;
  z-index: 15
}

@media(min-width: 768px) {
  .btn.live-chat-button--home {
      height:60px;
      width: 60px
  }

  .btn.live-chat-button--home i {
      font-size: 28px
  }
}

@media(min-width: 960px) {
  .btn.live-chat-button--home {
      bottom:16px;
      right: 16px
  }
}

.btn.live-chat-button--home:active,.btn.live-chat-button--home:focus,.btn.live-chat-button--home:hover {
  background: #1df0e2!important;
  color: #001c2c!important
}

.lootwheel-award {
  height: 410px;
  margin: 5px 17px 5px 5px;
  min-width: 410px;
  position: relative
}

.lootwheel-award__wheel {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 370px
}

.lootwheel-award__rim {
  height: auto;
  left: 0;
  position: absolute;
  top: 0
}

.lootwheel-award__center {
  bottom: 0;
  cursor: pointer;
  height: 75px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  z-index: 2
}

.lootwheel-award__center--disabled {
  cursor: auto;
  filter: brightness(50%);
  pointer-events: none
}

.lootwheel-award__stopper {
  bottom: 0;
  height: auto;
  margin: auto;
  position: absolute;
  right: -12px;
  top: 0;
  width: 58px
}

.lootwheel-award__center,.lootwheel-award__rim,.lootwheel-award__stopper,.lootwheel-award__wheel {
  display: inline-block;
  max-width: 100%;
  vertical-align: top
}

.lottery-page {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  line-height: 1.6;
  padding: 20px 0;
  text-align: center
}

@media(min-width: 768px) {
  .lottery-page {
      padding:40px 0
  }
}

.lottery-page__banner {
  border-radius: 10px;
  color: #fff;
  line-height: 1.375;
  min-height: 360px;
  overflow: hidden;
  padding: 35px 30px;
  position: relative;
  text-align: left
}

.lottery-page__banner-img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.lottery-page__banner-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: 100%;
  padding: 0 30% 0 0;
  position: relative
}

@media(min-width: 768px) {
  .lottery-page__banner-inner {
      padding:0
  }
}

.lottery-page__banner-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px
}

@media(min-width: 768px) {
  .lottery-page__banner-title {
      font-size:24px;
      margin-bottom: 15px
  }
}

.lottery-page__pool {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px
}

.lottery-page__pool-label {
  font-size: 16px;
  margin: 0 0 10px
}

.lottery-page__section {
  margin: 20px 0 0
}

@media(min-width: 768px) {
  .lottery-page__section {
      margin-top:40px
  }
}

@media(min-width: 960px) {
  .lottery-page__section {
      margin-top:50px
  }
}

.lottery-page .lottery-page__conditions {
  margin-top: 30px
}

.lottery-title {
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.25;
  margin: 0 auto 16px;
  padding: 0;
  text-align: center
}

@media(min-width: 768px) {
  .lottery-title {
      font-size:32px;
      margin-bottom: 30px
  }
}

.lottery-conditions {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  row-gap: 12px
}

@media(min-width: 768px) {
  .lottery-conditions {
      -moz-column-gap:12px;
      column-gap: 12px
  }
}

@media(min-width: 1200px) {
  .lottery-conditions {
      -moz-column-gap:16px;
      column-gap: 16px;
      row-gap: 16px
  }
}

.lottery-ticket {
  display: flex;
  grid-column: span 6;
  overflow: hidden
}

@media(min-width: 768px) {
  .lottery-ticket,.lottery-ticket:first-child:nth-last-child(2n),.lottery-ticket:first-child:nth-last-child(2n)~* {
      grid-column:span 3
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--count {
      font-size: 32px;
      line-height: 40px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--tickets,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--tickets {
      font-size: 16px;
      line-height: 24px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--amount {
      font-size: 20px;
      line-height: 26px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--deposit {
      font-size: 14px;
      line-height: 20px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--price {
      font-size: 12px;
      line-height: 18px
  }

  .lottery-ticket:last-child {
      grid-column: span 6
  }

  .lottery-ticket:last-child .lottery-ticket__block--right {
      max-width: 172px
  }

  .lottery-ticket:last-child .lottery-ticket__text--count {
      font-size: 42px;
      line-height: 52px
  }

  .lottery-ticket:last-child .lottery-ticket__text--tickets {
      font-size: 16px;
      line-height: 24px
  }

  .lottery-ticket:last-child .lottery-ticket__text--amount {
      font-size: 32px;
      line-height: 40px
  }

  .lottery-ticket:last-child .lottery-ticket__text--deposit {
      font-size: 16px;
      line-height: 24px
  }

  .lottery-ticket:last-child .lottery-ticket__text--price {
      font-size: 14px;
      line-height: 20px
  }
}

@media(min-width: 1200px) {
  .lottery-ticket {
      grid-column:span 6
  }

  .lottery-ticket:first-child:nth-last-child(2n),.lottery-ticket:first-child:nth-last-child(2n)~* {
      grid-column: span 3
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__block--right {
      max-width: 172px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--count {
      font-size: 42px;
      line-height: 52px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--tickets,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--tickets {
      font-size: 16px;
      line-height: 24px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--amount {
      font-size: 32px;
      line-height: 40px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--deposit {
      font-size: 16px;
      line-height: 24px
  }

  .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--price {
      font-size: 14px;
      line-height: 20px
  }

  .lottery-ticket:first-child:nth-last-child(2n-1),.lottery-ticket:first-child:nth-last-child(2n-1)~* {
      grid-column: span 2
  }

  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__block--right {
      max-width: 140px
  }
}

@media(min-width: 1200px)and (min-width:1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__block--right {
      max-width:172px
  }
}

@media(min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--count {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px)and (min-width:1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--count {
      font-size:42px;
      line-height: 52px
  }
}

@media(min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--tickets,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--tickets {
      font-size:16px;
      line-height: 24px
  }

  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--amount {
      font-size: 20px;
      line-height: 26px
  }
}

@media(min-width: 1200px)and (min-width:1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--amount {
      font-size:26px;
      line-height: 32px
  }
}

@media(min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--deposit {
      font-size:14px;
      line-height: 20px
  }
}

@media(min-width: 1200px)and (min-width:1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--deposit {
      font-size:16px;
      line-height: 24px
  }
}

@media(min-width: 1200px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--price {
      font-size:12px;
      line-height: 18px
  }
}

@media(min-width: 1200px)and (min-width:1440px) {
  .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--price {
      font-size:14px;
      line-height: 20px
  }
}

@media(min-width: 1200px) {
  .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) {
      grid-column:span 3
  }

  .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__block--right {
      max-width: 172px
  }

  .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--count {
      font-size: 42px;
      line-height: 52px
  }

  .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--deposit {
      font-size: 16px;
      line-height: 24px
  }

  .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--amount {
      font-size: 32px;
      line-height: 40px
  }

  .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--price {
      font-size: 14px;
      line-height: 20px
  }
}

.lottery-ticket__block {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 12px;
  position: relative;
  width: 100%
}

@media(min-width: 480px) {
  .lottery-ticket__block {
      padding:16px
  }
}

.lottery-ticket__block--left {
  border-radius: 16px 0 0 16px
}

.lottery-ticket__block--left:after,.lottery-ticket__block--left:before {
  background: #001c2c;
  border-radius: 50%;
  content: "";
  height: 40px;
  position: absolute;
  right: -20px;
  width: 40px;
  z-index: 1
}

.lottery-ticket__block--left:before {
  top: -20px
}

.lottery-ticket__block--left:after {
  bottom: -20px
}

.lottery-ticket__block--right {
  border-radius: 0 16px 16px 0;
  max-width: 124px
}

.lottery-ticket__block--right:after,.lottery-ticket__block--right:before {
  background: #001c2c;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: -20px;
  position: absolute;
  width: 40px;
  z-index: 1
}

.lottery-ticket__block--right:before {
  top: -20px
}

.lottery-ticket__block--right:after {
  bottom: -20px
}

@media(min-width: 480px) {
  .lottery-ticket__block--right {
      max-width:140px
  }
}

.lottery-ticket__inner {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(256.03deg,rgba(0,0,0,.1) 23.64%,rgba(0,0,0,.2) 84.92%);
  border-radius: 12px;
  min-height: 180px;
  padding: 16px;
  width: 100%
}

@media(min-width: 480px) {
  .lottery-ticket__inner {
      min-height:188px;
      padding: 24px
  }
}

.lottery-ticket__inner--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.lottery-ticket__inner--right {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0
}

.lottery-ticket__divider {
  border-left: 2px dashed #001c2c;
  height: 100%;
  left: -1px;
  position: absolute;
  top: 0
}

.lottery-ticket__text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  margin: 0
}

.lottery-ticket__text--count {
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 0
}

@media(min-width: 480px) {
  .lottery-ticket__text--count {
      font-size:32px;
      line-height: 40px
  }
}

.lottery-ticket__text--tickets {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 16px;
  text-transform: capitalize
}

@media(min-width: 480px) {
  .lottery-ticket__text--tickets {
      font-size:16px;
      line-height: 24px
  }
}

.lottery-ticket__text--amount {
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 8px
}

.lottery-ticket__text--deposit {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px
}

@media(min-width: 480px) {
  .lottery-ticket__text--deposit {
      font-size:14px;
      line-height: 20px
  }
}

.lottery-ticket__text--price {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

.lottery-ticket__text--previous {
  color: hsla(0,0%,100%,.65);
  text-decoration: line-through
}

.lottery-prizes {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 32px
}

@media(min-width: 1200px) {
  .lottery-prizes {
      row-gap:40px
  }
}

.lottery-prizes__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  width: 100%
}

@media(min-width: 480px) {
  .lottery-prizes__grid {
      -moz-column-gap:8px;
      column-gap: 8px;
      grid-template-columns: 1fr 1fr;
      row-gap: 8px
  }
}

@media(min-width: 768px) {
  .lottery-prizes__grid {
      -moz-column-gap:12px;
      column-gap: 12px;
      grid-template-columns: 1fr 1fr 1fr;
      row-gap: 12px
  }
}

@media(min-width: 1200px) {
  .lottery-prizes__grid {
      -moz-column-gap:16px;
      column-gap: 16px;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      row-gap: 16px
  }
}

.lottery-prizes-prize {
  background: rgb(0 78 86);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.lottery-prizes-prize__top {
  align-items: center;
  display: flex;
  height: 146px;
  justify-content: center;
  overflow: hidden;
  position: relative
}

@media(min-width: 1200px) {
  .lottery-prizes-prize__top {
      height:176px
  }
}

.lottery-prizes-prize__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 8px
}

@media(min-width: 1200px) {
  .lottery-prizes-prize__content {
      row-gap:12px
  }
}

.lottery-prizes-prize__image--bottom {
  bottom: -16px;
  left: 50%;
  max-width: 90%;
  position: absolute;
  transform: translate(-50%)
}

.lottery-prizes-prize__bottom {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 24px 32px;
  text-align: center
}

@media(min-width: 1200px) {
  .lottery-prizes-prize__bottom {
      padding:32px 24px 40px
  }
}

.lottery-prizes-prize__title--top {
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0
}

@media(min-width: 1200px) {
  .lottery-prizes-prize__title--top {
      font-size:32px;
      line-height: 40px
  }
}

.lottery-prizes-prize__title--money {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(250.38deg,#ecaa00 8.31%,#ffea2c 16.13%,#ecaa00 45.83%,#ffef5e 72.16%,#ecaa00);
  -webkit-background-clip: text;
  background-clip: text
}

.lottery-prizes-prize__title--fs {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(250.38deg,#48b2ff 8.31%,#72ffd5 16.13%,#48b2ff 45.83%,#72ffd5 72.16%,#48b2ff);
  -webkit-background-clip: text;
  background-clip: text
}

.lottery-prizes-prize__title--bottom {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px
}

@media(min-width: 1200px) {
  .lottery-prizes-prize__title--bottom {
      font-size:20px;
      line-height: 30px
  }
}

.lottery-prizes-prize__count {
  background: linear-gradient(250.38deg,#ecaa00 8.31%,#ffea2c 16.13%,#ecaa00 45.83%,#ffef5e 72.16%,#ecaa00);
  border-radius: 4px;
  color: #001b33;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 2px 8px
}

.lottery-prizes .lottery-prizes__button {
  height: 40px;
  white-space: nowrap;
  width: 100%
}

@media(min-width: 768px) {
  .lottery-prizes .lottery-prizes__button {
      height:48px;
      max-width: 300px
  }
}

.catalog {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.catalog__not-found {
  text-transform: uppercase
}

.catalog__list {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  row-gap: 8px
}

@media(min-width: 480px) {
  .catalog__list {
      grid-template-columns:repeat(3,1fr)
  }
}

@media(min-width: 768px) {
  .catalog__list {
      -moz-column-gap:12px;
      column-gap: 12px;
      grid-template-columns: repeat(4,1fr);
      row-gap: 12px
  }
}

@media(min-width: 960px) {
  .catalog__list {
      grid-template-columns:repeat(5,1fr)
  }
}

@media(min-width: 1200px) {
  .catalog__list {
      -moz-column-gap:16px;
      column-gap: 16px;
      grid-template-columns: repeat(6,1fr);
      row-gap: 16px
  }
}

@media(min-width: 1440px) {
  .catalog__list {
      grid-template-columns:repeat(7,1fr)
  }
}

.catalog__more {
  display: block;
  margin: 0;
  padding-top: 24px;
  text-align: center;
  width: 100%
}

@media(min-width: 1200px) {
  .catalog__more {
      padding-top:32px
  }
}

.catalog .catalog__more-button {
  width: 100%
}

@media(min-width: 768px) {
  .catalog .catalog__more-button {
      max-width:300px
  }
}

.lottery-winners {
  background: rgb(0 78 86);
  border-radius: 12px;
  padding: 12px
}

@media(min-width: 768px) {
  .lottery-winners {
      padding:16px
  }
}

@media(min-width: 1200px) {
  .lottery-winners {
      padding:24px 32px
  }
}

.lottery-winners__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px
}

.lottery-winners__row {
  display: grid;
  grid-template-columns: 64px 1fr 1fr;
  padding: 14px 16px 14px 0
}

.lottery-winners__row:nth-child(odd) {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: #384c6b;
  border-radius: 8px
}

.lottery-winners__cell--place {
  font-weight: 700;
  text-align: center
}

.lottery-winners__cell--winner {
  text-align: left
}

.lottery-winners__cell--prize {
  font-weight: 700;
  text-align: right
}

.lottery-winners__text {
  margin: 0
}

.lottery-winners__text--header {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase
}

.lottery-winners__text--cell {
  font-size: 14px;
  line-height: 20px
}

.lottery-winners__text--cell,.lottery-winners__text--modal {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-style: normal
}

.lottery-winners__text--modal {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  text-align: center
}

.lottery-winners .lottery-winners__button {
  height: 40px;
  margin-top: 8px;
  width: 100%
}

@media(min-width: 768px) {
  .lottery-winners .lottery-winners__button {
      height:48px
  }
}

.lottery-winners__modal-content {
  height: 100%;
  overflow-y: auto;
  padding: 56px 16px 16px
}

@media(min-width: 768px) {
  .lottery-winners__modal-content {
      padding:56px 32px 32px
  }
}

.lottery-winners__modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .lottery-winners__modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.lottery-winners__modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 768px) {
  .lottery-winners__modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

@media(min-width: 480px) {
  .lottery-winners__modal .modal__close-button {
      right:24px;
      top: 24px
  }
}

.lottery-player-awards-list {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  width: auto
}

.lottery-player-awards-list__item {
  display: inline
}

.lottery-player-awards-list__item+.lottery-player-awards-list__item:before {
  content: " + "
}

.lottery-player-awards-list__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top
}

.lottery-awards-three .lottery-player-awards-list__item {
  display: block
}

.lottery-awards-three .lottery-player-awards-list__item:before {
  display: none
}

.ls-lb-card {
  align-items: center;
  background: url(images/ls-lb-card-1.ac7d5555..png) 50% no-repeat;
  background-size: cover;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  min-height: 60px;
  overflow: hidden;
  transition: transform .3s ease-in-out;
  width: 100%
}

.ls-lb-card__pr-title {
  color: #fff;
  display: none;
  font-size: 6px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .ls-lb-card__pr-title {
      font-size:10px;
      line-height: 1
  }
}

.ls-lb-card__value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  text-shadow: 0 2px 4px rgba(0,0,0,.12);
  white-space: nowrap
}

@media(min-width: 375px) {
  .ls-lb-card__value {
      font-size:12px;
      line-height: 16px
  }
}

@media(min-width: 480px) {
  .ls-lb-card__value {
      font-size:14px;
      line-height: 20px
  }
}

@media(min-width: 768px) {
  .ls-lb-card__value {
      font-size:22px;
      line-height: 28px
  }
}

.ls-lb-card__content {
  color: #fff;
  font-family: Roboto,Arial,sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  position: relative;
  text-align: center;
  transition: transform .3s;
  z-index: 10
}

@media(min-width: 480px) {
  .ls-lb-card__content {
      font-size:16px;
      line-height: 24px
  }
}

@media(min-width: 768px) {
  .ls-lb-card__content {
      font-size:20px;
      line-height: 29px
  }
}

.ls-lb-card__result {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: transform .3s ease-in-out
}

.ls-lb-card__rise {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 45%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 5
}

.ls-lb-card__rise img {
  max-width: 100%
}

.ls-lb-card.ls-lb-card--selected {
  background: url(images/ls-lb-card-selected.edbcc7df..png) 50% no-repeat!important;
  background-size: cover!important;
  box-shadow: inset 0 0 0 1px #fff
}

.ls-lb-card.ls-lb-card--activated {
  background: url(images/ls-lb-card-win.fd08042e..png) 50% no-repeat!important;
  background-size: cover!important;
  box-shadow: inset 0 0 0 1px #fff,0 0 20px hsla(0,0%,100%,.7);
  transform: scale(1.5);
  z-index: 11
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__content {
  color: #ffe603;
  font-size: 10px;
  text-shadow: 0 2.59898px 5.19797px rgba(0,0,0,.12),0 0 6.49746px rgba(255,230,3,.68)
}

@media(min-width: 768px) {
  .ls-lb-card.ls-lb-card--activated .ls-lb-card__content {
      font-size:20px
  }
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__result {
  transform: scale(1)
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__rise {
  opacity: 1
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__rise img {
  animation: ls-lb-rise-spin 20s linear infinite
}

.ls-lb-card.ls-lb-card--activated .ls-lb-card__pr-title {
  display: block
}

@keyframes ls-lb-rise-spin {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(1turn)
  }
}

.ls-lb-gates {
  margin: 0 auto;
  position: relative;
  width: 100%
}

@media(max-width: 960px) {
  .ls-lb-gates {
      max-width:none
  }
}

@media(min-width: 960px) {
  .ls-lb-gates {
      max-width:720px;
      min-height: 320px
  }
}

.ls-lb-gates__img {
  width: 100%
}

.ls-lb-gates__inner {
  bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  left: 8px;
  position: absolute;
  right: 8px;
  top: 8px
}

@media(min-width: 480px) {
  .ls-lb-gates__inner {
      bottom:10px;
      left: 10px;
      right: 10px;
      top: 10px
  }
}

@media(min-width: 768px) {
  .ls-lb-gates__inner {
      bottom:24px;
      gap: 12px;
      left: 21px;
      right: 21px;
      top: 24px
  }
}

.ls-lb-gates__item {
  display: flex;
  flex: 1 1 25%;
  max-width: calc(20% - 3.2px);
  transform-origin: center center
}

@media(min-width: 768px) {
  .ls-lb-gates__item {
      max-width:calc(20% - 9.6px)
  }
}

.ls-lb-gates__item:first-child {
  transform-origin: top left
}

.ls-lb-gates__item:nth-child(6) {
  transform-origin: bottom left
}

.ls-lb-gates__item:nth-child(5) {
  transform-origin: top right
}

.ls-lb-gates__item:nth-child(10) {
  transform-origin: bottom right
}

.ls-lb-gates__item:nth-child(2),.ls-lb-gates__item:nth-child(4) {
  background: url(images/ls-lb-card-2.2c036bbd..png) 50% no-repeat;
  background-size: cover
}

.ls-lb-gates__item:nth-child(3),.ls-lb-gates__item:nth-child(7),.ls-lb-gates__item:nth-child(8),.ls-lb-gates__item:nth-child(9) {
  background: url(images/ls-lb-card-3.0c228c65..png) 50% no-repeat;
  background-size: cover
}

.ls-lb-gates__item:nth-child(10),.ls-lb-gates__item:nth-child(6) {
  background: url(images/ls-lb-card-4.3c359e1d..png) 50% no-repeat;
  background-size: cover
}

.ls-lb-actions {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  position: relative
}

@media(min-width: 480px) {
  .ls-lb-actions {
      margin-top:75px
  }
}

@media(min-width: 768px) {
  .ls-lb-actions {
      margin-top:90px
  }
}

.ls-lb-actions__image {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100px
}

@media(min-width: 375px) {
  .ls-lb-actions__image {
      bottom:-10px;
      width: 120px
  }
}

@media(min-width: 768px) {
  .ls-lb-actions__image {
      width:170px
  }
}

.ls-lb-actions .ls-lb-actions__button {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 44px;
  white-space: nowrap
}

@media(min-width: 768px) {
  .ls-lb-actions .ls-lb-actions__button {
      padding:12px 34px
  }
}

.ls-lb-launcher {
  position: relative
}

.ls-lb-launcher__image {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100px
}

@media(min-width: 375px) {
  .ls-lb-launcher__image {
      bottom:-10px;
      width: 120px
  }
}

@media(min-width: 768px) {
  .ls-lb-launcher__image {
      width:170px
  }
}

.ls-lb-launcher .ls-lb-launcher__button {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 44px;
  white-space: nowrap
}

@media(min-width: 768px) {
  .ls-lb-launcher .ls-lb-launcher__button {
      padding:12px 34px
  }
}

.ls-lb-lootboxes {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.ls-lb-lootboxes-card {
  align-items: center;
  background: url(images/ls-lb-lootboxes-background--mobile.e8cb9bf1..svg) 50% no-repeat;
  display: flex;
  height: 68px;
  margin-bottom: 24px;
  max-width: 470px;
  min-width: 340px;
  overflow: hidden;
  padding-left: 46px;
  position: relative;
  width: 100%
}

@media(min-width: 480px) {
  .ls-lb-lootboxes-card {
      background:url(images/ls-lb-lootboxes-background--tablet.2d97e435..svg) 50% no-repeat;
      min-width: 448px;
      padding-left: 60px
  }
}

@media(min-width: 768px) {
  .ls-lb-lootboxes-card {
      background:url(images/ls-lb-lootboxes-background.6e1934e8..svg) 50% no-repeat;
      min-width: 470px;
      padding-left: 85px
  }
}

.ls-lb-lootboxes-card__icon {
  align-items: center;
  background: linear-gradient(180deg,#ffda34,#ff9a03);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(255,205,30,.22);
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  height: 46px;
  justify-content: center;
  line-height: 32px;
  margin-right: 16px;
  position: relative;
  width: 46px
}

.ls-lb-lootboxes-card__icon:before {
  background: url(images/ls-lb-lootboxes-card-rise.81c0828d..svg) 50% no-repeat;
  background-size: cover;
  content: "";
  height: 135px;
  left: 50%;
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 135px
}

.ls-lb-lootboxes-card__icon--inactive {
  background: linear-gradient(180deg,#d2b732,#9d7204);
  color: hsla(0,0%,100%,.4)
}

.ls-lb-lootboxes-card__icon--inactive:before {
  display: none
}

.ls-lb-lootboxes-card__content {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px
}

.ls-lb-lootboxes-deposit {
  position: relative
}

.ls-lb-lootboxes-deposit__content {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}

.ls-lb-lootboxes-deposit__background {
  display: none;
  left: 50%;
  position: absolute;
  top: -45px;
  transform: translateX(-50%);
  z-index: -1
}

@media(min-width: 768px) {
  .ls-lb-lootboxes-deposit__background {
      display:block
  }
}

.ls-lb-lootboxes-code {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  justify-content: center;
  margin: 16px auto 0;
  max-width: 384px
}

@media(min-width: 768px) {
  .ls-lb-lootboxes-code {
      -moz-column-gap:24px;
      column-gap: 24px
  }
}

.ls-lb-lootboxes-code__value {
  align-items: center;
  border: 1px dashed hsla(0,0%,100%,.4);
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  justify-content: space-between;
  line-height: 22px;
  padding: 12px 16px;
  width: 100%
}

@media(min-width: 480px) {
  .ls-lb-lootboxes-code__value {
      font-size:16px;
      line-height: 22px
  }
}

.ls-lb-lootboxes-code .ls-lb-lootboxes-code__button {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 0;
  width: 100%
}

.ls-lb-lootboxes-code__copy {
  cursor: pointer;
  position: relative
}

.ls-lb-lootboxes-code__copy-tooltip {
  background: #445778;
  border-radius: 8px;
  box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  left: 50%;
  line-height: 20px;
  padding: 8px 12px;
  position: absolute;
  top: -50px;
  transform: translate(-50%) scale(0);
  transition: all .3s ease
}

.ls-lb-lootboxes-code__copy-tooltip:after {
  background-size: cover;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #445778;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%);
  width: 0
}

.ls-lb-lootboxes-code__copy-tooltip--active {
  transform: translate(-50%) scale(1)
}

.ls-lootboxes__inner {
  background: radial-gradient(42.84% 76.42% at 54.24% 100%,rgba(95,255,236,.27) 0,rgba(108,123,255,0) 100%),linear-gradient(92.19deg,#671d33 -8.88%,#4c1859 26.16%,#211d4b 55.13%,#3227c1 105.98%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 504px;
  min-height: 170px;
  padding: 24px;
  position: relative
}

@media(min-width: 768px) {
  .ls-lootboxes__inner {
      align-items:center;
      background: url(images/ls-lootboxes-bg-tablet.2c5a32b2..png) 50% no-repeat;
      flex-direction: row;
      max-width: 670px;
      min-height: 120px;
      padding: 30px 56px
  }
}

@media(min-width: 960px) {
  .ls-lootboxes__inner {
      align-items:center;
      background: url(images/ls-lootboxes-bg-desktop.24e48c54..png) 50% no-repeat;
      flex-direction: row;
      max-width: 774px;
      padding: 30px 56px
  }
}

.ls-lootboxes__inner:before {
  background: url(images/ls-lootboxes-rises-mob.c8b07ea6..png) 0 0 no-repeat;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media(min-width: 768px) {
  .ls-lootboxes__inner:before {
      background:url(images/ls-lootboxes-rises-desktop.a3f6cd86..png) 0 0 no-repeat
  }
}

.ls-lootboxes__inner:after {
  background: radial-gradient(42.84% 76.42% at 54.24% 100%,rgba(95,255,236,.43) 0,rgba(108,176,255,0) 100%),linear-gradient(94.36deg,#671d33 6.92%,#4c1859 37.15%,#211d4b 62.16%,#1b1751 79.05%,#3227c1 106.04%);
  border-radius: 8px;
  content: "";
  filter: blur(60px);
  height: 160px;
  left: 50%;
  opacity: .8;
  position: absolute;
  top: 50px;
  transform: translate(-50%);
  width: 295px;
  z-index: -1
}

@media(min-width: 768px) {
  .ls-lootboxes__inner:after {
      height:112px;
      top: 20px
  }
}

.ls-lootboxes__content {
  align-items: center;
  display: flex;
  position: relative;
  z-index: 2
}

.ls-lootboxes__icon {
  align-items: center;
  background: url(images/ls-lootboxes-icon-active.6b542e47..svg) 50% no-repeat;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255,152,30,.88),0 0 12px rgba(255,205,30,.22);
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  letter-spacing: .01em;
  line-height: 24px;
  margin-right: 16px;
  text-align: center;
  text-shadow: 0 2px 0 rgba(0,0,0,.12);
  width: 48px
}

@media(min-width: 768px) {
  .ls-lootboxes__icon {
      font-size:32px;
      height: 62px;
      line-height: 32px;
      margin-right: 24px;
      width: 62px
  }
}

.ls-lootboxes__text {
  color: #fff;
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 24px
}

@media(min-width: 768px) {
  .ls-lootboxes__text {
      font-size:20px;
      line-height: 28px
  }
}

@media(min-width: 960px) {
  .ls-lootboxes__text {
      font-size:20px;
      line-height: 28px
  }
}

.ls-lootboxes__button {
  min-height: 45px!important;
  padding: 10px 24px!important
}

@media(min-width: 768px) {
  .ls-lootboxes__button {
      font-size:18px!important;
      line-height: 24px!important;
      min-height: 56px!important;
      padding: 16px 24px!important
  }
}

.ls-lootboxes--inactive .ls-lootboxes__inner {
  background: radial-gradient(31.54% 58.33% at 50% 0,rgba(157,167,255,.092) 0,rgba(157,167,255,0) 100%),radial-gradient(44.4% 286.19% at 94.25% -100%,rgba(29,16,188,.57) 0,rgba(45,58,169,0) 100%),radial-gradient(42.12% 276.74% at 18.6% -152.92%,rgba(166,25,50,.63) 0,rgba(166,25,50,0) 100%),#16162c
}

@media(min-width: 768px) {
  .ls-lootboxes--inactive .ls-lootboxes__inner {
      background:url(images/ls-lootboxes-bg-inactive-tablet.34fdaa58..png) 50% no-repeat
  }
}

@media(min-width: 960px) {
  .ls-lootboxes--inactive .ls-lootboxes__inner {
      background:url(images/ls-lootboxes-bg-inactive-desktop.82d463be..png) 50% no-repeat
  }
}

.ls-lootboxes--inactive .ls-lootboxes__inner:after,.ls-lootboxes--inactive .ls-lootboxes__inner:before {
  display: none
}

.ls-lootboxes--inactive .ls-lootboxes__icon {
  background: url(images/ls-lootboxes-icon-inactive.8dcdb566..svg) 50% no-repeat;
  background-size: cover;
  box-shadow: none;
  opacity: .5
}

.ls-ticket {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: linear-gradient(89.88deg,rgba(36,0,255,.1) .09%,rgba(35,0,255,0) 99.89%),rgba(184,191,255,.06);
  border: 1px solid hsla(0,0%,100%,.06);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 49px 24px 24px;
  position: relative
}

@media(min-width: 768px) {
  .ls-ticket {
      flex-direction:row;
      gap: 15px;
      justify-content: space-between;
      padding: 20px 24px
  }
}

.ls-ticket.ls-ticket--gold,.ls-ticket.ls-ticket--gold .ticket-code__inner {
  background: linear-gradient(89.88deg,rgba(255,199,0,.1) .1%,rgba(255,168,0,0) 99.9%),rgba(255,238,196,.06)
}

.ls-ticket.ls-ticket--gold .ticket-code__inner {
  border: 1px dashed rgba(255,237,190,.14)
}

.ls-ticket.ls-ticket--gold .ticket-code__text {
  color: #ffc978
}

.ls-ticket.ls-ticket--gold .ticket-label {
  background: url(images/ls-ticket-label-bg-gold.fd9625ec..png) 50% no-repeat;
  background-size: 100% 100%
}

.ls-ticket.ls-ticket--gold .ticket-label__text {
  color: #ffc978
}

.ls-ticket__content {
  margin: 0 0 20px
}

@media(min-width: 768px) {
  .ls-ticket__content {
      margin:28px 0 0
  }

  .ls-ticket__code {
      flex: 0 0 163px
  }
}

.ls-ticket__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 20px;
  margin: 0 0 8px;
  position: relative
}

.ls-ticket__text:last-child {
  margin: 0
}

.ls-ticket__text span {
  color: #fff;
  font-weight: 700;
  position: relative
}

.ls-ticket__label {
  left: -1px;
  position: absolute;
  top: -1px
}

.ls-ticket__status {
  display: none;
  height: 46px;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px
}

.ls-ticket__status--active {
  background: linear-gradient(45deg,transparent,transparent 50%,rgba(184,212,255,.08) 51%,rgba(184,212,255,.08))
}

.ls-ticket__status--active:before {
  background: url(images/ls-check.f453fdf5..svg) 50% no-repeat;
  background-size: cover;
  content: "";
  height: 8px;
  position: absolute;
  right: 8px;
  top: 10px;
  width: 10px
}

.ls-ticket__sale-label {
  background: url(images/sale-label-red-small.6a64367f..svg) 50% no-repeat;
  background-size: cover;
  display: block;
  height: 50px;
  left: 55%;
  position: absolute!important;
  top: -30px;
  width: 127px;
  z-index: 2
}

.ls-ticket__sale-label-text {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  transform: translateY(14px) rotate(-8deg)
}

.ls-ticket--active .ls-ticket__status {
  display: block
}

.ls-ticket .ticket-label {
  background: url(images/ls-ticket-label-bg-silver.87f6e33b..png) 50% no-repeat;
  background-size: 100% 100%;
  display: flex;
  min-width: 134px;
  padding: 6px 12px
}

.ls-ticket .ticket-label__icon {
  height: 20px;
  margin-right: 11px;
  width: 20px
}

.ls-ticket .ticket-label__icon img {
  max-width: 100%
}

.ls-ticket .ticket-label__text {
  color: #bbbeff;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2em;
  line-height: 20px;
  text-transform: uppercase
}

.ls-ticket .ticket-code__title {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 16px;
  margin: 0 0 12px
}

@media(min-width: 768px) {
  .ls-ticket .ticket-code__title {
      text-align:center
  }
}

.ls-ticket .ticket-code__inner {
  background: linear-gradient(89.88deg,rgba(36,0,255,.1) .09%,rgba(35,0,255,0) 99.89%),rgba(184,191,255,.06);
  border: 1px dashed rgba(196,209,255,.16);
  border-radius: 4px;
  padding: 14px 36px 14px 16px;
  position: relative
}

.ls-ticket .ticket-code__text {
  color: #bbbeff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 20px;
  margin: 0
}

.ls-ticket .ticket-code__copy {
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px
}

.ls-ticket .ticket-code__copy img {
  max-width: 100%
}

.ls-ticket .ticket-code__copy-tooltip {
  background: #212121;
  border: 1px solid hsla(0,0%,100%,.06);
  border-radius: 4px;
  box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
  color: #999;
  font-size: 12px;
  left: 50%;
  letter-spacing: .01em;
  line-height: 18px;
  padding: 8px 12px;
  position: absolute;
  top: -50px;
  transform: translate(-50%) scale(0);
  transition: all .3s ease
}

.ls-ticket .ticket-code__copy-tooltip:after {
  background-size: cover;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #212121;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%);
  width: 0
}

.ls-ticket .ticket-code__copy-tooltip--active {
  transform: translate(-50%) scale(1)
}

.ls-tickets__title {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .2em;
  line-height: 20px;
  margin: 0 0 16px;
  text-align: center;
  text-transform: uppercase
}

.ls-tickets__title-icon {
  cursor: pointer;
  display: inline-block;
  line-height: 9px;
  margin-left: 5px;
  position: relative
}

.ls-tickets__title-icon:hover .ls-page__tooltip {
  transform: scale(1)
}

.ls-tickets__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 auto 16px;
  max-width: 504px
}

.ls-tickets__links {
  text-align: center
}

.ls-tickets .ls-tickets__link {
  color: hsla(0,0%,100%,.65)!important;
  font-size: 14px!important;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 20px!important;
  margin: 0 auto
}

.wheel-lootbox {
  height: 395px;
  left: 50%;
  margin: 0;
  position: relative;
  transform: scale(.9) translate(-50%);
  transform-origin: 0 0;
  width: 365px
}

@media(min-width: 480px) {
  .wheel-lootbox {
      left:0;
      margin: 0 auto;
      transform: scale(1) translate(0);
      transform-origin: 0 0
  }
}

.wheel-lootbox__wheel-wrap {
  height: 395px;
  margin: 0 auto;
  position: relative;
  width: 365px
}

.wheel-lootbox__result {
  background: hsla(0,0%,7%,.9);
  bottom: -20px;
  color: #fff;
  font-size: 38px;
  left: -20px;
  padding: 60px 20px;
  position: absolute;
  right: -20px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transform: scale(0);
  transition: all .3s ease-in-out;
  z-index: 22
}

.wheel-lootbox__result--active {
  transform: scale(1)
}

.wheel-lootbox .spin-wrap {
  height: 305px;
  left: 30px;
  position: absolute;
  top: -3px;
  width: 305px
}

.wheel-lootbox .spin-wrap--spin-start {
  animation: wheel-running 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-1 {
  animation: wheel-running-1 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-2 {
  animation: wheel-running-2 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-3 {
  animation: wheel-running-3 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-4 {
  animation: wheel-running-4 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-5 {
  animation: wheel-running-5 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-6 {
  animation: wheel-running-6 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-7 {
  animation: wheel-running-7 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-8 {
  animation: wheel-running-8 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-9 {
  animation: wheel-running-9 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-10 {
  animation: wheel-running-10 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-light {
  animation: lightRot-wheel 2s infinite none;
  z-index: 1
}

.wheel-lootbox .spin-img,.wheel-lootbox .spin-light {
  height: 305px;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px
}

.wheel-lootbox .spin-border {
  height: 384px;
  left: 50%;
  position: absolute;
  top: 38%;
  transform: translate(-50%,-50%);
  width: 384px;
  z-index: 2
}

.wheel-lootbox .diamond-cont {
  height: 365px;
  left: 0;
  position: absolute;
  top: 0;
  width: 365px;
  z-index: 4
}

.wheel-lootbox .spin-item {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 30px;
  justify-content: space-between;
  left: 50%;
  line-height: 1.5rem;
  margin-left: 75px;
  margin-top: -15px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  transform-origin: -4.8125rem center;
  white-space: nowrap;
  width: 66px
}

.wheel-lootbox .spin-item:first-child {
  transform: rotate(0deg)
}

.wheel-lootbox .spin-item:nth-child(2) {
  transform: rotate(17.5deg)
}

.wheel-lootbox .spin-item:nth-child(3) {
  transform: rotate(35deg)
}

.wheel-lootbox .spin-item:nth-child(4) {
  transform: rotate(53.5deg)
}

.wheel-lootbox .spin-item:nth-child(5) {
  transform: rotate(70deg)
}

.wheel-lootbox .spin-item:nth-child(6) {
  transform: rotate(88.5deg)
}

.wheel-lootbox .spin-item:nth-child(7) {
  transform: rotate(107deg)
}

.wheel-lootbox .spin-item:nth-child(8) {
  transform: rotate(124.5deg)
}

.wheel-lootbox .spin-item:nth-child(9) {
  transform: rotate(143deg)
}

.wheel-lootbox .spin-item:nth-child(10) {
  transform: rotate(162.5deg)
}

.wheel-lootbox .spin-item:nth-child(11) {
  transform: rotate(181deg)
}

.wheel-lootbox .spin-item:nth-child(12) {
  transform: rotate(198.5deg)
}

.wheel-lootbox .spin-item:nth-child(13) {
  transform: rotate(218deg)
}

.wheel-lootbox .spin-item:nth-child(14) {
  transform: rotate(235.5deg)
}

.wheel-lootbox .spin-item:nth-child(15) {
  transform: rotate(254deg)
}

.wheel-lootbox .spin-item:nth-child(16) {
  transform: rotate(271.5deg)
}

.wheel-lootbox .spin-item:nth-child(17) {
  transform: rotate(289.5deg)
}

.wheel-lootbox .spin-item:nth-child(18) {
  transform: rotate(307.5deg)
}

.wheel-lootbox .spin-item:nth-child(19) {
  transform: rotate(324.5deg)
}

.wheel-lootbox .spin-item:nth-child(20) {
  transform: rotate(342.5deg)
}

.wheel-lootbox .spin-item .amount {
  flex: auto;
  font-family: Oswald,Arial,sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5rem;
  text-shadow: 0 2px 2px rgba(0,0,0,.2)
}

.wheel-lootbox .spin-item .coin-icon {
  height: 1.5rem;
  width: 1.5rem
}

.wheel-lootbox .point-wrap {
  height: 5.59375rem;
  position: absolute;
  right: -1.90625rem;
  top: 8.0625rem;
  transform-origin: left center;
  width: 10rem
}

.wheel-lootbox .point-wrap .point-img {
  height: 100%;
  width: 100%
}

.wheel-lootbox .spin-btn {
  align-items: center;
  animation: wheel-btn-pulse 1s linear infinite alternate-reverse;
  cursor: pointer;
  display: flex;
  height: 110px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 39%;
  transform: translate(-50%,-50%);
  width: 140px;
  z-index: 5
}

.wheel-lootbox .spin-btn__img {
  max-width: 100%
}

.wheel-lootbox .spin-btn--clicked {
  pointer-events: none
}

.wheel-lootbox .spin-btn--clicked .spin-btn__text {
  display: none
}

.wheel-lootbox .spin-btn:active {
  transform: translate(-50%,-50%),scale(.5)
}

.wheel-lootbox .spin-info {
  background: url(images/ls-wheel-info-bg.45c7e5bc..png) top no-repeat;
  bottom: -25px;
  height: 145px;
  left: 50%;
  padding: 40px 0 20px;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
  width: 359px;
  z-index: 4
}

.wheel-lootbox .spin-info__title {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 4px
}

.wheel-lootbox .spin-info__text,.wheel-lootbox .spin-info__title {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center
}

.wheel-lootbox .spin-info__text {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 0
}

.wheel-lootbox .spin-info__text span {
  color: #ffd336
}

.ls-wheel-buttons {
  bottom: 0;
  left: 0;
  margin-top: -32px;
  padding: 0 16px;
  text-align: center;
  width: 100%;
  z-index: 5
}

@media(min-width: 480px) {
  .ls-wheel-buttons {
      margin-top:0
  }
}

@media(min-width: 768px) {
  .ls-wheel-buttons {
      background:unset;
      border: unset;
      bottom: 48px;
      margin-top: 10px;
      padding: 0 48px
  }
}

.ls-wheel-buttons__btn {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: .2px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

@keyframes lightRot-wheel {
  0% {
      transform: rotate(22.5deg)
  }

  50% {
      transform: rotate(22.5deg)
  }

  50.1% {
      transform: rotate(0)
  }

  to {
      transform: rotate(0)
  }
}

@keyframes pulse-wheel {
  0% {
      transform: rotate(-5deg) scaleZ(1)
  }

  50% {
      transform: rotate(0) scale3d(1.1,1.1,1.1)
  }

  to {
      transform: rotate(-5deg) scaleZ(1)
  }
}

@keyframes wheel-waiting {
  0% {
      transform: rotate(-3deg)
  }

  50% {
      transform: rotate(3deg)
  }

  to {
      transform: rotate(-3deg)
  }
}

@keyframes wheel-running {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(1822.5deg)
  }
}

@keyframes wheel-running-1 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(6turn)
  }
}

@keyframes wheel-running-2 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2142deg)
  }
}

@keyframes wheel-running-3 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2124deg)
  }
}

@keyframes wheel-running-4 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2106deg)
  }
}

@keyframes wheel-running-5 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2089deg)
  }
}

@keyframes wheel-running-6 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2071deg)
  }
}

@keyframes wheel-running-7 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2052deg)
  }
}

@keyframes wheel-running-8 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2034deg)
  }
}

@keyframes wheel-running-9 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(2016deg)
  }
}

@keyframes wheel-running-10 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(1997deg)
  }
}

@keyframes wheel-btn-pulse {
  0% {
      transform: translate(-50%,-50%) scale(1)
  }

  to {
      transform: translate(-50%,-50%) scale(1.1)
  }
}

.lucky-box-prizes {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  max-width: 526px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .lucky-box-prizes {
      gap:16px
  }
}

.lucky-box-prizes__box {
  flex-basis: 50%
}

.lucky-box-prizes__show-all.text-btn {
  color: hsla(0,0%,100%,.65);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 143%;
  margin-top: 16px
}

.lucky-kick-widget {
  background: linear-gradient(4.67deg,#288bff 9%,#4343e8 55.67%,#5c01d3 98.62%),radial-gradient(288.54% 66.96% at -61.46% 42.43%,rgba(192,12,255,.92) 0,rgba(108,123,255,0) 100%);
  border-radius: 8px 8px 0 0;
  position: fixed;
  right: -52px;
  top: 50%;
  transform: rotate(-90deg)
}

.lucky-kick-widget__inner {
  align-items: center;
  display: flex;
  height: 48px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  width: 152px
}

.lucky-kick-widget__text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px
}

.lucky-kick-widget__ball {
  animation: rotate 10s linear infinite;
  display: flex;
  position: absolute;
  right: -6px;
  top: -6px
}

.lucky-kick-widget__image--ball {
  height: 46px
}

.lucky-kick-widget__image--air {
  height: 72px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 74px
}

.lucky-kick-widget__count {
  align-items: center;
  background: linear-gradient(180deg,#ffda34,#ffb903);
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255,152,30,.88),0 0 12px rgba(255,205,30,.22);
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  line-height: 22px;
  position: absolute;
  right: -6px;
  top: -6px;
  transform: rotate(90deg);
  width: 24px;
  z-index: 1
}

.metamask-install-modal-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px
}

.metamask-install-modal-block__message,.metamask-sign-up-modal-block__header {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2
}

.metamask-sign-up-modal-block__header {
  align-items: center;
  background-color: #22242c;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-height: 40px;
  padding: 10px;
  text-transform: uppercase;
  width: 100%
}

@media(min-width: 768px) {
  .metamask-sign-up-modal-block__header {
      font-size:20px;
      min-height: 60px;
      padding: 10px 40px
  }
}

.metamask-sign-up-modal-block__body {
  padding: 25px
}

.metamask-sign-up-form {
  display: flex;
  flex-direction: column;
  gap: 25px
}

.metamask-sign-up-form__submit-button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%
}

.page-lootboxes {
  color: #181a1f;
  font-size: 20px;
  font-weight: 400;
  padding: 30px 0;
  position: relative;
  text-align: center
}

.page-lootboxes__container {
  background-color: #0bdede;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative
}

.page-lootboxes__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.page-lootboxes__content {
  padding: 30px;
  position: relative
}

@media(min-width: 768px) {
  .page-lootboxes__content {
      padding:60px 30px
  }
}

.page-lootboxes__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 4px
}

@media(min-width: 768px) {
  .page-lootboxes__title {
      font-size:36px
  }
}

.page-lootboxes__description {
  font-size: 20px;
  margin: 0 auto 30px;
  max-width: 630px
}

@media(min-width: 768px) {
  .page-lootboxes__description {
      margin-bottom:70px
  }
}

.page-lootboxes__button {
  margin-top: 30px
}

@media(min-width: 768px) {
  .page-lootboxes__button {
      margin-top:20px
  }
}

.page-lootboxes__button .deposit-button {
  min-width: 164px
}

.page-lootboxes__boxes {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0
}

@media(min-width: 768px) {
  .page-lootboxes__boxes {
      align-items:flex-start;
      flex-direction: row
  }
}

.page-lootboxes__box {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0 auto 30px;
  text-align: center;
  width: 220px
}

@media(min-width: 768px) {
  .page-lootboxes__box {
      margin:0 50px
  }
}

.page-lootboxes__box:last-child {
  margin: 0 auto
}

@media(min-width: 768px) {
  .page-lootboxes__box:last-child {
      margin:0 50px
  }
}

.page-lootboxes__list {
  grid-gap: 8px;
  counter-reset: list-counter;
  display: grid;
  grid-template-columns: 1fr;
  margin: 30px auto 0;
  max-width: 880px
}

@media(min-width: 768px) {
  .page-lootboxes__list {
      grid-gap:20px;
      grid-template-columns: repeat(3,1fr);
      margin-top: 50px
  }
}

.page-lootboxes__item {
  align-self: stretch;
  background-color: hsla(0,0%,100%,.2);
  border-radius: 8px;
  color: #22242c;
  counter-increment: list-counter;
  display: block;
  font-size: 14px;
  font-weight: 700;
  min-height: 136px;
  padding: 20px;
  text-align: center;
  width: 100%
}

.page-lootboxes__subtitle {
  color: #ec3200;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px
}

.page-lootboxes__subtitle:before {
  content: counter(list-counter) ".";
  display: inline-block;
  margin-right: 5px;
  vertical-align: top
}

.page-lootwheel__tabs {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 0 10px;
  min-height: 32px;
  padding: 0 70px 0 0
}

.page-lootwheel__tab {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  max-width: calc(50% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.page-lootwheel__tab:not(:first-child) {
  margin-left: 20px
}

.page-lootwheel__tab--active,.page-lootwheel__tab--active:active,.page-lootwheel__tab--active:focus {
  color: #fff
}

.page-lootwheel__content {
  display: none
}

.page-lootwheel__content--active {
  display: block
}

.lootwheel-item {
  display: flex
}

.lootwheel-item__description-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5px
}

.lootwheel-item__title {
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 20px
}

.lootwheel-item__win-msg {
  padding: 10px 0
}

.page-tournaments {
  color: #fff;
  display: block;
  padding: 50px 0
}

.page-tournaments__title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center
}

.page-tournaments__grid {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: 1fr
}

@media(min-width: 1200px) {
  .page-tournaments__grid {
      grid-template-columns:repeat(2,1fr)
  }
}

.page-tournaments__cell {
  align-self: stretch;
  display: flex;
  overflow: hidden;
  width: 100%
}

@media(min-width: 1200px) {
  .page-tournaments__cell--large {
      grid-column:span 2
  }
}

.tourn-network-item {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.2;
  margin: 0;
  min-height: 360px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-network-item {
      font-size:24px;
      padding: 32px
  }
}

.tourn-network-item__bg {
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.tourn-network-item__bg img {
  border: none;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.tourn-network-item__content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-network-item__content {
      align-items:flex-end;
      flex-direction: row
  }
}

.tourn-network-item__info {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%
}

.tourn-network-item__button-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 20px 0 0;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-network-item__button-wrapper {
      margin:0 0 0 20px;
      width: auto
  }
}

.tourn-network .tourn-network-item__button-wrapper {
  display: none
}

.tourn-network-item .tourn-network-item__participate {
  text-align: left
}

.tourn-network-item__timer {
  margin-top: auto;
  width: 270px
}

.tourn-network-item__pool,.tourn-network-item__title {
  margin-bottom: 20px
}

.tourn-network-item__timer-label {
  color: hsla(0,0%,100%,.7);
  display: block;
  font-size: 16px;
  margin: 0 0 10px;
  text-align: left;
  width: 100%
}

.tourn-network-item__timer-wrapper {
  margin-top: auto
}

.tourn-pool {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  text-align: left;
  text-transform: none
}

.tourn-pool,.tourn-pool__label {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.tourn-pool__value {
  display: block;
  font-size: 24px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%
}

.game-tourn .tourn-pool {
  font-size: 12px;
  text-align: center
}

.game-tourn .tourn-pool .tourn-pool__value {
  font-size: 16px;
  margin-top: 4px
}

.blocks-timer {
  background-color: #001b33;
  padding: 0
}

.blocks-timer,.blocks-timer__list {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%
}

.blocks-timer__list {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin: 0;
  max-width: 100%;
  padding: 12px 8px
}

.blocks-timer__item {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  min-width: 20%;
  padding: 0 10px;
  position: relative;
  width: auto
}

.blocks-timer__item:before {
  color: hsla(0,0%,100%,.4);
  content: ":";
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  position: absolute;
  right: -4px;
  top: 35%;
  transform: translateY(-50%)
}

.blocks-timer__item:last-child {
  flex: 1
}

.blocks-timer__item:last-child:before {
  display: none
}

.blocks-timer__item:first-child {
  flex: 1
}

.blocks-timer__item:first-child:before {
  display: none
}

.blocks-timer__value {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

.blocks-timer__text,.blocks-timer__value {
  font-family: Open Sans,sans-serif;
  font-style: normal
}

.blocks-timer__text {
  color: hsla(0,0%,100%,.4);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase
}

.tourn-main {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.2;
  margin: 0;
  min-height: 360px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-main {
      font-size:24px;
      padding: 32px
  }
}

.tourn-main__bg {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0
}

.tourn-main__bg,.tourn-main__bg img {
  display: block;
  height: 100%;
  width: 100%
}

.tourn-main__bg img {
  border: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.tourn-main__content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-main__content {
      align-items:flex-end;
      flex-direction: row
  }
}

.tourn-main__info {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%
}

.tourn-main__button-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 20px 0 0;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-main__button-wrapper {
      margin:0 0 0 20px;
      width: auto
  }
}

.tourn-main .tourn-main__participate {
  text-align: left
}

.tourn-main__timer {
  margin-top: auto;
  width: 270px
}

.tourn-main__pool,.tourn-main__title {
  margin-bottom: 20px
}

.tourn-timer {
  color: hsla(0,0%,100%,.7);
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 335px;
  padding: 0;
  text-align: left;
  text-transform: none;
  width: 100%
}

@media(min-width: 960px) {
  .tourn-timer {
      margin:0
  }
}

.tourn-timer__title {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.tourn-timer__timer {
  margin: 10px 0 0
}

.inline-timer {
  background-color: hsla(0,0%,100%,.17);
  border-radius: 4px;
  min-height: 50px;
  padding: 5px;
  text-align: center
}

.inline-timer,.inline-timer__list {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%;
  width: 100%
}

.inline-timer__list {
  margin: 0;
  padding: 0
}

.inline-timer__item {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0 2px;
  position: relative;
  width: auto
}

.inline-timer__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

@media(min-width: 768px) {
  .inline-timer__label {
      font-size:14px
  }
}

.inline-timer__value {
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.inline-timer__text,.inline-timer__value {
  display: block;
  font-size: 16px;
  font-weight: 700
}

.inline-timer__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.pagination {
  gap: 4px;
  margin-top: 16px
}

.pagination,.pagination__item {
  display: flex;
  justify-content: center
}

.pagination__item {
  align-items: center;
  background-color: #2b2d32;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  padding: 8px;
  transition: background-color .3s ease;
  width: 36px
}

.pagination__item--prev {
  font-size: 8px;
  margin-right: 12px
}

.pagination__item--next {
  font-size: 8px;
  margin-left: 12px
}

.pagination__item--disable {
  cursor: not-allowed;
  opacity: .6
}

.pagination__item--disable:hover {
  background-color: #2b2d32
}

.pagination__points {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  padding: 10px;
  text-align: center;
  width: 36px
}

.panel {
  background: rgb(0 78 86);
  bottom: 0;
  display: block;
  height: 56px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100
}

@media(min-width: 960px) {
  .panel {
      display:none
  }
}

.panel__list {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  margin: 0;
  padding: 0
}

@media(min-width: 768px) {
  .panel__list {
      padding:0 8px
  }
}

.panel__item {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 20%
}

.panel__item--main .panel__link {
  flex-direction: column!important;
  font-size: 10px!important;
  line-height: 12px!important
}

.panel__item--main .panel__link .panel__icon {
  align-items: center;
  background: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  border-radius: 50%;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 6px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-top: -20px;
  transition: background .3s ease;
  width: 44px
}

.panel__item--main .panel__link .panel__icon:before {
  color: #fff!important
}

.panel__item--main .panel__link .panel__icon:hover {
  background: #ff3b82
}

.panel__link {
  color: hsla(0,0%,100%,.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans,sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 12px;
  min-height: 56px;
  text-align: center;
  text-transform: capitalize;
  transition: color .3s ease;
  width: 100%
}

@media(min-width: 768px) {
  .panel__link {
      align-items:center;
      flex-direction: row;
      font-size: 12px;
      line-height: 18px
  }
}

.panel__link--active,.panel__link:hover,.panel__link:hover .panel__icon:before {
  color: #fff
}

.panel__link--active .panel__icon:before {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% )!important
}

.panel .panel__icon {
  margin-bottom: 6px
}

@media(min-width: 768px) {
  .panel .panel__icon {
      margin-bottom:0;
      margin-right: 8px
  }
}

.panel .panel__icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.panel-auth {
  align-items: center;
  background: rgb(0 78 86);
  bottom: 0;
  display: flex;
  gap: 12px;
  height: 56px;
  justify-content: space-between;
  left: 0;
  padding: 10px 24px;
  position: fixed;
  width: 100%;
  z-index: 100
}

@media(min-width: 1200px) {
  .panel-auth {
      display:none
  }
}

.panel-auth__button {
  flex: 1
}

.payment-list__image-wrap {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  min-height: 50px;
  min-width: 124px;
  padding: 12px;
  width: 124px
}

.payment-list__image-wrap img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media(max-width: 1199px) {
  .payment-list .payment-list__payment {
      height:50px;
      left: 0;
      padding: 12px!important;
      position: absolute;
      top: 12px;
      width: 124px!important
  }
}

.payment-list__payment-info {
  align-items: center;
  display: flex;
  gap: 24px
}

@media(max-width: 1199px) {
  .payment-list__method {
      display:none
  }
}

.payment-list .payment-list__btn {
  margin: 0
}

@media(max-width: 1199px) {
  .payment-list .payment-list__btn {
      left:0;
      min-width: 124px!important;
      position: absolute;
      top: 70px
  }
}

.payment-list .payment-list__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

@media(min-width: 1200px) {
  .payment-list .payment-list__text {
      margin:0 0 40px
  }
}

.payment-list .payment-list__table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  position: relative;
  table-layout: fixed;
  width: 100%
}

@media(max-width: 1199px) {
  .payment-list .payment-list__table {
      border:none
  }

  .payment-list .payment-list__table thead {
      display: none
  }
}

.payment-list .payment-list__table thead tr th {
  border: none;
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 500;
  height: 60px;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 20px 16px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap
}

@media(min-width: 1200px) {
  .payment-list .payment-list__table thead tr th {
      width:16.6666666667%
  }
}

@media(min-width: 1440px) {
  .payment-list .payment-list__table thead tr th {
      padding:20px
  }
}

@media(min-width: 1680px) {
  .payment-list .payment-list__table thead tr th {
      padding:20px 24px
  }
}

.payment-list .payment-list__table thead tr th:first-child {
  border-radius: 8px 0 0 8px;
  width: 22%
}

.payment-list .payment-list__table thead tr th:last-child {
  border-radius: 0 8px 8px 0;
  padding-right: 0;
  width: 100px
}

@media(min-width: 1200px) {
  .payment-list .payment-list__table thead tr th:last-child {
      color:transparent;
      width: 15%
  }
}

.payment-list .payment-list__table tbody tr {
  border-bottom: 1px solid hsla(0,0%,100%,.12);
  overflow: hidden;
  text-align: center
}

@media(min-width: 767px)and (max-width:1199px) {
  .payment-list .payment-list__table tbody tr {
      padding-left:180px;
      padding-top: 10px
  }
}

@media(max-width: 1199px) {
  .payment-list .payment-list__table tbody tr {
      display:flex;
      flex-wrap: wrap;
      position: relative
  }

  .payment-list .payment-list__table tbody tr:not(:last-child) {
      margin-bottom: 8px
  }
}

.payment-list .payment-list__table tbody tr:last-child,.payment-list .payment-list__table tbody tr:last-child td {
  border-bottom: none
}

.payment-list .payment-list__table tbody tr td {
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  min-width: 90px;
  padding: 10px 10px 10px 0;
  text-align: left;
  vertical-align: middle
}

@media(max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td {
      border:none;
      display: flex;
      flex-direction: column;
      padding-left: 140px;
      width: 100%
  }

  .payment-list .payment-list__table tbody tr td:before {
      -ms-word-wrap: break-word;
      word-wrap: break-word;
      color: hsla(0,0%,100%,.4);
      content: attr(data-title);
      font-size: 12px;
      font-weight: 500;
      left: 0;
      line-height: 16px;
      position: static;
      text-transform: uppercase;
      width: 100%
  }
}

@media(min-width: 767px)and (max-width:1199px) {
  .payment-list .payment-list__table tbody tr td {
      flex:1 1 50%;
      padding-left: 0
  }
}

@media(min-width: 1200px) {
  .payment-list .payment-list__table tbody tr td {
      font-size:16px;
      font-weight: 400;
      padding: 24px 16px
  }
}

@media(min-width: 1440px) {
  .payment-list .payment-list__table tbody tr td {
      padding:20px
  }
}

@media(min-width: 1680px) {
  .payment-list .payment-list__table tbody tr td {
      padding:20px 24px
  }
}

.payment-list .payment-list__table tbody tr td:last-child {
  padding-right: 0;
  width: 100px
}

@media(max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td:first-child,.payment-list .payment-list__table tbody tr td:last-child {
      align-items:center;
      border: none;
      display: flex;
      justify-content: center;
      padding: 0;
      text-align: center
  }

  .payment-list .payment-list__table tbody tr td:first-child:before,.payment-list .payment-list__table tbody tr td:last-child:before {
      display: none
  }
}

@media(min-width: 1200px) {
  .payment-list .payment-list__table tbody tr td:first-child {
      min-width:240px
  }
}

@media(max-width: 1199px) {
  .payment-list .payment-list__table tbody tr td:last-child {
      width:100%
  }
}

@media(min-width: 1200px) {
  .payment-list .payment-list__table tbody tr td:last-child {
      padding-right:16px;
      text-align: right
  }
}

.payment-list .payment-list__table .deposit-button,.payment-list .payment-list__table .withdrawal-button {
  font-size: 14px!important;
  line-height: 20px!important;
  min-width: 105px;
  white-space: nowrap;
  width: auto
}

@media(min-width: 1200px) {
  .payment-list .payment-list__table .deposit-button,.payment-list .payment-list__table .withdrawal-button {
      min-width:unset
  }
}

.btn,.withdrawal-button {
  align-items: center;
  background: #0bdede;
  border: none;
  color: #001b33;
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  transition: background .3s ease,border-color .3s ease,color .3s ease;
  white-space: nowrap
}

.btn:active,.btn:focus,.btn:hover,.withdrawal-button:active,.withdrawal-button:focus,.withdrawal-button:hover {
  background: #0acbcb
}

.btn:not(:disabled),.withdrawal-button:not(:disabled) {
  cursor: pointer
}

.btn:disabled,.withdrawal-button:disabled {
  background: rgba(80,99,133,.4);
  color: hsla(0,0%,100%,.25);
  cursor: not-allowed
}

.btn--secondary {
  background: #384c6b;
  color: #fff
}

.btn--secondary:active,.btn--secondary:focus,.btn--secondary:hover {
  background: #445778
}

.btn--secondary:disabled {
  background: rgba(80,99,133,.4)
}

.btn--third {
  background: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  color: #fff
}

.btn--third:active,.btn--third:focus,.btn--third:hover {
  background: #ff3b82
}

.btn--third:disabled {
  background: rgba(80,99,133,.4)
}

.btn--outline {
  background: transparent;
  border: 1px solid hsla(0,0%,100%,.12);
  color: #fff
}

.btn--outline:active,.btn--outline:focus,.btn--outline:hover {
  background: transparent;
  border-color: hsla(0,0%,100%,.2)
}

.btn--outline:disabled {
  background: transparent;
  border-color: hsla(0,0%,100%,.12)
}

.btn--lg {
  border-radius: 10px;
  height: 56px;
  padding: 16px 24px
}

.btn--lg,.btn--md {
  font-size: 16px;
  line-height: 24px;
  min-width: 100px
}

.btn--md {
  border-radius: 8px;
  height: 48px;
  padding: 12px 20px
}

.btn--sm {
  height: 40px;
  padding: 10px 16px
}

.btn--sm,.btn--xs {
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  min-width: 80px
}

.btn--xs {
  height: 36px;
  padding: 8px 12px
}

.payment-tables__children-content {
  margin: 0 0 36px
}

.payment-tables__tabs {
  align-items: center;
  border-bottom: 1px solid hsla(0,0%,100%,.12);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 0 16px
}

.payment-tables .payment-tables__tab {
  align-items: center;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 20px;
  min-height: 32px;
  overflow: hidden;
  padding: 0 0 14px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: border-color .3s ease,color .3s ease;
  white-space: nowrap
}

.payment-tables .payment-tables__tab:not(:first-child) {
  margin-left: 24px
}

.payment-tables .payment-tables__tab--active,.payment-tables .payment-tables__tab:hover {
  border-bottom: 2px solid #0bdede;
  color: #fff
}

.payment-tables__content {
  display: block
}

.payment-tables__content--hide {
  display: none
}

.profile-modal {
  padding: 24px 16px
}

@media(min-width: 768px) {
  .profile-modal {
      padding:24px
  }
}

.profile-modal__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px
}

@media(min-width: 768px) {
  .profile-modal__title {
      font-size:24px;
      line-height: 32px;
      margin-bottom: 20px
  }
}

.modal--install-app .profile-modal {
  padding: 24px 16px 80px
}

.user-menu__utils {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

@media(min-width: 768px) {
  .user-menu__utils {
      flex-direction:row
  }
}

.user-menu__balance {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  width: 100%
}

@media(min-width: 960px) {
  .user-menu__balance {
      display:none
  }
}

.user-menu__text {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin-bottom: 4px;
  text-transform: uppercase
}

.user-menu__select .select-header-currency__button {
  margin-left: 0!important
}

.user-menu__select .select-header-currency__wrapper {
  left: 0;
  right: unset
}

@media(min-width: 768px) {
  .user-menu__select .select-header-currency__wrapper {
      left:unset;
      right: 0
  }
}

.user-menu .user-menu__deposit-button {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  min-height: unset;
  min-width: unset;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase
}

.user-menu__list {
  list-style: none;
  margin: 16px 0;
  padding: 0
}

@media(min-width: 960px) {
  .user-menu__list {
      margin:8px
  }
}

.user-menu .user-menu__link {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  display: flex;
  padding: 12px 16px;
  position: relative;
  transition: background .3s ease;
  width: 100%
}

.user-menu .user-menu__link:hover {
  background: #384c6b
}

@media(min-width: 768px) {
  .user-menu .user-menu__link:hover {
      background:#445778
  }
}

.user-menu .user-menu__link span {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize
}

.user-menu .user-menu__link:active,.user-menu .user-menu__link:focus {
  background: transparent
}

.user-menu .user-menu__icon {
  margin-right: 12px
}

.user-menu .user-menu__icon:before {
  color: hsla(0,0%,100%,.4)
}

.user-menu .user-menu__icon--right {
  margin: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%)
}

.user-menu .user-menu__icon--verification-confirmed:before {
  color: hsla(0,0%,100%,.4)
}

.user-menu .user-menu__icon--verification-not-confirmed:before {
  color: #ffd336
}

.player-level-user-menu {
  background: rgb(0 78 86);
  border-radius: 8px;
  display: flex;
  padding: 24px;
  width: 100%
}

@media(min-width: 960px) {
  .player-level-user-menu {
      background:#445778;
      border-radius: 0
  }
}

.player-level-user-menu__image {
  height: 44px;
  margin-right: 16px
}

.player-level-user-menu__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.player-level-user-menu__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.player-level-user-menu__icon {
  color: hsla(0,0%,100%,.45)
}

.select-header-currency__list::-webkit-scrollbar {
  width: 4px
}

.select-header-currency__list::-webkit-scrollbar-track {
  background: transparent
}

.select-header-currency__list::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.select-header-currency__list::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .select-header-currency__list {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.select-header-currency {
  position: relative
}

.select-header-currency--open .select-header-currency__icon {
  transform: rotate(180deg)
}

.select-header-currency .select-header-currency__button {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-left: 20px
}

.select-header-currency .select-header-currency__button:hover .select-header-currency__icon:before {
  color: #fff
}

.select-header-currency__balance {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

@media(min-width: 1200px) {
  .select-header-currency__balance {
      font-size:16px;
      line-height: 24px
  }
}

.select-header-currency .select-header-currency__icon {
  font-size: 24px;
  transition: transform .3s ease
}

.select-header-currency .select-header-currency__icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.select-header-currency__wrapper {
  background: #384c6b;
  border-radius: 12px;
  overflow: hidden;
  padding: 8px 4px 8px 8px;
  position: absolute;
  right: 0;
  top: 32px;
  width: 140px;
  z-index: 100
}

.select-header-currency__list {
  border-radius: 12px;
  max-height: 320px;
  overflow: auto
}

.header-currency-item {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 8px 12px 16px;
  transition: background .3s ease;
  width: 100%
}

.header-currency-item:hover {
  background: #445778
}

.header-currency-item__code {
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

@media(min-width: 1200px) {
  .header-currency-item__code {
      font-size:16px;
      line-height: 24px
  }
}

.header-currency-item__code--selected {
  color: #fff
}

.header-currency-item__icon {
  font-size: 24px
}

.sign-out-menu-button.menu-button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 12px 0;
  text-align: center;
  text-transform: uppercase;
  transition: background .3s ease;
  width: 100%
}

.sign-out-menu-button.menu-button:hover {
  background: #445778
}

@media(min-width: 960px) {
  .sign-out-menu-button.menu-button {
      border-radius:0;
      border-top: 1px solid hsla(0,0%,100%,.12);
      font-size: 16px;
      font-weight: 400;
      justify-content: flex-start;
      line-height: 24px;
      padding: 20px 24px;
      text-transform: capitalize
  }
}

.sign-out-menu-button .sign-out-menu-button__icon {
  margin-right: 12px
}

.sign-out-menu-button .sign-out-menu-button__icon:before {
  color: hsla(0,0%,100%,.4)
}

.menu-button {
  align-items: center;
  background: transparent none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  margin: 0;
  min-height: 36px;
  padding: 5px 20px;
  text-shadow: none;
  text-transform: none;
  transition: color .3s ease,background-color .3s ease;
  width: 100%
}

.menu-button,.menu-button:active,.menu-button:focus {
  color: hsla(0,0%,100%,.65);
  outline: none;
  text-decoration: none
}

.menu-button:hover {
  background-color: #000;
  color: #fff
}

.promo-item {
  align-items: center;
  align-self: stretch;
  background-color: #22242c;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 600;
  justify-content: flex-start;
  line-height: 1.2;
  margin: 0;
  min-height: 100%;
  overflow: hidden;
  padding: 44px 20px;
  position: relative;
  text-align: left;
  width: 100%
}

@media(min-width: 768px) {
  .promo-item {
      padding:40px 50px
  }
}

.promo-item__bg {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%
}

.promo-item__content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .promo-item__content {
      max-width:60%
  }
}

@media(min-width: 1200px) {
  .promo-item--small .promo-item__content {
      max-width:100%
  }
}

.promo-item__subtitle {
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: capitalize
}

@media(min-width: 768px) {
  .promo-item__subtitle {
      font-size:24px
  }
}

.promo-item__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

@media(min-width: 768px) {
  .promo-item__title {
      font-size:32px
  }
}

.promo-item__bnt-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: auto 0 0;
  padding: 20px 0 0;
  position: relative;
  width: 100%
}

.promo-item .promo-item__terms {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  text-decoration: none;
  transition: color .3s ease
}

.promo-item .promo-item__terms:hover {
  color: #0bdede
}

.promo-list__title {
  padding-bottom: 30px
}

.promo-list__bonuses-grid {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2,1fr)
}

@media(min-width: 768px) {
  .promo-list__bonuses-grid {
      grid-gap:30px
  }
}

.promo-list__bonuses-grid-cell {
  grid-column: span 2;
  min-height: 360px
}

@media(min-width: 1200px) {
  .promo-list__bonuses-grid-cell--small {
      grid-column:span 1
  }
}

.promo-page__section:not(:last-child) {
  padding-bottom: 30px
}

@media(min-width: 768px) {
  .promo-page__section:not(:last-child) {
      padding-bottom:45px
  }
}

@media(min-width: 1200px) {
  .promo-page__section:not(:last-child) {
      padding-bottom:50px
  }
}

.promotions-block {
  margin-bottom: 40px
}

@media(min-width: 768px) {
  .promotions-block {
      margin-bottom:48px
  }
}

.promotions-block__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 32px 0 8px
}

@media(min-width: 1200px) {
  .promotions-block__title {
      font-size:24px;
      line-height: 32px;
      margin: 40px 0 8px
  }
}

.promotions-block__description {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 24px
}

.promotions-block__cards {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 24px;
  row-gap: 12px
}

@media(min-width: 768px) {
  .promotions-block__cards {
      -moz-column-gap:12px;
      column-gap: 12px;
      grid-template-columns: 1fr 1fr
  }
}

@media(min-width: 1200px) {
  .promotions-block__cards {
      -moz-column-gap:16px;
      column-gap: 16px;
      row-gap: 16px
  }
}

.promotions-block__card {
  border-radius: 12px;
  min-height: 268px;
  overflow: hidden
}

.promotions-block__card--full {
  grid-column: 1/-1
}

@media(min-width: 480px) {
  .promotions-block__card {
      min-height:264px
  }
}

@media(min-width: 768px) {
  .promotions-block__card {
      min-height:294px
  }
}

@media(min-width: 1200px) {
  .promotions-block__card {
      min-height:312px
  }
}

.promotions-block--active {
  margin-top: 32px
}

@media(min-width: 1200px) {
  .promotions-block--active {
      margin-top:40px
  }
}

.promotions-card-snippet {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 16px 16px 32px;
  position: relative;
  width: 100%
}

@media(min-width: 1200px) {
  .promotions-card-snippet {
      padding:24px 24px 40px
  }
}

.promotions-card-snippet__background {
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}

.promotions-card-snippet__content {
  text-align: center
}

.promotions-card-snippet .promotions-card-snippet__button {
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase
}

.mystery-drops-promotions-card__logo {
  margin-bottom: 12px;
  width: 140px
}

@media(min-width: 1200px) {
  .mystery-drops-promotions-card__logo {
      margin-bottom:8px;
      width: 180px
  }
}

.mystery-drops-promotions-card__text {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin: 0 0 12px;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .mystery-drops-promotions-card__text {
      font-size:14px;
      font-weight: 700;
      line-height: 20px
  }
}

.mystery-drops-promotions-card__value {
  color: #ffd336;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-align: center
}

.mystery-drops-promotions-card__value span {
  font-family: Open Sans,sans-serif!important
}

.mystery-drops-promotions-card__value .od-total-wrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.mystery-drops-promotions-card__value .od-total-wrapper>span {
  font-family: Open Sans,sans-serif!important
}

@media(min-width: 1200px) {
  .mystery-drops-promotions-card__value {
      font-size:32px;
      line-height: 40px
  }
}

.lucky-spin-promotions-card__logo {
  margin: 0 0 12px;
  width: 120px
}

@media(min-width: 1200px) {
  .lucky-spin-promotions-card__logo {
      width:140px
  }
}

.lucky-spin-promotions-card__text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  max-width: 280px
}

@media(min-width: 1200px) {
  .lucky-spin-promotions-card__text {
      font-size:24px;
      line-height: 32px;
      max-width: 380px
  }
}

.lucky-spin-promotions-card__text--accent {
  color: #ffd336
}

.promotions-categories {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%
}

.promotions-categories:after {
  background: hsla(0,0%,100%,.12);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}

.promotions-categories__buttons {
  -ms-overflow-style: none;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 13px;
  scrollbar-width: none
}

.promotions-categories__buttons::-webkit-scrollbar {
  display: none
}

.promotions-categories .promotions-categories__button {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap
}

.promotions-categories .promotions-categories__button--active,.promotions-categories .promotions-categories__button:active,.promotions-categories .promotions-categories__button:focus,.promotions-categories .promotions-categories__button:hover {
  color: #fff
}

.promotions-categories .promotions-categories__button--active:after {
  background: #0bdede;
  bottom: -13px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%
}

.promotions-sportsbook-switcher {
  background: rgba(0,27,51,.65);
  border-radius: 100px;
  display: flex;
  height: 40px;
  margin: 0 auto 32px;
  max-width: 180px;
  overflow: hidden;
  padding: 4px;
  width: 100%
}

@media(min-width: 768px) {
  .promotions-sportsbook-switcher {
      height:56px;
      margin: 0 auto 48px;
      max-width: 412px
  }
}

@media(min-width: 1200px) {
  .promotions-sportsbook-switcher {
      margin:0 auto 56px
  }
}

@media(min-width: 1440px) {
  .promotions-sportsbook-switcher {
      margin:0 auto 64px
  }
}

.promotions-sportsbook-switcher__item {
  align-items: center;
  border-radius: 100px;
  display: flex;
  height: 100%;
  justify-content: center;
  transition: background .3s ease;
  width: 100%
}

.promotions-sportsbook-switcher__item:hover:not(.promotions-sportsbook-switcher__item--active) .promotions-sportsbook-switcher__icon:before {
  color: #fff!important
}

.promotions-sportsbook-switcher__item:hover:not(.promotions-sportsbook-switcher__item--active) .promotions-sportsbook-switcher__title {
  color: #fff
}

.promotions-sportsbook-switcher__item--active {
  background: #384c6b
}

.promotions-sportsbook-switcher__item--active .promotions-sportsbook-switcher__icon:before {
  color: #0bdede!important
}

.promotions-sportsbook-switcher__item--active .promotions-sportsbook-switcher__title {
  color: #fff
}

.promotions-sportsbook-switcher__icon {
  display: none;
  margin-right: 8px
}

.promotions-sportsbook-switcher__icon:before {
  color: hsla(0,0%,100%,.4)!important;
  transition: color .3s ease
}

@media(min-width: 768px) {
  .promotions-sportsbook-switcher__icon {
      display:block
  }
}

.promotions-sportsbook-switcher__title {
  color: hsla(0,0%,100%,.65);
  display: none;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  text-transform: uppercase;
  transition: color .3s ease
}

@media(min-width: 768px) {
  .promotions-sportsbook-switcher__title {
      display:block
  }
}

.promotions-sportsbook-switcher__title--mobile {
  display: block
}

@media(min-width: 768px) {
  .promotions-sportsbook-switcher__title--mobile {
      display:none
  }
}

.related-games-slider {
  margin-bottom: 24px
}

@media(min-width: 768px) {
  .related-games-slider {
      margin-bottom:32px
  }
}

.base-slider__horiz-scroll .related-games-slider__item {
  aspect-ratio: 1;
  width: calc(50vw - 20px)
}

@media(min-width: 480px) {
  .base-slider__horiz-scroll .related-games-slider__item {
      width:calc(33.33333vw - 16px)
  }
}

@media(min-width: 768px) {
  .base-slider__horiz-scroll .related-games-slider__item {
      width:calc(25vw - 20px)
  }
}

@media(min-width: 960px) {
  .base-slider__horiz-scroll .related-games-slider__item {
      width:calc(20vw - 18px)
  }
}

@media(min-width: 1200px) {
  .base-slider__horiz-scroll .related-games-slider__item {
      width:unset
  }
}

.related-game {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.related-game__block-img {
  border-radius: 8px;
  display: flex;
  font-size: 0;
  margin: 0 0 16px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}

.related-game__img {
  border: none;
  height: 100%;
  width: 100%
}

.related-game__action {
  align-items: center;
  background-color: rgba(0,27,51,.65);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: 0;
  transition: opacity .3s ease;
  width: 100%
}

.related-game:hover .related-game__action {
  opacity: 0
}

@media(min-width: 1200px) {
  .related-game:hover .related-game__action {
      opacity:1
  }
}

.related-game__favorite {
  border-radius: 50%;
  display: none;
  opacity: 0;
  padding: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: opacity .3s ease,background .3s ease;
  z-index: 10
}

@media(min-width: 1200px) {
  .related-game__favorite {
      display:block
  }
}

.related-game__favorite:hover {
  background: rgba(0,27,51,.65)
}

.related-game__favorite--add {
  color: #fff
}

.related-game__favorite--remove {
  color: #0bdede!important
}

.related-game:hover .related-game__favorite {
  opacity: 1
}

@media(max-width: 1200px) {
  .related-game:hover .related-game__favorite {
      opacity:0
  }
}

.related-game__buttons {
  display: block;
  margin: 8% 0 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.related-game .related-game__button--play {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 20px;
  height: 100%;
  justify-content: center;
  left: 50%;
  min-height: unset;
  min-width: unset;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

@media(min-width: 1200px) {
  .related-game .related-game__button--play {
      border-radius:50%;
      height: 56px;
      left: unset;
      position: relative;
      top: unset;
      transform: unset;
      width: 56px
  }
}

.related-game__play {
  align-items: center;
  display: flex;
  justify-content: center
}

.related-game__icon--play {
  font-size: 20px!important
}

.related-game__name {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.resend-confirmation-instructions-modal-content {
  width: 100%
}

.resend-confirmation-instructions-modal-content__content {
  margin: 0 0 32px;
  text-align: center
}

.resend-confirmation-instructions-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 16px;
  padding: 0 45px
}

.resend-confirmation-instructions-modal-content__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

.resend-confirmation-instructions-modal-content__text:last-child {
  margin: 0
}

.resend-confirmation-instructions-modal-content__link {
  color: #0bdede;
  transition: color .3s ease
}

.resend-confirmation-instructions-modal-content__link:hover {
  color: #0acbcb
}

.resend-confirmation-instructions-modal-content__form {
  margin: 0 0 16px
}

.resend-confirmation-instructions-modal-content__footer {
  text-align: center
}

.resend-confirmation-instructions-modal-content .resend-confirmation-instructions-modal-content__login-link {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px
}

.resend-confirmation-instructions-modal-content__login-arr {
  font-size: 10px;
  line-height: 10px;
  transform: rotate(180deg)
}

.resend-confirmation-instructions-modal-content__resend-info {
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin: 16px auto 0
}

.reset-password-modal-content {
  width: 100%
}

.reset-password-modal-content__content {
  margin: 0 0 32px;
  text-align: center
}

.reset-password-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px
}

.reset-password-modal-content__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

.reset-password-modal-content__text:last-child {
  margin: 0
}

.reset-password-modal-content__link {
  color: #00dccd;
  transition: color .3s ease
}

.reset-password-modal-content__link:hover {
  color: #1df0e2
}

.reset-password-modal-content__form {
  margin: 0 0 20px
}

.reset-password-modal-content__footer {
  text-align: center
}

.reset-password-modal-content .reset-password-modal-content__login-link {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px
}

.reset-password-modal-content__login-arr {
  font-size: 22px;
  line-height: 22px
}

.responsible-game-modal {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 48px 48px
}

.responsible-game-modal__buttons {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  margin-top: 32px;
  width: 100%
}

.responsible-game-modal__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 24px;
  text-align: center
}

.responsible-game-modal__text {
  color: hsla(0,0%,100%,.65);
  font-weight: 400
}

.responsible-game-modal .responsible-game-modal__button,.responsible-game-modal__text {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  text-align: center
}

.responsible-game-modal .responsible-game-modal__button {
  font-weight: 700;
  height: 48px;
  letter-spacing: .2px;
  text-transform: uppercase;
  width: 100%
}

.responsible-game-modal .responsible-game-modal__button--cancel {
  background: #384c6b;
  border: none;
  color: #fff;
  transition: background .3s ease
}

.responsible-game-modal .responsible-game-modal__button--cancel:active,.responsible-game-modal .responsible-game-modal__button--cancel:focus,.responsible-game-modal .responsible-game-modal__button--cancel:hover {
  background: #445778;
  border: none
}

.rules {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .rules {
      padding:40px 48px 32px
  }
}

.rules--open:after,.rules--without-button:after {
  display: none
}

.rules:after {
  background: linear-gradient(180deg,rgba(38,59,87,0),rgba(38,59,87,.76) 64.58%,rgb(0 78 86));
  bottom: 64px;
  content: "";
  height: 112px;
  left: 0;
  position: absolute;
  width: 100%
}

@media(min-width: 768px) {
  .rules:after {
      bottom:80px
  }
}

.rules li+li {
  margin-top: 10px
}

@media(min-width: 768px) {
  .rules li+li {
      margin-top:12px
  }
}

.rules__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px
}

@media(min-width: 768px) {
  .rules__title {
      font-size:20px;
      line-height: 30px;
      margin-bottom: 0 0 16px 0
  }
}

.rules__content {
  max-height: 272px;
  overflow: hidden;
  width: 100%
}

@media(min-width: 768px) {
  .rules__content {
      max-height:320px
  }
}

.rules__content--open,.rules__content--without-button {
  margin: 0 0 24px;
  max-height: unset;
  width: 100%
}

@media(min-width: 768px) {
  .rules .rules__button {
      font-size:16px;
      height: 48px;
      line-height: 24px;
      min-width: 300px;
      padding: 12px 20px
  }
}

.rules__icon {
  transition: transform .3s ease
}

.rules__icon--open {
  transform: rotate(180deg)
}

.search-modal {
  -ms-overflow-style: none;
  background: rgb(0 78 86);
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none
}

.search-modal::-webkit-scrollbar {
  display: none
}

@media(min-width: 768px) {
  .search-modal {
      max-height:800px;
      min-height: 800px
  }
}

.select-games-search-for-modal__dropdown {
  padding: 0 8px 56px
}

@media(min-width: 768px) {
  .select-games-search-for-modal__dropdown {
      padding:0 16px 64px
  }
}

.select-games-search-for-modal__dropdown--no-button {
  padding: 0 8px 8px
}

@media(min-width: 768px) {
  .select-games-search-for-modal__dropdown--no-button {
      padding:0 16px 16px
  }
}

.select-games-search-for-modal__dropdown .option--highlighted {
  background: transparent;
  color: unset
}

.select-games-search-for-modal .select-games-search-for-modal__option {
  border-radius: 8px;
  padding: 12px 8px;
  position: relative;
  transition: background .3s ease
}

@media(min-width: 768px) {
  .select-games-search-for-modal .select-games-search-for-modal__option {
      padding:12px 16px
  }
}

.select-games-search-for-modal .select-games-search-for-modal__option:hover {
  background: #384c6b
}

.select-games-search-for-modal .select-games-search-for-modal__option:hover .select-games-search-for-modal__game-icon {
  opacity: 1
}

.select-games-search-for-modal__option-link {
  display: flex
}

.select-games-search-for-modal__option-image {
  border-radius: 8px;
  height: 56px;
  margin-inline-end:16px;width: 56px
}

.select-games-search-for-modal__option-name {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.select-games-search-for-modal__name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px
}

.select-games-search-for-modal__provider {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize
}

.select-games-search-for-modal__game-icon {
  color: hsla(0,0%,100%,.65);
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease
}

.select-games-search-for-modal__footer {
  align-items: center;
  background: rgb(0 78 86);
  border-top: 1px solid #001c2c;
  bottom: 0;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 0;
  position: fixed;
  transition: background .3s ease;
  width: 100%
}

.select-games-search-for-modal__footer:hover {
  background: #384c6b
}

.select-games-search-for-modal__footer .text-btn {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 24px;
  text-transform: uppercase;
  width: 100%
}

.select-games-search-for-modal__not-found {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 16px 8px 32px
}

@media(min-width: 768px) {
  .select-games-search-for-modal__not-found {
      padding:8px 16px 32px
  }
}

.search-modal-header {
  background: rgb(0 78 86);
  left: 0;
  padding: 68px 16px 16px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1
}

@media(min-width: 480px) {
  .search-modal-header {
      padding:16px
  }
}

@media(min-width: 768px) {
  .search-modal-header {
      padding:24px 32px
  }
}

.search-modal-header__search-bar {
  margin-top: 20px;
  position: relative
}

@media(min-width: 768px) {
  .search-modal-header__search-bar {
      margin-top:24px
  }
}

.search-modal-header__clear-icon {
  color: hsla(0,0%,100%,.4);
  inset-inline-end: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10
}

.search-modal-header .search-modal-header__input {
  border-radius: 8px;
  height: 48px;
  overflow: hidden;
  padding: 0
}

.search-modal-header .search-modal-header__input .input__native {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  margin: 0;
  padding: 0 48px 0 12px!important
}

.search-modal-header .search-modal-header__input .input__left-container {
  margin-right: 0;
  padding-left: 16px
}

.search-modal-tabs {
  display: flex
}

.body--ar .search-modal-tabs {
  flex-direction: row-reverse
}

.search-modal-tabs__wrapper {
  background: rgba(0,27,51,.65);
  border-radius: 100px;
  display: flex;
  padding: 4px
}

.search-modal-tabs .search-modal-tabs__tab {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 6px 16px;
  text-transform: uppercase
}

.search-modal-tabs .search-modal-tabs__tab--active {
  background: var (--header-color)!important;
  border-radius: 51px;
  color: #fff!important
}

.games-block-recommended__title {
  color: #fff;
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 0 8px 16px
}

@media(min-width: 768px) {
  .games-block-recommended__title {
      padding:0 16px 16px
  }
}

.games-block-recommended__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.games-block-recommended__item {
  border-radius: 8px;
  position: relative;
  transition: background .3s ease
}

.games-block-recommended__item:hover {
  background: #384c6b
}

.games-block-recommended__item:hover .games-block-recommended__game-icon {
  opacity: 1
}

.games-block-recommended__link {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 12px 8px;
  width: 100%
}

@media(min-width: 768px) {
  .games-block-recommended__link {
      padding:12px 16px
  }
}

.games-block-recommended__image {
  border-radius: 8px;
  height: 56px;
  margin-inline-end:16px;width: 56px
}

.games-block-recommended__content {
  display: flex;
  flex-direction: column
}

.games-block-recommended__name {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px
}

.games-block-recommended__name,.games-block-recommended__provider {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  font-weight: 400
}

.games-block-recommended__provider {
  color: hsla(0,0%,100%,.4);
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize
}

.games-block-recommended__game-icon {
  color: hsla(0,0%,100%,.65);
  inset-inline-end: 12px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease
}

.body--ar .games-block-recommended__game-icon {
  transform: translateY(-50%) scaleX(-1)
}

.categories-search__content {
  height: 100%;
  padding: 0 16px 16px
}

@media(min-width: 768px) {
  .categories-search__content {
      padding:0 32px 24px
  }
}

.categories-search__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px
}

@media(min-width: 480px) {
  .categories-search__list {
      gap:8px;
      grid-template-columns: 1fr 1fr
  }
}

@media(min-width: 768px) {
  .categories-search__list {
      grid-template-columns:1fr 1fr 1fr
  }
}

.categories-search__link {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 12px;
  line-height: 20px;
  min-height: 56px;
  padding-block:16px;padding-inline:16px 25px;position: relative;
  transition: background .3s ease
}

.categories-search__link:hover {
  background: #445778
}

.categories-search__link:hover .categories-search__caret {
  opacity: 1
}

.categories-search__icon {
  color: #0bdede
}

.categories-search__caret {
  color: #fff;
  font-size: 24px;
  inset-inline-end: 16px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease
}

.body--ar .categories-search__caret {
  transform: translateY(-50%) scaleX(-1)
}

.categories-search__not-found {
  color: hsla(0,0%,100%,.45);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-top: 16px
}

.select__dropdown::-webkit-scrollbar {
  width: 4px
}

.select__dropdown::-webkit-scrollbar-track {
  background: transparent
}

.select__dropdown::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .select__dropdown {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.select {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.select .input {
  padding: 0 12px 0 16px
}

.select__dropdown {
  background: #384c6b;
  border-radius: 8px;
  display: block;
  left: 0;
  margin: 0;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 100
}

.select__arrow-icon-wrapper {
  background: none;
  border: none;
  color: hsla(0,0%,100%,.4);
  cursor: pointer;
  display: flex;
  padding: 0;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform .3s ease,color .3s ease
}

.select__arrow-icon-wrapper--open {
  transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select__arrow-icon-wrapper,.dynamic-form-pnp .select--one .select__bottom-line {
  display: none
}

.games-page-providers__dropdown {
  display: flex;
  flex-direction: column;
  padding: 0 8px 16px
}

@media(min-width: 768px) {
  .games-page-providers__dropdown {
      -moz-column-gap:8px;
      column-gap: 8px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      padding: 0 32px 24px;
      row-gap: 8px
  }
}

.games-page-providers__dropdown .option--highlighted {
  background: transparent;
  color: unset
}

@media(min-width: 768px) {
  .games-page-providers__dropdown .option--highlighted {
      background:#384c6b
  }
}

.games-page-providers .games-page-providers__item {
  border-radius: 8px;
  height: 56px;
  padding: 0;
  transition: background .3s ease
}

.games-page-providers .games-page-providers__item:hover {
  background: #384c6b
}

@media(min-width: 768px) {
  .games-page-providers .games-page-providers__item {
      background:#384c6b
  }

  .games-page-providers .games-page-providers__item:hover {
      background: #445778
  }
}

.games-page-providers .games-page-providers__link {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: 20px;
  padding: 12px 8px;
  width: 100%
}

@media(min-width: 768px) {
  .games-page-providers .games-page-providers__link {
      padding:12px 16px
  }
}

.games-page-providers__image-wrapper {
  height: 32px;
  margin-inline-end:12px;width: 32px
}

.games-page-providers__image {
  height: 100%;
  width: 100%
}

.games-page-providers__not-found {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  grid-column-end: 3;
  grid-column-start: 1;
  line-height: 24px;
  padding: 16px 8px 0
}

@media(min-width: 768px) {
  .games-page-providers__not-found {
      padding:16px 0 0
  }
}

.self-assessment-result {
  padding: 30px
}

.self-assessment-result__footer {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.title {
  text-transform: uppercase
}

.sidebar-menu-info {
  list-style: none;
  margin: 0;
  padding: 24px 16px 0
}

.sidebar-menu-info__item {
  margin-bottom: 16px
}

.sidebar-menu-info__item:last-child {
  margin-bottom: 0
}

.sidebar-menu-info__link {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
  transition: color .3s ease
}

.sidebar-menu-info__link:hover {
  color: #fff
}

.sidebar-menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%
}

.sidebar-menu-main__link {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 12px 16px;
  text-transform: uppercase;
  transition: background .3s ease
}

.sidebar-menu-main__link:hover {
  background: rgb(0 78 86);
  filter: brightness(1.2);
}

.sidebar-menu-main__link--current .sidebar-menu-main__icon:before {
  color: #0bdede!important
}

.sidebar-menu-main__link--mystery-drops {
  background: linear-gradient(271deg, #001c2c .62%, rgb(0 78 86) 99.38%);
  margin-bottom: 8px;
  margin-top: 8px
}

.sidebar-menu-main__link--mystery-drops:hover {
  background: linear-gradient(271deg, #001c2c .62%, rgb(0 78 86) 99.38%);
  filter: brightness(1.1);
}

.sidebar-menu-main__link--lucky-spin {
  background: linear-gradient(268.9deg,rgba(182,26,255,.08),rgba(255,26,150,.3));
  margin-bottom: 8px
}

.sidebar-menu-main__link--lucky-spin img {
  animation: rotate 4s linear infinite
}

.sidebar-menu-main__link--lucky-spin:hover {
  background: linear-gradient(268.9deg,rgba(182,26,255,.08),rgba(255,26,150,.3))
}

.sidebar-menu-main .sidebar-menu-main__icon {
  font-size: 24px;
  margin-right: 20px
}

.sidebar-menu-main .sidebar-menu-main__icon:before {
  color: hsla(0,0%,100%,.4)
}

.sidebar-menu-main .sidebar-menu-main__image {
  height: 36px;
  width: 36px
}

.sidebar-menu-main__image-wrapper {
  display: flex;
  margin-inline-end:12px;overflow: hidden;
  position: relative
}

.sidebar-menu-main__line {
  animation: line 10s linear infinite;
  left: 0;
  position: absolute;
  top: -30px;
  transform: translate(-100%)
}

.sidebar-menu-main__tag-wrapper {
  position: absolute;
  right: 24px
}

.sidebar-menu-main__tag {
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding: 4px 6px;
  text-transform: uppercase;
  z-index: 0
}

.sidebar-menu-main__tag--new {
  background: #1adb4a;
  color: #001b33
}

.sidebar-menu-main__tag--top {
  background: #00dccd;
  color: #001b33
}

.sidebar-menu-main__tag--cashback {
  background: #7e14ff;
  color: #fff
}

.sidebar-menu-main__tag--hot {
  background: #0bdede;
  color: #fff
}

.sidebar-menu-main__tag--exclusive {
  background: radial-gradient(243.63% 279.45% at 127.61% -17.5%,#2ad0ca 0,#e1f664 22.92%,#feb0fe 56.7%,#5df7a4 98.15%);
  color: #001b33
}

.sidebar-menu-main__tag--night {
  background: #e212ff;
  color: #fff
}

.sidebar-menu-main__tag--evo-prime,.sidebar-menu-main__tag--platin-jackpot {
  height: 24px;
  padding: 0;
  width: 24px
}

.sidebar-menu-main__tag--jackpot {
  background: #ffd336;
  bottom: 8px;
  color: #001b33;
  left: 8px;
  opacity: 1;
  position: absolute;
  transition: opacity .3s ease
}

@media(min-width: 1200px) {
  .sidebar-menu-main:hover .sidebar-menu-main__tag--jackpot {
      opacity:0
  }
}

@keyframes line {
  0% {
      transform: translate(-100%)
  }

  3% {
      transform: translate(100%,100%)
  }

  to {
      transform: translate(100%,100%)
  }
}

.sign-in-page {
  overflow: hidden;
  padding: 126px 16px 0;
  position: relative;
  z-index: 5
}

@media(min-width: 480px) {
  .sign-in-page {
      padding:134px 48px 48px
  }
}

@media(min-width: 1200px) {
  .sign-in-page {
      padding:56px 48px 48px
  }
}

.sign-in-page__background {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%)
}

@media(min-width: 1200px) {
  .sign-in-page__background {
      display:none
  }
}

.sign-in-page__background:after {
  background: linear-gradient(180deg,rgba(38,59,87,.3),rgb(0 78 86) 66.18%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.sign-in-page__background--gradient {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

@media(min-width: 1200px) {
  .sign-in-page__background--gradient {
      display:block
  }
}

.sign-in-page__gradient {
  position: absolute
}

.sign-in-page__gradient--blue {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  bottom: 60%;
  height: 560px;
  left: -92.29%;
  right: 5.62%;
  top: -87.27%;
  width: 896px
}

.sign-in-page__gradient--red {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  bottom: -89.55%;
  height: 610px;
  left: 21.67%;
  right: -108.33%;
  top: 50.91%;
  width: 896px
}

.sign-in-page__form {
  position: relative
}

.sign-in-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 24px;
  position: relative
}

@media(min-width: 1200px) {
  .sign-in-page__title {
      font-size:24px;
      line-height: 32px;
      margin-bottom: 32px;
      text-align: center
  }
}

.login-form .login-form__form-element,.login-form__two-factor-errors {
  margin-bottom: 12px
}

.login-form__forgot-password-link-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  width: 100%
}

.login-form__forgot-password-link {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: color .3s ease
}

.login-form__forgot-password-link:hover {
  color: #fff
}

.login-form__sign-up-link {
  color: #00dccd;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px;
  transition: color .3s ease
}

.login-form__sign-up-link:hover {
  color: #1df0e2
}

.login-form .login-form__submit-button {
  margin: 16px 0 0;
  width: 100%
}

.login-form__footer {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  flex-direction: column;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  margin-top: 20px;
  width: 100%
}

.login-form__swap-modal {
  display: none
}

@media(min-width: 1200px) {
  .login-form__swap-modal {
      display:block
  }
}

.sign-up-page {
  z-index: 5
}

.sign-up-page--no-bonus .sign-up-page__steps,.sign-up-page--no-bonus .welcome-bonus-sign-up__title {
  display: none
}

.sign-up-page__form {
  padding: 34px 16px 32px
}

@media(min-width: 480px) {
  .sign-up-page__form {
      padding-left:48px;
      padding-right: 48px
  }
}

.sportsbook-iframe-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  min-width: 100vw;
  position: relative
}

.sportsbook-iframe-wrapper .sign-form-switcher {
  display: none!important
}

.sportsbook-iframe-wrapper__content {
  background: rgb(0 78 86);
  border-radius: 20px;
  margin: 20px 0;
  max-width: 900px;
  position: relative;
  width: calc(100% - 20px)
}

@media(max-width: 767px) {
  .sportsbook-iframe-wrapper__content {
      border-radius:0;
      margin: 0;
      min-height: 100vh;
      width: 100%
  }
}

@media(min-width: 768px) {
  .sportsbook-iframe-wrapper--sign-up .sportsbook-iframe-wrapper__content {
      max-width:480px;
      overflow: hidden
  }
}

@media(min-width: 1200px) {
  .sportsbook-iframe-wrapper--sign-up .sportsbook-iframe-wrapper__content {
      max-width:1024px
  }
}

.sportsbook-iframe-wrapper--confirmation-instructions .sportsbook-iframe-wrapper__content,.sportsbook-iframe-wrapper--edit-password .sportsbook-iframe-wrapper__content,.sportsbook-iframe-wrapper--forgot-password .sportsbook-iframe-wrapper__content,.sportsbook-iframe-wrapper--sign-in .sportsbook-iframe-wrapper__content,.sportsbook-iframe-wrapper--unlock-instructions .sportsbook-iframe-wrapper__content {
  max-width: 480px
}

.sportsbook-iframe-wrapper__content>* {
  position: relative;
  z-index: 1
}

.sportsbook-iframe-wrapper__backdrop {
  background: transparent none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.sign-up-page {
  display: block;
  overflow: hidden;
  position: relative
}

@media(min-width: 1200px) {
  .sign-up-page {
      display:flex;
      flex-direction: row-reverse;
      height: unset;
      min-height: 680px
  }
}

.sign-up-page__column {
  position: relative;
  width: 100%
}

@media(min-width: 1200px) {
  .sign-up-page__column {
      width:50%
  }
}

.sign-up-page__steps--desktop {
  bottom: 32px;
  display: none;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 100%;
  z-index: 3
}

@media(min-width: 1200px) {
  .sign-up-page__steps--desktop {
      display:block
  }
}

.sign-up-page__steps--mobile {
  margin-bottom: 16px;
  margin-top: 32px
}

@media(min-width: 768px) {
  .sign-up-page__steps--mobile {
      margin-bottom:32px
  }
}

@media(min-width: 1200px) {
  .sign-up-page__steps--mobile {
      display:none
  }
}

.sign-up-page__form {
  padding: 48px 16px 0
}

@media(min-width: 480px) {
  .sign-up-page__form {
      padding:48px 48px 0
  }
}

@media(min-width: 1200px) {
  .sign-up-page__form {
      padding:48px 56px
  }

  .welcome-bonus-sign-up__logo {
      display: inline-block
  }
}

.success-after-registration {
  position: relative
}

.success-after-registration :last-child {
  margin-bottom: 0!important
}

.success-after-registration__image {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%)
}

.success-after-registration__content {
  padding: 310px 16px 48px;
  position: relative;
  text-align: center;
  z-index: 5
}

@media(min-width: 480px) {
  .success-after-registration__content {
      padding:296px 48px 48px
  }
}

.success-after-registration__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px
}

.success-after-registration__text {
  color: hsla(0,0%,100%,.65);
  display: inline-block;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px
}

.success-after-registration__text:last-of-type {
  margin-bottom: 40px
}

.success-after-registration__btn,.support-confirm-modal-content {
  width: 100%
}

.support-confirm-modal-content__content {
  margin: 0 0 32px;
  text-align: center
}

.support-confirm-modal-content__icon {
  align-items: center;
  background: rgba(0,220,205,.08);
  border-radius: 50%;
  color: #00dccd;
  display: flex;
  height: 100px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 100px
}

.support-confirm-modal-content__icon i {
  font-size: 42px!important
}

.support-confirm-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 16px
}

.support-confirm-modal-content__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

.support-confirm-modal-content__text:last-child {
  margin: 0
}

.support-confirm-modal-content__text span {
  color: #fff;
  display: block;
  width: 100%
}

.support-confirm-modal-content__link {
  color: #00dccd;
  transition: color .3s ease
}

.support-confirm-modal-content__link:hover {
  color: #0acbcb
}

.support-confirm-modal-content__footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

.support-confirm-modal-content .support-confirm-modal-content__login-link {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px
}

.support-confirm-modal-content__login-arr {
  font-size: 22px;
  line-height: 22px
}

.support-confirm-modal-content__resend-info {
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin: 16px auto 0
}

.tourn-about-big {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  row-gap: 24px
}

@media(min-width: 768px) {
  .tourn-about-big {
      -moz-column-gap:65px;
      column-gap: 65px;
      flex-direction: row
  }
}

.tourn-about-big__item {
  display: flex;
  gap: 16px;
  position: relative
}

@media(min-width: 768px) {
  .tourn-about-big__item:after {
      background:hsla(0,0%,100%,.12);
      content: "";
      height: 100%;
      position: absolute;
      right: -33px;
      width: 1px
  }

  .tourn-about-big__item:last-child:after {
      display: none
  }
}

.tourn-about-big__image {
  height: 48px;
  width: 48px
}

.tourn-about-big__description {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.tourn-about-big__title {
  color: hsla(0,0%,100%,.4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  text-transform: uppercase
}

.tourn-about-big__title,.tourn-about-big__value {
  font-family: Open Sans,sans-serif;
  font-style: normal
}

.tourn-about-big__value {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-transform: capitalize
}

.tourn-about-big__hint {
  color: hsla(0,0%,100%,.4);
  display: inline-block;
  position: relative
}

.tourn-about-big__hint-container {
  background: #000;
  border-radius: 8px;
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  left: 64px;
  line-height: 20px;
  max-width: 200px;
  min-width: 220px;
  padding: 8px;
  position: absolute;
  text-align: left;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: all .3s ease;
  z-index: 1
}

.tourn-about-big__hint-container:before {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #000;
  border-top: 8px solid transparent;
  content: "";
  left: -8px;
  position: absolute;
  top: calc(50% - 8px)
}

.tourn-about-big__hint-container--active {
  transform: translateY(-50%) scale(1)
}

.tourn-card-big {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 320px;
  justify-content: space-between;
  overflow: hidden;
  padding: 24px 16px 16px;
  position: relative
}

@media(min-width: 768px) {
  .tourn-card-big {
      height:340px;
      padding: 32px
  }
}

@media(min-width: 1200px) {
  .tourn-card-big {
      height:400px;
      padding: 40px
  }
}

.tourn-card-big__background {
  display: none;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: -1
}

@media(min-width: 768px) {
  .tourn-card-big__background {
      display:block
  }
}

.tourn-card-big__background--mobile {
  display: block
}

@media(min-width: 768px) {
  .tourn-card-big__background--mobile {
      display:none
  }
}

.tourn-card-big__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 0;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .tourn-card-big__title {
      font-size:32px;
      line-height: 40px;
      margin: 24px 0 0
  }
}

@media(min-width: 1200px) {
  .tourn-card-big__title {
      font-size:42px;
      line-height: 52px
  }
}

.tourn-card-big__timer-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin: 0 0 12px;
  text-transform: uppercase
}

.tourn-card-big__timer .blocks-timer {
  background: rgba(0,27,51,.4);
  max-width: 254px
}

.card-tournament {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 144px;
  overflow: hidden;
  padding: 12px;
  position: relative
}

.card-tournament:after {
  background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
  bottom: 0;
  content: "";
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.card-tournament__bg {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%
}

.card-tournament__inner {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 2
}

.card-tournament__content {
  margin: auto 0 0
}

.card-tournament__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px
}

.card-tournament__title:last-child {
  margin: 0
}

.tourn-card-big-summer {
  padding-bottom: 195px;
  padding-top: 34px;
  text-align: center
}

@media(min-width: 1200px) {
  .tourn-card-big-summer {
      padding-bottom:324px;
      padding-top: 48px
  }
}

.tourn-card-big-summer__timer-title {
  color: #fff;
  font: 500 12px/16px Open Sans,sans-serif;
  letter-spacing: .2px;
  margin: 0 0 8px;
  text-transform: uppercase
}

.tourn-card-big-summer__timer .blocks-timer {
  background: rgba(0,27,51,.4);
  margin: 0 auto;
  max-width: 254px
}

.tourn-card-big-summer__title {
  color: #fff;
  font: 700 26px/32px Open Sans,sans-serif;
  margin: 24px auto 32px;
  max-width: 800px;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-card-big-summer__title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .tourn-card-big-summer__title {
      font-size:42px;
      line-height: 52px
  }
}

.tourn-card-big-summer .summer-calendar__button-join {
  font-size: 16px;
  letter-spacing: .2px;
  line-height: 24px;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 16px 49px
}

.tourn-network {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.tourn-network__title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 32px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-network__title {
      font-size:40px;
      margin-bottom: 64px
  }
}

.tourn-network__section-title {
  color: #fff;
  display: block;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 25px;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  word-spacing: 100vw
}

@media(min-width: 768px) {
  .tourn-network__section-title {
      margin-bottom:35px
  }
}

.tourn-network__section {
  display: block;
  margin: 30px 0 0;
  padding: 0;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-network__section {
      margin-top:50px
  }
}

.tourn-network__section--main {
  margin-top: 0
}

.tourn-network .tourn-network__description {
  background-color: #22242c;
  border-radius: 10px;
  padding: 40px 20px;
  text-align: center
}

@media(min-width: 768px) {
  .tourn-network .tourn-network__description {
      padding:40px 44px
  }
}

.tourn-network .game__title {
  line-height: 100%;
  max-height: 3em
}

@media(min-width: 1200px) {
  .tourn-network .game__title {
      font-size:16px
  }
}

.tourn-participate-big {
  align-items: center;
  background: rgba(0,27,51,.65);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 16px
}

@media(min-width: 768px) {
  .tourn-participate-big {
      flex-direction:row;
      justify-content: space-between
  }
}

.tourn-participate-big__info {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0 0 20px
}

.tourn-participate-big__info--restricted {
  margin: 0
}

.tourn-participate-big__info--restricted .tourn-participate-big__info-icon {
  color: #ffd336
}

@media(min-width: 768px) {
  .tourn-participate-big__info {
      margin:0
  }
}

.tourn-participate-big__info-icon {
  align-self: flex-start;
  color: #00dccd;
  display: flex;
  flex: 0 0 24px
}

.tourn-participate-big__info-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

@media(min-width: 768px) {
  .tourn-participate-big__info-text {
      font-size:16px;
      line-height: 24px
  }
}

.tourn-participate-big__button-wrapper {
  width: 100%
}

@media(min-width: 768px) {
  .tourn-participate-big__button-wrapper {
      max-width:180px
  }
}

.tourn-participate-big .tourn-participate-big__button {
  width: 100%
}

.tourn-participate-big .tourn-participate-big__button--active {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: transparent;
  border: 1px solid hsla(0,0%,100%,.12);
  color: #fff;
  cursor: default!important;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  height: 40px;
  white-space: nowrap
}

.tourn-participate-big .tourn-participate-big__button--active:active,.tourn-participate-big .tourn-participate-big__button--active:focus,.tourn-participate-big .tourn-participate-big__button--active:hover {
  background: transparent
}

.tourn-participate-big .tourn-participate-big__button--active .font-icons {
  color: #1adb4a
}

.tourn-player-prizes-list {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  width: auto
}

.tourn-player-prizes-list__item {
  display: inline
}

.tourn-player-prizes-list__item+.tourn-player-prizes-list__item:before {
  content: " + "
}

.tourn-player-prizes-list__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top
}

.tourn-prizes-three .tourn-player-prizes-list__item {
  display: block
}

.tourn-prizes-three .tourn-player-prizes-list__item:before {
  display: none
}

.tourn-prizes {
  color: #6d6a71;
  display: block;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-prizes {
      text-align:left
  }
}

.tourn-prizes__list {
  grid-gap: 10px;
  counter-reset: list1;
  display: grid;
  flex-wrap: wrap;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-prizes__list {
      grid-gap:12px 16px;
      grid-template-columns: repeat(3,1fr)
  }
}

@media(min-width: 960px) {
  .tourn-prizes__list {
      grid-column-gap:15px
  }
}

@media(min-width: 1200px) {
  .tourn-prizes__list {
      grid-column-gap:17px
  }
}

@media(min-width: 1440px) {
  .tourn-prizes__list {
      grid-column-gap:26px
  }
}

.tourn-prizes__item {
  align-items: center;
  align-self: stretch;
  background-color: #22242c;
  border-radius: 10px;
  color: #6d6a71;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  min-height: 70px;
  padding: 10px
}

@media(min-width: 960px) {
  .tourn-prizes__item {
      font-size:18px;
      font-size: 20px;
      padding: 10px 16px
  }
}

@media(min-width: 1200px) {
  .tourn-prizes__item {
      padding:10px 10px 10px 0
  }
}

@media(min-width: 1440px) {
  .tourn-prizes__item {
      font-size:24px
  }
}

.tourn-prizes__item:nth-child(-n+3) {
  min-height: 102px
}

.tourn-prizes__item:before {
  align-items: center;
  content: counter(list1) "â„–";
  counter-increment: list1;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0 16px 0 0;
  text-transform: uppercase;
  width: auto
}

@media(min-width: 768px) {
  .tourn-prizes__item:before {
      padding:0;
      width: 3em
  }
}

@media(min-width: 1200px) {
  .tourn-prizes__item:before {
      font-size:20px
  }
}

@media(min-width: 1440px) {
  .tourn-prizes__item:before {
      padding-left:25px
  }
}

.tourn-prizes__item:first-child,.tourn-prizes__item:first-child:before {
  color: #0bdede
}

.tourn-prizes__item:nth-child(2),.tourn-prizes__item:nth-child(2):before {
  color: hsla(0,0%,100%,.65)
}

.tourn-prizes__item:nth-child(3),.tourn-prizes__item:nth-child(3):before {
  color: #ec3200
}

.tourn-prizes__more {
  display: block;
  margin: 0;
  padding: 30px 0 0;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-prizes__more {
      padding-top:35px
  }
}

.tourn-prizes__item-inner {
  display: inline-block;
  vertical-align: top
}

@media(min-width: 768px) {
  .tourn-prizes__item-inner {
      flex:1;
      overflow: hidden;
      width: 100%
  }
}

.tourn-prizes__prize {
  display: inline
}

.tourn-prizes__prize+.tourn-prizes__prize:before {
  content: " + "
}

.tourn-prizes__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top
}

.tourn-prizes-three {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-prizes-three {
      font-size:20px;
      font-weight: 500
  }
}

.tourn-prizes-three__list {
  counter-reset: list1;
  display: flex;
  padding: 0;
  width: 100%
}

.tourn-prizes-three__item,.tourn-prizes-three__list {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0
}

.tourn-prizes-three__item {
  color: #0bdede;
  display: inline-flex;
  padding: 68px 5px 0;
  position: relative;
  width: 50%
}

@media(min-width: 768px) {
  .tourn-prizes-three__item {
      padding-top:93px;
      width: 33.3333333333%
  }
}

.tourn-prizes-three__item:first-child {
  font-size: 14px;
  margin: 0 20% 16px;
  width: 60%
}

@media(min-width: 768px) {
  .tourn-prizes-three__item:first-child {
      font-size:inherit;
      margin: 0;
      order: 2;
      padding-top: 108px;
      width: 33.3333333333%
  }
}

.tourn-prizes-three__item:nth-child(2) {
  color: hsla(0,0%,100%,.65)
}

@media(min-width: 768px) {
  .tourn-prizes-three__item:nth-child(2) {
      margin-top:25px;
      order: 1
  }
}

@media(min-width: 960px) {
  .tourn-prizes-three__item:nth-child(2) {
      width:25%
  }
}

.tourn-prizes-three__item:nth-child(3) {
  color: #ec3200
}

@media(min-width: 768px) {
  .tourn-prizes-three__item:nth-child(3) {
      margin-top:25px;
      order: 3
  }
}

@media(min-width: 960px) {
  .tourn-prizes-three__item:nth-child(3) {
      width:25%
  }
}

.tourn-prizes-three__item:before {
  background: transparent url(images/tourn-prizes-three__place1.ed385883..svg) no-repeat 50%;
  background-size: contain;
  content: counter(list1);
  counter-increment: list1;
  display: block;
  font-size: 24px;
  font-weight: 700;
  height: 48px;
  left: 0;
  line-height: 1;
  padding: 12px 0 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-prizes-three__item:before {
      font-size:40px;
      height: 77px;
      padding: 10px 0 0
  }
}

.tourn-prizes-three__item:nth-child(2):before {
  background-image: url(images/tourn-prizes-three__place2.98a53842..svg)
}

.tourn-prizes-three__item:nth-child(3):before {
  background-image: url(images/tourn-prizes-three__place3.9a757032..svg)
}

@media(min-width: 768px) {
  .tourn-prizes-three__item:first-child:before {
      font-size:48px;
      height: 85px;
      padding: 15px 0 0
  }
}

.tourn-prizes-three__prize {
  color: #fff;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.tourn-prizes-three__label {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: top
}

.tourn-tabs {
  display: flex;
  position: relative;
  width: 100%
}

.tourn-tabs:after {
  background: hsla(0,0%,100%,.12);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}

.tourn-tabs__buttons {
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 13px
}

.tourn-tabs .tourn-tabs__button {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap
}

.tourn-tabs .tourn-tabs__button--active,.tourn-tabs .tourn-tabs__button:active,.tourn-tabs .tourn-tabs__button:focus,.tourn-tabs .tourn-tabs__button:hover {
  color: #fff
}

.tourn-tabs .tourn-tabs__button--active:after {
  background: #0bdede;
  bottom: -13px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%
}

.tourn-winners {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%
}

.tourn-winners__more {
  display: block;
  margin: 30px 0 0;
  padding: 0;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .tourn-winners__more {
      margin-top:35px
  }
}

.tourn-winners__table {
  border: none;
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 100%;
  table-layout: fixed;
  width: 100%
}

.tourn-winners__cell {
  border: none;
  border-bottom: 1px solid hsla(0,0%,100%,.3);
  color: #6d6a71;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height: 80px;
  letter-spacing: normal;
  line-height: 1.2;
  padding: 0 5px;
  text-align: center;
  vertical-align: middle
}

@media(min-width: 768px) {
  .tourn-winners__cell {
      font-size:18px
  }
}

.tourn-winners__cell--name {
  text-align: left
}

.tourn-winners__cell--points {
  font-size: 18px;
  text-align: right
}

@media(min-width: 768px) {
  .tourn-winners__cell--points {
      font-size:24px
  }
}

tbody tr:first-child .tourn-winners__cell--points {
  color: #0bdede
}

tbody tr:nth-child(2) .tourn-winners__cell--points {
  color: hsla(0,0%,100%,.65)
}

tbody tr:nth-child(3) .tourn-winners__cell--points {
  color: #ec3200
}

.tourn-winners__cell--prize {
  font-size: 18px;
  text-align: right
}

@media(min-width: 768px) {
  .tourn-winners__cell--prize {
      font-size:24px
  }
}

tbody tr:first-child .tourn-winners__cell--prize {
  color: #0bdede
}

tbody tr:nth-child(2) .tourn-winners__cell--prize {
  color: hsla(0,0%,100%,.65)
}

tbody tr:nth-child(3) .tourn-winners__cell--prize {
  color: #ec3200
}

@media(min-width: 768px) {
  .tourn-winners__cell:last-child {
      padding-right:32px
  }
}

@media(min-width: 1200px) {
  .tourn-winners__cell:last-child {
      padding-right:24px
  }
}

@media(min-width: 1440px) {
  .tourn-winners__cell:last-child {
      padding-right:64px
  }
}

thead .tourn-winners__cell {
  background-color: #22242c;
  border-bottom: none;
  color: #fff;
  font-size: 16px;
  height: 68px
}

thead .tourn-winners__cell:first-child {
  border-radius: 4px 0 0 4px
}

thead .tourn-winners__cell:last-child {
  border-radius: 0 4px 4px 0
}

thead .tourn-winners__cell--place {
  padding-right: 2px;
  text-align: right;
  width: 32px
}

@media(min-width: 768px) {
  thead .tourn-winners__cell--place {
      width:67px
  }
}

@media(min-width: 1440px) {
  thead .tourn-winners__cell--place {
      width:100px
  }
}

thead .tourn-winners__cell--name {
  padding-left: 0;
  text-align: left
}

thead .tourn-winners__cell--points,thead .tourn-winners__cell--prize {
  width: 30%
}

.tourn-winners__row--user .tourn-winners__cell {
  color: #fff!important
}

.tourn-winners__name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.tourn-winners__user-place {
  align-items: center;
  background-color: #0bdede;
  border-radius: 8px;
  color: #22242c;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  justify-content: center;
  min-height: 68px;
  text-align: center;
  width: 100%
}

.game-tourn .tourn-winners .tourn-winners__cell {
  border-bottom: none;
  font-size: 12px!important;
  font-weight: 700;
  height: 47px
}

.game-tourn .tourn-winners .tourn-winners__cell--name {
  padding: 0
}

.game-tourn .tourn-winners .tourn-winners__cell:last-child {
  padding-right: 8px
}

.game-tourn .tourn-winners thead .tourn-winners__cell--place {
  padding: 0 5px 0 0;
  width: 32px
}

.game-tourn .tourn-winners thead .tourn-winners__cell--prize {
  width: 40%
}

.game-tourn .tourn-winners thead .tourn-winners__cell--points {
  width: 23%
}

.game-tourn .tourn-winners .tourn-winners__more {
  display: none
}

.unlock-instructions-modal-content {
  width: 100%
}

.unlock-instructions-modal-content__content {
  margin: 0 0 32px;
  text-align: center
}

.unlock-instructions-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 16px
}

.unlock-instructions-modal-content__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 32px
}

.unlock-instructions-modal-content__text:last-child {
  margin: 0
}

.unlock-instructions-modal-content__link {
  color: #00dccd;
  transition: color .3s ease
}

.unlock-instructions-modal-content__link:hover {
  color: #1df0e2
}

.unlock-instructions-modal-content__form {
  margin: 0 0 16px
}

.unlock-instructions-modal-content__footer {
  text-align: center
}

.unlock-instructions-modal-content .unlock-instructions-modal-content__login-link {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px
}

.unlock-instructions-modal-content__login-arr {
  font-size: 22px;
  line-height: 22px
}

.unlock-instructions-modal-content__resend-info {
  color: hsla(0,0%,100%,.65);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px;
  margin: 16px auto 0
}

.select-user-menu {
  display: none;
  position: relative
}

@media(min-width: 960px) {
  .select-user-menu {
      display:block
  }
}

.select-user-menu__button {
  cursor: pointer;
  display: flex;
  margin-left: 16px
}

.select-user-menu .select-user-menu__icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.select-user-menu .select-user-menu__icon:hover:before {
  color: #fff
}

.select-user-menu__dropdown {
  background: rgb(0 78 86);
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0,0,0,.2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 32px;
  width: 280px
}

.vip-page {
  color: hsla(0,0%,100%,.65);
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  width: 100%
}

.vip-page .cms-page__title-block {
  justify-content: center
}

.vip-page__title {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .vip-page__title {
      font-size:32px
  }
}

.vip-page__description {
  text-align: center
}

.vip-page__img {
  display: flex;
  height: 60px;
  margin: 0 auto 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px
}

.vip-page__list {
  grid-gap: 40px;
  display: grid;
  flex-direction: column;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 30px auto 0;
  padding: 0
}

@media(min-width: 768px) {
  .vip-page__list {
      grid-gap:50px;
      grid-template-columns: repeat(3,1fr);
      margin-top: 40px;
      max-width: 700px
  }
}

@media(min-width: 960px) {
  .vip-page__list {
      grid-gap:57px;
      margin-top: 50px;
      max-width: 864px
  }
}

@media(min-width: 1200px) {
  .vip-page__list {
      grid-gap:95px;
      max-width: 940px
  }
}

@media(min-width: 1440px) {
  .vip-page__list {
      grid-gap:150px;
      max-width: 1050px
  }
}

.vip-page__item {
  margin: 0;
  padding: 0;
  width: 100%
}

.vip-page__sub-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 15px;
  text-transform: capitalize
}

.vip-page .vip-page__position {
  margin: 30px auto 0;
  max-width: 336px
}

@media(min-width: 768px) {
  .vip-page .vip-page__position {
      margin-top:50px;
      max-width: 100%
  }
}

@media(min-width: 960px) {
  .vip-page .vip-page__position {
      max-width:700px
  }
}

.vip-page__levels-list {
  grid-gap: 20px;
  display: grid;
  flex-direction: column;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 30px auto 0;
  padding: 0
}

@media(min-width: 768px) {
  .vip-page__levels-list {
      grid-gap:20px;
      grid-template-columns: repeat(3,1fr);
      margin-top: 50px;
      max-width: 672px
  }
}

@media(min-width: 960px) {
  .vip-page__levels-list {
      grid-gap:27px;
      margin-top: 50px;
      max-width: 864px
  }
}

@media(min-width: 1200px) {
  .vip-page__levels-list {
      grid-gap:20px;
      max-width: 700px
  }
}

@media(min-width: 1440px) {
  .vip-page__levels-list {
      max-width:988px
  }
}

.vip-position__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .vip-position__title {
      font-size:26px;
      line-height: 32px
  }
}

.vip-position__content {
  border-radius: 20px;
  overflow: hidden
}

.vip-position__line {
  align-items: center;
  background: #0bdede;
  box-shadow: inset -2px 2px 24px rgba(0,0,0,.32);
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 12px 0;
  row-gap: 12px
}

@media(min-width: 480px) {
  .vip-position__line {
      padding:22px 0
  }
}

@media(min-width: 768px) {
  .vip-position__line {
      -moz-column-gap:28px;
      column-gap: 28px
  }
}

.vip-position__block {
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .vip-position__block {
      font-size:16px;
      line-height: 24px
  }
}

@media(min-width: 1200px) {
  .vip-position__block {
      font-size:20px;
      line-height: 30px
  }
}

.vip-position__block--big {
  flex: 1 0 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px
}

.vip-position__block--big span {
  position: relative
}

.vip-position__block--big span:after,.vip-position__block--big span:before {
  background: radial-gradient(50% 50% at 50% 50%,#fff 0,hsla(0,0%,100%,0) 100%);
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(20deg);
  width: 4px
}

.vip-position__block--big span:before {
  left: -12px
}

@media(min-width: 768px) {
  .vip-position__block--big span:before {
      left:-28px
  }
}

.vip-position__block--big span:after {
  right: -12px
}

@media(min-width: 768px) {
  .vip-position__block--big span:after {
      right:-28px
  }
}

@media(min-width: 480px) {
  .vip-position__block--big {
      flex:unset
  }
}

@media(min-width: 768px) {
  .vip-position__block--big {
      font-size:20px;
      line-height: 30px;
      padding: 0 28px
  }
}

@media(min-width: 1200px) {
  .vip-position__block--big {
      font-size:24px;
      line-height: 32px
  }
}

.vip-position__background {
  background: url(images/vip-position-background-mobile.941308ba..jpg) 50% no-repeat;
  height: 314px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .vip-position__background {
      background:url(images/vip-position-background.e909f82d..jpg) 50% no-repeat
  }
}

.vip-list {
  grid-gap: 30px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%
}

@media(min-width: 768px) {
  .vip-list {
      grid-gap:20px;
      grid-template-columns: repeat(3,1fr)
  }
}

@media(min-width: 960px) {
  .vip-list {
      grid-gap:27px
  }
}

@media(min-width: 1200px) {
  .vip-list {
      grid-gap:20px
  }
}

.vip-level {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 20px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  margin: 12px 0;
  padding: 20px 20px 38px;
  position: relative
}

.vip-level:last-child {
  margin: 12px 0 0
}

@media(min-width: 480px) {
  .vip-level {
      padding:24px 24px 38px
  }
}

@media(min-width: 768px) {
  .vip-level {
      padding:54px 32px 78px
  }
}

@media(min-width: 1200px) {
  .vip-level {
      margin:24px 0;
      padding: 50px 54px 52px
  }
}

@media(min-width: 1440px) {
  .vip-level {
      padding:50px 70px 52px
  }
}

@media(min-width: 1680px) {
  .vip-level {
      padding:50px 80px 52px
  }
}

.vip-level--open {
  padding: 20px 20px 44px;
  row-gap: 36px
}

@media(min-width: 480px) {
  .vip-level--open {
      padding:24px 24px 48px;
      row-gap: unset
  }
}

@media(min-width: 768px) {
  .vip-level--open {
      padding:32px 32px 78px
  }
}

@media(min-width: 1200px) {
  .vip-level--open {
      padding:62px 54px 86px;
      row-gap: 32px
  }
}

@media(min-width: 1440px) {
  .vip-level--open {
      padding:70px 70px 95px
  }
}

@media(min-width: 1680px) {
  .vip-level--open {
      padding:50px 80px 116px
  }
}

.vip-level__return-level {
  display: none
}

@media(min-width: 768px) {
  .vip-level__return-level {
      display:flex
  }
}

.vip-level__exclamation-mark {
  margin: 0 5px 0 10px
}

.vip-level__level {
  width: 100%
}

.vip-level--low {
  background-color: #e64836
}

.vip-level__disabled-layer {
  background-color: #001c2c;
  opacity: .65
}

.vip-level__disabled-layer,.vip-level__lock {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.vip-level__lock {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.vip-level__lock-img {
  height: 50px;
  margin-bottom: 8px;
  transition: .3s;
  width: 50px
}

.vip-level__lock-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase
}

.vip-level__lock-title,.vip-level__lock-value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-style: normal
}

.vip-level__lock-value {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}

.vip-level__lock--open .vip-level__lock-img {
  height: 92px;
  width: 92px
}

@media(min-width: 768px) {
  .vip-level__lock--open .vip-level__lock-img {
      height:107px;
      width: 107px
  }
}

.vip-level__lock--open .vip-level__lock-title {
  font-size: 16px;
  line-height: 24px
}

@media(min-width: 768px) {
  .vip-level__lock--open .vip-level__lock-title {
      font-size:20px;
      line-height: 30px
  }
}

.vip-level__lock--open .vip-level__lock-value {
  font-size: 20px;
  line-height: 30px
}

@media(min-width: 768px) {
  .vip-level__lock--open .vip-level__lock-value {
      font-size:24px;
      line-height: 32px
  }
}

.vip-level__header-status {
  height: 24px;
  margin-right: 8px;
  width: 24px
}

@media(min-width: 1200px) {
  .vip-level__header-status {
      margin-right:12px
  }
}

.vip-level__header-value {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px
}

.vip-level__header-value--gold {
  color: #ffc736
}

.vip-level__header-value--silver {
  color: #8cb6d7
}

.vip-level__header-value--bronze {
  color: #d66e41
}

@media(min-width: 1200px) {
  .vip-level__header-value {
      font-size:26px;
      line-height: 32px
  }
}

.vip-level__header-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin-bottom: 12px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .vip-level__header-title {
      margin-bottom:16px
  }
}

@media(min-width: 1200px) {
  .vip-level__header-title {
      font-size:14px;
      line-height: 20px
  }
}

.vip-level__divider {
  display: none;
  height: 4px;
  width: 263px
}

@media(min-width: 1200px) {
  .vip-level__divider {
      display:block;
      margin-top: 16px
  }
}

.vip-level__divider--long {
  display: none;
  width: 100%
}

@media(min-width: 480px) {
  .vip-level__divider--long {
      display:block;
      margin: 20px 0
  }
}

@media(min-width: 768px) {
  .vip-level__divider--long {
      display:block;
      margin: 24px 0 20px
  }
}

@media(min-width: 1200px) {
  .vip-level__divider--long {
      display:none
  }
}

@media(min-width: 768px) {
  .vip-level__progress {
      width:45%
  }
}

@media(min-width: 1200px) {
  .vip-level__progress {
      width:38%
  }
}

@media(min-width: 1440px) {
  .vip-level__progress {
      width:31%
  }
}

@media(min-width: 1680px) {
  .vip-level__progress {
      width:27%
  }
}

.vip-level__progress-block {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%
}

@media(min-width: 768px) {
  .vip-level__progress-block {
      flex-direction:row-reverse;
      justify-content: space-between;
      row-gap: 28px
  }
}

.vip-level__progress-block--open {
  flex-direction: column
}

@media(min-width: 1200px) {
  .vip-level__progress-block--open {
      flex-direction:row-reverse
  }
}

.vip-level__progress-img {
  display: block;
  height: 78px;
  margin: 0 auto 15px;
  width: 144px
}

@media(min-width: 768px) {
  .vip-level__progress-img {
      height:98px;
      position: absolute;
      right: 86px;
      top: 32px;
      width: 184px
  }
}

@media(min-width: 960px) {
  .vip-level__progress-img {
      height:180px;
      margin: 0;
      position: relative;
      right: unset;
      top: unset;
      width: 337px
  }
}

.vip-level__description {
  width: 50%
}

@media(min-width: 480px) {
  .vip-level__description {
      width:unset
  }
}

.vip-level__descriptions-container {
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .vip-level__descriptions-container {
      flex-direction:row;
      justify-content: space-between
  }
}

.vip-level__descriptions-group {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}

@media(min-width: 1200px) {
  .vip-level__descriptions-group {
      row-gap:16px
  }
}

.vip-level__descriptions-group-main {
  display: none
}

@media(min-width: 480px) {
  .vip-level__descriptions-group-main {
      display:flex;
      justify-content: space-between
  }
}

@media(min-width: 768px) {
  .vip-level__descriptions-group-main {
      -moz-column-gap:90px;
      column-gap: 90px
  }
}

.vip-level__descriptions-group-main-mobile {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px
}

@media(min-width: 480px) {
  .vip-level__descriptions-group-main-mobile {
      display:none
  }
}

.vip-level__description-title {
  color: hsla(0,0%,100%,.4);
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin-bottom: 4px
}

.vip-level__description-title,.vip-level__description-value {
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap
}

.vip-level__description-value {
  color: #fff;
  font-weight: 400;
  line-height: 18px
}

@media(min-width: 480px) {
  .vip-level__description-value {
      font-size:14px;
      line-height: 20px
  }
}

@media(min-width: 768px) {
  .vip-level__description-value {
      font-size:16px;
      line-height: 24px
  }
}

.vip-level .vip-level__arrow-icon-wrapper {
  bottom: 8px;
  color: #fff;
  cursor: pointer;
  left: 50%;
  position: absolute;
  transform: rotate(180deg) translate(-50%);
  transform-origin: left;
  transition: transform .3s
}

.vip-level .vip-level__arrow-icon-wrapper--open {
  transform: rotate(0deg) translate(-50%)
}

@media(min-width: 960px) {
  .vip-level .vip-level__arrow-icon-wrapper {
      bottom:5px
  }
}

@media(min-width: 1440px) {
  .vip-level .vip-level__arrow-icon-wrapper {
      bottom:14px
  }
}

.welcome-bonus {
  align-items: flex-end;
  align-self: stretch;
  background-color: #0bdede;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  min-height: 100%;
  padding: 30px;
  position: relative;
  text-align: left
}

.welcome-bonus__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.welcome-bonus__content {
  display: block;
  position: relative;
  width: 100%
}

.welcome-bonus__title {
  font-size: 24px;
  margin: 10px 0 20px
}

.welcome-bonus__subtitle {
  font-size: 10px;
  text-transform: uppercase
}

.welcome-bonus__list {
  display: block
}

.welcome-bonus__item {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0;
  width: 100%
}

.welcome-bonus__item:not(:first-child) {
  margin-top: 20px
}

.welcome-bonus__icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0 12px 0 0;
  width: auto
}

.welcome-bonus__item-title {
  display: block;
  flex: 1;
  width: 100%
}

.notification-center__list::-webkit-scrollbar,.notification-center__modal::-webkit-scrollbar {
  width: 4px
}

.notification-center__list::-webkit-scrollbar-track,.notification-center__modal::-webkit-scrollbar-track {
  background: transparent
}

.notification-center__list::-webkit-scrollbar-thumb,.notification-center__modal::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.notification-center__list::-webkit-scrollbar-thumb:hover,.notification-center__modal::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .notification-center__list,.notification-center__modal {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.notification-center,.notification-center .notification-center__button {
  position: relative
}

.notification-center__modal {
  height: 100%;
  overflow: auto
}

.notification-center__count {
  align-items: center;
  background-color: #384c6b;
  border: 2px solid #384c6b;
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  left: 9px;
  line-height: 10px;
  padding: 1px 3px;
  position: absolute;
  text-align: center;
  top: -7px;
  width: auto
}

.notification-center--empty .notification-center__count {
  display: none
}

.notification-center--new .notification-center__count {
  background-color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  border-color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% )
}

.notification-center .notification-center__icon:before {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.notification-center .notification-center__icon:hover:before {
  color: #fff
}

@media(min-width: 768px) {
  .notification-center__list {
      max-height:592px;
      min-height: 160px;
      overflow: auto
  }
}

.notification-center__title {
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 32px;
  padding: 56px 0 16px;
  text-align: center
}

.notification-center__container {
  background: #384c6b;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0,0,0,.2);
  min-height: 160px;
  overflow: auto;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 32px;
  width: 320px;
  z-index: 100
}

.notification-center__container-mobile .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

.notification-center__container-mobile .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden
}

@media(min-width: 480px) {
  .header-deposit-button__icon {
      display:none
  }
}

.header-deposit-button__text {
  display: none
}

@media(min-width: 480px) {
  .header-deposit-button__text {
      display:block
  }
}

.footer {
  padding-bottom: 56px;
  padding-top: 40px
}

@media(min-width: 960px) {
  .footer {
      padding-bottom:0
  }
}

.footer__navigation {
  display: flex;
  flex-direction: column-reverse
}

@media(min-width: 1200px) {
  .footer__navigation {
      border-bottom:1px solid hsla(0,0%,100%,.12);
      border-top: 1px solid hsla(0,0%,100%,.12);
      flex-direction: row;
      padding: 56px 0
  }
}

.footer__utils .footer__language-select {
  display: flex
}

@media(min-width: 1200px) {
  .footer__utils .footer__language-select {
      display:none
  }

  .footer__utils {
      flex-basis: 20%
  }
}

.footer__brand-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-top: 32px
}

@media(min-width: 1200px) {
  .footer__brand-links {
      align-items:flex-start;
      flex-direction: column;
      margin-bottom: 0;
      margin-top: 0
  }
}

.footer__askgamblers {
  margin-top: 24px;
  width: 100%
}

@media(min-width: 1200px) {
  .footer__askgamblers {
      width:unset
  }
}

.footer__social-links {
  display: flex
}

@media(min-width: 1200px) {
  .footer__social-links {
      margin-top:24px
  }
}

.footer__social-link {
  align-items: center;
  color: hsla(0,0%,100%,.4);
  display: inline-flex;
  margin-right: 16px;
  opacity: .4;
  transition: color .3s ease,opacity .3s ease;
  width: 24px
}

.footer__social-link:last-child {
  margin-right: 0
}

.footer__social-link:hover {
  color: #fff;
  opacity: 1
}

@media(min-width: 1200px) {
  .footer__menus {
      display:flex;
      flex-basis: 80%
  }
}

.footer__responsibility {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 54px
}

@media(min-width: 1200px) {
  .footer__responsibility {
      justify-content:space-between
  }
}

.footer__responsibility .footer__language-select {
  display: none
}

@media(min-width: 1200px) {
  .footer__responsibility .footer__language-select {
      display:flex
  }

  .footer__responsibility .footer__language-select .select-language-icons-with-name__container {
      left: unset;
      right: 0
  }
}

.footer__responsibility-logos {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 28px;
  margin-right:10px;
}

.footer__responsibility-logo {
  height: 32px;
  opacity: .6;
  transition: opacity .3s ease
}

.footer__responsibility-logo:hover {
  opacity: 1
}

.footer__responsibility-logo--gcb {
  height: 33px;
  opacity: 1;
  width: 56px
}

.footer__logo {
  height: 35px
}

.footer__logo img {
  height: 100%
}

.layout-help-center {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

.layout-help-center__main {
  flex: 1;
  margin-bottom: 64px;
  padding-top: 56px
}

@media(min-width: 480px) {
  .layout-help-center__main {
      margin-bottom:60px
  }
}

@media(min-width: 768px) {
  .layout-help-center__main {
      margin-bottom:100px
  }
}

@media(min-width: 1200px) {
  .layout-help-center__main {
      margin-bottom:120px;
      padding-top: 64px
  }
}

.layout-help-center__main--install-app {
  padding-top: 116px
}

@media(min-width: 768px) {
  .layout-help-center__main--install-app {
      padding-top:56px
  }
}

@media(min-width: 1200px) {
  .layout-help-center__main--install-app {
      padding-top:64px
  }
}

.layout-help-center__inner {
  display: flex;
  flex-direction: column;
  padding-top: 16px
}

@media(min-width: 768px) {
  .layout-help-center__inner {
      padding-top:24px
  }
}

@media(min-width: 1200px) {
  .layout-help-center__inner {
      flex-direction:row;
      gap: 16px;
      padding-top: 0
  }
}

.layout-help-center__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 24px 0 8px
}

@media(min-width: 480px) {
  .layout-help-center__title {
      font-size:26px;
      line-height: 32px;
      margin: 32px 0 16px
  }
}

@media(min-width: 768px) {
  .layout-help-center__title {
      font-size:32px;
      font-weight: 800;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .layout-help-center__title {
      margin:40px 0
  }
}

@media(min-width: 1440px) {
  .layout-help-center__title {
      font-size:42px;
      line-height: 52px
  }
}

.layout-help-center__title--secondary {
  display: none
}

@media(min-width: 1200px) {
  .layout-help-center__title--secondary {
      display:block
  }
}

.layout-help-center__nav {
  margin: 0 0 32px
}

@media(min-width: 768px) {
  .layout-help-center__nav {
      margin:0 0 40px
  }
}

@media(min-width: 1200px) {
  .layout-help-center__nav {
      flex:1 1 256px;
      margin: 0;
      max-width: 256px
  }
}

.layout-help-center__back {
  margin: 0 0 24px
}

@media(min-width: 768px) {
  .layout-help-center__back {
      margin:0 0 32px
  }
}

@media(min-width: 1200px) {
  .layout-help-center__back {
      display:none
  }
}

.layout-help-center__body {
  flex: 1
}

@media(min-width: 1200px) {
  .layout-help-center__body {
      background:rgb(0 78 86);
      border-radius: 12px;
      padding: 40px 40px 56px
  }
}

.layout-invisible-header {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 100vh;
  overflow: hidden
}

.layout-invisible-header__header.header--scrolled {
  z-index: 102
}

.layout-invisible-header__main {
  flex: 1;
  max-width: 100vw;
  overflow: hidden
}

@media(min-width: 768px) {
  .layout-invisible-header__main {
      padding-top:56px
  }
}

@media(min-width: 960px) {
  .layout-invisible-header__main {
      max-width:inherit;
      overflow: inherit
  }
}

@media(min-width: 1200px) {
  .layout-invisible-header__main {
      padding-top:64px
  }
}

.layout-invisible-header__main--install-app {
  padding-top: 116px
}

@media(min-width: 768px) {
  .layout-invisible-header__main--install-app {
      padding-top:56px
  }
}

@media(min-width: 1200px) {
  .layout-invisible-header__main--install-app {
      padding-top:64px
  }
}

.layout-invisible-header--overflow-visible {
  overflow: visible
}

.layout-invisible-header .panel-auth {
  z-index: 102
}

.landing {
  min-height: 100vh;
  min-width: 100vw;
  position: relative
}

.landing__bg-image {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%
}

.landing__content {
  padding: 40px 16px;
  position: relative;
  z-index: 2
}

@media(min-width: 768px) {
  .landing__content {
      padding:48px 24px
  }
}

@media(min-width: 960px) {
  .landing__content {
      padding:48px
  }
}

@media(min-width: 1200px) {
  .landing__content {
      padding:64px 48px
  }
}

@media(min-width: 1440px) {
  .landing__content {
      padding-bottom:80px;
      padding-top: 80px
  }
}

.landing .container {
  max-width: 1488px
}

.landing__logo-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 32px
}

@media(min-width: 600px) {
  .landing__logo-wrap {
      justify-content:flex-start
  }
}

@media(min-width: 1200px) {
  .landing__logo-wrap {
      margin-bottom:64px
  }
}

.landing__logo {
  max-width: 106px;
  width: 100%
}

@media(min-width: 1200px) {
  .landing__logo {
      max-width:184px
  }
}

.landing__pretitile {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: DrukCyr,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 480px) {
  .landing__pretitile {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 600px) {
  .landing__pretitile {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .landing__pretitile {
      font-size:64px;
      font-weight: 800;
      line-height: 74px
  }
}

.landing__title {
  color: #fff;
  font-family: DrukCyr,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 480px) {
  .landing__title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 600px) {
  .landing__title {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .landing__title {
      font-size:64px;
      font-weight: 800;
      line-height: 74px
  }
}

.landing__subtitle {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 40px;
  text-align: center
}

@media(min-width: 600px) {
  .landing__subtitle {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .landing__subtitle {
      font-size:24px;
      line-height: 32px
  }
}

.landing__button-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 16px
}

@media(min-width: 600px) {
  .landing__button-wrap {
      justify-content:flex-start
  }
}

.landing__button {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  padding: 16px 24px;
  text-align: center;
  text-transform: uppercase
}

.landing__subtext {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center
}

@media(min-width: 600px) {
  .landing__subtext {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .landing__subtext {
      font-size:16px;
      line-height: 24px
  }
}

.landing+.notification-cookies-policy {
  bottom: 8px
}

.layout__inner {
  position: relative
}

.lt-second__bg {
  height: 800px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1
}

@media(min-width: 768px) {
  .lt-second__bg {
      height:702px
  }
}

@media(min-width: 1440px) {
  .lt-second__bg {
      height:820px
  }
}

.lt-second__bg:after {
  background: linear-gradient(0deg,#001c2c 0,transparent);
  bottom: 0;
  content: "";
  height: 320px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.lt-second__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.lt-second__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  max-width: 1344px
}

@media(min-width: 768px) {
  .lt-second__inner {
      align-items:flex-start;
      margin-top: 56px
  }
}

@media(min-width: 1200px) {
  .lt-second__inner {
      margin-top:64px
  }
}

.lt-second__logo {
  display: block;
  width: 172px
}

@media(min-width: 768px) {
  .lt-second__logo {
      width:187px
  }
}

.lt-second__subtitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-top: 56px
}

@media(min-width: 768px) {
  .lt-second__subtitle {
      font-size:26px;
      line-height: 32px;
      margin-top: 64px
  }
}

.lt-second__title {
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 0;
  margin-top: 16px;
  text-align: center
}

@media(min-width: 480px) {
  .lt-second__title {
      font-size:42px;
      line-height: 52px
  }
}

@media(min-width: 768px) {
  .lt-second__title {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .lt-second__title {
      font-size:54px;
      line-height: 64px
  }
}

.lt-second .lt-second__btn {
  letter-spacing: .2px;
  line-height: 24px;
  margin-top: 32px;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 16px 24px;
  width: 100%
}

@media(min-width: 480px) {
  .lt-second .lt-second__btn {
      padding:16px 24px
  }
}

@media(min-width: 768px) {
  .lt-second .lt-second__btn {
      min-height:56px
  }
}

@media(min-width: 1440px) {
  .lt-second .lt-second__btn {
      margin-top:40px
  }
}

.lt-second__steps {
  display: flex;
  flex-direction: column;
  margin-top: 91px;
  width: 100%
}

@media(min-width: 768px) {
  .lt-second__steps {
      flex-direction:row;
      margin-top: 64px
  }
}

.lt-second__step {
  align-items: center;
  background: rgba(0,27,51,.4);
  border-radius: 12px;
  display: flex;
  margin: 0 0 12px;
  padding: 13px 21px;
  width: 100%
}

@media(min-width: 768px) {
  .lt-second__step {
      flex-basis:33.33333%;
      margin: 0 16px 0 0;
      max-width: 256px;
      padding: 13px 14px
  }
}

.lt-second__step:last-child {
  margin: 0
}

@media(min-width: 768px) {
  .lt-second__step:last-child {
      margin-right:0
  }
}

.lt-second__step-img-wrap {
  margin-right: 8px;
  max-height: 56px;
  max-width: 56px
}

.lt-second__step-img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

.lt-second__step-content {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.lt-second__step-name {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}

.lt-second__step-desc {
  color: #fff;
  font-size: 14px;
  line-height: 20px
}

.footer-landing {
  border-top: 1px solid hsla(0,0%,100%,.12);
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  padding-bottom: 24px
}

@media(min-width: 768px) {
  .footer-landing {
      margin-top:40px
  }
}

.footer-landing__responsibility-logos {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 28px
}

.footer-landing__license-icon {
  max-width: 96px
}

.footer-landing__license-icon a {
  display: flex
}

.footer-landing__license-icon img {
  display: block;
  max-width: 100%
}

.footer-landing__responsibility-logo {
  height: 32px;
  opacity: .6;
  transition: opacity .3s ease
}

.footer-landing__responsibility-logo:hover {
  opacity: 1
}

.footer-landing__responsibility-logo--gcb {
  height: 33px;
  opacity: 1;
  width: 56px
}

.credit-card-payment-fallback__content-wrapper {
  padding: 30px
}

.credit-card-payment-fallback__header {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px
}

.credit-card-payment-fallback__warning-icon {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% );
  margin-right: 20px
}

.credit-card-payment-fallback__text {
  background: #22242c;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px 30px;
  text-align: center
}

.credit-card-payment-fallback__methods-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly
}

@media(max-width: 480px) {
  .credit-card-payment-fallback__methods-container {
      flex-direction:column
  }
}

.credit-card-payment-fallback__method-container {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 10px
}

@media(max-width: 480px) {
  .credit-card-payment-fallback__method-container {
      align-items:center;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 20px;
      min-width: 240px
  }
}

.credit-card-payment-fallback__method {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  display: flex;
  height: 50px;
  justify-content: center;
  max-width: 100px;
  padding: 5px
}

@media(min-width: 480px) {
  .credit-card-payment-fallback__method {
      margin-bottom:10px
  }
}

.sumsub-data {
  border-radius: 0 0 10px
}

.sumsub-data__top {
  padding: 0 24px;
  text-align: center
}

.sumsub-data__top-wrap {
  border-bottom: 1px solid #436589;
  padding: 0 50px 15px;
  position: relative
}

.sumsub-data__title {
  color: #133f6c;
  font-size: 16px;
  font-weight: 700
}

.sumsub-data__btn.text-btn {
  color: #133f6c;
  display: flex;
  font-size: 20px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translate(-10px,calc(-50% - 10px));
  transition: .3s ease
}

.sumsub-data__btn.text-btn:hover {
  opacity: .5
}

.sumsub-data__btn.text-btn .font-icons {
  font-size: 14px
}

.notification-center-modal--lucky-spin .modal__content {
  margin: 0;
  padding: 0;
  position: relative
}

@media(max-width: 768px) {
  .notification-center-modal--lucky-spin .modal__content {
      height:100%;
      margin: 0;
      min-height: 100vh;
      position: relative
  }
}

.notification-center-modal--lucky-spin .modal__content .modal-shadow.modal-shadow--left {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  height: 680px;
  left: -340px;
  position: absolute;
  top: -460px;
  width: 680px;
  z-index: -1
}

.notification-center-modal--lucky-spin .modal__content .modal-shadow.modal-shadow--right {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  height: 900px;
  position: absolute;
  right: -500px;
  top: 300px;
  width: 900px;
  z-index: -1
}

.notification-center-modal--lucky-spin .modal__content-wrapper {
  border-radius: 4px;
  max-width: 600px
}

@media(max-width: 768px) {
  .notification-center-modal--lucky-spin .modal__content-wrapper {
      margin:0;
      max-width: 100%;
      min-height: 100%;
      overflow: hidden;
      width: 100%
  }
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal__result {
  transform: scale(1) translateX(-50%);
  transform-origin: 0 center
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-border,.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-btn,.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-wrap {
  z-index: -1
}

.notification-center-modal--lucky-kick .modal__content {
  background: #001c2c!important;
  min-height: 712px
}

.notification-center-modal--lucky-kick .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .notification-center-modal--lucky-kick .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 1024px!important
  }
}

.notification-center-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .notification-center-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 480px
  }
}

.notification-center-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 768px) {
  .notification-center-modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }

  .notification-center-modal .modal__close-button {
      right: 24px;
      top: 24px
  }
}

.notification-center-modal__top-content {
  padding: 56px 0 40px
}

.notification-center-modal__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center
}

.notification-center-modal__subtitle {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}

.notification-center-modal__info {
  align-items: center;
  flex-direction: column
}

.notification-center-modal__image,.notification-center-modal__info {
  display: flex;
  justify-content: center
}

.notification-center-modal__image img {
  height: 128px;
  width: 128px
}

.notification-center-modal__value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-top: 20px;
  text-align: center
}

.notification-center-modal__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center
}

.notification-center-modal__button-list {
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 0 16px;
  row-gap: 16px
}

@media(min-width: 480px) {
  .notification-center-modal__button-list {
      flex-direction:row
  }
}

@media(min-width: 768px) {
  .notification-center-modal__button-list {
      padding:0 48px
  }
}

.notification-center-modal .notification-center-modal__button {
  height: 48px;
  width: 100%
}

.notification-center-modal .notification-center-modal__button--secondary {
  background: #384c6b
}

.notification-center-modal .notification-center-modal__button--secondary:active,.notification-center-modal .notification-center-modal__button--secondary:focus,.notification-center-modal .notification-center-modal__button--secondary:hover {
  background: #445778
}

.notification-center-modal__bottom-content {
  margin-top: 40px;
  padding-bottom: 48px
}

.notification-center-modal-content-bonus .bonus-game {
  margin-bottom: 10px
}

.notification-center-modal-content-bonus .bonus-game:last-child {
  margin-bottom: 0
}

@media(min-width: 480px) {
  .notification-center-modal-content-bonus .bonus-game {
      margin-bottom:0;
      margin-right: 20px
  }

  .notification-center-modal-content-bonus .bonus-game:last-child {
      margin-right: 0
  }
}

.bonus {
  position: relative
}

@media(min-width: 768px) {
  .bonus {
      overflow:hidden
  }
}

.bonus-spin {
  animation: rotate 10s linear infinite;
  height: unset!important;
  position: absolute;
  top: -170px;
  width: unset!important;
  z-index: -1
}

.bonus__background {
  left: 50%;
  min-width: 480px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
  z-index: -1
}

.bonus--jackpot .notification-center-modal__top-content {
  padding: 56px 0 32px
}

.bonus--jackpot .notification-center-modal__title {
  margin-bottom: 0
}

.bonus--jackpot .notification-center-modal__subtitle {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  margin-top: 30px;
  text-transform: uppercase
}

.bonus--jackpot .notification-center-modal__image {
  position: relative
}

.bonus--jackpot .notification-center-modal__image img {
  height: 120px;
  transform: scale(1.7);
  width: 120px
}

.bonus--jackpot .notification-center-modal__bottom-content {
  margin-top: 56px
}

.bonus--jackpot .notification-center-modal__gradient {
  height: 100%;
  position: absolute;
  top: -48px;
  width: 100%
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_major,.bonus--jackpot .notification-center-modal__gradient--jackpot_silver {
  background: radial-gradient(46.22% 46.22% at 50% 53.78%,rgba(245,25,105,.1) 0,rgba(245,25,105,.1) 10%,rgba(245,25,105,.1) 20%,rgba(245,25,105,.09) 30%,rgba(245,25,105,.09) 40%,rgba(245,25,105,.09) 50%,rgba(245,25,105,.08) 60%,rgba(245,25,105,.07) 70%,rgba(245,25,105,.04) 80%,rgba(245,25,105,.03) 90%,rgba(245,25,105,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_gold,.bonus--jackpot .notification-center-modal__gradient--jackpot_grand {
  background: radial-gradient(50% 50% at 50% 50%,rgba(117,172,255,.1) 0,rgba(117,172,255,.1) 6.67%,rgba(117,172,255,.1) 13.33%,rgba(117,172,255,.09) 20%,rgba(117,172,255,.09) 26.67%,rgba(117,172,255,.08) 33.33%,rgba(117,172,255,.07) 40%,rgba(117,172,255,.06) 46.67%,rgba(117,172,255,.04) 53.33%,rgba(117,172,255,.03) 60%,rgba(117,172,255,.02) 66.67%,rgba(117,172,255,.01) 73.33%,rgba(117,172,255,.01) 80%,rgba(117,172,255,0) 86.67%,rgba(117,172,255,0) 93.33%,rgba(117,172,255,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_platinum,.bonus--jackpot .notification-center-modal__gradient--jackpot_prime {
  background: radial-gradient(50% 50% at 50% 50%,rgba(11,222,222,.1) 0,rgba(11,222,222,.1) 6.67%,rgba(11,222,222,.1) 13.33%,rgba(11,222,222,.09) 20%,rgba(11,222,222,.09) 26.67%,rgba(11,222,222,.08) 33.33%,rgba(11,222,222,.07) 40%,rgba(11,222,222,.06) 46.67%,rgba(11,222,222,.04) 53.33%,rgba(11,222,222,.03) 60%,rgba(11,222,222,.02) 66.67%,rgba(11,222,222,.01) 73.33%,rgba(11,222,222,.01) 80%,rgba(9,204,204,0) 86.67%,rgba(9,204,204,0) 93.33%,rgba(9,204,204,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_mini {
  background: radial-gradient(42.41% 43.85% at 50% 48.32%,rgba(68,255,37,.15) 0,rgba(68,255,37,.149) 6.67%,rgba(68,255,37,.145) 13.33%,rgba(68,255,37,.138) 20%,rgba(68,255,37,.128) 26.67%,rgba(68,255,37,.115) 33.33%,rgba(68,255,37,.1) 40%,rgba(68,255,37,.084) 46.67%,rgba(68,255,37,.066) 53.33%,rgba(68,255,37,.05) 60%,rgba(68,255,37,.035) 66.67%,rgba(68,255,37,.022) 73.33%,rgba(68,255,37,.012) 80%,rgba(68,255,37,.005) 86.67%,rgba(68,255,37,.001) 93.33%,rgba(68,255,37,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_maxi {
  background: radial-gradient(42.41% 43.85% at 50% 48.32%,rgba(198,37,255,.15) 0,rgba(198,37,255,.149) 6.67%,rgba(197,37,255,.145) 13.33%,rgba(196,37,255,.138) 20%,rgba(194,37,255,.128) 26.67%,rgba(192,37,255,.115) 33.33%,rgba(190,37,255,.1) 40%,rgba(187,37,255,.084) 46.67%,rgba(184,37,255,.066) 53.33%,rgba(181,37,255,.05) 60%,rgba(178,37,255,.035) 66.67%,rgba(176,37,255,.022) 73.33%,rgba(174,37,255,.012) 80%,rgba(173,37,255,.005) 86.67%,rgba(172,37,255,.001) 93.33%,rgba(172,37,255,0) 100%)
}

.bonus--jackpot .notification-center-modal__value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 52px;
  margin-top: 8px;
  text-transform: uppercase
}

@media(min-width: 480px) {
  .bonus--jackpot .notification-center-modal__value {
      font-size:54px;
      line-height: 64px
  }
}

.bonus--jackpot .notification-center-modal__value--jackpot_major,.bonus--jackpot .notification-center-modal__value--jackpot_silver {
  text-shadow: 0 0 3px #ff6ea3,0 0 6px rgba(255,138,181,.5)
}

.bonus--jackpot .notification-center-modal__value--jackpot_gold,.bonus--jackpot .notification-center-modal__value--jackpot_grand {
  text-shadow: 0 0 3px #809eed,0 0 3px rgba(187,206,255,.5)
}

.bonus--jackpot .notification-center-modal__value--jackpot_platinum,.bonus--jackpot .notification-center-modal__value--jackpot_prime {
  text-shadow: 0 0 3px #7cf7f7,0 0 3px rgba(169,253,253,.5)
}

.bonus--jackpot .notification-center-modal__value--jackpot_mini {
  text-shadow: 0 0 6px rgba(193,255,114,.5),0 0 20px #c1ff72
}

.bonus--jackpot .notification-center-modal__value--jackpot_maxi {
  text-shadow: 0 0 6px rgba(252,124,255,.5),0 0 20px #fc7cff
}

@keyframes rotate {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(1turn)
  }
}

.bonus-games__modal-content::-webkit-scrollbar {
  width: 4px
}

.bonus-games__modal-content::-webkit-scrollbar-track {
  background: transparent
}

.bonus-games__modal-content::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.bonus-games__modal-content::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .bonus-games__modal-content {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.bonus-games__list {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 0 16px
}

.bonus-games__games-wrapper {
  padding: 0 8px
}

@media(min-width: 480px) {
  .bonus-games__games-wrapper {
      padding:0 32px
  }
}

.bonus-games__item {
  border-radius: 8px;
  display: flex;
  flex: 1;
  margin: 0;
  max-width: 128px;
  overflow: hidden;
  position: relative
}

.bonus-games__modal {
  padding-right: 8px
}

.bonus-games__modal-content {
  max-height: 284px;
  overflow-x: hidden;
  overflow-y: auto
}

@media(min-width: 768px) {
  .bonus-games__modal-content {
      max-height:385px
  }
}

.bonus-games__modal-content .bonus-game {
  height: 64px;
  overflow: hidden
}

.bonus-games__modal-content .bonus-game__image {
  border-radius: 8px;
  height: 40px;
  margin-right: 16px;
  width: 40px
}

.bonus-games__modal-content .bonus-game__content-wrap {
  position: relative
}

.bonus-games__modal-title {
  display: block;
  font-weight: 700;
  padding: 10px 0;
  text-align: center
}

.bonus-games .bonus-games__show-less,.bonus-games .bonus-games__show-more {
  align-items: center;
  background: none!important;
  border: none!important;
  box-shadow: none!important;
  color: hsla(0,0%,100%,.65)!important;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  justify-content: center;
  line-height: 20px;
  margin: 16px auto 0;
  min-height: inherit!important;
  padding: 0;
  text-transform: unset
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down,.bonus-games .bonus-games__show-more .bonus-games__arrow-down {
  color: hsla(0,0%,100%,.65)
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down--open,.bonus-games .bonus-games__show-more .bonus-games__arrow-down--open {
  margin-top: -2px;
  transform: rotate(-180deg)
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down-wrapper,.bonus-games .bonus-games__show-more .bonus-games__arrow-down-wrapper {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  margin-left: 4px;
  width: 16px
}

.bonus-game__image {
  width: 100%
}

.bonus-game__content-wrap {
  background: rgba(10,10,13,.65);
  height: 100%;
  width: 100%
}

.bonus-game__title {
  color: #fff;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center
}

.bonus-game-inline {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  display: flex;
  padding: 12px 8px;
  transition: background .3s ease
}

.bonus-game-inline:hover {
  background: #384c6b
}

@media(min-width: 480px) {
  .bonus-game-inline {
      padding:12px 16px
  }
}

.bonus-game-inline__image {
  border-radius: 8px;
  height: 40px;
  margin-right: 16px;
  width: 40px
}

.bonus-game-inline__content-wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.bonus-game-inline__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.bonus-game-inline .bonus-game-inline__icon {
  color: #0bdede;
  font-size: 15px
}

.freespin,.freespin__title {
  text-align: center
}

.freespin__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px
}

.freespin__timer {
  margin: 0 auto;
  max-width: 280px
}

.ls-modal {
  min-height: 100%;
  overflow: hidden;
  padding: 56px 0 48px;
  position: relative
}

@media(min-width: 768px) {
  .ls-modal {
      min-height:unset
  }
}

.ls-modal__boxes {
  display: none
}

.ls-modal__type {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 64px;
  text-align: center
}

.ls-modal__result {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 50%;
  min-width: 500px;
  padding-top: 120px;
  position: absolute;
  top: -50px;
  transform: scale(0) translateX(-50%);
  transform-origin: 0 center;
  transition: all .3s ease-in
}

.ls-modal__result-coins {
  animation: coins-move 2s ease-in-out infinite alternate-reverse;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

.ls-modal__result-coins img {
  width: 100%
}

.ls-modal__result-buttons,.ls-modal__result-content {
  position: relative;
  z-index: 2
}

.ls-modal__result-buttons .btn {
  background: #384c6b
}

.ls-modal__result-buttons .btn:hover {
  background: #445778
}

.ls-modal__result-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 8px
}

.ls-modal__result-title,.ls-modal__result-value {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-style: normal;
  text-align: center
}

.ls-modal__result-value {
  font-size: 56px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 64px;
  margin: 0;
  text-shadow: 0 0 12px rgba(255,204,129,.5),0 0 24px #ff8a65;
  text-transform: uppercase
}

.ls-modal__result:before {
  animation: rise-spin 20s linear infinite;
  background: url(images/ls-wheel-rise-bg.8a9a4209..png) 50% 50% no-repeat;
  content: "";
  height: 572px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 572px
}

@keyframes rise-spin {
  0% {
      transform: translate(-50%,-50%) rotate(0deg)
  }

  to {
      transform: translate(-50%,-50%) rotate(1turn)
  }
}

@keyframes coins-move {
  0% {
      transform: translate(-50%,-50%)
  }

  to {
      transform: translate(-50%,-48%)
  }
}

.lb-modal {
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.lb-modal__image {
  left: 50%;
  position: absolute;
  top: -275px;
  transform: translateX(-50%);
  z-index: -1
}

@media(min-width: 768px) {
  .lb-modal__image {
      top:0
  }
}

.lb-modal__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 712px
}

.lb-modal__content {
  margin: 0 auto 32px;
  text-align: center
}

@media(min-width: 768px) {
  .lb-modal__content {
      border-radius:8px;
      margin: 0 auto 48px
  }
}

.lb-modal__logo {
  margin: 32px auto 48px;
  max-width: 103px
}

@media(min-width: 480px) {
  .lb-modal__logo {
      margin:32px auto
  }
}

@media(min-width: 768px) {
  .lb-modal__logo {
      display:none
  }
}

.lb-modal__logo img {
  width: 100%
}

.lb-modal__text {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .lb-modal__text {
      font-size:26px;
      line-height: 32px;
      margin: 72px 0 0
  }
}

.lb-modal__text br {
  display: none
}

.lb-modal__gates {
  left: 50%;
  max-width: 310px;
  min-width: 310px;
  position: absolute;
  top: 268px;
  transform: translateX(-50%);
  width: 100%
}

@media(min-width: 375px) {
  .lb-modal__gates {
      max-width:360px;
      top: 246px
  }
}

@media(min-width: 480px) {
  .lb-modal__gates {
      max-width:390px;
      top: 233px
  }
}

@media(min-width: 768px) {
  .lb-modal__gates {
      max-width:720px;
      top: 208px
  }
}

.lb-modal__boxes {
  display: none
}

.lucky-box-modal {
  align-items: flex-start;
  background-image: url(images/lb-modal-confiti.50a88544..png);
  background-repeat: no-repeat;
  background-size: 100% 30%;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 627px;
  overflow: hidden;
  padding: 56px 0 48px;
  position: relative
}

.lucky-box-modal:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  bottom: -300px;
  left: -300px
}

.lucky-box-modal:after,.lucky-box-modal:before {
  content: "";
  height: 560px;
  position: absolute;
  width: 560px;
  z-index: -1
}

.lucky-box-modal:after {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  border-radius: 560px;
  right: -250px;
  top: -350px
}

.lucky-box-modal--finished {
  align-items: stretch;
  background-image: none
}

@media(min-width: 768px) {
  .lucky-box-modal {
      background-size:100% 40%;
      min-height: 540px;
      padding: 56px 0 48px
  }
}

.lucky-box-modal__close-content--start {
  animation: close-hidden .3s linear
}

.lucky-box-modal__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center
}

.lucky-box-modal__text span {
  color: #ffd336
}

.lucky-box-modal__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 350px;
  width: 100%
}

.lucky-box-modal__inner--opened {
  justify-content: space-between
}

.lucky-box-modal__title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  line-height: 32px;
  text-align: center
}

.lucky-box-modal__text {
  margin-bottom: 48px;
  margin-top: 16px
}

.lucky-box-modal__img-open-wrapper {
  animation: close-hidden .3s linear reverse;
  height: 550px;
  position: absolute;
  top: 40px;
  width: 450px;
  z-index: -1
}

@media(min-width: 768px) {
  .lucky-box-modal__img-open-wrapper {
      height:471px;
      width: 387px
  }
}

.lucky-box-modal__img-wrapper {
  align-items: center;
  display: flex;
  height: 214px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 199px
}

.lucky-box-modal__img-wrapper:after {
  background-image: url(images/stars.90f933c2..png);
  content: "";
  height: 100%;
  left: -20px;
  position: absolute;
  top: -35px;
  width: 100%;
  z-index: -1
}

@media(min-width: 768px) {
  .lucky-box-modal__img-wrapper {
      height:233px;
      width: 217px
  }
}

.lucky-box-modal__img-bg {
  height: 150%;
  position: absolute;
  width: 150%;
  z-index: -1
}

.lucky-box-modal__img,.lucky-box-modal__img-open {
  height: 100%;
  width: 100%
}

.lucky-box-modal__img {
  animation: rotate-box 3s linear infinite
}

.lucky-box-modal__btn {
  font-size: 16px;
  letter-spacing: .2px;
  margin-top: 45px;
  max-width: 350px;
  padding: 16px 24px;
  width: calc(100% - 32px)
}

@media(min-width: 768px) {
  .lucky-box-modal__btn {
      max-width:-moz-max-content;
      max-width: max-content
  }
}

.lucky-box-modal__btn--hidden {
  animation: opacity .3s linear;
  opacity: 0
}

.lucky-box-modal .lb-opened-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%
}

.lucky-box-modal .lb-opened-content__text {
  color: #ffd336;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

.lucky-box-modal .lb-opened-content__amount {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase
}

.lucky-box-modal .lb-opened-content__prizes {
  align-items: center;
  animation: visible-prize 1s linear forwards;
  animation-delay: 1s;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  margin-top: 40px;
  opacity: 0
}

.lucky-box-modal .lb-opened-content__btn-close {
  animation: opacity .3s linear reverse;
  background: transparent;
  border: 1px solid hsla(0,0%,100%,.12);
  border-radius: 4px;
  box-shadow: none;
  filter: drop-shadow(0 5px 30px rgba(236,50,0,.5));
  margin-top: auto;
  max-width: 350px;
  padding: 12px 16px;
  width: calc(100% - 25px)
}

@media(min-width: 768px) {
  .lucky-box-modal .lb-opened-content__btn-close {
      max-width:184px
  }
}

@keyframes rotate-box {
  0% {
      transform: rotate(0deg)
  }

  25% {
      transform: rotate(10deg)
  }

  50% {
      transform: rotate(0deg)
  }

  75% {
      transform: rotate(-10deg)
  }

  to {
      transform: rotate(0deg)
  }
}

@keyframes close-hidden {
  0% {
      transform: translateY(0) scale(1)
  }

  to {
      opacity: 0;
      transform: translateY(35%) scale(.5)
  }
}

@keyframes opacity {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes visible-prize {
  0% {
      opacity: 0
  }

  1% {
      opacity: 1;
      transform: translateY(200%) scale(.4)
  }

  35% {
      transform: translateY(0) scale(1)
  }

  50% {
      transform: translateY(20%)
  }

  70% {
      transform: translateY(0)
  }

  85% {
      transform: translateY(10%)
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

.lootbox {
  border-radius: 10px;
  color: #181a1f;
  font-size: 20px;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  text-align: center
}

.lootbox__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.lootbox__content {
  padding: 30px;
  position: relative
}

@media(min-width: 768px) {
  .lootbox__content {
      padding:90px 30px
  }
}

.lootbox__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 4px
}

@media(min-width: 768px) {
  .lootbox__title {
      font-size:36px
  }
}

.lootbox__subtitle {
  font-size: 20px;
  margin: 0 auto 30px;
  max-width: 520px
}

@media(min-width: 768px) {
  .lootbox__subtitle {
      margin-bottom:70px
  }
}

.lootbox__prize {
  font-size: 24px;
  font-weight: 800;
  margin-top: 20px
}

.lootbox__box--disabled .lootbox__prize {
  color: #6d6a71
}

.lootbox__valid-until {
  font-size: 16px;
  font-weight: 700;
  margin: 40px 0 10px
}

.lootbox__cancel {
  display: block;
  margin: 20px auto 0
}

.lootbox__timer {
  display: block;
  margin: 0 auto;
  max-width: 280px;
  text-align: center
}

.lootbox__boxes {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0
}

@media(min-width: 768px) {
  .lootbox__boxes {
      align-items:flex-start;
      flex-direction: row
  }
}

.lootbox__box {
  align-self: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0 auto 20px;
  text-align: center;
  width: 220px
}

@media(min-width: 768px) {
  .lootbox__box {
      margin:0 50px
  }
}

.lootbox__box--disabled {
  filter: grayscale(1);
  pointer-events: none
}

.lootbox__box--selected {
  pointer-events: none
}

.lootbox__box:last-child {
  margin: 0 auto
}

@media(min-width: 768px) {
  .lootbox__box:last-child {
      margin:0 50px
  }
}

.lootbox__image:hover {
  animation: shake .5s;
  animation-iteration-count: infinite
}

.lootbox__show-all-boxes {
  display: block;
  margin: 20px auto 0
}

@keyframes shake {
  0% {
      transform: translate(1px,1px) rotate(0deg)
  }

  10% {
      transform: translate(-1px,-2px) rotate(-1deg)
  }

  20% {
      transform: translate(-3px) rotate(1deg)
  }

  30% {
      transform: translate(3px,2px) rotate(0deg)
  }

  40% {
      transform: translate(1px,-1px) rotate(1deg)
  }

  50% {
      transform: translate(-1px,2px) rotate(-1deg)
  }

  60% {
      transform: translate(-3px,1px) rotate(0deg)
  }

  70% {
      transform: translate(3px,1px) rotate(-1deg)
  }

  80% {
      transform: translate(-1px,-1px) rotate(1deg)
  }

  90% {
      transform: translate(1px,2px) rotate(0deg)
  }

  to {
      transform: translate(1px,-2px) rotate(-1deg)
  }
}

.balance-select__dropdown::-webkit-scrollbar {
  width: 4px
}

.balance-select__dropdown::-webkit-scrollbar-track {
  background: transparent
}

.balance-select__dropdown::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.balance-select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .balance-select__dropdown {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.balance-select,.balance-select__button {
  position: relative;
  width: 100%
}

.balance-select__button {
  align-items: center;
  background: #384c6b;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  padding: 12px 12px 12px 16px;
  transition: background .3s ease
}

.balance-select__button:hover {
  background: #445778
}

.balance-select__balance {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.balance-select__bottom-line {
  height: 0;
  position: relative;
  top: 100%;
  width: 100%
}

.balance-select__dropdown {
  background: #384c6b;
  border-radius: 8px;
  display: block;
  left: 0;
  margin: 0;
  max-height: 240px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 100
}

.balance-select__caret {
  color: hsla(0,0%,100%,.4);
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  transform-origin: center;
  transition: transform .3s ease;
  vertical-align: top
}

.balance-select__caret--open {
  transform: rotate(180deg)
}

.location-banner {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(80,99,133,.4);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 343px;
  padding: 16px;
  row-gap: 12px;
  width: 100%
}

@media(min-width: 960px) {
  .location-banner {
      max-width:472px
  }
}

.location-banner__content {
  align-items: flex-start;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex
}

.location-banner__text {
  margin: 0
}

.location-banner__text--description {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.location-banner__icon--location {
  color: #ffd336
}

.location-banner .location-banner__button {
  width: 100%
}

.notification__text-wrapper {
  margin-right: 20px;
  overflow-wrap: anywhere;
  word-break: normal
}

.notification__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 3px
}

.notification__close-button {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px
}

.notification-cookies-policy {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(80,99,133,.4);
  border-radius: 8px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  padding: 12px 16px;
  width: -moz-max-content;
  width: max-content
}

@media(min-width: 768px) {
  .notification-cookies-policy {
      width:auto
  }
}

.notification-cookies-policy__text-wrapper {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

@media(min-width: 480px) {
  .notification-cookies-policy__text-wrapper {
      align-self:unset
  }
}

.notification-cookies-policy__link,.notification-cookies-policy__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.notification-cookies-policy__link {
  color: #00dccd
}

.notification-cookies-policy__link:hover {
  color: #1df0e2
}

.notification-cookies-policy .notification-cookies-policy__accept {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase
}

.notification__container {
  background-color: #445778;
  border-radius: 4px;
  display: flex;
  padding: 20px;
  position: relative;
  width: 100%;
  word-break: break-all
}

.notification-unavailable-in-country-policy__text-wrapper,.notification__text-wrapper {
  margin-right: 20px;
  overflow-wrap: anywhere;
  word-break: normal
}

.notification-unavailable-in-country-policy__title,.notification__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 3px
}

.notification__message {
  color: hsla(0,0%,100%,.65);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.notification__icon-wrapper {
  flex: 0 0 20px;
  margin-right: 12px;
  min-width: 20px
}

.notification__icon {
  font-size: 16px;
  height: 20px;
  width: 20px
}

.notification-unavailable-in-country-policy__close-button,.notification__close-button {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px
}

.notification__icon--success {
  color: #48a902
}

.notification__icon--warning {
  color: #ff9500
}

.notification__icon--danger {
  color: linear-gradient( 180deg, rgb(15 114 124) 0%, rgb(0 78 86) 100% )
}

.rnc__notification-container--top-right {
  right: 16px;
  top: 80px
}

.notification-unavailable-in-country-policy {
  background: #22242c;
  bottom: 0;
  left: 0;
  padding: 20px 60px 20px 20px;
  position: fixed;
  right: 0;
  z-index: 1027
}

.notification-unavailable-in-country-policy__link {
  color: #fff!important
}

.notification-unavailable-in-country-policy__title {
  word-break: break-word
}

.notification-unavailable-in-country-policy__accept {
  margin-right: 15px;
  margin-top: 15px
}

.notification-unavailable-in-country-policy__decline {
  margin-top: 15px
}

.notification-container-bottom-left {
  bottom: 1px;
  left: 0;
  right: 0;
  width: 100vw
}

.notification-container-bottom-left .notification-item {
  margin-bottom: 0
}

.required-fields-modal__content {
  padding-block:56px 34px;padding-inline:16px}

@media(min-width: 768px) {
  .required-fields-modal__content {
      padding-block:56px 24px;
      padding-inline:48px}
}

.required-fields-modal .required-fields-modal__form {
  background-color: transparent
}

.required-fields-modal__reject-button {
  margin: 12px 0 0;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .required-fields-modal__reject-button {
      margin:0 12px 0 0
  }
}

.required-fields-modal__submit-button {
  text-transform: uppercase
}

.required-fields-modal .dynamic-form__buttons-wrapper {
  margin-top: 24px
}

.required-fields-modal .dynamic-form__buttons-wrapper .btn,.required-fields-modal .dynamic-form__buttons-wrapper .link-btn {
  width: 100%
}

.migration-kyc-modal {
  padding: 56px 16px 16px;
  text-align: center
}

@media(min-width: 768px) {
  .migration-kyc-modal {
      padding:64px 44px 48px
  }
}

.migration-kyc-modal__img-wrap {
  height: 240px
}

@media(min-width: 768px) {
  .migration-kyc-modal__img-wrap {
      height:232px
  }
}

.migration-kyc-modal__img {
  display: block;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain
}

.migration-kyc-modal__text-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}

.migration-kyc-modal__title {
  color: #fff;
  font-family: Roboto,Arial,sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0
}

.migration-kyc-modal__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0
}

.migration-kyc-modal__buttons {
  display: flex;
  flex-direction: column;
  margin: 40px 0 0;
  row-gap: 16px
}

@media(min-width: 768px) {
  .migration-kyc-modal__buttons {
      -moz-column-gap:20px;
      column-gap: 20px;
      flex-direction: row-reverse
  }
}

.migration-kyc-modal__btn {
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .migration-kyc-modal__btn {
      flex:1
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,strong {
  font-weight: bolder
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}



[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],template {
  display: none
}

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both
}

.animated.infinite {
  animation-iteration-count: infinite
}

.animated.repeat-1 {
  animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animated.repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animated.delay-1s {
  animation-delay: var(--animate-delay)
}

.animated.delay-2s {
  animation-delay: calc(var(--animate-delay)*2)
}

.animated.delay-3s {
  animation-delay: calc(var(--animate-delay)*3)
}

.animated.delay-4s {
  animation-delay: calc(var(--animate-delay)*4)
}

.animated.delay-5s {
  animation-delay: calc(var(--animate-delay)*5)
}

.animated.faster {
  animation-duration: calc(var(--animate-duration)/2)
}

.animated.fast {
  animation-duration: calc(var(--animate-duration)*.8)
}

.animated.slow {
  animation-duration: calc(var(--animate-duration)*2)
}

.animated.slower {
  animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
  .animated {
      animation-duration: 1ms!important;
      animation-iteration-count: 1!important;
      transition-duration: 1ms!important
  }

  .animated[class*=Out] {
      opacity: 0
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.fadeOut {
  animation-name: fadeOut
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right {
  min-width: 325px;
  pointer-events: all;
  position: absolute
}

.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: calc(50% - 175px);
  max-width: 350px
}

.rnc__notification-container--center {
  height: 100%;
  pointer-events: none;
  top: 20px
}

.rnc__notification-container--bottom-full,.rnc__notification-container--top-full {
  min-width: 100%;
  width: 100%
}

.rnc__notification-container--bottom-full {
  bottom: 0
}

.rnc__notification-container--top-center {
  top: 20px
}

.rnc__notification-container--bottom-center {
  bottom: 20px
}

.rnc__notification-container--top-left {
  left: 20px;
  top: 20px
}

.rnc__notification-container--top-right {
  right: 20px;
  top: 20px
}

.rnc__notification-container--bottom-left {
  bottom: 20px;
  left: 20px
}

.rnc__notification-container--bottom-right {
  bottom: 20px;
  right: 20px
}

.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top {
  pointer-events: all;
  position: absolute
}

.rnc__notification-container--mobile-top {
  left: 20px;
  right: 20px;
  top: 20px
}

.rnc__notification-container--mobile-bottom {
  bottom: 20px;
  left: 20px;
  margin-bottom: -15px;
  right: 20px
}

.rnc__util--flex-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 325px;
  pointer-events: all
}

.rnc__notification-item--default {
  background-color: #007bff;
  border-left: 8px solid #0562c7
}

.rnc__notification-item--default .rnc__notification-timer {
  background-color: #007bff
}

.rnc__notification-item--default .rnc__notification-timer-filler {
  background-color: #fff
}

.rnc__notification-item--default .rnc__notification-close-mark {
  background-color: #007bff
}

.rnc__notification-item--success {
  background-color: #28a745;
  border-left: 8px solid #1f8838
}

.rnc__notification-item--success .rnc__notification-timer {
  background-color: #28a745
}

.rnc__notification-item--success .rnc__notification-timer-filler {
  background-color: #fff
}

.rnc__notification-item--success .rnc__notification-close-mark {
  background-color: #28a745
}

.rnc__notification-item--danger {
  background-color: #dc3545;
  border-left: 8px solid #bd1120
}

.rnc__notification-item--danger .rnc__notification-timer {
  background-color: #dc3545
}

.rnc__notification-item--danger .rnc__notification-timer-filler {
  background-color: #fff
}

.rnc__notification-item--danger .rnc__notification-close-mark {
  background-color: #dc3545
}

.rnc__notification-item--info {
  background-color: #17a2b8;
  border-left: 8px solid #138b9e
}

.rnc__notification-item--info .rnc__notification-timer {
  background-color: #17a2b8
}

.rnc__notification-item--info .rnc__notification-timer-filler {
  background-color: #fff
}

.rnc__notification-item--info .rnc__notification-close-mark {
  background-color: #17a2b8
}

.rnc__notification-item--warning {
  background-color: #eab000;
  border-left: 8px solid #ce9c09
}

.rnc__notification-item--warning .rnc__notification-timer {
  background-color: #eab000
}

.rnc__notification-item--warning .rnc__notification-timer-filler {
  background-color: #fff
}

.rnc__notification-item--warning .rnc__notification-close-mark {
  background-color: #eab000
}

.rnc__notification-item--awesome {
  background-color: #685dc3;
  border-left: 8px solid #4c3fb1
}

.rnc__notification-item--awesome .rnc__notification-timer {
  background-color: #685dc3
}

.rnc__notification-item--awesome .rnc__notification-timer-filler {
  background-color: #fff
}

.rnc__notification-item--awesome .rnc__notification-close-mark {
  background-color: #685dc3
}

@keyframes timer {
  0% {
      width: 100%
  }

  to {
      width: 0
  }
}

.rnc__base {
  height: 100%;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 9000
}

.rnc__notification-item {
  border-radius: 3px;
  box-shadow: 1px 3px 4px rgba(0,0,0,.2);
  cursor: pointer;
  display: flex;
  margin-bottom: 15px;
  position: relative
}

.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item {
  border-radius: 0;
  margin-bottom: 0
}

.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification {
  width: 100%!important
}

.rnc__notification-timer {
  margin-top: 10px;
  width: 100%
}

.rnc__notification-timer,.rnc__notification-timer-filler {
  border-radius: 5px;
  height: 3px
}

.rnc__notification-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 5px
}

.rnc__notification-message {
  word-wrap: break-word;
  color: #fff;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 0;
  margin-top: 0;
  max-width: calc(100% - 15px)
}

.rnc__notification-content {
  display: inline-block;
  padding: 8px 15px;
  width: 100%
}

.rnc__notification-close-mark {
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px
}

.rnc__notification-close-mark:after {
  color: #fff;
  content: "×";
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item {
  max-width: 100%;
  width: 100%
}

.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification {
  margin-left: auto
}

.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification {
  margin-right: auto
}

.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification {
  margin-left: auto;
  margin-right: auto
}

html {
  height: auto;
  width: 100%
}

.body,html {
  min-height: 100%
}

.body {
  background-color: #001c2c;
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.6;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  text-align: start;
  width: 100vw
}

* {
  box-sizing: border-box
}

img {
  border: none
}

input::-ms-clear,input::-ms-reveal {
  display: none;
  height: 0;
  width: 0
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.grecaptcha-badge {
  visibility: hidden
}

a[disabled] {
  pointer-events: none
}

i {
  font-size: 24px!important
}

ol {
  padding-left: 20px
}

#launcher {
  height: 0!important;
  opacity: 0!important;
  width: 0!important
}

#payments_lib_popup .payments-lib-popup__outer-container--close {
  color: #4a4a4b!important
}

img:where([src*="uuidksinc."],[src*="doubleclick."]) {
  display: none
}

.main-slider .main-slider__item {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 380px;
  justify-content: center;
  outline: none;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .main-slider .main-slider__item {
      height:380px
  }
}

.main-slide {
  background-color: #0bdede;
  color: #2b2d32;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1.25;
  position: relative
}

@media(min-width: 768px) {
  .main-slide {
      font-size:26px
  }
}

.main-slide__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.main-slide__image--left {
  -o-object-position: left center;
  object-position: left center
}

.main-slide__image--right {
  -o-object-position: right center;
  object-position: right center
}

.main-slide__content {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.main-slide__content,.main-slide__content p {
  margin: 0;
  padding: 0;
  width: 100%
}

.main-slide__block {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-height: 100%;
  padding: 30px;
  position: relative;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .main-slide__block {
      padding:30px 50px
  }
}

.main-slide__block--left {
  justify-content: flex-start;
  text-align: left
}

.main-slide__block--right {
  justify-content: flex-end;
  text-align: right
}

.main-slide__block--top {
  align-items: flex-start
}

.main-slide__block--bottom {
  align-items: flex-end
}

.main-slide__block-inner {
  display: block;
  margin: 0;
  max-width: 240px;
  padding: 0;
  text-align: inherit;
  width: 100%
}

@media(min-width: 768px) {
  .main-slide__block-inner {
      max-width:520px
  }
}

.main-slide__title {
  color: #2b2d32;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 4px 0
}

@media(min-width: 768px) {
  .main-slide__title {
      font-size:42px
  }
}

.main-slide__subtitle {
  color: #2b2d32;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 4px 0
}

@media(min-width: 768px) {
  .main-slide__subtitle {
      font-size:36px
  }
}

.main-slide__color-inverse {
  color: #fff!important
}

.main-slide__uppercase {
  text-transform: uppercase!important
}

.main-slide__block-button {
  margin-top: 10px
}

@media(min-width: 768px) {
  .main-slide__block-button {
      margin-top:30px
  }
}

.main-slide__full-link {
  color: inherit;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0
}

.main-slide__full-link,.main-slide__row {
  align-items: center;
  display: flex;
  width: 100%
}

.main-slide__row {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  min-height: 100%;
  padding: 0 10px
}

@media(min-width: 768px) {
  .main-slide__row {
      padding:0 20px
  }
}

@media(min-width: 960px) {
  .main-slide__row {
      padding:0 30px
  }
}

.main-slide__cell {
  display: inline-flex;
  justify-content: center;
  width: 100%
}

@media(min-width: 768px) {
  .main-slide__cell {
      width:auto
  }
}

@media(max-width: 767px) {
  .main-slide__cell--hide-mobile {
      display:none
  }
}

.main-slide__cell .main-slide__block-inner {
  max-width: 350px;
  text-align: center;
  width: calc(100% - 50px)
}

.main-slide .main-slide__register-form {
  max-width: 350px;
  width: 100%
}

.banner {
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-transform: none;
  width: 100%
}

@media(min-width: 960px) {
  .banner {
      font-size:14px
  }
}

@media(min-width: 1200px) {
  .banner {
      font-size:12px
  }
}

@media(min-width: 1440px) {
  .banner {
      font-size:14px
  }
}

.banner p {
  margin: 0;
  padding: 0
}

.banner__img {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  top: 0;
  width: 100%
}

.banner__content {
  display: block;
  padding: 5px 20px;
  position: absolute;
  width: 100%
}

@media(min-width: 1200px) {
  .banner__content {
      padding:5px 10px
  }
}

@media(min-width: 1440px) {
  .banner__content {
      padding:5px 24px
  }
}

.banner__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px
}

p+.banner__title {
  margin: 0 0 5px
}

@media(min-width: 960px) {
  .banner__title {
      font-size:20px;
      margin-bottom: 10px
  }
}

@media(min-width: 1200px) {
  .banner__title {
      font-size:16px;
      margin-bottom: 5px
  }
}

@media(min-width: 1440px) {
  .banner__title {
      font-size:20px;
      margin-bottom: 10px
  }
}

.banner__button-wrapper {
  display: block;
  margin: 16px 0 0
}

@media(min-width: 960px) {
  .banner__button-wrapper {
      margin-top:20px
  }
}

@media(min-width: 1200px) {
  .banner__button-wrapper {
      margin-top:16px
  }
}

@media(min-width: 1440px) {
  .banner__button-wrapper {
      margin-top:22px
  }
}

@media(min-width: 1200px)and (max-width:1439px) {
  .layout--left-padding .banner__button-wrapper {
      margin-top:10px
  }
}

.game-banner {
  border-radius: 4px;
  grid-column: span 2;
  order: 1;
  overflow: hidden;
  padding: 48px 32px;
  position: relative
}

@media(min-width: 768px) {
  .game-banner {
      padding:24px 32px
  }
}

.game-banner:nth-child(2),.game-banner:nth-child(3) {
  order: 3
}

.game-banner:nth-child(4) {
  order: 5
}

.game-banner__title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .28px;
  margin-bottom: 8px;
  margin-top: 0;
  text-transform: uppercase
}

.game-banner p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .14px;
  margin-bottom: 16px;
  margin-top: 0
}

.game-banner__pretitle {
  margin-bottom: 8px;
  margin-top: 0
}

.game-banner__content {
  position: relative;
  z-index: 2
}

.game-banner__img {
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  right: 0;
  z-index: 1
}

.game-banner__button-wrapper {
  margin-top: 16px
}

.jackpot-slide__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.jackpot-slide__content {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  left: 0;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-slide__content {
      font-size:20px
  }
}

.jackpot-slide__block {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  min-height: 100%;
  padding: 40px 24px;
  position: relative;
  text-align: center;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-slide__block {
      padding:94px 48px
  }
}

@media(min-width: 1200px) {
  .jackpot-slide__block {
      padding:94px 54px
  }
}

@media(min-width: 1440px) {
  .jackpot-slide__block {
      padding:94px 64px
  }
}

.jackpot-slide__block--left {
  justify-content: flex-start;
  text-align: left
}

.jackpot-slide__block--right {
  justify-content: flex-end;
  text-align: right
}

.jackpot-slide__block--top {
  align-items: flex-start
}

.jackpot-slide__block--bottom {
  align-items: flex-end
}

.jackpot-slide__block--with-registration {
  display: none;
  width: calc(100% - 500px)
}

@media(min-width: 768px) {
  .jackpot-slide__block--with-registration {
      display:flex
  }
}

.jackpot-slide__block-inner {
  display: block;
  margin: 0;
  padding: 0;
  text-align: inherit;
  width: 100%
}

.jackpot-slide__title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .24px;
  margin: 0 0 9px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .jackpot-slide__title {
      font-size:56px;
      letter-spacing: .56px;
      margin-bottom: 50px
  }
}

.jackpot-slide__title .od-total-wrapper,.jackpot-slide__title .od-total-wrapper .odometer.odometer-auto-theme,.jackpot-slide__title .od-total-wrapper .odometer.odometer-theme-default {
  font-family: Open Sans,sans-serif
}

.jackpot-slide__block--with-registration .jackpot-slide__title {
  font-size: 24px
}

@media(min-width: 768px) {
  .jackpot-slide__block--with-registration .jackpot-slide__title {
      font-size:32px
  }
}

@media(min-width: 1200px) {
  .jackpot-slide__block--with-registration .jackpot-slide__title {
      font-size:40px
  }
}

.jackpot-slide__block-button {
  font-family: Roboto,Arial,sans-serif
}

.jackpot-slide__block-button .jackpot-slide__button {
  font-size: 16px;
  min-height: 52px;
  min-width: 167px
}

@media(min-width: 768px) {
  .jackpot-slide__block-button .jackpot-slide__button {
      font-size:22px;
      min-height: 67px;
      min-width: 215px
  }
}

.jackpot-slide__row {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-slide__row {
      flex-direction:row;
      max-width: 100%;
      width: auto
  }
}

.jackpot-slide__block--left .jackpot-slide__row {
  justify-content: flex-start
}

.jackpot-slide__block--right .jackpot-slide__row {
  justify-content: flex-end
}

.jackpot-slide__block--with-registration .jackpot-slide__row {
  align-items: flex-start;
  flex-direction: column
}

@media(min-width: 960px) {
  .jackpot-slide__block--with-registration .jackpot-slide__row {
      flex-direction:row;
      max-width: 100%;
      width: auto
  }
}

.jackpot-slide__cell {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  width: 100%
}

@media(min-width: 768px) {
  .jackpot-slide__cell {
      width:auto
  }
}

.jackpot-slide__cell:not(:first-child) {
  margin: 16px 0 0
}

@media(min-width: 768px) {
  .jackpot-slide__cell:not(:first-child) {
      margin:0 0 0 24px
  }
}

@media(max-width: 767px) {
  .jackpot-slide__cell:last-child {
      margin:0 0 16px;
      order: -1
  }
}

.jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
  margin: 0
}

@media(max-width: 959px) {
  .jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
      margin:0;
      order: -1
  }
}

.jackpot-slide__cell-inner {
  display: block;
  text-align: inherit;
  width: 100%
}

.jackpot-slide__full-link {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%
}

.jackpot-slide .registration-form-nomodal {
  max-width: 400px;
  min-height: 360px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%,-50%)
}

@media(min-width: 768px) {
  .jackpot-slide .registration-form-nomodal {
      right:48px;
      transform: translateY(-50%)
  }
}

@media(min-width: 1200px) {
  .jackpot-slide .registration-form-nomodal {
      right:54px
  }
}

@media(min-width: 1440px) {
  .jackpot-slide .registration-form-nomodal {
      right:64px
  }
}

.jackpot-slide--jackpot .jackpot-slide__title {
  font-size: 24px;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(177,78,255,.51),0 0 10px rgba(255,189,111,.25)
}

@media(min-width: 768px) {
  .jackpot-slide--jackpot .jackpot-slide__title {
      font-size:72px;
      line-height: 80px
  }
}

.welcome-modal__header {
  align-items: center;
  background-color: #22242c;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  text-transform: uppercase
}

.welcome-modal__image-wrapper {
  height: 160px;
  position: relative
}

@media(min-width: 768px) {
  .welcome-modal__image-wrapper {
      height:200px
  }
}

.welcome-modal__image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%
}

.welcome-modal__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 24px
}

@media(min-width: 960px) {
  .welcome-modal__content {
      padding:32px
  }
}

.welcome-modal__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 960px) {
  .welcome-modal__title {
      font-size:24px
  }
}

.welcome-modal__prize {
  color: #0bdede
}

.welcome-modal__desc {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
  text-align: center
}

@media(min-width: 960px) {
  .welcome-modal__desc {
      font-size:14px
  }
}

.welcome-modal .welcome-modal__button {
  margin-top: 22px
}

.bonuses__more {
  margin-top: 30px;
  text-align: center
}

.fast-deposit-metods-info {
  padding: 10px 0
}

.welcome-bonus-sign-up {
  padding: 86px 16px 0;
  width: 100%
}

@media(min-width: 480px) {
  .welcome-bonus-sign-up {
      padding:94px 48px 0
  }
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up {
      padding:36px 48px 48px;
      text-align: center
  }
}

.welcome-bonus-sign-up__logo {
  display: none;
  position: relative;
  z-index: 3
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up__logo {
      display:inline-block
  }

  .welcome-bonus-sign-up__logo .logo__img {
      height: 45px;
      width: 211px
  }
}

.welcome-bonus-sign-up__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  max-width: 333px;
  position: relative;
  text-transform: uppercase;
  z-index: 3
}

@media(min-width: 480px) {
  .welcome-bonus-sign-up__title {
      font-size:26px
  }
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up__title {
      margin:32px auto 0;
      max-width: 400px
  }
}

.welcome-bonus-sign-up__background {
  height: 272px;
  left: 50%;
  position: absolute;
  top: -3px;
  transform: translate(-50%);
  width: 480px
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up__background {
      height:680px;
      top: 0;
      width: 100%
  }
}

.welcome-bonus-sign-up__background--gradient {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up__background--gradient {
      display:block
  }
}

.welcome-bonus-sign-up__gradient {
  position: absolute
}

.welcome-bonus-sign-up__gradient--blue {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  bottom: 71%;
  height: 560px;
  right: -43%;
  width: 896px
}

.welcome-bonus-sign-up__gradient--red {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  bottom: -35.1%;
  height: 809px;
  top: 47.2%;
  width: 991px
}

.welcome-bonus-sign-up__image {
  height: 100%;
  width: 100%
}

.welcome-bonus-sign-up__image--mobile {
  display: block
}

@media(min-width: 768px) {
  .welcome-bonus-sign-up__image--mobile {
      display:none
  }
}

.welcome-bonus-sign-up__image--tablet {
  display: none
}

@media(min-width: 768px) {
  .welcome-bonus-sign-up__image--tablet {
      display:block
  }
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up__image--tablet {
      display:none
  }
}

.welcome-bonus-sign-up__image--desktop {
  display: none
}

@media(min-width: 1200px) {
  .welcome-bonus-sign-up__image--desktop {
      display:block
  }
}

.home-vip-benifits {
  margin-top: 80px;
  position: relative
}

.home-vip-benifits__gradient {
  position: absolute;
  z-index: -1
}

.home-vip-benifits__gradient--red {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  bottom: -90px;
  height: 920px;
  right: -610px;
  width: 896px
}

@media(min-width: 768px) {
  .home-vip-benifits__gradient--red {
      bottom:unset;
      right: -520px;
      right: -510px;
      top: -250px
  }
}

@media(min-width: 1440px) {
  .home-vip-benifits__gradient--red {
      right:-685px
  }
}

@media(min-width: 1680px) {
  .home-vip-benifits__gradient--red {
      right:-500px
  }
}

.home-vip-benifits__gradient--green {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  display: none;
  height: 920px;
  width: 896px
}

@media(min-width: 768px) {
  .home-vip-benifits__gradient--green {
      display:block;
      left: -530px;
      top: -410px
  }
}

@media(min-width: 1200px) {
  .home-vip-benifits__gradient--green {
      top:-460px
  }
}

.home-vip-benifits__star {
  position: absolute
}

.home-vip-benifits__star--small {
  display: none
}

@media(min-width: 1200px) {
  .home-vip-benifits__star--small {
      display:block;
      left: 32%;
      top: 265px
  }
}

.home-vip-benifits__star--big {
  height: 77px;
  left: 11px;
  top: 48%
}

@media(min-width: 768px) {
  .home-vip-benifits__star--big {
      left:0;
      top: -90px
  }
}

@media(min-width: 1200px) {
  .home-vip-benifits__star--big {
      height:91px;
      top: -97px
  }
}

.home-vip-benifits__background-image {
  height: 972px;
  opacity: .4;
  position: absolute;
  right: -570px;
  top: -165px;
  z-index: -2
}

@media(min-width: 768px) {
  .home-vip-benifits__background-image {
      opacity:1;
      right: -375px
  }
}

@media(min-width: 1200px) {
  .home-vip-benifits__background-image {
      right:-200px;
      top: -310px
  }
}

@media(min-width: 1680px) {
  .home-vip-benifits__background-image {
      right:-50px
  }
}

.home-vip-benifits__badge {
  display: none
}

@media(min-width: 768px) {
  .home-vip-benifits {
      margin-bottom:418px;
      margin-top: 172px
  }
}

@media(min-width: 1200px) {
  .home-vip-benifits {
      margin-bottom:254px;
      margin-top: 262px
  }
}

@media(min-width: 1440px) {
  .home-vip-benifits {
      margin-bottom:230px
  }
}

.home-vip-benifits .container,.home-vip-benifits__text {
  position: relative
}

@media(min-width: 768px) {
  .home-vip-benifits__text {
      max-width:328px
  }
}

@media(min-width: 1200px) {
  .home-vip-benifits__text {
      margin-left:32px;
      max-width: 485px
  }
}

@media(min-width: 1440px) {
  .home-vip-benifits__text {
      margin-left:77px;
      max-width: 630px
  }
}

.home-vip-benifits__text:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  content: "";
  display: none;
  height: 440px;
  opacity: .8;
  position: absolute;
  transform: rotate(-20deg);
  width: 595px;
  z-index: -1
}

@media(min-width: 768px) {
  .home-vip-benifits__text:before {
      display:block;
      left: -130px;
      top: -100px
  }
}

.home-vip-benifits__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-transform: uppercase
}

@media(min-width: 1200px) {
  .home-vip-benifits__title {
      font-size:42px;
      line-height: 52px;
      margin: 0 0 32px
  }
}

@media(min-width: 1440px) {
  .home-vip-benifits__title {
      font-size:54px;
      font-weight: 800;
      line-height: 64px
  }
}

.home-vip-benifits__description {
  color: hsla(0,0%,100%,.65);
  display: inline-block;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 48px
}

@media(min-width: 768px) {
  .home-vip-benifits__description {
      margin-bottom:40px
  }
}

@media(min-width: 1200px) {
  .home-vip-benifits__description {
      margin-bottom:48px
  }
}

.home-vip-benifits .container {
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .home-vip-benifits .container {
      align-items:center;
      flex-direction: row;
      justify-content: space-between
  }
}

.home-vip-benifits__cards {
  display: flex;
  flex-direction: column;
  row-gap: 30px
}

@media(min-width: 768px) {
  .home-vip-benifits__cards {
      width:465px
  }
}

.home-vip-benifits__card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0,0%,100%,.06);
  border-radius: 12px;
  padding: 24px 36px;
  position: relative
}

.home-vip-benifits__card:before {
  background: transparent;
  border-bottom: 1px solid hsla(0,0%,100%,.12);
  border-radius: 12px;
  border-right: 1px solid hsla(0,0%,100%,.12);
  bottom: -8px;
  content: "";
  display: block;
  left: 12px;
  position: absolute;
  right: -12px;
  top: 8px;
  z-index: -1
}

.home-vip-benifits__card--three {
  display: none
}

.home-vip-benifits__card-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0
}

.home-vip-benifits__card-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  row-gap: 12px
}

.home-vip-benifits__card-item {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  font-size: 14px;
  line-height: 20px
}

.home-vip-benifits__card-description,.home-vip-benifits__card-item {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-style: normal;
  font-weight: 400
}

.home-vip-benifits__card-description {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px
}

.home-vip-benifits__card-image--title {
  display: none
}

.home-vip-benifits .home-vip-benifits__button {
  align-self: center;
  display: flex;
  padding: 12px 20px
}

.home-vip-benifits .home-vip-benifits__button--desktop {
  display: none
}

@media(min-width: 768px) {
  .home-vip-benifits .home-vip-benifits__button--desktop {
      display:inline-block
  }
}

.home-vip-benifits .home-vip-benifits__button--mobile {
  margin: 40px 0 72px
}

@media(min-width: 768px) {
  .home-vip-benifits .home-vip-benifits__button--mobile {
      display:none
  }
}

@keyframes badge {
  to {
      transform: translate(-50%,-50%) rotate(1turn)
  }
}

.iphone-modal {
  text-align: center
}

.iphone-modal__header {
  color: #fff;
  font-size: 20px;
  padding: 10px 20px
}

.iphone-modal__content {
  padding: 0 20px 20px
}

.copyright {
  display: grid;
  margin-bottom: 24px;
  margin-top: 32px;
  row-gap: 24px
}

@media(min-width: 1200px) {
  .copyright {
      -moz-column-gap:48px;
      column-gap: 48px;
      margin-bottom: 36px;
      margin-top: 48px
  }
}

.copyright--one-column,.copyright--two-column {
  grid-template-columns: 1fr
}

@media(min-width: 1200px) {
  .copyright--two-column {
      grid-template-columns:1fr 1fr
  }
}

.copyright__text {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.prize-level__cashback {
  display: block
}

.game-tournaments-list {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.mystery-drops-winners-tables__wrap {
  display: flex;
  gap: 24px;
  margin-bottom: 120px;
  margin-top: 110px;
  padding-top: 50px
}

@media(max-width: 1247px) {
  .mystery-drops-winners-tables__wrap {
      gap:16px;
      margin-bottom: 112px;
      margin-top: 102px
  }
}

@media(max-width: 959px) {
  .mystery-drops-winners-tables__wrap {
      margin-bottom:96px;
      margin-left: -24px;
      margin-top: 86px;
      overflow: auto;
      padding-left: 24px;
      padding-right: 24px;
      width: 100vw
  }
}

@media(max-width: 767px) {
  .mystery-drops-winners-tables__wrap {
      gap:12px;
      margin-bottom: 72px;
      margin-top: 62px
  }
}

.mystery-drops-winners-tables__table {
  background: radial-gradient(49.34% 47.32% at 50% 0,rgba(142,53,255,.12) 0,rgba(107,37,255,0) 100%),rgba(223,228,255,.1);
  border-radius: 4px;
  padding: 48px 16px 16px;
  position: relative;
  width: 33.3333333333%
}

@media(max-width: 1247px) {
  .mystery-drops-winners-tables__table {
      padding-top:52px
  }
}

@media(max-width: 959px) {
  .mystery-drops-winners-tables__table {
      min-width:328px;
      width: 328px
  }
}

@media(max-width: 767px) {
  .mystery-drops-winners-tables__table {
      padding-top:52px
  }
}

@media(max-width: 480px) {
  .mystery-drops-winners-tables__table {
      min-width:calc(100vw - 48px);
      width: calc(100vw - 48px)
  }
}

.mystery-drops-winners-tables__icon-wrap {
  height: 80px;
  left: 50%;
  margin-bottom: 8px;
  position: absolute;
  top: -40px;
  transform: translateX(-50%);
  width: 80px
}

.mystery-drops-winners-tables__icon-wrap img {
  max-width: 100%
}

.mystery-drops-winners-tables__title {
  color: #fff;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 24px;
  margin-bottom: 24px;
  text-align: center
}

@media(max-width: 1247px) {
  .mystery-drops-winners-tables__title {
      font-size:16px;
      line-height: 20px
  }
}

@media(max-width: 959px) {
  .mystery-drops-winners-tables__title {
      font-size:20px;
      line-height: 24px
  }
}

@media(max-width: 767px) {
  .mystery-drops-winners-tables__title {
      font-size:16px;
      line-height: 20px
  }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block {
  align-items: center;
  border-radius: 4px;
  display: flex;
  min-height: 56px;
  padding: 8px;
  position: relative
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block:nth-child(odd) {
  background: rgba(176,180,255,.04)
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block-place {
  margin-right: 12px;
  width: 40px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98px
}

@media(max-width: 1247px) {
  .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
      width:60px
  }
}

@media(max-width: 959px) {
  .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
      width:98px
  }
}

@media(max-width: 480px) {
  .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
      width:60px
  }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool-wrap {
  align-items: center;
  display: flex;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%)
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool {
  color: #fff;
  flex-grow: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-level-image {
  margin-left: 8px;
  width: 18px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap .ago-timer__text {
  color: hsla(0,0%,100%,.4)
}

.mystery-drops-winners-tables .jackpot-list-winner__block {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  min-height: 56px;
  padding: 8px 8px 8px 60px;
  position: relative
}

.mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(odd) {
  background: rgba(176,180,255,.04)
}

.mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(n+6) {
  display: none
}

.mystery-drops-winners-tables .jackpot-list-winner__name {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98px
}

@media(max-width: 1247px) {
  .mystery-drops-winners-tables .jackpot-list-winner__name {
      width:60px
  }
}

@media(max-width: 959px) {
  .mystery-drops-winners-tables .jackpot-list-winner__name {
      width:98px
  }
}

@media(max-width: 480px) {
  .mystery-drops-winners-tables .jackpot-list-winner__name {
      width:60px
  }
}

.mystery-drops-winners-tables .jackpot-list-winner__pool-wrap {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  left: 0;
  padding: 8px 8px 8px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.mystery-drops-winners-tables .jackpot-list-winner__pool {
  color: #fff;
  flex-grow: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.mystery-drops-winners-tables .jackpot-list-winner__level-image {
  width: 35px
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer {
  width: 100%
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer__text {
  color: hsla(0,0%,100%,.4)
}

.mystery-drops-winners-tables .tooltip-info__info-btn {
  height: 20px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px
}

.mystery-drops-winners-tables .tooltip-info__info-btn img {
  width: 100%
}

.mystery-features {
  margin: 120px 0
}

.mystery-features-wrapper {
  position: relative;
  z-index: 2
}

.mystery-features-wrapper:before {
  background: radial-gradient(50% 50% at 50% 50%,#0057ff 0,rgba(0,87,255,0) 100%);
  content: "";
  height: 611px;
  left: -50%;
  opacity: .2;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 611px;
  z-index: -1
}

@media(min-width: 768px) {
  .mystery-features-wrapper:before {
      height:1157px;
      left: -80%;
      top: 40%;
      transform: translateY(-50%);
      width: 1157px
  }
}

@media(min-width: 1200px) {
  .mystery-features-wrapper:before {
      height:1451px;
      left: -750px;
      top: 80%;
      width: 1451px
  }
}

.mystery-features-wrapper:after {
  background: radial-gradient(50% 50% at 50% 50%,#ad00ff 0,rgba(173,0,255,0) 100%);
  content: "";
  height: 611px;
  opacity: .2;
  pointer-events: none;
  position: absolute;
  right: -50%;
  top: -80px;
  width: 611px;
  z-index: -1
}

@media(min-width: 768px) {
  .mystery-features-wrapper:after {
      height:1157px;
      right: -80%;
      top: 50%;
      transform: translateY(-50%);
      width: 1157px
  }
}

@media(min-width: 1200px) {
  .mystery-features-wrapper:after {
      height:1451px;
      right: -750px;
      top: 70%;
      width: 1451px
  }
}

@media(max-width: 768px) {
  .mystery-features {
      margin:60px 0
  }
}

.mystery-features__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 64px;
  text-align: center
}

@media(max-width: 768px) {
  .mystery-features__title {
      font-size:26px;
      line-height: 32px;
      margin: 0 0 32px
  }
}

@media(min-width: 1200px) {
  .mystery-features__title {
      font-size:32px;
      line-height: 40px
  }
}

.mystery-features__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media(max-width: 960px) {
  .mystery-features__list {
      row-gap:56px
  }
}

@media(max-width: 768px) {
  .mystery-features__list {
      row-gap:16px
  }
}

.mystery-features__list-item {
  flex: 1 1 20%;
  max-width: 20%
}

@media(max-width: 960px) {
  .mystery-features__list-item {
      flex:1 1 33.3333%;
      max-width: 33.3333%
  }
}

@media(max-width: 768px) {
  .mystery-features__list-item {
      flex:1 1 100%;
      max-width: 100%
  }

  .mystery-features__list-item:last-child {
      margin-bottom: 0
  }
}

.mystery-feature {
  padding: 0 15px
}

@media(max-width: 768px) {
  .mystery-feature {
      align-items:center;
      display: flex
  }
}

.mystery-feature__icon {
  height: 80px;
  margin: 0 auto 24px;
  width: 80px
}

@media(max-width: 768px) {
  .mystery-feature__icon {
      height:64px;
      margin: -10px 24px 0 0;
      width: 64px
  }
}

.mystery-feature__icon img {
  max-width: 100%
}

.mystery-feature__content {
  flex: 1;
  text-align: center
}

@media(max-width: 768px) {
  .mystery-feature__content {
      text-align:left
  }
}

.mystery-feature__title {
  color: #fff!important;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px!important;
  font-weight: 700;
  line-height: 28px!important;
  margin: 0
}

@media(max-width: 768px) {
  .mystery-feature__title {
      font-size:16px!important;
      line-height: 24px!important
  }

  .mystery-feature__title br {
      display: none
  }
}

.mystery-feature__text {
  color: hsla(0,0%,100%,.65);
  font: 14px/20px Open Sans,sans-serif;
  margin-bottom: 0;
  margin-top: 4px
}

@media(min-width: 1200px) {
  .mystery-feature__text {
      font-size:16px;
      line-height: 24px
  }
}

.ls-prizes-modal .modal__content-wrapper {
  height: 100%;
  margin: unset;
  max-width: unset;
  width: 100%
}

@media(min-width: 768px) {
  .ls-prizes-modal .modal__content-wrapper {
      height:unset;
      margin: auto;
      max-width: 720px
  }
}

.ls-prizes-modal .modal__content {
  background: rgb(0 78 86);
  border-radius: 0;
  height: 100%;
  margin: 0;
  overflow: hidden
}

@media(min-width: 768px) {
  .ls-prizes-modal .modal__content {
      border-radius:20px;
      margin: 32px auto
  }
}

.ls-prizes-modal__inner {
  height: 100%;
  overflow: auto;
  padding: 56px 16px 32px
}

@media(min-width: 768px) {
  .ls-prizes-modal__inner {
      border-radius:20px
  }
}

.ls-prizes-modal__content {
  margin: 0 0 24px;
  text-align: center
}

.ls-prizes-modal__rewards {
  display: flex;
  flex-direction: column;
  gap: 8px
}

@media(min-width: 768px) {
  .ls-prizes-modal__rewards {
      flex-direction:row
  }
}

.ls-prizes-modal__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px
}

.ls-prizes-modal__text,.ls-prizes-modal__title {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  text-align: center
}

.ls-prizes-modal__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.ls-prizes-modal__text:last-child {
  margin: 0
}

.ls-prizes-modal .ls-modal-rewards {
  border: 1px solid hsla(0,0%,100%,.06);
  border-radius: 8px;
  flex: 1;
  overflow: hidden;
  padding: 58px 24px 24px;
  position: relative
}

.ls-prizes-modal .ls-modal-rewards__label {
  left: 0;
  position: absolute;
  top: -1px
}

.ls-prizes-modal .ls-modal-rewards__list {
  list-style: none;
  margin: 0;
  padding: 0
}

.ls-prizes-modal .ls-modal-rewards__item {
  margin: 0 0 16px
}

.ls-prizes-modal .ls-modal-rewards__item:last-child {
  margin: 0
}

.ls-prizes-modal .ls-modal-rewards__item-text {
  color: hsla(0,0%,100%,.65);
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  letter-spacing: .01em;
  line-height: 20px;
  margin: 0
}

.ls-prizes-modal .ls-modal-rewards__item-text span:last-child {
  color: #fff;
  font-weight: 700
}

.ls-prizes-modal .ls-modal-rewards--silver {
  background: linear-gradient(164.42deg,rgba(74,70,255,.1) 1.11%,rgba(74,70,255,.06))
}

.ls-prizes-modal .ls-modal-rewards--gold {
  background: linear-gradient(164.3deg,rgba(255,199,0,.1) -.49%,rgba(255,168,0,.03))
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label {
  background-size: 100% 100%;
  display: flex;
  min-width: 134px;
  padding: 6px 12px
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__icon {
  height: 20px;
  margin-right: 11px;
  width: 20px
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__icon img {
  max-width: 100%
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__text {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2em;
  line-height: 20px;
  text-transform: uppercase
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--silver {
  background: url(images/ls-ticket-label-bg-silver.87f6e33b..png) 50% no-repeat
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--silver .ls-modal-rewards-label__text {
  color: #bbbeff
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--gold {
  background: url(images/ls-ticket-label-bg-gold.fd9625ec..png) 50% no-repeat
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--gold .ls-modal-rewards-label__text {
  color: #ffc978
}

.lb-prizes-modal__inner {
  overflow: hidden;
  padding: 40px 16px 64px
}

@media(min-width: 768px) {
  .lb-prizes-modal__inner {
      padding:40px 56px 34px
  }
}

.lb-prizes-modal__inner:after {
  background: no-repeat;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%
}

.lb-prizes-modal__inner:before {
  background: top/contain url(images/lb-modal-confiti.50a88544..png) no-repeat,radial-gradient(27.42% 26.24% at 100% 98.82%,rgba(0,255,240,.04) 0,transparent 100%),#121212;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media(min-width: 768px) {
  .lb-prizes-modal__inner:before {
      border-radius:8px
  }
}

.lb-prizes-modal__bg {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1
}

.lb-prizes-modal__bg:after {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  bottom: -500px;
  content: "";
  display: block;
  height: 809px;
  position: absolute;
  right: -300px;
  width: 700px
}

.lb-prizes-modal__bg:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  border-radius: 630px;
  content: "";
  display: block;
  height: 560px;
  position: absolute;
  right: -100px;
  top: -400px;
  width: 631px
}

.lb-prizes-modal__content {
  margin: 0 auto;
  max-width: 401px
}

.lb-prizes-modal__main-title,.lb-prizes-modal__title {
  color: #fff;
  font-weight: 700;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}

.lb-prizes-modal__main-title {
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  line-height: 28px
}

.lb-prizes-modal__title {
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  line-height: 26px
}

.lb-prizes-modal__text {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 143%;
  margin-bottom: 24px;
  margin-top: 16px;
  text-align: center
}

.lb-prizes-modal__rewards {
  display: flex;
  flex-direction: column;
  gap: 16px
}

@media(min-width: 768px) {
  .lb-prizes-modal__rewards {
      flex-direction:row;
      width: 100%
  }
}

.lb-prizes-modal .lb-modal-rewards {
  background-image: url(images/bg-prizes-modal.d977d297..png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  border-radius: 8px;
  padding: 32px 52px;
  position: relative
}

@media(min-width: 768px) {
  .lb-prizes-modal .lb-modal-rewards {
      padding:32px 24px;
      width: 100%
  }
}

.lb-prizes-modal .lb-modal-rewards__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 24px 0 0;
  padding: 0
}

.lb-prizes-modal .lb-modal-rewards__item-text {
  display: flex;
  justify-content: space-between;
  margin: 0
}

.lb-prizes-modal .lb-modal-rewards__item-text span {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 143%
}

.lb-prizes-modal .lb-modal-rewards__item-text span:last-child {
  color: #fff;
  font-weight: 700
}

.lb-prizes-modal .lb-modal-rewards--epic:before {
  background: linear-gradient(180deg,#ffc736,rgba(147,63,15,.99));
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.lb-prizes-modal .lb-modal-rewards--rare:before {
  background: linear-gradient(354deg,#003f5a,#03b6aa);
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.lb-prizes-modal .modal__content-wrapper {
  margin: 0;
  max-width: 100%;
  width: 100%
}

@media(min-width: 768px) {
  .lb-prizes-modal .modal__content-wrapper {
      margin:auto;
      max-width: 700px
  }
}

.lb-prizes-modal .modal__content {
  margin: 0;
  min-height: 100vh
}

@media(min-width: 768px) {
  .lb-prizes-modal .modal__content {
      border-radius:8px;
      min-height: auto
  }
}

.lb-prizes-modal .modal__close-button {
  right: 16px!important;
  top: 16px!important
}

.need-help-modal-content {
  padding: 56px 16px 16px
}

@media(min-width: 480px) {
  .need-help-modal-content {
      padding:56px 48px 48px
  }
}

.need-help-modal-content__inner {
  align-items: center;
  display: flex;
  flex-direction: column
}

.need-help-modal-content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 24px;
  margin-top: 0;
  text-align: center
}

.need-help-modal-content__list {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0 0 22px;
  padding: 0
}

.need-help-modal-content__item {
  background: #384c6b;
  border-radius: 8px;
  transition: background-color .3s
}

.need-help-modal-content__item:not(:last-child) {
  margin-bottom: 8px
}

.need-help-modal-content__item:hover {
  background: #445778
}

.need-help-modal-content__info-wrap {
  align-items: flex-start;
  display: flex;
  padding: 16px
}

.need-help-modal-content__icon {
  height: 48px;
  margin-inline-end:8px;width: 48px
}

.need-help-modal-content__subtitle {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 4px;
  margin-top: 0
}

.need-help-modal-content__desc {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  line-height: 143%;
  margin: 0
}

.need-help-modal-content__back-wrap {
  margin-bottom: 22px
}

.need-help-modal-content__back,.need-help-modal-content__contact,.need-help-modal-content__contact-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  text-align: center
}

.need-help-modal-content__back {
  align-items: center;
  color: hsla(0,0%,100%,.65);
  display: flex;
  gap: 8px
}

.need-help-modal-content__contact {
  color: hsla(0,0%,100%,.65);
  margin: 0
}

.need-help-modal-content__contact-link {
  color: #00dccd
}

.jackpot-snippet {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  z-index: 2
}

@media(min-width: 768px) {
  .jackpot-snippet {
      align-items:flex-start;
      flex-direction: row;
      gap: 24px;
      justify-content: space-between
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet {
      align-items:center;
      padding: 16px 24px
  }
}

.jackpot-snippet__bg-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.jackpot-snippet__bg {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.jackpot-snippet__logo {
  display: block;
  margin: 0 auto 8px;
  max-width: 104px
}

@media(min-width: 768px) {
  .jackpot-snippet__logo {
      flex:0 0 133px;
      margin: 0;
      max-width: 133px
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet__logo {
      max-width:174px
  }
}

.jackpot-snippet__cards {
  display: flex;
  gap: 5px;
  max-width: 842px
}

@media(min-width: 768px) {
  .jackpot-snippet__cards {
      flex:1
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet__cards {
      margin-left:auto
  }
}

.jackpot-snippet__card-item {
  flex: 1
}

.jackpot-snippet__actions {
  display: none
}

@media(min-width: 768px) {
  .jackpot-snippet__actions {
      bottom:20px;
      display: block;
      left: 16px;
      position: absolute
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet__actions {
      position:static
  }

  .jackpot-snippet .jackpot-snippet__action {
      font-size: 14px;
      line-height: 20px;
      padding: 10px 16px
  }
}

.jackpot-snippet .jp-card {
  background: hsla(0,0%,100%,.07);
  border: 1px solid hsla(0,0%,100%,.16);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 8px 12px 12px;
  position: relative
}

@media(min-width: 1200px) {
  .jackpot-snippet .jp-card {
      align-items:center;
      flex-direction: row;
      gap: 16px;
      padding: 12px
  }
}

.jackpot-snippet .jp-card__gem {
  margin: 0 auto 8px;
  max-width: 40px;
  transform: scale(1.2)
}

@media(min-width: 768px) {
  .jackpot-snippet .jp-card__gem {
      margin-left:0;
      max-width: 50px
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet .jp-card__gem {
      flex:0 0 50px;
      margin: 0;
      max-width: 60px
  }
}

.jackpot-snippet .jp-card__gem-image {
  display: block;
  max-width: 100%
}

.jackpot-snippet .jp-card__content {
  text-align: center
}

@media(min-width: 768px) {
  .jackpot-snippet .jp-card__content {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet .jp-card__content {
      flex:1
  }
}

.jackpot-snippet .jp-card__pre-title {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 14px;
  margin: 0 0 8px;
  text-transform: uppercase
}

@media(min-width: 480px) {
  .jackpot-snippet .jp-card__pre-title {
      font-size:12px;
      line-height: 16px
  }
}

@media(min-width: 768px) {
  .jackpot-snippet .jp-card__pre-title {
      left:70px;
      position: absolute;
      top: 25px
  }
}

@media(min-width: 1200px) {
  .jackpot-snippet .jp-card__pre-title {
      margin:0 0 4px;
      position: static
  }
}

.jackpot-snippet .jp-card__pre-title:last-child {
  margin: 0
}

.jackpot-snippet .jp-card__title {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  margin: 0 0 2px
}

@media(min-width: 480px) {
  .jackpot-snippet .jp-card__title {
      font-size:16px;
      line-height: 22px
  }
}

.jackpot-snippet .jp-card__title:last-child {
  margin: 0
}

.jackpot-snippet .jp-card__text {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  word-break: break-word
}

.cms-page--jackpot {
  padding: 0!important
}

.cms-page--jackpot .page-content--desktop {
  display: none
}

@media(min-width: 768px) {
  .cms-page--jackpot .page-content--desktop {
      display:block
  }
}

.cms-page--jackpot .page-content--mobile {
  display: block
}

@media(min-width: 768px) {
  .cms-page--jackpot .page-content--mobile {
      display:none
  }
}

.cms-page--jackpot .page-content--mobile .description {
  margin-top: 48px
}

.cms-page--jackpot .page-content p {
  color: #999;
  font-family: Rubik,Arial,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 24px;
  text-align: left
}

.cms-page--jackpot .page-content .description__block-buttons {
  text-align: left
}

.cms-page--jackpot .description__block-buttons {
  display: flex;
  justify-content: flex-start
}

.cms-page--jackpot .section-title {
  margin-top: 0
}

.cms-page--jackpot .link-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px
}

.cms-page--jackpot .jackpot-mobile-prizes {
  display: block
}

@media(min-width: 768px) {
  .cms-page--jackpot .jackpot-mobile-prizes {
      display:none
  }
}

.cms-page--jackpot .jackpot-link {
  margin-top: 35px;
  padding: 16px 28px;
  text-transform: uppercase
}

.jackpot-wrapper {
  background: #001c2c;
  max-width: 100vw;
  overflow: hidden;
  padding-bottom: 80px
}

@media(min-width: 1200px) {
  .jackpot-wrapper {
      padding-bottom:120px
  }
}

.p-support__content {
  margin: 0 0 24px
}

@media(min-width: 768px) {
  .p-support__content {
      margin:0 0 32px
  }
}

.p-support__body {
  display: flex;
  flex-direction: column
}

@media(min-width: 1200px) {
  .p-support__body {
      align-items:flex-start;
      flex-direction: row;
      gap: 32px
  }
}

.p-support__form-wrapper {
  margin: 0 0 48px
}

@media(min-width: 1200px) {
  .p-support__form-wrapper {
      flex:0 0 395px;
      margin: 0
  }
}

.p-support__cards {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media(min-width: 480px) {
  .p-support__cards {
      flex-direction:row;
      gap: 24px
  }
}

@media(min-width: 768px) {
  .p-support__cards {
      gap:44px
  }
}

@media(min-width: 1200px) {
  .p-support__cards {
      flex-direction:column;
      gap: 40px
  }
}

.p-support__cards-item {
  flex: 1 1 50%
}

.p-support .c-support-card {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.p-support .c-support-card__head {
  align-items: center;
  display: flex;
  gap: 12px
}

.p-support .c-support-card__icon {
  flex: 0 0 38px;
  height: 38px;
  width: 38px
}

.p-support .c-support-card__name {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

@media(min-width: 480px) {
  .p-support .c-support-card__name {
      font-size:20px;
      line-height: 30px
  }
}

@media(min-width: 768px) {
  .p-support .c-support-card__name {
      font-size:24px;
      line-height: 32px
  }
}

.p-support .c-support-card__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

@media(min-width: 768px) {
  .p-support .c-support-card__text {
      font-size:16px;
      line-height: 24px
  }
}

.p-support .c-support-card__text:last-child {
  margin: 0
}

.sports-ifame {
  border: none;
  min-height: calc(100vh - 60px);
  width: 100%
}

.casino-promotions {
  overflow-x: hidden;
  padding-top: 32px
}

@media(min-width: 768px) {
  .casino-promotions {
      padding-top:48px
  }
}

@media(min-width: 1200px) {
  .casino-promotions {
      padding-top:56px
  }
}

.casino-promotions__container {
  margin: 0 auto;
  width: calc(100% - 32px)
}

@media(min-width: 768px) {
  .casino-promotions__container {
      width:calc(100% - 48px)
  }
}

@media(min-width: 1200px) {
  .casino-promotions__container {
      width:calc(100% - 64px)
  }
}

@media(min-width: 1680px) {
  .casino-promotions__container {
      max-width:1344px
  }
}

.casino-promotions__top {
  position: relative;
  text-align: center;
  width: 100%
}

.casino-promotions__background {
  display: block;
  height: 407px;
  left: 50%;
  position: absolute;
  top: -32px;
  transform: translateX(-50%);
  z-index: -1
}

@media(min-width: 768px) {
  .casino-promotions__background {
      height:543px;
      top: -48px
  }
}

@media(min-width: 1200px) {
  .casino-promotions__background {
      height:740px;
      top: -110px
  }
}

.casino-promotions__title {
  color: #fff;
  display: inline-block;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .casino-promotions__title {
      font-size:42px;
      line-height: 52px
  }
}

@media(min-width: 1440px) {
  .casino-promotions__title {
      font-size:54px;
      font-weight: 800;
      line-height: 64px;
      max-width: 800px
  }
}

.casino-promotions__title:before {
  color: #00ffd1;
  left: -3px
}

.casino-promotions__title:after,.casino-promotions__title:before {
  content: attr(data-value);
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1
}

.casino-promotions__title:after {
  color: #ff331c;
  right: -3px
}

.casino-promotions__description {
  color: #fff;
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px
}

@media(min-width: 768px) {
  .casino-promotions__description {
      font-size:20px;
      line-height: 30px
  }
}

.casino-promotions .casino-promotions__button {
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  margin-bottom: 56px;
  padding: 12px 20px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .casino-promotions .casino-promotions__button {
      margin-bottom:64px;
      padding: 16px 24px
  }
}

@media(min-width: 1200px) {
  .casino-promotions .casino-promotions__button {
      margin-bottom:80px
  }
}

.vip-page__header {
  padding: 40px 0 28px
}

@media(min-width: 480px) {
  .vip-page__header {
      padding:48px 0 32px
  }
}

@media(min-width: 768px) {
  .vip-page__header {
      padding:64px 0 40px
  }
}

@media(min-width: 1200px) {
  .vip-page__header {
      padding:64px 0 48px
  }
}

@media(min-width: 1440px) {
  .vip-page__header {
      padding:80px 0 48px
  }
}

.vip-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
  text-align: center
}

@media(min-width: 480px) {
  .vip-page__title {
      font-size:26px;
      line-height: 32px
  }
}

@media(min-width: 768px) {
  .vip-page__title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .vip-page__title {
      margin:0 0 28px
  }
}

@media(min-width: 1440px) {
  .vip-page__title {
      font-size:42px;
      line-height: 52px
  }
}

.vip-page__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto 12px
}

@media(min-width: 1200px) {
  .vip-page__description {
      font-size:16px;
      line-height: 24px;
      max-width: 942px
  }
}

@media(min-width: 1440px) {
  .vip-page__description {
      max-width:1134px
  }
}

.vip-page__description:last-child {
  margin: 0 auto
}

.vip-page-benefits {
  padding: 338px 0 48px;
  position: relative
}

@media(min-width: 480px) {
  .vip-page-benefits {
      padding:427px 0 56px
  }
}

@media(min-width: 768px) {
  .vip-page-benefits {
      padding:94px 0 85px
  }
}

@media(min-width: 1200px) {
  .vip-page-benefits {
      padding:90px 0 98px
  }
}

@media(min-width: 1440px) {
  .vip-page-benefits {
      padding:140px 0 200px
  }
}

@media(min-width: 1680px) {
  .vip-page-benefits {
      padding:200px 0
  }
}

.vip-page-benefits__image {
  height: 264px;
  left: 50%;
  position: absolute;
  top: 48px;
  transform: translateX(-50%);
  width: 343px
}

@media(min-width: 480px) {
  .vip-page-benefits__image {
      height:346px;
      top: 56px;
      width: 448px
  }
}

@media(min-width: 768px) {
  .vip-page-benefits__image {
      left:62%;
      top: 64px;
      transform: unset
  }
}

@media(min-width: 1200px) {
  .vip-page-benefits__image {
      top:80px
  }
}

@media(min-width: 1440px) {
  .vip-page-benefits__image {
      height:490px;
      left: 56%;
      width: 603px
  }
}

@media(min-width: 1680px) {
  .vip-page-benefits__image {
      height:547px;
      width: 622px
  }
}

.vip-page-benefits__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 16px
}

@media(min-width: 480px) {
  .vip-page-benefits__title {
      margin:0 0 24px
  }
}

@media(min-width: 1200px) {
  .vip-page-benefits__title {
      font-size:26px;
      line-height: 32px
  }
}

.vip-page-benefits__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px
}

@media(min-width: 480px) {
  .vip-page-benefits__description {
      margin:0 0 28px
  }
}

@media(min-width: 768px) {
  .vip-page-benefits__description {
      max-width:445px
  }
}

@media(min-width: 1200px) {
  .vip-page-benefits__description {
      font-size:16px;
      line-height: 24px;
      margin: 0 0 24px;
      max-width: 535px
  }
}

@media(min-width: 1440px) {
  .vip-page-benefits__description {
      margin:0 0 32px
  }
}

.vip-page-benefits__description:last-child {
  margin: 0 0 16px
}

@media(min-width: 480px) {
  .vip-page-benefits__description:last-child {
      margin:0 0 24px
  }
}

.vip-page-benefits__list {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex
}

@media(min-width: 480px) {
  .vip-page-benefits__list {
      -moz-column-gap:12px;
      column-gap: 12px
  }
}

.vip-page-benefits__item {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  row-gap: 4px;
  width: 100%
}

@media(min-width: 480px) {
  .vip-page-benefits__item {
      padding:16px;
      row-gap: 8px
  }
}

@media(min-width: 768px) {
  .vip-page-benefits__item {
      max-width:138px
  }
}

@media(min-width: 1200px) {
  .vip-page-benefits__item {
      max-width:162px;
      padding: 20px
  }
}

.vip-page-benefits__item span {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center
}

@media(min-width: 1200px) {
  .vip-page-benefits__item span {
      font-size:16px;
      line-height: 24px
  }
}

.vip-page-benefits__icon {
  color: #0bdede
}

.vip-page__bottom {
  margin-bottom: 80px
}

@media(min-width: 768px) {
  .vip-page__bottom {
      margin-bottom:100px
  }
}

@media(min-width: 1200px) {
  .vip-page__bottom {
      margin:0 auto 120px;
      max-width: 944px
  }
}

@media(min-width: 1440px) {
  .vip-page__bottom {
      max-width:1144px
  }
}

@media(min-width: 1680px) {
  .vip-page__bottom {
      max-width:1344px
  }
}

.tournaments-page {
  margin-bottom: 80px
}

@media(min-width: 768px) {
  .tournaments-page {
      margin-bottom:100px
  }
}

@media(min-width: 1200px) {
  .tournaments-page {
      margin-bottom:120px
  }
}

.tournaments-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 24px 0 16px
}

@media(min-width: 768px) {
  .tournaments-page__title {
      font-size:32px;
      line-height: 40px;
      margin: 32px 0 24px
  }
}

@media(min-width: 1200px) {
  .tournaments-page__title {
      font-size:42px;
      line-height: 52px
  }
}

.tournaments-page__description {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 32px
}

@media(min-width: 768px) {
  .tournaments-page__description {
      font-size:16px;
      line-height: 24px;
      max-width: 720px
  }
}

@media(min-width: 1200px) {
  .tournaments-page__description {
      margin:0 0 40px;
      max-width: 850px
  }
}

.tournaments-page__tabs {
  margin-bottom: 24px
}

.p-help-center__banner {
  border-radius: 12px;
  display: flex;
  max-height: 312px;
  overflow: hidden
}

@media(max-width: 1200px) {
  .p-help-center__banner {
      display:none
  }
}

.p-help-center__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.p-faq__collapse {
  margin: 0 0 15px;
  transition: margin .3s ease
}

.p-faq__collapse.collapse-block--open {
  margin: 0 0 32px
}

.install-app {
  background-image: url(images/install-app-bg-mobile.673b5d82..png);
  background-position: 67% -4%;
  background-repeat: no-repeat;
  position: relative
}

@media(min-width: 480px) {
  .install-app {
      background-position:77% -5%
  }
}

@media(min-width: 768px) {
  .install-app {
      background-position:0 0
  }
}

@media(min-width: 1200px) {
  .install-app {
      background-position:100% 0
  }
}

@media(min-width: 1440px) {
  .install-app {
      background-size:100% 92%
  }
}

@media(min-width: 1680px) {
  .install-app {
      background-image:url(images/install-app-bg.92aac1f3..png);
      background-size: 100% 100%
  }
}

.install-app-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .install-app-container {
      align-items:flex-start;
      max-width: 765px;
      padding: 0 24px
  }
}

@media(min-width: 1200px) {
  .install-app-container {
      max-width:1264px;
      padding: 0 32px
  }
}

@media(min-width: 1680px) {
  .install-app-container {
      max-width:1460px
  }
}

.install-app-hero {
  margin-bottom: 112px;
  padding-top: 310px;
  position: relative
}

@media(min-width: 480px) {
  .install-app-hero {
      margin-bottom:120px;
      padding-top: 350px
  }
}

@media(min-width: 768px) {
  .install-app-hero {
      margin-bottom:28px;
      padding-top: 68px
  }
}

@media(min-width: 1200px) {
  .install-app-hero {
      margin-bottom:176px;
      padding-top: 100px
  }
}

@media(min-width: 1440px) {
  .install-app-hero {
      margin-bottom:260px;
      padding-top: 160px
  }
}

.install-app-hero-phones {
  height: 302px;
  left: 50%;
  position: absolute;
  top: -310px;
  transform: translateX(-50%)
}

@media(min-width: 480px) {
  .install-app-hero-phones {
      top:-326px
  }
}

@media(min-width: 768px) {
  .install-app-hero-phones {
      left:unset;
      right: 0;
      top: -36px;
      transform: unset
  }
}

@media(min-width: 1200px) {
  .install-app-hero-phones {
      height:483px;
      right: 38px;
      top: -83px
  }
}

@media(min-width: 1440px) {
  .install-app-hero-phones {
      height:644px;
      right: -92px;
      top: -144px
  }
}

@media(min-width: 1680px) {
  .install-app-hero-phones {
      right:-52px
  }
}

.install-app-hero-text {
  margin-bottom: 48px;
  text-align: center
}

@media(min-width: 768px) {
  .install-app-hero-text {
      max-width:370px;
      text-align: left
  }
}

@media(min-width: 1200px) {
  .install-app-hero-text {
      max-width:633px
  }
}

.install-app-hero-subtitle {
  color: #fff;
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px
}

@media(min-width: 768px) {
  .install-app-hero-subtitle {
      margin-bottom:24px
  }
}

@media(min-width: 1400px) {
  .install-app-hero-subtitle {
      font-size:24px;
      line-height: 32px
  }
}

.install-app-hero-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin: 0
}

@media(min-width: 768px) {
  .install-app-hero-title {
      font-size:42px;
      line-height: 52px;
      max-width: 360px
  }
}

@media(min-width: 1200px) {
  .install-app-hero-title {
      font-size:54px;
      font-weight: 800;
      line-height: 64px;
      max-width: 585px
  }
}

.install-app-hero-buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 12px
}

@media(min-width: 768px) {
  .install-app-hero-buttons {
      -moz-column-gap:12px;
      column-gap: 12px;
      flex-direction: row
  }
}

.install-app-how-to {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

.install-app-how-to-header {
  margin-bottom: 32px
}

@media(min-width: 1200px) {
  .install-app-how-to-header {
      display:flex;
      margin-bottom: 40px
  }
}

.install-app-how-to-image {
  height: 40px;
  margin-bottom: 16px
}

@media(min-width: 1200px) {
  .install-app-how-to-image {
      margin-bottom:0;
      margin-right: 16px
  }
}

.install-app-how-to-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
  text-align: center
}

@media(min-width: 1200px) {
  .install-app-how-to-title {
      font-size:32px;
      line-height: 40px
  }
}

.install-app-steps {
  display: flex;
  flex-direction: column;
  margin-bottom: 90px;
  row-gap: 32px
}

@media(min-width: 768px) {
  .install-app-steps {
      -moz-column-gap:36px;
      column-gap: 36px;
      flex-direction: row;
      margin-bottom: 80px
  }
}

@media(min-width: 1200px) {
  .install-app-steps {
      margin-bottom:120px
  }
}

@media(min-width: 1440px) {
  .install-app-steps {
      -moz-column-gap:100px;
      column-gap: 100px
  }
}

.install-app-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

@media(min-width: 768px) {
  .install-app-step {
      justify-content:space-between
  }
}

.install-app-step-text {
  margin-bottom: 24px
}

@media(min-width: 768px) {
  .install-app-step-text {
      max-width:216px
  }
}

@media(min-width: 1200px) {
  .install-app-step-text {
      max-width:285px
  }
}

.install-app-step-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px
}

.install-app-step-description {
  color: hsla(0,0%,100%,.8);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.install-app-step-image {
  border-radius: 24px;
  width: 260px
}

.install-app-step-image--ios {
  border-radius: 42px
}

@media(min-width: 768px) {
  .install-app-step-image {
      height:456px;
      width: 216px
  }
}

@media(min-width: 1200px) {
  .install-app-step-image {
      height:600px;
      width: 285px
  }
}

@keyframes pulse {
  0% {
      transform: scale(1)
  }

  50% {
      transform: scale(1.2)
  }

  to {
      transform: scale(1)
  }
}

.welcome-page .welcome-page__container {
  max-width: 1467px
}

.welcome-page .welcome-page__container--small {
  max-width: 1343px
}

@media(min-width: 1200px) {
  .welcome-page .welcome-page__container--intro {
      margin:0 128px;
      width: auto
  }
}

@media(min-width: 1440px) {
  .welcome-page .welcome-page__container--intro {
      margin:0 auto;
      max-width: 1140px
  }
}

@media(min-width: 1680px) {
  .welcome-page .welcome-page__container--intro {
      max-width:1260px
  }
}

.welcome-page__section {
  margin: 0 0 32px
}

@media(min-width: 768px) {
  .welcome-page__section {
      margin:0 0 48px
  }
}

.welcome-page__section--intro {
  margin: 0
}

.welcome-page__section--faq {
  margin: 0 0 80px
}

@media(min-width: 768px) {
  .welcome-page__section--faq {
      margin:0 0 100px
  }
}

@media(min-width: 1200px) {
  .welcome-page__section--faq {
      margin:0 0 120px
  }
}

.welcome-page__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 20px
}

@media(min-width: 768px) {
  .welcome-page__title {
      font-size:24px;
      line-height: 32px
  }
}

@media(min-width: 1200px) {
  .welcome-page__title {
      margin:0 0 24px
  }
}

.welcome-page__subtitle {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 12px
}

.welcome-page .wp-intro {
  position: relative
}

.welcome-page .wp-intro__bg-wrapper {
  height: 490px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: -1
}

@media(min-width: 480px) {
  .welcome-page .wp-intro__bg-wrapper {
      height:784px
  }
}

@media(min-width: 768px) {
  .welcome-page .wp-intro__bg-wrapper {
      height:661px
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-intro__bg-wrapper {
      height:793px
  }
}

@media(min-width: 1440px) {
  .welcome-page .wp-intro__bg-wrapper {
      height:925px
  }
}

@media(min-width: 1680px) {
  .welcome-page .wp-intro__bg-wrapper {
      width:100%
  }
}

.welcome-page .wp-intro__bg-wrapper:after {
  background: linear-gradient(180deg,rgba(25,44,67,0),#001c2c);
  bottom: 0;
  content: "";
  height: 180px;
  left: 0;
  position: absolute;
  width: 100%
}

@media(min-width: 480px) {
  .welcome-page .wp-intro__bg-wrapper:after {
      height:374px
  }
}

.welcome-page .wp-intro__bg {
  max-height: 100%
}

@media(min-width: 1680px) {
  .welcome-page .wp-intro__bg {
      max-height:unset;
      width: 100%
  }
}

.body--ar .welcome-page .wp-intro__bg {
  transform: scaleX(-1)
}

.welcome-page .wp-intro__content {
  padding: 8px 0 40px;
  position: relative;
  text-align: center;
  /*z-index: 101*/
}

@media(min-width: 480px) {
  .welcome-page .wp-intro__content {
      padding:20px 0 56px
  }
}

@media(min-width: 768px) {
  .welcome-page .wp-intro__content {
      padding:40px 0 100px;
      text-align: start
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-intro__content {
      padding:48px 0 120px
  }
}

.welcome-page .wp-intro__logo {
    display: flex;
    justify-content: center;
    width: 100%;
}

.welcome-page .wp-intro__logo .logo__img {
    height: 80px;
    margin-bottom: 8px;
    max-width: 174px;
    width: 100%;
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__logo .logo__img {
        height: 100px;
        margin-bottom: 32px;
        max-width: 231px;
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__logo .logo__img {
        margin-bottom: 40px;
    }
}background-color

.welcome-page .wp-intro__pre-title {
  color: hsla(0,0%,100%,.65);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 2px
}

@media(min-width: 768px) {
  .welcome-page .wp-intro__pre-title {
      margin:0 0 16px
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-intro__pre-title {
      font-size:24px;
      line-height: 32px;
      margin: 0 0 24px
  }
}

.welcome-page .wp-intro__pre-title:last-child {
  margin: 0
}

.welcome-page .wp-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 767px) {
    .welcome-page .wp-intro {
        justify-content: center;
        min-height: 10vh;
        
    }
}

.welcome-page .wp-intro__title {
  color: #FFC700;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 2px;
  text-align: center;
  text-shadow: 1px 1px 0 #933E00;
}

@media(min-width: 768px) {
   .welcome-page .wp-intro__title {
       font-size: 48px;
       margin: 0 0 16px;
   }
}

@media(min-width: 1200px) {
   .welcome-page .wp-intro__title {
       font-size: 64px;
       margin: 0 0 24px;
   }
}

.welcome-page .wp-intro__title:last-child {
    margin: 0;
}

.welcome-page .wp-intro__text {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    margin: 0 0 2px;
    text-align: center;
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__text {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 32px;
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__text {
        font-size: 54px;
        line-height: 64px;
        margin: 0 0 48px;
    }
}

.welcome-page .wp-intro__text:last-child {
    margin: 0;
}

.welcome-page .wp-intro__actions {
  display: flex;
  justify-content: center;
  margin: 100px 0 20px
}

@media(min-width: 480px) {
  .welcome-page .wp-intro__actions {
      margin:266px 0 32px
  }
}

@media(min-width: 768px) {
  .welcome-page .wp-intro__actions {
      justify-content:flex-start;
      margin: 32px 0
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-intro__actions {
      margin:48px 0
  }
}

.welcome-page .wp-intro__action--pulse {
  animation: pulse 2s infinite;
  margin: 0 auto;
}

.welcome-page .wp-payments {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin: 0 -16px;
  overflow: auto;
  padding: 0 16px
}

@media(min-width: 768px) {
  .welcome-page .wp-payments {
      gap:12px;
      margin: 0 -24px;
      padding: 0 24px
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-payments {
      margin:0 -32px;
      padding: 0 32px
  }
}

.welcome-page .wp-payments__item {
  flex: 1 1 120px;
  max-width: 120px
}

.welcome-page .wp-payment__image {
  display: block;
  max-height: 40px
}

@media(min-width: 768px) {
  .welcome-page .wp-payment__image {
      max-height:48px
  }
}

.welcome-page .wp-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

@media(min-width: 768px) {
  .welcome-page .wp-benefits {
      gap:12px
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-benefits {
      gap:16px
  }
}

.welcome-page .wp-benefits__item {
  flex: 1 1 50%;
  max-width: calc(50% - 4px)
}

@media(min-width: 768px) {
  .welcome-page .wp-benefits__item {
      max-width:calc(50% - 6px)
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-benefits__item {
      max-width:calc(20% - 12.8px)
  }
}

.welcome-page .wp-benefit {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 19px 12px
}

.body--ar .welcome-page .wp-benefit {
  flex-direction: row-reverse
}

@media(min-width: 768px) {
  .welcome-page .wp-benefit {
      gap:12px
  }
}

.welcome-page .wp-benefit__icon {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  fill: var(--headings-color);
}

.wp-benefit__icon svg {
  color: var(--headings-color);
}

@media(min-width: 480px) {
  .welcome-page .wp-benefit__icon {
      flex:0 0 32px;
      height: 32px;
      width: 32px
  }
}

@media(min-width: 768px) {
  .welcome-page .wp-benefit__icon {
      flex:0 0 40px;
      height: 40px;
      width: 40px
  }
}

.welcome-page .wp-benefit__icon img {
  max-width: 100%
}

.welcome-page .wp-benefit__content {
  flex: 1
}

.wp-benefit__content {
  margin-left:10px;
}
.welcome-page .wp-benefit__title {
  color: hsla(0,0%,100%,.65);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 8px
}

@media(min-width: 480px) {
  .welcome-page .wp-benefit__title {
      font-size:12px;
      line-height: 18px
  }
}

@media(min-width: 768px) {
  .welcome-page .wp-benefit__title {
      font-size:14px;
      line-height: 20px
  }
}

.welcome-page .wp-benefit__text {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  margin: 0
}

@media(min-width: 480px) {
  .welcome-page .wp-benefit__text {
      font-size:14px;
      line-height: 20px
  }
}

@media(min-width: 768px) {
  .welcome-page .wp-benefit__text {
      font-size:16px;
      line-height: 24px
  }
}

.welcome-page .wp-promotions__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 32px
}

@media(min-width: 768px) {
  .welcome-page .wp-promotions__list {
      flex-direction:row;
      flex-wrap: wrap;
      gap: 12px
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-promotions__list {
      gap:16px;
      margin: 0 0 48px
  }
}

.welcome-page .wp-promotions__item {
  width: 100%
}

@media(min-width: 768px) {
  .welcome-page .wp-promotions__item {
      flex:1 1 50%;
      max-width: calc(50% - 6px)
  }
}

@media(min-width: 1200px) {
  .welcome-page .wp-promotions__item {
      flex:1 1 50%;
      max-width: calc(25% - 12px)
  }
}

.welcome-page .wp-promotions__actions {
  display: flex;
  justify-content: center
}

.welcome-page .wp-promotion {
  align-items: center;
  border-radius: 10px;
  display: flex;
  min-height: 186px;
  overflow: hidden;
  padding: 32px 24px;
  position: relative
}

.welcome-page .wp-promotion__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%
}

.body--ar .welcome-page .wp-promotion__bg {
  transform: scaleX(-1)
}

.welcome-page .wp-promotion__content {
  position: relative
}

.welcome-page .wp-promotion__title {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0
}

.welcome-page .wp-promotion__text {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0
}

.p-payments {
  padding: 24px 0 80px
}

@media(min-width: 480px) {
  .p-payments {
      padding:32px 0 80px
  }
}

@media(min-width: 1200px) {
  .p-payments {
      padding:40px 0 80px
  }
}

.p-payments__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px
}

@media(min-width: 480px) {
  .p-payments__title {
      font-size:26px;
      line-height: 32px;
      margin: 0 0 32px
  }
}

@media(min-width: 768px) {
  .p-payments__title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .p-payments__title {
      margin:0 0 40px
  }
}

@media(min-width: 1440px) {
  .p-payments__title {
      font-size:42px;
      line-height: 52px
  }
}

.bonus-store__main {
  margin: 24px 0 40px
}

@media(min-width: 768px) {
  .bonus-store__main {
      margin:40px 0
  }
}

.bonus-store__main .container {
  display: flex;
  flex-direction: column;
  row-gap: 32px
}

@media(min-width: 768px) {
  .bonus-store__main .container {
      align-items:center;
      -moz-column-gap: 80px;
      column-gap: 80px;
      flex-direction: row;
      justify-content: space-between
  }
}

@media(min-width: 1200px) {
  .bonus-store__main .container {
      -moz-column-gap:180px;
      column-gap: 180px
  }
}

@media(min-width: 1440px) {
  .bonus-store__main .container {
      -moz-column-gap:240px;
      column-gap: 240px
  }
}

@media(min-width: 1680px) {
  .bonus-store__main .container {
      -moz-column-gap:460px;
      column-gap: 460px
  }
}

.bonus-store__main--title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 16px
}

@media(min-width: 768px) {
  .bonus-store__main--title {
      font-size:42px;
      line-height: 52px
  }
}

.bonus-store__main--text {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

@media(min-width: 1200px) {
  .bonus-store__main--text {
      font-size:16px;
      line-height: 24px
  }
}

.bonus-store-terms {
  margin: 40px auto 80px
}

@media(min-width: 480px) {
  .bonus-store-terms {
      margin:56px auto 80px
  }
}

@media(min-width: 768px) {
  .bonus-store-terms {
      margin:56px auto 100px
  }
}

@media(min-width: 1200px) {
  .bonus-store-terms {
      margin:80px auto 120px;
      max-width: 944px
  }
}

@media(min-width: 1440px) {
  .bonus-store-terms {
      max-width:1144px
  }
}

@media(min-width: 1680px) {
  .bonus-store-terms {
      max-width:1344px
  }
}

.ls-page {
  overflow: hidden;
  position: relative
}

.ls-page__title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .ls-page__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 40px
  }
}

@media(min-width: 960px) {
  .ls-page__title {
      margin:0 0 48px
  }
}

.ls-page__title span {
  color: #ffc83a
}

.ls-page__section {
  margin: 0 0 64px
}

.ls-page__section--intro {
  background: url(images/ls-banner-bg-mob.26b1d5aa..jpg) top no-repeat;
  background-size: cover;
  min-height: 960px
}

@media(min-width: 480px) {
  .ls-page__section--intro {
      background:url(images/ls-banner-bg.a6ca2c29..jpg) top no-repeat
  }
}

@media(min-width: 1680px) {
  .ls-page__section--intro {
      background-size:contain
  }
}

.ls-page__section--rewards {
  position: relative
}

@media(min-width: 768px) {
  .ls-page__section--rewards {
      margin-top:-104px
  }
}

.ls-page__section--rewards:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,0,153,.11) 0,rgba(255,0,0,0) 100%);
  content: "";
  display: none;
  height: 1210px;
  left: -650px;
  position: absolute;
  top: 120px;
  width: 1210px;
  z-index: -1
}

@media(min-width: 768px) {
  .ls-page__section--rewards:before {
      display:block
  }
}

@media(min-width: 960px) {
  .ls-page__section--rewards:before {
      height:1345px;
      left: -1000px;
      width: 1345px
  }
}

@media(min-width: 1440px) {
  .ls-page__section--rewards:before {
      height:1559px;
      left: -940px;
      top: 0;
      width: 1559px
  }
}

@media(min-width: 1680px) {
  .ls-page__section--rewards:before {
      left:-780px
  }
}

.ls-page__section--rewards:after {
  background: radial-gradient(50% 50% at 50% 50%,rgba(5,0,255,.15) 0,rgba(36,0,255,0) 100%);
  content: "";
  display: none;
  height: 1210px;
  position: absolute;
  right: -650px;
  top: 120px;
  width: 1210px;
  z-index: -1
}

@media(min-width: 768px) {
  .ls-page__section--rewards:after {
      display:block
  }
}

@media(min-width: 960px) {
  .ls-page__section--rewards:after {
      height:1345px;
      right: -1000px;
      width: 1345px
  }
}

@media(min-width: 1440px) {
  .ls-page__section--rewards:after {
      height:1559px;
      right: -940px;
      top: 0;
      width: 1559px
  }
}

@media(min-width: 1680px) {
  .ls-page__section--rewards:after {
      right:-780px
  }
}

.ls-page__section--content .container {
  max-width: 1180px
}

.ls-page__section--content .description__block-buttons {
  text-align: left
}

.ls-page__section--content .description h1,.ls-page__section--content .description h2,.ls-page__section--content .description h3,.ls-page__section--content .description h4,.ls-page__section--content .description h5,.ls-page__section--content .description h6 {
  margin: 0 0 24px;
  text-transform: none
}

.ls-page__section--content .description h3 {
  font-size: 20px;
  line-height: 30px
}

.ls-page__section--content .description li,.ls-page__section--content .description p {
  color: #999;
  font-family: Rubik,Arial,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 24px;
  margin: 0 0 24px
}

.ls-page__section--content .description li span,.ls-page__section--content .description p span {
  color: #fff;
  font-weight: 700
}

.ls-page__section--content .description li {
  margin: 0 0 5px
}

.ls-page__section--content .description li:before {
  top: 9px
}

.ls-page__tooltip {
  background: #384c6b;
  border-radius: 4px;
  bottom: 30px;
  box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
  padding: 12px 16px;
  position: absolute;
  right: -45px;
  text-align: left;
  transform: scale(0);
  transform-origin: 80% 100%;
  transition: all .3s ease-in-out;
  width: 240px
}

.ls-page__tooltip-title {
  color: #fff;
  font-weight: 700;
  margin: 0 0 8px
}

.ls-page__tooltip-text,.ls-page__tooltip-title {
  font-size: 12px;
  letter-spacing: .01em;
  line-height: 18px
}

.ls-page__tooltip-text {
  color: #999;
  font-weight: 400;
  margin: 0;
  text-transform: none
}

.ls-page__tooltip:after {
  background-size: cover;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #212121;
  content: "";
  height: 0;
  position: absolute;
  right: 45px;
  top: 100%;
  width: 0
}

.ls-page__label {
  background: url(images/sale-label-red.d11e08a8..svg) 0 0 no-repeat;
  background-size: cover;
  height: 165px;
  position: absolute;
  right: 0;
  top: 8px;
  width: 165px;
  z-index: 2
}

@media(min-width: 768px) {
  .ls-page__label {
      height:252px;
      right: 30px;
      top: 0;
      width: 252px
  }
}

@media(min-width: 960px) {
  .ls-page__label {
      display:none
  }
}

.ls-page__label-text {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Rubik,Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  transform: translate(40px,50px) rotate(46deg)
}

@media(min-width: 768px) {
  .ls-page__label-text {
      font-size:20px;
      line-height: 24px;
      transform: translate(70px,90px) rotate(46deg)
  }
}

.ls-page .container {
  margin: 0 auto;
  max-width: 1606px
}

.ls-page .ls-intro__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .ls-page .ls-intro__title {
      font-size:26px;
      line-height: 32px
  }
}

.ls-page .ls-intro__title_yellow {
  color: #ffd336
}

.ls-page .ls-intro__inner {
  padding: 25px 0 0
}

@media(min-width: 768px) {
  .ls-page .ls-intro__inner {
      padding:40px 0 175px
  }
}

@media(min-width: 1200px) {
  .ls-page .ls-intro__inner {
      padding:52px 0 135px
  }
}

.ls-page .ls-intro__logo {
  margin: 0 auto 8px;
  max-width: 160px
}

@media(min-width: 960px) {
  .ls-page .ls-intro__logo {
      margin:0 auto 32px;
      max-width: 240px
  }
}

.ls-page .ls-intro__logo img {
  max-width: 100%
}

.ls-page .ls-intro__container {
  padding-top: 28px;
  position: relative
}

@media(min-width: 960px) {
  .ls-page .ls-intro__container {
      -webkit-backdrop-filter:blur(100px);
      backdrop-filter: blur(100px);
      background: linear-gradient(97.21deg,rgba(255,0,0,.06),rgba(142,0,254,.05) 50.52%,rgba(112,0,255,.06));
      margin: 0 -48px
  }
}

@media(min-width: 1200px) {
  .ls-page .ls-intro__container {
      border-radius:16px;
      margin: 0
  }
}

.ls-page .ls-intro__timer {
  margin: 0 0 32px;
  position: relative;
  z-index: 2
}

@media(min-width: 768px) {
  .ls-page .ls-intro__timer {
      margin:0 0 24px
  }
}

@media(min-width: 960px) {
  .ls-page .ls-intro__timer {
      margin:0;
      transform: translateY(-23px)
  }
}

.ls-page .ls-intro__tickets {
  margin: 0 0 32px;
  position: relative;
  z-index: 2
}

@media(min-width: 960px) {
  .ls-page .ls-intro__tickets {
      margin:0
  }
}

.ls-page .ls-intro__lootboxes {
  position: relative;
  z-index: 2
}

@media(min-width: 960px) {
  .ls-page .ls-intro__lootboxes {
      transform:translateY(35px)
  }
}

.ls-page .ls-intro__figure {
  display: none;
  position: absolute;
  z-index: 0
}

@media(min-width: 960px) {
  .ls-page .ls-intro__figure {
      display:block;
      height: 480px
  }
}

@media(min-width: 1440px) {
  .ls-page .ls-intro__figure {
      height:540px
  }
}

.ls-page .ls-intro__figure--left {
  bottom: 0;
  left: -80px
}

@media(min-width: 1200px) {
  .ls-page .ls-intro__figure--left {
      left:-40px
  }
}

.ls-page .ls-intro__figure--left .ls-intro__figure-inner {
  left: 80px;
  overflow: hidden
}

@media(min-width: 1200px) {
  .ls-page .ls-intro__figure--left .ls-intro__figure-inner {
      left:40px
  }
}

.ls-page .ls-intro__figure--left .ls-intro__figure-backdrop {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,0,153,.27) 0,rgba(255,0,0,0) 100%)
}

.ls-page .ls-intro__figure--right {
  bottom: 0;
  right: -80px
}

@media(min-width: 1200px) {
  .ls-page .ls-intro__figure--right {
      right:-40px
  }
}

.ls-page .ls-intro__figure--right .ls-intro__figure-inner {
  overflow: hidden;
  right: 80px
}

@media(min-width: 1200px) {
  .ls-page .ls-intro__figure--right .ls-intro__figure-inner {
      right:40px
  }
}

.ls-page .ls-intro__figure--right .ls-intro__figure-backdrop {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,163,255,.51) 0,rgba(36,0,255,0) 100%);
  left: 0;
  right: auto
}

.ls-page .ls-intro__figure--label {
  background: url(images/sale-label-red.d11e08a8..svg) 0 0 no-repeat;
  background-size: cover;
  height: 252px;
  position: absolute;
  right: 0;
  top: 0;
  width: 252px;
  z-index: 2
}

.ls-page .ls-intro__figure-text {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  transform: translate(90px,110px) rotate(46deg)
}

.ls-page .ls-intro__figure-inner {
  border-radius: 16px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.ls-page .ls-intro__figure-backdrop {
  height: 1036px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1036px
}

.ls-page .ls-intro__figure img {
  max-height: 100%
}

.ls-page .ls-about {
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .ls-page .ls-about {
      flex-direction:row;
      justify-content: center
  }
}

.ls-page .ls-about__banner {
  flex: 1;
  text-align: center
}

@media(min-width: 768px) {
  .ls-page .ls-about__banner {
      display:none
  }
}

.ls-page .ls-about__banner img {
  max-width: 400px;
  width: 100%
}

@media(min-width: 1200px) {
  .ls-page .ls-about__content {
      margin:0;
      width: 992px
  }
}

.ls-page .ls-about__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 32px;
  text-align: center
}

@media(min-width: 768px) {
  .ls-page .ls-about__title {
      margin:0 0 48px
  }
}

.ls-page .ls-about__list {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 56px;
  row-gap: 32px
}

@media(min-width: 768px) {
  .ls-page .ls-about__list {
      -moz-column-gap:16px;
      column-gap: 16px;
      flex-direction: row;
      grid-template-columns: 1fr 1fr 1fr
  }
}

.ls-page .ls-about__links {
  display: flex;
  justify-content: center
}

.ls-page .ls-about__links .btn {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 24px;
  padding: 16px 24px;
  text-align: center;
  text-transform: uppercase
}

.ls-page .ls-about-item {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex
}

@media(min-width: 768px) {
  .ls-page .ls-about-item {
      align-items:center;
      flex-direction: column;
      row-gap: 24px
  }
}

.ls-page .ls-about-item__icon {
  height: 64px;
  width: 64px
}

@media(min-width: 768px) {
  .ls-page .ls-about-item__content {
      text-align:center
  }
}

.ls-page .ls-about-item__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 4px
}

.ls-page .ls-about-item__text {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.ls-page__terms {
  margin: 80px auto;
  max-width: 1144px
}

@media(min-width: 768px) {
  .ls-page__terms {
      margin:80px auto 100px
  }
}

@media(min-width: 1200px) {
  .ls-page__terms {
      margin:80px auto 120px
  }
}

@media(min-width: 1680px) {
  .ls-page__terms {
      max-width:1344px
  }
}

.hh-page {
  background: #000;
  overflow: hidden;
  position: relative
}

.hh-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center
}

@media(min-width: 768px) {
  .hh-page__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 40px
  }
}

.hh-page__title span {
  color: #ffc83a
}

.hh-page__text {
  color: #999;
  font-family: Rubik,Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 24px;
  margin: 0 0 16px;
  text-align: center
}

.hh-page__text:last-child {
  margin: 0
}

.hh-page__section {
  margin: 0 0 72px
}

@media(min-width: 768px) {
  .hh-page__section {
      margin:0 0 96px
  }
}

@media(min-width: 960px) {
  .hh-page__section {
      margin:0 0 112px
  }
}

@media(min-width: 1440px) {
  .hh-page__section {
      margin:0 0 120px
  }
}

.hh-page__section--how-to {
  position: relative;
  z-index: 3
}

.hh-page__section--how-to:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(250,0,255,.16) 0,rgba(204,0,255,0) 100%);
  content: "";
  height: 723px;
  left: -550px;
  pointer-events: none;
  position: absolute;
  top: 300px;
  width: 723px
}

@media(min-width: 768px) {
  .hh-page__section--how-to:before {
      height:1157px;
      left: -800px;
      top: -300px;
      width: 1157px
  }
}

@media(min-width: 1200px) {
  .hh-page__section--how-to:before {
      height:1451px;
      left: -1000px;
      top: -400px;
      width: 1451px
  }
}

.hh-page__section--how-to:after {
  background: radial-gradient(50% 50% at 50% 50%,#67ff5a .52%,rgba(68,255,87,0) 100%);
  content: "";
  height: 723px;
  opacity: .12;
  pointer-events: none;
  position: absolute;
  right: -550px;
  top: 300px;
  width: 723px
}

@media(min-width: 768px) {
  .hh-page__section--how-to:after {
      height:1157px;
      right: -800px;
      top: -300px;
      width: 1157px
  }
}

@media(min-width: 1200px) {
  .hh-page__section--how-to:after {
      height:1451px;
      right: -1000px;
      top: -400px;
      width: 1451px
  }
}

.hh-page__section--features {
  position: relative
}

.hh-page__section--features:after {
  background: radial-gradient(50% 50% at 50% 50%,#67ff5a .52%,rgba(68,255,87,0) 100%);
  bottom: -80%;
  content: "";
  height: 730px;
  opacity: .12;
  pointer-events: none;
  position: absolute;
  right: -370px;
  width: 730px
}

@media(min-width: 768px) {
  .hh-page__section--features:after {
      bottom:-155%;
      height: 1157px;
      right: -650px;
      width: 1157px
  }
}

@media(min-width: 1200px) {
  .hh-page__section--features:after {
      bottom:-345%;
      height: 1451px;
      right: -950px;
      width: 1451px
  }
}

.hh-page__section--features:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(250,0,255,.16) 0,rgba(204,0,255,0) 100%);
  bottom: -500px;
  content: "";
  display: none;
  height: 730px;
  left: -600px;
  pointer-events: none;
  position: absolute;
  width: 730px
}

@media(min-width: 768px) {
  .hh-page__section--features:before {
      bottom:-175%;
      display: block;
      height: 1157px;
      width: 1157px
  }
}

@media(min-width: 1200px) {
  .hh-page__section--features:before {
      bottom:-375%;
      height: 1451px;
      left: -950px;
      width: 1451px
  }
}

.hh-page__intro-bg {
  display: block;
  left: 50%;
  min-width: 375px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%
}

@media(min-width: 768px) {
  .hh-page__intro-bg {
      max-height:unset
  }
}

@media(min-width: 1440px) {
  .hh-page__intro-bg {
      max-width:1920px;
      width: 100%
  }
}

.hh-page__intro-bg:before {
  background: linear-gradient(179.15deg,transparent 50%,#000);
  bottom: 0;
  content: "";
  height: 232px;
  left: 0;
  position: absolute;
  width: 100%
}

.hh-page__intro-bg img {
  max-width: 100%
}

.hh-page__intro-jackpot {
  position: relative;
  z-index: 2
}

.hh-page .hh-page__btn {
  align-items: center;
  background: #41f13d;
  border-radius: 4px;
  box-shadow: none;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 24px;
  padding: 12px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color .3s ease
}

.hh-page .hh-page__btn:hover {
  background: #1db415;
  color: #000
}

.hh-page__seo {
  background: rgb(0 78 86);
  border-radius: 20px;
  padding: 20px
}

@media(min-width: 768px) {
  .hh-page__seo {
      padding:32px
  }
}

@media(min-width: 1200px) {
  .hh-page__seo {
      padding:40px
  }
}

@media(min-width: 1680px) {
  .hh-page__seo {
      padding:40px 48px
  }
}

.hh-page__seo .description--dark .description__preview:after {
  background: linear-gradient(180deg,rgba(15,15,20,0),rgb(0 78 86))
}

.hh-page .container {
  margin: 0 auto;
  max-width: 1316px
}

.hh-page .hh-intro__logo {
  margin: 20px auto 12px;
  max-width: 216px
}

@media(min-width: 768px) {
  .hh-page .hh-intro__logo {
      margin:24px auto 13px;
      max-width: 265px
  }
}

@media(min-width: 1440px) {
  .hh-page .hh-intro__logo {
      margin:36px auto 16px;
      max-width: 333px
  }
}

.hh-page .hh-intro__logo img {
  max-width: 100%
}

.hh-page .hh-intro__tournament {
  margin: 0 0 40px
}

@media(min-width: 960px) {
  .hh-page .hh-intro__tournament {
      margin:0 0 48px
  }
}

.hh-page .hh-intro__text-content {
  margin: 0 auto 32px;
  max-width: 876px
}

.hh-page .hh-intro__deposit {
  display: flex;
  justify-content: center
}

.hh-page .hh-features__title {
  font-size: 24px;
  line-height: 32px
}

@media(min-width: 768px) {
  .hh-page .hh-features__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 48px
  }
}

@media(min-width: 960px) {
  .hh-page .hh-features__title {
      font-size:40px;
      line-height: 48px;
      margin: 0 0 64px
  }
}

@media(min-width: 1200px) {
  .hh-page .hh-features__title {
      margin:0 0 32px
  }
}

.hh-page .hh-features__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0 auto;
  max-width: 320px;
  padding: 0
}

@media(min-width: 768px) {
  .hh-page .hh-features__list {
      flex-direction:row;
      flex-wrap: wrap;
      gap: 56px 24px;
      justify-content: center;
      max-width: 672px
  }
}

@media(min-width: 960px) {
  .hh-page .hh-features__list {
      flex-wrap:nowrap;
      gap: 24px;
      max-width: unset
  }
}

.hh-page .hh-features__item {
  flex: 1
}

@media(min-width: 768px) {
  .hh-page .hh-features__item {
      flex:1 1 208px;
      max-width: 208px
  }
}

@media(min-width: 960px) {
  .hh-page .hh-features__item {
      flex:1
  }
}

.hh-page .hh-feature {
  align-items: center;
  display: flex;
  gap: 24px
}

@media(min-width: 768px) {
  .hh-page .hh-feature {
      flex-direction:column;
      gap: 24px
  }
}

.hh-page .hh-feature__icon {
  height: 64px;
  width: 64px
}

@media(min-width: 768px) {
  .hh-page .hh-feature__icon {
      height:80px;
      width: 80px
  }
}

.hh-page .hh-feature__icon img {
  max-width: 100%
}

.hh-page .hh-feature__text {
  color: #fff;
  font-family: Rubik,Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0
}

@media(min-width: 768px) {
  .hh-page .hh-feature__text {
      font-size:20px;
      line-height: 28px;
      text-align: center
  }
}

@media(min-width: 960px) {
  .hh-page .hh-feature__text {
      font-size:16px;
      line-height: 24px
  }
}

@media(min-width: 1200px) {
  .hh-page .hh-feature__text {
      font-size:20px;
      line-height: 28px
  }
}

.hh-page .hh-how-to__content {
  margin: 0 auto 40px;
  max-width: 876px
}

@media(min-width: 960px) {
  .hh-page .hh-how-to__content {
      margin:0 auto 56px
  }
}

.hh-page .hh-how-to__title {
  margin: 0 0 32px
}

.hh-page .hh-how-to__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0
}

@media(min-width: 768px) {
  .hh-page .hh-how-to__list {
      flex-direction:row
  }
}

@media(min-width: 1200px) {
  .hh-page .hh-how-to__list {
      gap:24px
  }
}

@media(min-width: 1440px) {
  .hh-page .hh-how-to__list {
      gap:32px
  }
}

.hh-page .hh-how-to__item {
  flex: 1
}

.hh-page .hh-how-to-card {
  background: radial-gradient(67.9% 81.27% at 5.91% 2.14%,rgba(255,0,229,.16) 0,rgba(255,0,229,0) 100%),radial-gradient(87.44% 93.04% at 95.7% 100%,rgba(36,255,0,.16) 0,rgba(36,255,0,0) 100%),hsla(0,0%,100%,.02);
  border-radius: 8px;
  margin: 0 auto;
  max-width: 400px;
  overflow: hidden;
  position: relative
}

.hh-page .hh-how-to-card__inner {
  min-height: 168px;
  padding: 16px
}

@media(min-width: 960px) {
  .hh-page .hh-how-to-card__inner {
      min-height:200px;
      padding: 25px
  }
}

.hh-page .hh-how-to-card__image {
  bottom: -100px;
  position: absolute;
  right: -100px
}

.hh-page .hh-how-to-card__image--clocks {
  bottom: -240px;
  right: -220px
}

@media(min-width: 960px) {
  .hh-page .hh-how-to-card__image--clocks {
      right:-290px
  }
}

@media(min-width: 1440px) {
  .hh-page .hh-how-to-card__image--clocks {
      bottom:-220px;
      right: -230px
  }
}

.hh-page .hh-how-to-card__image--ribbons {
  bottom: -50px;
  max-width: 206px;
  right: -40px
}

@media(min-width: 960px) {
  .hh-page .hh-how-to-card__image--ribbons {
      max-width:unset;
      right: -150px
  }
}

@media(min-width: 1440px) {
  .hh-page .hh-how-to-card__image--ribbons {
      bottom:-80px;
      right: -80px
  }
}

.hh-page .hh-how-to-card__image--money {
  bottom: -80px;
  max-width: 243px;
  right: -75px
}

@media(min-width: 960px) {
  .hh-page .hh-how-to-card__image--money {
      bottom:-160px;
      bottom: -170px;
      max-width: unset;
      right: -205px;
      right: -155px
  }
}

.hh-page .hh-how-to-card__content {
  position: relative;
  z-index: 2
}

.hh-page .hh-how-to-card__icon {
  height: 56px;
  margin: 0 0 16px
}

@media(min-width: 960px) {
  .hh-page .hh-how-to-card__icon {
      margin:0 0 32px
  }
}

.hh-page .hh-how-to-card__text {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0
}

@media(min-width: 960px) {
  .hh-page .hh-how-to-card__text {
      font-size:20px;
      line-height: 28px
  }
}

@media(max-width: 1440px) {
  .daily-cashback .container--hero {
      width:calc(100% - 128px)
  }
}

@media(max-width: 1200px) {
  .daily-cashback .container--hero {
      width:calc(100% - 104px)
  }
}

@media(max-width: 960px) {
  .daily-cashback .container--hero {
      width:calc(100% - 88px)
  }
}

@media(max-width: 768px) {
  .daily-cashback .container--hero {
      width:calc(100% - 96px)
  }
}

@media(max-width: 480px) {
  .daily-cashback .container--hero {
      width:calc(100% - 32px)
  }
}

@media(max-width: 1440px) {
  .daily-cashback .container--promo {
      width:calc(100% - 128px)
  }
}

@media(max-width: 1200px) {
  .daily-cashback .container--promo {
      width:calc(100% - 104px)
  }
}

@media(max-width: 960px) {
  .daily-cashback .container--promo {
      width:calc(100% - 88px)
  }
}

@media(max-width: 768px) {
  .daily-cashback .container--promo {
      width:calc(100% - 96px)
  }
}

@media(max-width: 480px) {
  .daily-cashback .container--promo {
      width:100%
  }
}

.daily-cashback__hero {
  overflow: hidden;
  padding-bottom: 136px;
  padding-top: 64px;
  position: relative
}

.daily-cashback__hero:after {
  background: linear-gradient(90deg,rgba(15,15,20,.5),rgba(15,15,20,0) 14.02%),linear-gradient(270.11deg,rgba(15,15,20,.2) .12%,rgba(15,15,20,0) 14.69%),linear-gradient(180deg,rgba(15,15,20,0) 45.95%,rgba(15,15,20,.67) 77.52%,#0f0f14 99.17%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

@media(max-width: 1440px) {
  .daily-cashback__hero {
      padding-bottom:136px;
      padding-top: 64px
  }
}

@media(max-width: 1200px) {
  .daily-cashback__hero {
      padding-bottom:90px;
      padding-top: 32px
  }
}

@media(max-width: 768px) {
  .daily-cashback__hero {
      padding-bottom:60px
  }
}

@media(max-width: 480px) {
  .daily-cashback__hero {
      padding-bottom:80px;
      padding-top: 42px
  }
}

@media(max-width: 320px) {
  .daily-cashback__hero {
      padding-bottom:142px;
      padding-top: 22px
  }
}

.daily-cashback__hero-background {
  animation: space 10s ease-out 0s infinite alternate;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(1.05);
  z-index: -2
}

@media(max-width: 1440px) {
  .daily-cashback__hero-background {
      right:-100px
  }
}

@media(max-width: 1200px) {
  .daily-cashback__hero-background {
      height:702px
  }
}

@media(max-width: 960px) {
  .daily-cashback__hero-background {
      height:601px
  }
}

@media(max-width: 768px) {
  .daily-cashback__hero-background {
      height:500px
  }
}

@media(max-width: 480px) {
  .daily-cashback__hero-background {
      height:902px;
      right: -380px
  }
}

@media(max-width: 320px) {
  .daily-cashback__hero-background {
      right:-680px
  }
}

.daily-cashback__dice {
  animation: dice 10s ease-out 0s infinite alternate;
  bottom: 15px;
  left: 90px;
  position: absolute;
  z-index: -1
}

@media(max-width: 1440px) {
  .daily-cashback__dice {
      bottom:-40px;
      left: -60px
  }
}

@media(max-width: 1200px) {
  .daily-cashback__dice {
      bottom:50px;
      height: 447px;
      right: 0
  }
}

@media(max-width: 960px) {
  .daily-cashback__dice {
      height:383px
  }
}

@media(max-width: 768px) {
  .daily-cashback__dice {
      bottom:100px;
      height: 319px;
      right: -50px
  }
}

@media(max-width: 480px) {
  .daily-cashback__dice {
      display:none
  }
}

@media(max-width: 320px) {
  .daily-cashback__dice {
      display:none
  }
}

.daily-cashback__dice--mobile {
  display: none
}

@media(max-width: 320px) {
  .daily-cashback__dice--mobile {
      bottom:110px;
      display: block;
      height: 575px;
      left: 0
  }
}

.daily-cashback__spaceman {
  animation: space 10s ease-out 0s infinite alternate;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

@media(max-width: 1440px) {
  .daily-cashback__spaceman {
      right:-100px
  }
}

@media(max-width: 1200px) {
  .daily-cashback__spaceman {
      height:702px
  }
}

@media(max-width: 960px) {
  .daily-cashback__spaceman {
      height:601px
  }
}

@media(max-width: 768px) {
  .daily-cashback__spaceman {
      height:500px
  }
}

@media(max-width: 480px) {
  .daily-cashback__spaceman {
      height:902px;
      right: -300px
  }
}

@media(max-width: 320px) {
  .daily-cashback__spaceman {
      right:-750px
  }
}

.daily-cashback__bg-car-wrap {
  width: 100%;
  z-index: -1
}

.daily-cashback__bg-car-wrap,.daily-cashback__hero-car-bg {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.daily-cashback__hero-car-bg {
  animation: background-first 15s linear infinite alternate
}

.daily-cashback__ball-bg {
  animation: background-second 15s linear infinite alternate;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.daily-cashback-description {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  z-index: 10
}

.daily-cashback-description__deposit-button {
  font-size: 24px!important;
  height: 56px;
  margin: 0 auto 21px!important;
  width: 250px
}

@media(max-width: 1200px) {
  .daily-cashback-description__deposit-button {
      font-size:20px!important;
      height: 48px;
      margin: 0 auto 16px!important;
      width: 220px
  }
}

.daily-cashback-description__text {
  display: block;
  font-family: Open Sans,sans-serif
}

.daily-cashback-description__text--daily {
  color: hsla(0,0%,100%,.8);
  font-family: Open Sans,sans-serif;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 120%;
  text-transform: uppercase
}

@media(max-width: 1200px) {
  .daily-cashback-description__text--daily {
      font-size:24px
  }
}

@media(max-width: 768px) {
  .daily-cashback-description__text--daily {
      font-size:22px
  }
}

.daily-cashback-description__text--ladder {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(185.38deg,#abebff 21.88%,#35cfff 75.75%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Open Sans,sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 120%;
  margin-bottom: 40px;
  text-transform: uppercase
}

@media(max-width: 1200px) {
  .daily-cashback-description__text--ladder {
      font-size:24px;
      margin-bottom: 32px
  }
}

@media(max-width: 768px) {
  .daily-cashback-description__text--ladder {
      font-size:22px;
      margin-bottom: 24px
  }
}

.daily-cashback-description__text--up-to {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 76px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 100%;
  margin-bottom: 64px;
  text-transform: uppercase
}

@media(max-width: 1200px) {
  .daily-cashback-description__text--up-to {
      font-size:44px;
      margin-bottom: 56px
  }
}

@media(max-width: 768px) {
  .daily-cashback-description__text--up-to {
      font-size:40px;
      margin-bottom: 32px
  }
}

.daily-cashback-description__text--deposit {
  color: hsla(0,0%,100%,.8);
  font-family: Open Sans,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 24px;
  margin-bottom: 200px
}

@media(max-width: 1440px) {
  .daily-cashback-description__text--deposit {
      margin-bottom:160px
  }
}

@media(max-width: 1200px) {
  .daily-cashback-description__text--deposit {
      font-size:16px;
      margin-bottom: 110px
  }
}

@media(max-width: 960px) {
  .daily-cashback-description__text--deposit {
      margin-bottom:100px
  }
}

@media(max-width: 320px) {
  .daily-cashback-description__text--deposit {
      margin-bottom:80px
  }
}

.daily-cashback__steps {
  -moz-column-gap: 22.5px;
  column-gap: 22.5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
  z-index: 10
}

@media(max-width: 960px) {
  .daily-cashback__steps {
      -ms-overflow-style:none;
      -moz-column-gap: 16px;
      column-gap: 16px;
      margin-left: -48px;
      overflow: scroll;
      padding-left: 48px;
      padding-right: 48px;
      scrollbar-width: none;
      width: calc(100% + 96px)
  }

  .daily-cashback__steps::-webkit-scrollbar {
      display: none
  }
}

@media(max-width: 480px) {
  .daily-cashback__steps {
      align-items:center;
      display: flex;
      flex-direction: column;
      margin: 0;
      overflow: visible;
      padding: 0;
      width: auto
  }
}

.daily-cashback-step {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: radial-gradient(100% 100% at 0 0,rgba(188,247,255,.5) .52%,rgba(96,236,255,.307) 51.04%,rgba(7,225,255,.12) 100%);
  clip-path: polygon(291px 0,308px 17px,100% 17px,100% 100%,0 100%,0 60%,0 0);
  display: flex;
  padding: 76px 0 0 30px;
  position: relative
}

@media(max-width: 1200px) {
  .daily-cashback-step {
      clip-path:polygon(217px 0,234px 17px,100% 17px,100% 100%,0 100%,0 60%,0 0);
      padding: 72px 0 0 30px
  }
}

@media(max-width: 960px) {
  .daily-cashback-step {
      clip-path:polygon(167px 0,180px 13px,100% 13px,100% 100%,0 100%,0 60%,0 0);
      min-width: 280px;
      padding: 57px 0 0 24px
  }
}

@media(max-width: 480px) {
  .daily-cashback-step {
      margin-bottom:16px;
      max-width: 280px
  }

  .daily-cashback-step:last-child {
      margin-bottom: 0
  }
}

.daily-cashback-step__header {
  align-items: center;
  background: linear-gradient(90.04deg,#ad1f00 21.16%,#291eb0 61.8%,rgba(111,44,255,0) 99.97%);
  box-shadow: 0 4px 4px rgba(1,20,24,.25);
  color: #fff;
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-weight: 700;
  height: 60px;
  left: 0;
  letter-spacing: .04em;
  line-height: 120%;
  padding-left: 30px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%
}

@media(max-width: 1200px) {
  .daily-cashback-step__header {
      font-size:22px
  }
}

@media(max-width: 960px) {
  .daily-cashback-step__header {
      font-size:18px;
      height: 44px;
      padding-left: 24px
  }
}

.daily-cashback-step__main {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.daily-cashback-step__description {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 120%;
  opacity: .9;
  padding-bottom: 16px
}

@media(max-width: 1200px) {
  .daily-cashback-step__description {
      font-size:18px
  }
}

@media(max-width: 960px) {
  .daily-cashback-step__description {
      font-size:14px
  }
}

.daily-cashback-step__image {
  height: 150px;
  margin-top: -35px;
  width: 150px
}

@media(max-width: 1200px) {
  .daily-cashback-step__image {
      height:120px;
      margin-top: -2px;
      width: 120px
  }
}

@media(max-width: 960px) {
  .daily-cashback-step__image {
      height:90px;
      margin-top: 0;
      width: 90px
  }
}

.daily-cashback-promo {
  background: url(images/description-background.720b2848..png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 160px;
  margin-top: 20px;
  padding: 60px 64px;
  position: relative
}

@media(max-width: 1440px) {
  .daily-cashback-promo {
      margin-bottom:110px;
      padding: 60px 48px
  }
}

@media(max-width: 1200px) {
  .daily-cashback-promo {
      margin-bottom:70px
  }
}

@media(max-width: 960px) {
  .daily-cashback-promo {
      margin-bottom:60px;
      margin-top: 10px;
      padding: 40px 48px
  }
}

@media(max-width: 768px) {
  .daily-cashback-promo {
      margin-bottom:40px;
      margin-top: 0
  }
}

@media(max-width: 480px) {
  .daily-cashback-promo {
      padding:40px 24px
  }
}

@media(max-width: 320px) {
  .daily-cashback-promo {
      padding:40px 16px
  }
}

.daily-cashback-promo__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 120%;
  margin: 0 0 24px;
  text-transform: uppercase
}

@media(max-width: 480px) {
  .daily-cashback-promo__title {
      text-align:center
  }
}

.daily-cashback-promo__list {
  list-style: none;
  margin: 0;
  padding-left: 20px
}

@media(max-width: 1440px) {
  .daily-cashback-promo__list {
      padding-left:32px
  }
}

.daily-cashback-promo__list--inner {
  padding: 0
}

.daily-cashback-promo__item {
  color: hsla(0,0%,100%,.8);
  counter-increment: custom;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 12px;
  position: relative;
  text-align: left
}

.daily-cashback-promo__item:before {
  align-items: center;
  color: #fff;
  content: counter(custom);
  display: flex;
  font-family: Open Sans,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  height: 26px;
  justify-content: center;
  left: -32px;
  line-height: 100%;
  position: absolute;
  text-shadow: 0 0 4px rgba(0,224,255,.3);
  top: 0;
  width: 26px
}

@media(max-width: 960px) {
  .daily-cashback-promo__item:before {
      top:-2px
  }
}

.daily-cashback-promo__item:first-child {
  counter-reset: custom
}

@media(max-width: 960px) {
  .daily-cashback-promo__item {
      font-size:16px
  }
}

.daily-cashback-promo__item:last-child {
  margin-bottom: 0
}

.daily-cashback-promo__image {
  left: -32px;
  position: absolute;
  top: 0
}

@keyframes space {
  0% {
      transform: scale(1.05)
  }

  to {
      transform: scale(1)
  }
}

@keyframes dice {
  0% {
      transform: scale(1)
  }

  to {
      transform: scale(1.2)
  }
}

.lb-page__inner-container {
  margin: 0 auto
}

@media(min-width: 1200px) {
  .lb-page__inner-container {
      width:1136px
  }
}

@media(min-width: 1440px) {
  .lb-page__inner-container {
      width:1144px
  }
}

@media(min-width: 1680px) {
  .lb-page__inner-container {
      width:1344px
  }
}

.lb-page__top {
  height: 796px;
  overflow: hidden;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .lb-page__top {
      height:1110px
  }
}

.lb-page__background {
  height: 531px;
  left: 50%;
  position: absolute;
  top: -14px;
  transform: translateX(-50%);
  z-index: -1
}

@media(min-width: 768px) {
  .lb-page__background {
      height:unset;
      top: 0
  }
}

.lb-page__logo {
  margin-top: 16px;
  max-width: 103px
}

@media(min-width: 768px) {
  .lb-page__logo {
      margin-top:48px;
      max-width: 120px
  }
}

@media(min-width: 1200px) {
  .lb-page__logo {
      margin-top:40px
  }
}

.lb-page__content {
  align-items: center;
  display: flex;
  flex-direction: column
}

.lb-page__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 16px 0 28px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 480px) {
  .lb-page__title {
      margin:16px 0 20px
  }
}

@media(min-width: 768px) {
  .lb-page__title {
      font-size:26px;
      line-height: 32px;
      margin: 40px 0 56px;
      max-width: 720px
  }
}

.lb-page__gates {
  left: 50%;
  max-width: 310px;
  min-width: 310px;
  position: absolute;
  top: 258px;
  transform: translateX(-50%);
  width: 100%
}

@media(min-width: 375px) {
  .lb-page__gates {
      max-width:360px;
      top: 236px
  }
}

@media(min-width: 480px) {
  .lb-page__gates {
      max-width:440px;
      top: 200px
  }
}

@media(min-width: 768px) {
  .lb-page__gates {
      max-width:720px;
      top: 312px
  }
}

.lb-page__panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 418px;
  transform: translate(-50%)
}

@media(min-width: 768px) {
  .lb-page__panel {
      top:696px
  }
}

.lb-page__launcher {
  margin-bottom: 62px
}

@media(min-width: 768px) {
  .lb-page__launcher {
      margin-bottom:56px
  }
}

.lb-page-how-to {
  margin-bottom: 32px
}

@media(min-width: 480px) {
  .lb-page-how-to {
      margin-bottom:48px
  }
}

@media(min-width: 768px) {
  .lb-page-how-to {
      margin-bottom:56px
  }
}

@media(min-width: 1200px) {
  .lb-page-how-to {
      margin-bottom:80px
  }
}

.lb-page-how-to__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center
}

@media(min-width: 768px) {
  .lb-page-how-to__title {
      font-size:32px;
      line-height: 40px
  }
}

.lb-page-how-to__steps {
  align-items: center;
  background: radial-gradient(126.97% 126.97% at 49.47% -69.08%,rgba(192,12,255,.4) 0,transparent 82.71%),linear-gradient(180deg,#0b1436,rgba(19,18,72,0) 76.3%);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 32px 0;
  position: relative;
  row-gap: 24px;
  width: calc(100% - 4px)
}

.lb-page-how-to__steps:before {
  background: linear-gradient(188.88deg,#7e14ff -26.88%,#090f25 61.78%);
  border-radius: 22px;
  content: "";
  height: 100%;
  left: -2px;
  opacity: .6;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
  z-index: -1
}

@media(min-width: 768px) {
  .lb-page-how-to__steps {
      align-items:flex-start;
      -moz-column-gap: 24px;
      column-gap: 24px;
      flex-direction: row
  }
}

@media(min-width: 1200px) {
  .lb-page-how-to__steps {
      -moz-column-gap:40px;
      column-gap: 40px;
      justify-content: space-between;
      padding: 32px 40px
  }
}

.lb-page-how-to-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 206px;
  row-gap: 16px
}

@media(min-width: 1200px) {
  .lb-page-how-to-step {
      align-items:flex-start;
      -moz-column-gap: 16px;
      column-gap: 16px;
      flex-direction: row;
      max-width: unset
  }
}

.lb-page-how-to-step__icon {
  width: 66px
}

.lb-page-how-to-step__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  text-align: center
}

@media(min-width: 1200px) {
  .lb-page-how-to-step__content {
      max-width:208px;
      text-align: left
  }
}

.lb-page-how-to-step__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

.lb-page-how-to-step__text,.lb-page-how-to-step__title {
  font-family: Open Sans,sans-serif;
  font-style: normal;
  margin: 0
}

.lb-page-how-to-step__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.lb-page__rules {
  margin-bottom: 48px
}

@media(min-width: 480px) {
  .lb-page__rules {
      margin-bottom:80px
  }
}

@media(min-width: 768px) {
  .lb-page__rules {
      margin-bottom:100px
  }
}

@media(min-width: 1200px) {
  .lb-page__rules {
      margin-bottom:120px
  }
}

.lucky-box-page {
  background: #001c2c;
  overflow: hidden;
  position: relative
}

.lucky-box-page__section-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 138%;
  text-align: center;
  text-transform: uppercase
}

.lucky-box-page .top {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 0
}

@media(min-width: 768px) {
  .lucky-box-page .top {
      min-height:770px
  }
}

.lucky-box-page .top__bg {
  height: 100%;
  left: 50%;
  max-height: 295px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1
}

@media(min-width: 480px) {
  .lucky-box-page .top__bg {
      max-height:370px
  }
}

@media(min-width: 768px) {
  .lucky-box-page .top__bg {
      max-height:100%
  }
}

.lucky-box-page .top__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%
}

.lucky-box-page .top__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 526px;
  padding-top: 24px
}

@media(min-width: 768px) {
  .lucky-box-page .top__content {
      padding-top:40px
  }
}

.lucky-box-page .top__logo {
  max-width: 170px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media(min-width: 1200px) {
  .lucky-box-page .top__logo {
      max-width:203px
  }
}

.lucky-box-page .top__title {
  font-size: 20px;
  line-height: 26px;
  margin: 45px 0 42px;
  max-width: 526px;
  text-transform: none
}

@media(min-width: 480px) {
  .lucky-box-page .top__title {
      font-size:26px;
      line-height: 32px
  }
}

@media(min-width: 768px) {
  .lucky-box-page .top__title {
      margin:24px 0 64px
  }
}

@media(min-width: 1200px) {
  .lucky-box-page .top__title {
      margin:32px 0 56px
  }
}

.lucky-box-page .top .top__text--secondary-color {
  color: #ffd336
}

.lucky-box-page .how-it-work {
  margin-top: 47px
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work {
      margin-top:40px
  }
}

.lucky-box-page .how-it-work__title {
  font-weight: 800;
  margin-bottom: 16px;
  margin-top: 0;
  text-transform: none
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work__title {
      font-size:32px;
      line-height: 39px
  }
}

.lucky-box-page .how-it-work__text {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 20px;
  margin: 0 auto 32px;
  max-width: 527px;
  text-align: center
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work__text {
      margin-bottom:32px
  }
}

@media(min-width: 1440px) {
  .lucky-box-page .how-it-work__text {
      margin-bottom:40px
  }
}

.lucky-box-page .how-it-work__steps {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  max-width: 992px;
  position: relative
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work__steps {
      flex-direction:row;
      gap: 16px;
      justify-content: center
  }
}

.lucky-box-page .how-it-work__step {
  align-items: flex-start;
  display: flex;
  font-family: Open Sans,sans-serif;
  gap: 8px;
  justify-content: center;
  max-width: 288px;
  width: 100%
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work__step {
      align-items:center;
      flex-direction: column
  }
}

.lucky-box-page .how-it-work__subtitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 4px
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work__subtitle {
      text-align:center
  }
}

.lucky-box-page .how-it-work__card-text {
  display: flex;
  flex-direction: column
}

.lucky-box-page .how-it-work__dsc {
  font-size: 16px;
  line-height: 24px;
  margin: 0
}

@media(min-width: 768px) {
  .lucky-box-page .how-it-work__dsc {
      text-align:center
  }
}

.lucky-box-page .how-it-work__icon {
  height: 66px;
  width: 64px
}

.lucky-box-page .how-it-work__btn-wrapper {
  margin: 24px auto 0;
  width: -moz-max-content;
  width: max-content
}

@media(min-width: 1200px) {
  .lucky-box-page .how-it-work__btn-wrapper {
      margin-bottom:32px
  }
}

.lucky-box-page .how-it-work__deposit-btn {
  margin: 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 16px 24px
}

.lucky-box-page .terms {
  margin-top: 64px
}

.lucky-box-page .terms__inner {
  background: #1a1a22;
  border-radius: 20px;
  margin: 0 auto;
  max-width: 1248px;
  padding: 24px 20px
}

@media(min-width: 768px) {
  .lucky-box-page .terms__inner {
      padding:40px 48px
  }
}

.lucky-box-page .terms__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
  margin-top: 0
}

@media(min-width: 768px) {
  .lucky-box-page .terms__title {
      font-size:20px;
      line-height: 30px;
      margin-bottom: 16px
  }
}

.lucky-box-page .terms__collapse {
  font-weight: 700;
  justify-content: flex-start;
  text-align: left
}

.lucky-box-page .terms__content {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 150%
}

.lucky-box-page .terms__content p {
  margin-top: 0
}

.lucky-box-page .terms__content p:not(:last-child) {
  margin-bottom: 32px
}

.lucky-box-page .terms__content--white {
  color: #fff;
  font-weight: 500
}

.lucky-box-page .terms__content--title {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px
}

.lucky-box-page .welcome-lb {
  margin-top: 80px
}

@media(min-width: 768px) {
  .lucky-box-page .welcome-lb {
      margin-top:100px
  }
}

@media(min-width: 1440px) {
  .lucky-box-page .welcome-lb {
      margin-top:120px
  }
}

.lucky-box-page .welcome-lb__content {
  display: flex;
  flex-direction: column;
  gap: 24px
}

@media(min-width: 768px) {
  .lucky-box-page .welcome-lb__content {
      flex-direction:row;
      flex-wrap: nowrap;
      gap: 48px;
      width: 100%
  }
}

.lucky-box-page .welcome-lb__content div {
  max-width: calc(50% - 24px);
  width: 100%
}

.lucky-box-page .welcome-lb__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px
}

.summer-calendar-page__top {
  position: relative
}

.summer-calendar-page__top .container {
  padding-bottom: 90px
}

.summer-calendar-page__bg {
  height: 498px;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 1296px;
  z-index: -1
}

@media(min-width: 1200px) {
  .summer-calendar-page__bg {
      height:740px;
      width: 1680px
  }
}

.summer-calendar-page__main--title {
  color: #fff;
  font: 700 26px/32px Open Sans,sans-serif;
  margin-bottom: 24px;
  margin-top: 0;
  text-align: center
}

@media(min-width: 768px) {
  .summer-calendar-page__main--title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .summer-calendar-page__main--title {
      font-size:42px;
      line-height: 52px;
      margin-bottom: 80px
  }
}

.summer-calendar-page__rules {
  margin-bottom: 80px;
  margin-top: 56px
}

@media(min-width: 768px) {
  .summer-calendar-page__rules {
      margin-bottom:100px
  }
}

@media(min-width: 1200px) {
  .summer-calendar-page__rules {
      margin-bottom:120px;
      margin-top: 80px
  }
}

.hall-of-fame {
  overflow: hidden;
  position: relative
}

@media(min-width: 1200px) {
  .hall-of-fame .container {
      max-width:1680px
  }
}

.hall-of-fame__title {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
  margin-top: 0
}

.hall-of-fame .hall-of-fame-champions {
  margin-top: 32px
}

@media(min-width: 768px) {
  .hall-of-fame .hall-of-fame-champions {
      margin-top:40px
  }
}

.hall-of-fame .hall-of-fame-champions__title {
  margin-bottom: 24px
}

.hall-of-fame .hall-of-fame-wins {
  margin-top: 32px
}

@media(min-width: 1200px) {
  .hall-of-fame .hall-of-fame-wins {
      margin-top:40px
  }
}

.hall-of-fame .hall-of-fame-wins__title {
  margin-bottom: 24px;
  margin-top: 0
}

.hall-of-fame__welcome {
  margin-bottom: 8px;
  margin-top: 80px
}

@media(min-width: 1200px) {
  .hall-of-fame__welcome {
      margin-bottom:24px;
      margin-top: 120px
  }
}

.p-vip-club {
  margin: 0 auto;
  max-width: 1440px;
  position: relative
}

.p-vip-club .container {
  max-width: 1344px
}

.p-vip-club__bg {
  height: 380px;
  position: relative
}

.p-vip-club__bg:after {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) 0,rgba(17,77,148,0) 100%);
  border-radius: 500px;
  content: "";
  height: 420px;
  left: -350px;
  position: absolute;
  top: -260px;
  width: 500px
}

@media(min-width: 768px) {
  .p-vip-club__bg:after {
      border-radius:694px;
      height: 583px;
      left: -360px;
      top: -390px;
      width: 694px
  }
}

@media(min-width: 1200px) {
  .p-vip-club__bg:after {
      border-radius:1024px;
      height: 860px;
      left: -890px;
      top: -530px;
      width: 1024px
  }
}

.p-vip-club__bg:before {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  border-radius: 500px;
  content: "";
  height: 420px;
  position: absolute;
  right: -350px;
  top: -250px;
  width: 500px
}

@media(min-width: 768px) {
  .p-vip-club__bg:before {
      height:583px;
      right: -160px;
      top: -290px;
      width: 694px
  }
}

@media(min-width: 1200px) {
  .p-vip-club__bg:before {
      border-radius:1024px;
      height: 860px;
      right: -290px;
      top: -530px;
      width: 1024px
  }
}

@media(min-width: 480px) {
  .p-vip-club__bg {
      height:472px
  }
}

@media(min-width: 768px) {
  .p-vip-club__bg {
      height:auto;
      left: unset;
      position: absolute;
      right: -275px;
      top: 0;
      width: 1013px;
      z-index: -1
  }
}

@media(min-width: 1200px) {
  .p-vip-club__bg {
      right:-120px;
      width: 1156px
  }
}

.p-vip-club__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%
}

.p-vip-club__main-title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  text-transform: uppercase
}

@media(min-width: 480px) {
  .p-vip-club__main-title {
      font-size:26px;
      line-height: 32px
  }
}

@media(min-width: 768px) {
  .p-vip-club__main-title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .p-vip-club__main-title {
      font-size:42px;
      line-height: 52px
  }
}

.p-vip-club__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  text-transform: capitalize
}

@media(min-width: 480px) {
  .p-vip-club__title {
      font-size:26px;
      line-height: 123%
  }
}

@media(min-width: 768px) {
  .p-vip-club__title {
      font-size:20px;
      line-height: 130%
  }
}

@media(min-width: 1680px) {
  .p-vip-club__title {
      font-size:26px;
      line-height: 123%
  }
}

.p-vip-club .p-vip-club__text--yellow {
  color: #ffd336!important
}

.p-vip-club__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0
}

.p-vip-club__list--single {
  list-style: none
}

.p-vip-club__head,.p-vip-club__instant,.p-vip-club__passes,.p-vip-club__table {
  margin-bottom: 64px
}

@media(min-width: 768px) {
  .p-vip-club__head,.p-vip-club__instant,.p-vip-club__passes,.p-vip-club__table {
      margin-bottom:80px
  }
}

@media(min-width: 1200px) {
  .p-vip-club__head,.p-vip-club__instant,.p-vip-club__passes,.p-vip-club__table {
      margin-bottom:100px
  }
}

.p-vip-club__rules {
  scroll-margin: 125px 0 0 0
}

@media(min-width: 768px) {
  .p-vip-club__rules {
      scroll-margin:65px 0 0 0
  }
}

@media(min-width: 1200px) {
  .p-vip-club__rules {
      margin-bottom:120px;
      scroll-margin: 74px 0 0 0
  }
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-head {
      padding-top:72px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-head {
      padding-top:120px
  }
}

.p-vip-club .p-vip-club-head__title {
  margin-bottom: 16px;
  text-align: center
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-head__title {
      margin-bottom:20px;
      max-width: 446px;
      text-align: left
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-head__title {
      max-width:560px
  }
}

.p-vip-club .p-vip-club-head__desc {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 32px;
  margin-top: 0;
  text-align: center
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-head__desc {
      max-width:354px;
      text-align: left
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-head__desc {
      margin-bottom:48px;
      max-width: 664px
  }
}

.p-vip-club .p-vip-club-head__btn {
  display: flex;
  margin: 0 auto 64px
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-head__btn {
      margin:0 0 72px;
      padding: 16px 24px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-head__btn {
      margin:0 0 180px;
      padding: 16px 24px
  }
}

.p-vip-club .p-vip-club-benefits {
  align-items: center;
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits {
      align-items:flex-start
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-benefits {
      align-items:center;
      flex-direction: row;
      justify-content: space-between
  }
}

.p-vip-club .p-vip-club-benefits__sticker {
  align-items: center;
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__sticker {
      flex-direction:row
  }
}

.p-vip-club .p-vip-club-benefits__badge {
  height: 100%;
  margin-bottom: 24px;
  max-height: 120px;
  max-width: 120px;
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__badge {
      margin-bottom:0;
      margin-right: 24px
  }
}

@media(min-width: 1680px) {
  .p-vip-club .p-vip-club-benefits__badge {
      max-height:142px;
      max-width: 142px
  }
}

.p-vip-club .p-vip-club-benefits__badge-img {
  height: 100%;
  left: 50%;
  max-height: 74px;
  max-width: 74px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

@media(min-width: 1680px) {
  .p-vip-club .p-vip-club-benefits__badge-img {
      max-height:88px;
      max-width: 88px
  }
}

.p-vip-club .p-vip-club-benefits__badge-letters {
  animation: animate-vip-sticker 10s linear infinite;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__title {
      max-width:122px
  }
}

@media(min-width: 1680px) {
  .p-vip-club .p-vip-club-benefits__title {
      max-width:160px
  }
}

.p-vip-club .p-vip-club-benefits__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 8px;
  margin-top: 40px
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__cards {
      -moz-column-gap:41px;
      column-gap: 41px;
      flex-wrap: nowrap;
      width: 100%
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-benefits__cards {
      justify-content:end;
      margin-top: 0;
      width: auto
  }
}

.p-vip-club .p-vip-club-benefits__card {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50% - 4px)
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__card:not(:last-child):after {
      background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12) 48.96%,hsla(0,0%,100%,0));
      content: "";
      height: 100%;
      position: absolute;
      right: -21px;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
  }

  .p-vip-club .p-vip-club-benefits__card {
      flex-wrap: nowrap;
      max-width: 148px;
      width: calc(25% - 15px)
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-benefits__card {
      flex-wrap:nowrap;
      max-width: 100%;
      min-width: 170px
  }
}

.p-vip-club .p-vip-club-benefits__icon {
  height: 100%;
  margin-bottom: 12px;
  max-height: 80px;
  max-width: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

.p-vip-club .p-vip-club-benefits__desc {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-align: center
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-benefits__desc {
      font-size:20px
  }
}

.p-vip-club .p-vip-club-passes__title {
  margin-bottom: 32px;
  text-align: center
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-passes__title {
      margin-bottom:40px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-passes__title {
      margin-bottom:48px
  }
}

.p-vip-club .p-vip-club-passes__cards {
  display: flex;
  flex-wrap: nowrap;
  margin-left: -16px;
  overflow: auto;
  padding: 0 16px;
  width: calc(100% + 32px)
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-passes__cards {
      margin-left:-24px;
      padding: 0 24px;
      width: calc(100% + 48px)
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-passes__cards {
      margin-left:unset;
      overflow: hidden;
      padding: 0;
      width: 100%
  }
}

.p-vip-club .vip-club-passes-card {
  border-radius: 16px;
  min-height: 296px;
  min-width: 288px
}

.p-vip-club .vip-club-passes-card:not(:last-child) {
  margin-right: 12px
}

@media(min-width: 1200px) {
  .p-vip-club .vip-club-passes-card:not(:last-child) {
      margin-right:16px
  }
}

@media(min-width: 480px) {
  .p-vip-club .vip-club-passes-card {
      min-height:318px;
      min-width: 324px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .vip-club-passes-card {
      min-height:294px;
      min-width: unset;
      width: calc(25% - 12px)
  }
}

@media(min-width: 1440px) {
  .p-vip-club .vip-club-passes-card {
      min-height:318px
  }
}

.p-vip-club .vip-club-passes-card__front-wrap {
  display: flex;
  flex-direction: column
}

.p-vip-club .vip-club-passes-card__view {
  display: flex;
  flex-direction: column;
  min-height: 178px;
  padding: 20px 20px 16px;
  position: relative;
  z-index: 1
}

@media(min-width: 480px) {
  .p-vip-club .vip-club-passes-card__view {
      min-height:200px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .vip-club-passes-card__view {
      min-height:176px
  }
}

@media(min-width: 1440px) {
  .p-vip-club .vip-club-passes-card__view {
      min-height:200px
  }
}

.p-vip-club .vip-club-passes-card__img {
  border-radius: 16px;
  z-index: -1
}

.p-vip-club .vip-club-passes-card__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 143%;
  margin-bottom: 12px;
  text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__type {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 123%;
  text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__holder {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: auto
}

.p-vip-club .vip-club-passes-card__sticker {
  bottom: 16px;
  height: 56px;
  position: absolute;
  right: 16px;
  width: 56px;
  z-index: -1
}

.p-vip-club .vip-club-passes-card__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.p-vip-club .vip-club-passes-card__desc {
  padding: 20px;
  width: 100%
}

.p-vip-club .vip-club-passes-card__subtitle {
  color: hsla(0,0%,100%,.4);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 133%;
  margin-bottom: 12px;
  text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__back-details,.p-vip-club .vip-club-passes-card__ditails,.p-vip-club .vip-club-passes-card__list-title,.p-vip-club .vip-club-passes-card__message {
  color: #fff;
  font-size: 14px;
  line-height: 143%
}

.p-vip-club .vip-club-passes-card__list-title {
  margin-bottom: 12px
}

.p-vip-club .vip-club-passes-card__ditails {
  margin-bottom: 8px
}

.p-vip-club .vip-club-passes-card__back-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 20px 20px;
  width: 100%
}

.p-vip-club .vip-club-passes-card__back-details {
  margin-bottom: 12px
}

.p-vip-club .vip-club-passes-card__more-rules {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  margin-top: auto;
  text-decoration: none
}

.p-vip-club .vip-club-passes-card__more-rules:hover {
  color: #fff
}

.p-vip-club .p-vip-club-table__title {
  margin-bottom: 32px;
  text-align: center;
  text-transform: unset
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-table__title {
      margin-bottom:40px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-table__title {
      margin-bottom:48px
  }
}

.p-vip-club .p-vip-club-table__wrapper {
  margin-left: -16px;
  overflow: auto;
  padding: 0 16px;
  width: calc(100% + 32px)
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-table__wrapper {
      margin-left:unset;
      padding: unset;
      width: 100%
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-table__wrapper {
      display:flex;
      justify-content: center
  }
}

.p-vip-club .vip-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 800px;
  table-layout: fixed;
  text-align: center
}

@media(min-width: 1200px) {
  .p-vip-club .vip-table {
      min-width:unset
  }
}

.p-vip-club .vip-table tr {
  border-radius: 16px
}

.p-vip-club .vip-table tr:nth-of-type(2) td:first-child {
  border-radius: 16px 0 0 0
}

.p-vip-club .vip-table tr:nth-of-type(2) td:last-child {
  border-radius: 0 16px 0 0
}

.p-vip-club .vip-table tr:last-child td {
  border-bottom: 1px solid var (--header-color)
}

.p-vip-club .vip-table tr:last-child td:first-child {
  border-radius: 0 0 0 16px
}

.p-vip-club .vip-table tr:last-child td:last-child {
  border-radius: 0 0 16px 0
}

.p-vip-club .vip-table tr th {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 16px 0
}

.p-vip-club .vip-table tr th img {
  height: auto;
  margin-right: 12px;
  width: 32px
}

.p-vip-club .vip-table tr td {
  border-right: 1px solid #445778;
  border-top: 1px solid #445778;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 16px;
  vertical-align: middle
}

@media(min-width: 1200px) {
  .p-vip-club .vip-table tr td {
      font-size:16px;
      line-height: 150%
  }
}

.p-vip-club .vip-table tr td:first-child {
  background: rgba(80,99,133,.4);
  border-bottom: 1px solid #445778;
  border-left: 1px solid #445778;
  text-align: left;
  width: 200px
}

@media(min-width: 1200px) {
  .p-vip-club .vip-table tr td:first-child {
      width:auto
  }
}

.p-vip-club .vip-table .tooltip-info__info-btn {
  align-self: flex-end;
  color: hsla(0,0%,100%,.2);
  display: flex;
  height: 22px;
  margin-left: 4px
}

.p-vip-club .vip-table .tooltip-info__info-btn .icon-info {
  color: #fff;
  font-size: 20px;
  opacity: .4
}

.p-vip-club .vip-table .tooltip-info__info-icon {
  color: hsla(0,0%,100%,.2)
}

.p-vip-club .vip-table .tooltip-info {
  background: #445778
}

.p-vip-club .vip-table__name {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.p-vip-club .vip-table__top-name {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center
}

.p-vip-club .vip-table__star {
  margin-right: 4px;
  position: relative;
  top: 4px;
  width: 20px
}

.p-vip-club .vip-table__circle-icon {
  color: #5c6f91;
  vertical-align: middle
}

.p-vip-club .vip-table__check-circle-icon {
  color: #00dccd;
  vertical-align: middle
}

.p-vip-club .vip-table__star {
  color: #00dccd
}

.p-vip-club .p-vip-club-instant {
  display: none
}

.p-vip-club .p-vip-club-instant__title {
  margin-bottom: 12px;
  text-align: center
}

@media(min-width: 480px) {
  .p-vip-club .p-vip-club-instant__title {
      margin-bottom:16px
  }
}

.p-vip-club .p-vip-club-instant__subtitle {
  color: hsla(0,0%,100%,.65);
  margin-bottom: 32px;
  margin-top: 0;
  text-align: center
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-club-instant__subtitle {
      margin-bottom:40px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__subtitle {
      margin-bottom:48px
  }
}

.p-vip-club .p-vip-club-instant__list {
  display: flex;
  flex-direction: column
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__list {
      flex-direction:row
  }
}

.p-vip-club .p-vip-club-instant__card {
  width: 100%
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__card {
      width:calc(33.33333% - 8px)
  }
}

.p-vip-club .p-vip-club-instant__card:not(:last-child) {
  margin-bottom: 12px
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-club-instant__card:not(:last-child) {
      margin-bottom:0;
      margin-right: 12px
  }
}

.p-vip-club .p-vip-instant-card {
  background: radial-gradient(50% 50% at 50% 0,rgba(0,220,205,.08) 0,rgba(0,220,205,0) 100%),rgb(0 78 86);
  border-radius: 16px;
  padding: 24px 24px 32px;
  position: relative
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-instant-card {
      display:flex;
      padding: 24px
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-instant-card {
      display:block;
      flex: 1 1 33.3333333333%;
      margin-bottom: 0;
      padding: 40px 32px
  }
}

@media(min-width: 1680px) {
  .p-vip-club .p-vip-instant-card {
      padding:40px 32px 64px
  }
}

.p-vip-club .p-vip-instant-card__content {
  margin-bottom: 24px
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-instant-card__content {
      margin-bottom:0;
      margin-left: 24px;
      width: 100%
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-instant-card__content {
      margin-left:0
  }
}

.p-vip-club .p-vip-instant-card .yellow {
  color: #ffd336
}

.p-vip-club .p-vip-instant-card__img {
  display: block;
  height: auto;
  margin: 0 auto 16px;
  width: 88px
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-instant-card__img {
      align-self:flex-start
  }
}

.p-vip-club .p-vip-instant-card__title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: center
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-instant-card__title {
      text-align:left
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-instant-card__title {
      text-align:center
  }
}

.p-vip-club .p-vip-instant-card li,.p-vip-club .p-vip-instant-card p {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%
}

.p-vip-club .p-vip-instant-card li:first-child,.p-vip-club .p-vip-instant-card li:first-of-type,.p-vip-club .p-vip-instant-card p:first-child,.p-vip-club .p-vip-instant-card p:first-of-type {
  margin-top: 0
}

.p-vip-club .p-vip-instant-card li:last-child,.p-vip-club .p-vip-instant-card li:last-of-type,.p-vip-club .p-vip-instant-card p:last-child,.p-vip-club .p-vip-instant-card p:last-of-type {
  margin-bottom: 0
}

.p-vip-club .p-vip-instant-card p.small-text {
  font-size: 14px;
  line-height: 142.857%
}

.p-vip-club .p-vip-instant-card__item {
  align-items: center;
  display: flex;
  margin-bottom: 16px
}

.p-vip-club .p-vip-instant-card__item img {
  align-self: flex-start;
  height: auto;
  margin-right: 16px;
  min-width: 32px;
  width: 32px
}

.p-vip-club .p-vip-instant-card__btn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 24px auto 0;
  max-width: -moz-max-content;
  max-width: max-content
}

@media(min-width: 768px) {
  .p-vip-club .p-vip-instant-card__btn {
      margin:24px 0 0
  }
}

@media(min-width: 1200px) {
  .p-vip-club .p-vip-instant-card__btn {
      margin:32px auto 0
  }
}

@keyframes animate-vip-sticker {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(1turn)
  }
}

.p-game-info {
  padding-bottom: 24px;
  padding-top: 16px
}

@media(min-width: 768px) {
  .p-game-info {
      padding-bottom:36px
  }
}

@media(min-width: 1200px) {
  .p-game-info {
      padding-bottom:48px
  }
}

@media(min-width: 1440px) {
  .p-game-info {
      padding-bottom:63px
  }
}

@media(min-width: 1200px) {
  .p-game-info .container {
      max-width:1344px
  }
}

.p-game-info__section {
  padding-bottom: 40px
}

.p-game-info__section .home-game-slider {
  margin-bottom: 0
}

.p-game-info__section--slider {
  padding-bottom: 24px
}

@media(min-width: 768px) {
  .p-game-info__section--slider {
      padding-bottom:32px
  }
}

.p-game-info__banner {
  margin-bottom: 8px
}

@media(min-width: 768px) {
  .p-game-info__banner {
      margin-bottom:16px
  }
}

.p-game-info__row {
  display: grid;
  gap: 8px
}

@media(min-width: 768px) {
  .p-game-info__row {
      gap:16px
  }
}

@media(min-width: 1200px) {
  .p-game-info__row {
      grid-template-columns:1fr 368px
  }
}

@media(min-width: 1440px) {
  .p-game-info__row {
      grid-template-columns:1fr 392px
  }
}

.p-game-info__col--content li,.p-game-info__col--content ul {
  margin: 0
}

.p-game-info__col--content p+h2,.p-game-info__col--content ul+h2 {
  margin-top: 32px
}

.p-game-info__col--content ol+ol,.p-game-info__col--content ol+ul,.p-game-info__col--content ul+ol,.p-game-info__col--content ul+ul {
  margin-top: 12px
}

.p-game-info__col--content ul li:not(:last-child) {
  margin-bottom: 12px
}

.p-game-info__col--content .p-game-info__game-links {
  margin-top: 32px
}

@media(min-width: 1200px) {
  .p-game-info__col--content {
      grid-row:1/2
  }
}

.p-game-info__col--table {
  margin-bottom: 32px
}

@media(min-width: 1200px) {
  .p-game-info__col--table {
      grid-column:-2/-1;
      margin-bottom: 0
  }
}

.p-game-info__col--table .p-game-info__title {
  margin-bottom: 20px
}

.p-game-info__title {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 16px
}

.p-game-info__title--mb-24 {
  margin-bottom: 24px
}

@media(min-width: 768px) {
  .p-game-info__title {
      font-size:24px;
      line-height: 32px;
      margin-bottom: 20px
  }
}

.p-game-info__text {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 24px
}

.p-game-info__slider {
  background: rgb(0 78 86);
  border-radius: 20px;
  padding: 32px
}

@media(max-width: 767px) {
  .p-game-info__game-links .btn {
      font-size:14px;
      height: 40px;
      line-height: 20px;
      padding: 10px 16px
  }
}

.p-game-info__game-links .btn:not(:first-child):last-child {
  display: none
}

.info-banner__content {
  background-color: rgb(0 78 86);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 20px
}

@media(min-width: 768px) {
  .info-banner__content {
      padding:24px
  }
}

@media(min-width: 1200px) {
  .info-banner__content {
      min-height:400px
  }
}

.info-banner__content p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 16px
}

.info-banner__content .p-game-info__game-links {
  margin-top: 8px
}

@media(min-width: 1200px) {
  .info-banner__content .p-game-info__game-links {
      margin-top:auto
  }
}

.info-banner__content .p-game-info__game-links .btn {
  width: 100%
}

.info-banner__provider {
  color: hsla(0,0%,100%,.45);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 16px;
  margin-bottom: 16px;
  text-transform: uppercase
}

.info-banner__title {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 8px
}

.info-banner__image {
  height: 145px;
  position: relative
}

@media(min-width: 480px) {
  .info-banner__image {
      height:190px
  }
}

@media(min-width: 768px) {
  .info-banner__image {
      height:310px
  }
}

@media(min-width: 1200px) {
  .info-banner__image {
      height:100%;
      max-height: 400px
  }
}

.info-banner__image img {
  border-radius: 20px;
  display: block;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.info-welcome-banner__link {
  align-items: flex-start;
  background: linear-gradient(271deg,#22b299,#53189e);
  border-radius: 12px;
  display: flex;
  padding: 16px
}

@media(min-width: 768px) {
  .info-welcome-banner__link {
      padding:18px 24px
  }
}

.info-welcome-banner__img {
  flex-shrink: 0;
  height: 48px;
  margin-right: 12px;
  width: 48px
}

@media(min-width: 768px) {
  .info-welcome-banner__img {
      height:64px;
      margin-right: 24px;
      width: 64px
  }
}

.info-welcome-banner__content {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  gap: 4px
}

.info-welcome-banner__title {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  line-height: 20px
}

@media(min-width: 768px) {
  .info-welcome-banner__title {
      font-size:16px;
      line-height: 24px
  }
}

.info-welcome-banner__text {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase
}

@media(min-width: 768px) {
  .info-welcome-banner__text {
      font-size:20px;
      line-height: 26px
  }
}

.info-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -24px 0 0;
  padding: 0
}

.info-breadcrumbs__item {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  line-height: 18px
}

@media(min-width: 768px) {
  .info-breadcrumbs__item {
      font-size:14px;
      line-height: 20px
  }
}

.info-breadcrumbs__link {
  color: hsla(0,0%,100%,.65)
}

.info-breadcrumbs__icon {
  color: hsla(0,0%,100%,.4);
  margin-left: 2px;
  margin-right: 2px
}

.info-features {
  background-color: rgb(0 78 86);
  border-radius: 20px;
  padding: 24px
}

.info-features__row {
  display: grid;
  gap: 8px 32px;
  grid-template-columns: repeat(2,1fr)
}

.info-features__row:not(:last-child) {
  margin-bottom: 12px
}

.info-features__col {
  font-size: 14px;
  line-height: 20px
}

.info-features__col:last-child {
  color: #fff;
  font-weight: 700
}

.info-about {
  gap: 24px
}

@media(min-width: 1200px) {
  .info-about {
      grid-template-rows:repeat(2,auto)
  }
}

.info-about__banner {
  padding-bottom: 52.5%;
  position: relative
}

@media(min-width: 480px) {
  .info-about__banner {
      padding-bottom:49.12%
  }
}

@media(min-width: 768px) {
  .info-about__banner {
      padding-bottom:47.25%
  }
}

@media(min-width: 1200px) {
  .info-about__banner {
      padding-bottom:53.75%
  }
}

.info-about__banner img {
  border-radius: 20px;
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.info-about__content p {
  margin: 0
}

.info-about__content p:not(:last-child) {
  margin-bottom: 32px
}

@media(min-width: 1200px) {
  .info-about .p-game-info__col--content+.p-game-info__col {
      grid-row:span 2
  }
}

.info-about .p-game-info__game-links {
  margin-top: 8px
}

.single-payment-section {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 40px 0 24px;
  position: relative
}

.single-payment-section:before {
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1680px;
  z-index: -1
}

@media(min-width: 1440px) {
  .single-payment-section:before {
      left:0;
      transform: none;
      width: 100%
  }
}

@media(min-width: 768px) {
  .single-payment-section {
      min-height:600px;
      padding: 48px 0 56px
  }
}

@media(min-width: 1440px) {
  .single-payment-section {
      padding:50px 0
  }
}

.single-payment-section+.container {
  padding-bottom: 8px;
  padding-top: 80px
}

@media(min-width: 768px) {
  .single-payment-section+.container {
      padding-top:100px
  }
}

@media(min-width: 1200px) {
  .single-payment-section+.container {
      padding-bottom:16px
  }
}

@media(min-width: 1440px) {
  .single-payment-section+.container {
      padding-top:120px
  }
}

.single-payment-section .container {
  max-width: 1344px
}

.single-payment-section__box {
  display: flex;
  justify-content: center
}

@media(min-width: 768px) {
  .single-payment-section__box {
      background:radial-gradient(44.83% 58.64% at 11.27% 100%,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),radial-gradient(42.06% 61.01% at 87.69% 0,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),rgb(0 78 86);
      border-radius: 20px;
      padding: 56px 32px
  }
}

.single-payment-section__box-content {
  max-width: 805px
}

.single-payment-section__box-content,.single-payment-section__inner {
  align-items: center;
  display: flex;
  flex-direction: column
}

@media(min-width: 768px) {
  .single-payment-section__inner {
      flex-direction:row-reverse;
      justify-content: space-between;
      margin-left: -24px
  }
}

@media(min-width: 1200px) {
  .single-payment-section__inner {
      margin-left:-32px
  }
}

.single-payment-section__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 24px 0
}

@media(min-width: 768px) {
  .single-payment-section__content {
      align-items:flex-start;
      max-width: 52.34375%;
      padding: 0 24px
  }
}

@media(min-width: 1200px) {
  .single-payment-section__content {
      max-width:744px;
      padding: 0 32px
  }
}

.single-payment-section__box-content h2,.single-payment-section__content h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 1440px) {
  .single-payment-section__box-content h2,.single-payment-section__content h2 {
      font-size:32px;
      line-height: 40px
  }
}

.single-payment-section__box-content p,.single-payment-section__content p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0
}

.single-payment-section__box-content p:not(:last-child),.single-payment-section__content p:not(:last-child) {
  margin-bottom: 32px
}

@media(min-width: 1440px) {
  .single-payment-section__box-content p,.single-payment-section__content p {
      font-size:16px;
      line-height: 24px
  }
}

.single-payment-section__content h2 {
  text-align: center
}

@media(min-width: 768px) {
  .single-payment-section__content h2 {
      text-align:left
  }
}

@media(min-width: 1440px) {
  .single-payment-section__content h2 {
      max-width:576px
  }
}

.single-payment-section__logo {
  margin-bottom: 16px
}

@media(min-width: 480px) {
  .single-payment-section__picture {
      max-width:380px
  }
}

@media(min-width: 768px) {
  .single-payment-section__picture {
      display:flex;
      flex-shrink: 0;
      justify-content: flex-end;
      max-width: 47.3958333333%;
      width: 50%
  }
}

@media(min-width: 1200px) {
  .single-payment-section__picture {
      margin-right:-35px;
      max-width: 625px
  }
}

@media(min-width: 1440px) {
  .single-payment-section__picture {
      margin-right:0;
      max-width: 680px
  }
}

.single-payment-section__image {
  display: block;
  height: auto;
  max-width: 100%
}

.single-payment-section--green:before {
  background: radial-gradient(40.14% 68.3% at 66.79% 100%,rgba(0,87,255,.59) 0,rgba(0,87,255,.58) 6.67%,rgba(0,87,255,.57) 13.33%,rgba(0,87,255,.54) 20%,rgba(0,87,255,.5) 26.67%,rgba(0,87,255,.45) 33.33%,rgba(0,87,255,.39) 40%,rgba(0,87,255,.33) 46.67%,rgba(0,87,255,.26) 53.33%,rgba(0,87,255,.2) 60%,rgba(0,87,255,.14) 66.67%,rgba(0,87,255,.09) 73.33%,rgba(0,87,255,.05) 80%,rgba(0,87,255,.02) 86.67%,rgba(0,87,255,.01) 93.33%,rgba(0,87,255,0) 100%),radial-gradient(75.69% 106% at 61.25% 43.67%,#00a59b 0,rgba(0,165,155,.99) 6.67%,rgba(0,165,155,.96) 13.33%,rgba(0,165,155,.92) 20%,rgba(0,165,155,.85) 26.67%,rgba(0,165,155,.77) 33.33%,rgba(0,165,155,.67) 40%,rgba(0,165,155,.56) 46.67%,rgba(0,165,155,.44) 53.33%,rgba(0,165,155,.33) 60%,rgba(0,165,155,.23) 66.67%,rgba(0,165,155,.15) 73.33%,rgba(0,165,155,.08) 80%,rgba(0,165,155,.04) 86.67%,rgba(0,165,155,.01) 93.33%,rgba(0,165,155,0) 100%),radial-gradient(80.51% 93.26% at 21.87% 100%,#00ed97 0,rgba(0,237,151,.99) 6.67%,rgba(0,237,151,.96) 13.33%,rgba(0,237,151,.92) 20%,rgba(0,237,151,.85) 26.67%,rgba(0,237,151,.77) 33.33%,rgba(0,237,151,.67) 40%,rgba(0,237,151,.56) 46.67%,rgba(0,237,151,.44) 53.33%,rgba(0,237,151,.33) 60%,rgba(0,237,151,.23) 66.67%,rgba(0,237,151,.15) 73.33%,rgba(0,237,151,.08) 80%,rgba(0,237,151,.04) 86.67%,rgba(0,237,151,.01) 93.33%,rgba(0,237,151,0) 100%),#001b33
}

.single-payment-section--blue:before {
  background: radial-gradient(48.36% 80.78% at 66.16% 105.09%,rgba(0,255,224,.59) 0,rgba(0,255,224,.58) 6.67%,rgba(0,255,224,.57) 13.33%,rgba(0,255,224,.54) 20%,rgba(0,255,224,.5) 26.67%,rgba(0,255,224,.45) 33.33%,rgba(0,255,224,.39) 40%,rgba(0,255,224,.33) 46.67%,rgba(0,255,224,.26) 53.33%,rgba(0,255,224,.2) 60%,rgba(0,255,224,.14) 66.67%,rgba(0,255,224,.09) 73.33%,rgba(0,255,224,.05) 80%,rgba(0,255,224,.02) 86.67%,rgba(0,255,224,.01) 93.33%,rgba(0,255,224,0) 100%),radial-gradient(75.69% 106% at 61.25% 43.67%,#004cbe 0,rgba(0,76,190,.99) 6.67%,rgba(0,76,190,.96) 13.33%,rgba(0,76,190,.92) 20%,rgba(0,76,190,.85) 26.67%,rgba(0,76,190,.77) 33.33%,rgba(0,76,190,.67) 40%,rgba(0,76,190,.56) 46.67%,rgba(0,76,190,.44) 53.33%,rgba(0,76,190,.33) 60%,rgba(0,76,190,.23) 66.67%,rgba(0,76,190,.15) 73.33%,rgba(0,76,190,.08) 80%,rgba(0,76,190,.04) 86.67%,rgba(0,76,190,.01) 93.33%,rgba(0,76,190,0) 100%),radial-gradient(87.32% 93.26% at 21.87% 100%,#936dff 0,rgba(147,109,255,.99) 6.67%,rgba(147,109,255,.96) 13.33%,rgba(147,109,255,.92) 20%,rgba(147,109,255,.85) 26.67%,rgba(147,109,255,.77) 33.33%,rgba(147,109,255,.67) 40%,rgba(147,109,255,.56) 46.67%,rgba(147,109,255,.44) 53.33%,rgba(147,109,255,.33) 60%,rgba(147,109,255,.23) 66.67%,rgba(147,109,255,.15) 73.33%,rgba(147,109,255,.08) 80%,rgba(147,109,255,.04) 86.67%,rgba(147,109,255,.01) 93.33%,rgba(147,109,255,0) 100%),#001b33
}

.single-payment-section--purple:before {
  background: radial-gradient(46.61% 79.28% at 66.79% 100%,rgba(56,29,223,.59) 0,rgba(56,29,223,.58) 6.67%,rgba(56,29,223,.57) 13.33%,rgba(56,29,223,.54) 20%,rgba(56,29,223,.5) 26.67%,rgba(56,29,223,.45) 33.33%,rgba(56,29,223,.39) 40%,rgba(56,29,223,.33) 46.67%,rgba(56,29,223,.26) 53.33%,rgba(56,29,223,.2) 60%,rgba(56,29,223,.14) 66.67%,rgba(56,29,223,.09) 73.33%,rgba(56,29,223,.05) 80%,rgba(56,29,223,.02) 86.67%,rgba(56,29,223,.01) 93.33%,rgba(56,29,223,0) 100%),radial-gradient(83.3% 106% at 61.25% 43.67%,#8d00be 0,rgba(141,0,190,.99) 6.67%,rgba(141,0,190,.96) 13.33%,rgba(141,0,190,.92) 20%,rgba(141,0,190,.85) 26.67%,rgba(141,0,190,.77) 33.33%,rgba(141,0,190,.67) 40%,rgba(141,0,190,.56) 46.67%,rgba(141,0,190,.44) 53.33%,rgba(141,0,190,.33) 60%,rgba(141,0,190,.23) 66.67%,rgba(141,0,190,.15) 73.33%,rgba(141,0,190,.08) 80%,rgba(141,0,190,.04) 86.67%,rgba(141,0,190,.01) 93.33%,rgba(141,0,190,0) 100%),radial-gradient(87.36% 113.49% at 21.87% 100%,#9f2b5c 0,rgba(159,43,92,.99) 6.67%,rgba(159,43,92,.96) 13.33%,rgba(159,43,92,.92) 20%,rgba(159,43,92,.85) 26.67%,rgba(159,43,92,.77) 33.33%,rgba(159,43,92,.67) 40%,rgba(159,43,92,.56) 46.67%,rgba(159,43,92,.44) 53.33%,rgba(159,43,92,.33) 60%,rgba(159,43,92,.23) 66.67%,rgba(159,43,92,.15) 73.33%,rgba(159,43,92,.08) 80%,rgba(159,43,92,.04) 86.67%,rgba(159,43,92,.01) 93.33%,rgba(159,43,92,0) 100%),#001b33
}

.single-payment-section--white {
  background-color: #fff;
  color: #001b33
}

.single-payment-section--box {
  background: radial-gradient(44.83% 58.64% at 11.27% 100%,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),radial-gradient(42.06% 61.01% at 87.69% 0,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),rgb(0 78 86);
  padding: 40px 0 48px
}

@media(min-width: 480px) {
  .single-payment-section--box {
      padding-bottom:56px
  }
}

@media(min-width: 768px) {
  .single-payment-section--box {
      background:none;
      padding: 58px 0 0
  }

  .single-payment-section--reversed .single-payment-section__inner {
      flex-direction: row;
      margin-left: 0;
      margin-right: -24px
  }
}

@media(min-width: 1200px) {
  .single-payment-section--reversed .single-payment-section__inner {
      margin-left:0;
      margin-right: -32px
  }
}

.single-payment-section--reversed .single-payment-section__picture {
  justify-content: flex-start
}

@media(min-width: 768px) {
  .single-payment-section--reversed .single-payment-section__picture {
      margin-left:-35px;
      margin-right: 0
  }
}

@media(min-width: 1440px) {
  .single-payment-section--reversed .single-payment-section__picture {
      margin-left:0
  }
}

.p-single-payment-seo {
  padding-top: 80px
}

@media(min-width: 768px) {
  .p-single-payment-seo {
      padding-top:100px
  }
}

.p-single-payment-seo__title {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px
}

@media(min-width: 768px) {
  .p-single-payment-seo__content {
      display:grid;
      gap: 48px;
      grid-template-columns: repeat(2,1fr)
  }
}

.p-providers {
  padding: 32px 0 40px
}

@media(min-width: 1200px) {
  .p-providers {
      padding:40px 0 56px
  }
}

.p-providers__title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 24px
}

@media(min-width: 480px) {
  .p-providers__title {
      font-size:26px;
      line-height: 32px;
      margin: 0 0 32px
  }
}

@media(min-width: 768px) {
  .p-providers__title {
      font-size:32px;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .p-providers__title {
      font-size:42px;
      font-weight: 800;
      line-height: 52px;
      margin: 0 0 40px
  }
}

.p-providers__list {
  margin: 0 0 80px
}

@media(min-width: 768px) {
  .p-providers__list {
      margin:0 0 100px
  }
}

@media(min-width: 1200px) {
  .p-providers__list {
      margin:0 0 120px
  }
}

.promo-single-page {
  overflow: hidden;
  position: relative
}

@media(min-width: 1200px) {
  .promo-single-page .promo-single-page__container--big {
      max-width:1072px
  }
}

.promo-single-page .promo-single-page__container--small {
  max-width: 800px
}

.promo-single-page__title {
  margin: 0
}

.promo-single-page__title--header {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px;
  text-transform: uppercase
}

.promo-single-page__title--content {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 16px
}

@media(min-width: 768px) {
  .promo-single-page__title--content {
      font-size:24px;
      line-height: 32px
  }
}

.promo-single-page__title--block {
  margin: 0 0 12px
}

.promo-single-page__title--block,.promo-single-page__title--step {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px
}

.promo-single-page__title--how-it-works {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px
}

.promo-single-page__title--jackpot {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px
}

.promo-single-page__title--promotion {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px
}

.promo-single-page__text {
  margin: 0
}

.promo-single-page__text--header {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px
}

@media(min-width: 768px) {
  .promo-single-page__text--header {
      font-size:32px;
      font-weight: 800;
      line-height: 40px
  }
}

@media(min-width: 1200px) {
  .promo-single-page__text--header {
      font-size:40px;
      line-height: 48px
  }
}

.promo-single-page__text--days {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

@media(min-width: 768px) {
  .promo-single-page__text--days {
      font-size:14px;
      line-height: 20px
  }
}

.promo-single-page__text--timer {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.promo-single-page__text--block {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 12px
}

.promo-single-page__text--block:last-child {
  margin: 0
}

.promo-single-page__text--white {
  color: #fff
}

.promo-single-page__text--step {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.promo-single-page__text--jackpot {
  color: #ffd336;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px
}

.promo-single-page__text--back-button {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 20px
}

.promo-single-page__divider {
  background: hsla(0,0%,100%,.12);
  border: none;
  height: 1px;
  margin: 40px 0;
  width: 100%
}

.promo-single-page-header {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 220px;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 16px 12px 20px;
  position: relative
}

@media(min-width: 480px) {
  .promo-single-page-header {
      padding:16px 16px 20px
  }
}

@media(min-width: 768px) {
  .promo-single-page-header {
      height:360px;
      margin-bottom: 40px;
      padding: 32px 40px 48px
  }
}

@media(min-width: 1200px) {
  .promo-single-page-header {
      height:440px
  }
}

.promo-single-page-header__background {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: -1
}

.promo-single-page-header__content {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  row-gap: 12px
}

.promo-single-page-header__content:has(.promo-single-page-header__timer) {
  row-gap: 12px
}

@media(min-width: 768px) {
  .promo-single-page-header__content {
      row-gap:20px
  }

  .promo-single-page-header__content:has(.promo-single-page-header__timer) {
      row-gap: 20px
  }
}

.promo-single-page-header__days {
  align-self: flex-start;
  background: rgba(0,27,51,.4);
  border-radius: 16px;
  padding: 4px 12px
}

.promo-single-page-header__days,.promo-single-page-header__timer {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex
}

.promo-single-page-header .promo-single-page-header__time {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px
}

.promo-single-page-content,.promo-single-page__block {
  display: flex;
  flex-direction: column
}

.promo-single-page-content {
  row-gap: 32px
}

.promo-single-page-jackpot {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  row-gap: 8px
}

.promo-single-page-codes {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}

@media(min-width: 1200px) {
  .promo-single-page-codes {
      row-gap:16px
  }
}

.promo-single-page-steps {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}

@media(min-width: 768px) {
  .promo-single-page-steps {
      -moz-column-gap:12px;
      column-gap: 12px;
      flex-direction: row
  }
}

.promo-single-page-steps__step {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgb(0 78 86);
  border-radius: 12px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  padding: 20px;
  width: 100%
}

@media(min-width: 768px) {
  .promo-single-page-steps__step {
      align-items:center;
      flex-direction: column;
      padding: 32px 24px;
      row-gap: 24px
  }
}

.promo-single-page-steps__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

@media(min-width: 768px) {
  .promo-single-page-steps__content {
      text-align:center
  }
}

.promo-single-page-steps__image {
  height: 64px
}

@media(min-width: 768px) {
  .promo-single-page-steps__image {
      height:80px;
      margin: 0 auto
  }
}

.promo-single-page__home-promotions.home-promotions {
  margin: 40px 0 80px
}

@media(min-width: 768px) {
  .promo-single-page__home-promotions.home-promotions {
      margin:48px 0 100px
  }
}

@media(min-width: 1200px) {
  .promo-single-page__home-promotions.home-promotions {
      margin:80px 0 120px
  }
}

.promo-single-page__button {
  display: flex
}

.promo-single-page__button--left {
  align-self: flex-start
}

.promo-single-page__button--center {
  align-self: center
}

.promo-single-page ol,.promo-single-page ul {
  margin-bottom: 12px;
  padding: 0 0 0 24px
}

.promo-single-page ol:last-child,.promo-single-page ul:last-child {
  margin: 0
}

.promo-single-page li {
  color: hsla(0,0%,100%,.65);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px
}

.promo-single-page li:last-child {
  margin: 0
}

.promo-single-page__terms {
  margin-top: 48px
}

.promo-single-page__back-button {
  align-items: center;
  align-self: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  padding: 16px 0;
  text-transform: uppercase
}

.promo-single-page__back-button i {
  color: hsla(0,0%,100%,.65);
  transition: color .3s ease
}

.promo-single-page__back-button:hover i {
  color: #fff
}

@media(min-width: 768px) {
  .promo-single-page__back-button {
      padding:24px 0
  }
}

.breadcrumbs {
  padding: 40px 0 14px
}

@media(min-width: 480px) {
  .breadcrumbs {
      padding:28px 0 12px
  }
}

@media(min-width: 768px) {
  .breadcrumbs {
      padding-bottom:16px
  }
}

@media(min-width: 1200px) {
  .breadcrumbs {
      padding-bottom:20px
  }
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0
}

.breadcrumbs__item {
  font-size: 12px;
  line-height: 18px;
  margin: 0
}

.breadcrumbs__item:not(:last-child) {
  padding-right: 8px;
  position: relative
}

.breadcrumbs__item:not(:last-child):after {
  content: "/";
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  right: 0;
  top: 0
}

.breadcrumbs__link {
  color: #fff;
  text-decoration: none
}

.breadcrumbs a.breadcrumbs__link {
  transition: color .3s ease
}

.breadcrumbs a.breadcrumbs__link:hover {
  color: #00dccd;
  text-decoration: none
}

.auth-page {
  position: relative
}

.auth-page__gradient {
  height: 638px;
  position: absolute;
  width: 656px;
  z-index: -1
}

@media(min-width: 768px) {
  .auth-page__gradient {
      height:896px;
      width: 920px
  }
}

.auth-page__gradient--blue {
  background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
  left: -405px;
  top: -175px
}

@media(min-width: 480px) {
  .auth-page__gradient--blue {
      top:-130px
  }
}

@media(min-width: 768px) {
  .auth-page__gradient--blue {
      left:-534px;
      top: -357px
  }
}

@media(min-width: 1200px) {
  .auth-page__gradient--blue {
      top:-327px
  }
}

@media(min-width: 1680px) {
  .auth-page__gradient--blue {
      top:-400px
  }
}

.auth-page__gradient--red {
  background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
  right: -456px;
  top: 110px
}

@media(min-width: 480px) {
  .auth-page__gradient--red {
      top:155px
  }
}

@media(min-width: 768px) {
  .auth-page__gradient--red {
      right:-610px;
      top: -93px
  }
}

@media(min-width: 1200px) {
  .auth-page__gradient--red {
      right:-554px;
      top: -108px
  }
}

@media(min-width: 768px) {
  .auth-page {
      padding:16px 0 0
  }
}

@media(min-width: 1200px) {
  .auth-page {
      padding:24px 0 0
  }
}

.auth-page__top {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  max-width: 100%;
  row-gap: 16px
}

@media(min-width: 1200px) {
  .auth-page__top {
      display:grid;
      grid-template-areas: "slider form" "payments form";
      grid-template-columns: calc(100% - 368px) 368px;
      grid-template-rows: 502px auto
  }
}

@media(min-width: 1440px) {
  .auth-page__top {
      grid-template-columns:calc(100% - 392px) 392px
  }
}

.auth-page__slider {
  grid-area: slider;
  height: 320px;
  margin-left: -16px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 32px)
}

@media(min-width: 768px) {
  .auth-page__slider {
      border-radius:20px;
      height: 360px;
      margin-left: 0;
      width: 100%
  }
}

@media(min-width: 1200px) {
  .auth-page__slider {
      height:502px
  }
}

.auth-page__slider .home-bonuses__pretitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%
}

@media(min-width: 1440px) {
  .auth-page__slider .home-bonuses__pretitle {
      font-size:24px;
      font-weight: 700;
      line-height: 133%
  }
}

.auth-page__slider .home-bonuses__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 123%
}

@media(min-width: 768px) {
  .auth-page__slider .home-bonuses__title {
      font-size:32px;
      line-height: 125%
  }
}

@media(min-width: 1200px) {
  .auth-page__slider .home-bonuses__title {
      font-size:42px;
      font-weight: 800;
      line-height: 123%
  }
}

@media(min-width: 1440px) {
  .auth-page__slider .home-bonuses__title {
      font-size:54px;
      line-height: 118%
  }
}

.auth-page__slider .home-bonuses__background-image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%
}

.auth-page .auth-page__form {
  align-items: center;
  background: rgb(0 78 86);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-area: form;
  padding: 24px 16px
}

@media(min-width: 480px) {
  .auth-page .auth-page__form {
      padding:24px
  }
}

@media(min-width: 768px) {
  .auth-page .auth-page__form {
      padding:40px 80px
  }
}

@media(min-width: 1200px) {
  .auth-page .auth-page__form {
      padding:24px
  }
}

.auth-page .auth-page__form .login-form__footer,.auth-page .auth-page__form .registration-dynamic-form__footer,.auth-page .auth-page__form .registration-form-head {
  display: none
}

.auth-page .auth-page__form .registration-dynamic-form {
  align-items: center
}

.auth-page .auth-page__form .login-form,.auth-page .auth-page__form .registration-dynamic-form__form {
  margin-top: 20px
}

.auth-page .auth-page__form .login-form__forgot-password-link-wrapper {
  margin-top: 0
}

.auth-page .auth-page__form .login-form__form-element:nth-child(2) {
  margin-bottom: 20px
}

.auth-page .sign-form-switcher {
  display: flex;
  position: static
}

.auth-page-payments {
  left: 0;
  position: absolute;
  top: 260px;
  width: 100%;
  z-index: 10
}

@media(min-width: 768px) {
  .auth-page-payments {
      background:rgb(0 78 86);
      border-radius: 12px;
      display: flex;
      grid-area: payments;
      height: 72px;
      left: unset;
      padding: 0 24px;
      position: relative;
      top: unset;
      width: unset
  }
}

@media(min-width: 1200px) {
  .auth-page-payments {
      height:88px
  }
}

@media(min-width: 1440px) {
  .auth-page-payments {
      -moz-column-gap:56px;
      column-gap: 56px;
      padding: 40px
  }
}

.auth-page-payments__logos {
  -ms-overflow-style: none;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  overflow-x: auto;
  padding: 0 16px;
  scrollbar-width: none
}

.auth-page-payments__logos::-webkit-scrollbar {
  display: none
}

@media(min-width: 768px) {
  .auth-page-payments {
      padding:0
  }
}

.auth-page-payments__image {
  height: 28px
}

@media(min-width: 1200px) {
  .auth-page-payments__image {
      height:36px
  }
}

.auth-page-payments__link {
  display: flex
}

.auth-page-features {
  margin: 64px 0 0;
  padding-bottom: 471px;
  position: relative
}

@media(min-width: 480px) {
  .auth-page-features {
      margin:64px 0 0;
      padding-bottom: 500px
  }
}

@media(min-width: 768px) {
  .auth-page-features {
      margin:80px 0 0;
      padding-bottom: 596px
  }
}

@media(min-width: 1200px) {
  .auth-page-features {
      margin:136px 0 0;
      padding-bottom: 136px
  }

  .auth-page-features .container {
      padding: 0 32px;
      position: relative
  }
}

@media(min-width: 1680px) {
  .auth-page-features .container {
      padding:0 72px
  }
}

.auth-page-features__star {
  display: none;
  left: 0;
  position: absolute;
  top: -75px
}

@media(min-width: 1680px) {
  .auth-page-features__star {
      display:block
  }
}

.auth-page-features__background {
  bottom: 34px;
  height: 465px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 528px;
  z-index: -3
}

@media(min-width: 480px) {
  .auth-page-features__background {
      bottom:0;
      height: 553px;
      width: 628px
  }
}

@media(min-width: 768px) {
  .auth-page-features__background {
      bottom:0;
      height: 676px;
      width: 768px
  }
}

@media(min-width: 1200px) {
  .auth-page-features__background {
      bottom:unset;
      height: 703px;
      left: unset;
      right: -88px;
      top: -56px;
      transform: unset;
      width: 800px
  }
}

@media(min-width: 1440px) {
  .auth-page-features__background {
      height:900px;
      right: -145px;
      top: -156px;
      width: 1024px
  }
}

@media(min-width: 1680px) {
  .auth-page-features__background {
      right:-29px
  }
}

.auth-page-features__image {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1
}

.auth-page-features__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0
}

@media(min-width: 1200px) {
  .auth-page-features__title {
      font-size:42px;
      line-height: 52px
  }
}

.auth-page-features__list {
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 32px 0;
  padding: 0;
  row-gap: 24px;
  width: 100%
}

@media(min-width: 768px) {
  .auth-page-features__list {
      -moz-column-gap:24px;
      column-gap: 24px;
      grid-template-columns: 1fr 1fr;
      margin: 40px 0;
      row-gap: 32px
  }
}

@media(min-width: 1200px) {
  .auth-page-features__list {
      margin:56px 0;
      max-width: 528px
  }
}

@media(min-width: 1440px) {
  .auth-page-features__list {
      max-width:680px
  }
}

.auth-page-features .auth-page-features__button {
  padding: 16px 24px
}

.auth-page-features-item {
  display: flex
}

.auth-page-features-item__icon {
  height: 40px;
  margin-right: 16px;
  width: 40px
}

.auth-page-features-item__title {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px
}

.auth-page-features-item__description {
  color: hsla(0,0%,100%,.4);
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.auth-page-mobile-links {
  align-items: center;
  bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
  row-gap: 8px;
  transform: translateX(-50%)
}

@media(min-width: 480px) {
  .auth-page-mobile-links {
      bottom:50px;
      -moz-column-gap: 16px;
      column-gap: 16px;
      flex-direction: row
  }
}

@media(min-width: 768px) {
  .auth-page-mobile-links {
      bottom:64px
  }
}

@media(min-width: 1200px) {
  .auth-page-mobile-links {
      bottom:290px;
      left: unset;
      right: 125px;
      transform: unset
  }
}

@media(min-width: 1440px) {
  .auth-page-mobile-links {
      bottom:110px;
      bottom: 100px;
      right: 180px
  }
}

@media(min-width: 1680px) {
  .auth-page-mobile-links {
      right:296px
  }
}

.auth-page-mobile-links__link {
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: hsla(0,0%,100%,.04);
  border-radius: 8px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  height: 64px;
  justify-content: center;
  text-decoration: none;
  width: 219px
}

@media(min-width: 480px) {
  .auth-page-mobile-links__link {
      width:179px
  }
}

.auth-page-mobile-links__link div {
  display: flex;
  flex-direction: column
}

.auth-page-mobile-links__link span {
  color: hsla(0,0%,100%,.65);
  font-family: Open Sans,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

.auth-page-mobile-links__link p {
  color: #fff;
  font-family: Open Sans,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0
}

.auth-page .description {
  margin-top: 70px
}

@media(min-width: 768px) {
  .auth-page .description {
      margin-top:0
  }
}

@keyframes spin {
  to {
      transform: rotate(1turn)
  }
}

@keyframes bounce-md-figure {
  0% {
      transform: translate(-50%)
  }

  25% {
      transform: translate(-50%,-20px)
  }

  75% {
      transform: translate(-50%,20px)
  }

  to {
      transform: translate(-50%)
  }
}

.md-page .md-page__container {
  max-width: 1408px
}

.md-page .md-page__container--sm {
  max-width: 768px
}

@media(min-width: 960px) {
  .md-page .md-page__container--sm {
      max-width:960px
  }
}

@media(min-width: 1440px) {
  .md-page .md-page__container--sm {
      max-width:1136px
  }
}

.md-page__section {
  margin: 0 0 80px;
  position: relative
}

@media(min-width: 1200px) {
  .md-page__section {
      margin:0 0 100px
  }
}

.md-page__section--banner {
  margin: 0
}

.md-page__title {
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center
}

@media(min-width: 1200px) {
  .md-page__title {
      font-size:32px;
      line-height: 40px;
      margin: 0 0 56px
  }
}

@media(min-width: 1440px) {
  .md-page__title {
      font-size:42px;
      line-height: 52px;
      margin: 0 0 64px
  }
}

.md-page .md-banner {
  position: relative
}

.md-page .md-banner__bg-wrapper {
  height: 580px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(-50%)
}

@media(min-width: 480px) {
  .md-page .md-banner__bg-wrapper {
      width:auto
  }
}

@media(min-width: 1200px) {
  .md-page .md-banner__bg-wrapper {
      height:620px
  }
}

.md-page .md-banner__bg-wrapper:after {
  background: linear-gradient(180deg,rgba(25,44,67,0) 12.65%,rgba(25,44,67,.61) 39.34%,rgba(25,44,67,.73) 51.27%,#001c2c 72.13%);
  bottom: 0;
  content: "";
  height: 290px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3
}

@media(min-width: 480px)and (max-width:767px) {
  .md-page .md-banner__bg {
      width:800px
  }
}

@media(min-width: 768px) {
  .md-page .md-banner__bg {
      width:auto
  }
}

.md-page .md-banner__inner {
  padding: 32px 0 56px;
  position: relative;
  z-index: 2
}

@media(min-width: 768px) {
  .md-page .md-banner__inner {
      padding:64px 0 31px
  }
}

@media(min-width: 1200px) {
  .md-page .md-banner__inner {
      padding:64px 0 114px
  }
}

.md-page .md-banner__logo {
  display: block;
  margin: 0 auto;
  max-width: 271px
}

@media(min-width: 768px) {
  .md-page .md-banner__logo {
      max-width:356px
  }
}

@media(min-width: 1200px) {
  .md-page .md-banner__logo {
      max-width:412px
  }
}

.md-page .md-banner__content {
  display: none;
  text-align: center
}

.md-page .md-banner__title {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.28px;
  line-height: 32px;
  margin: 0 0 4px;
  text-transform: uppercase
}

.md-page .md-banner__total {
  color: #fff;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 52px;
  max-height: 52px;
  text-shadow: 0 0 6px #0bdede,0 0 6px rgba(11,222,222,.5)
}

@media(min-width: 768px) {
  .md-page .md-banner__total {
      font-size:64px;
      font-size: 72px;
      line-height: 74px;
      line-height: 82px;
      max-height: 74px;
      max-height: 82px
  }
}

@media(min-width: 1680px) {
  .md-page .md-banner__total {
      font-size:80px;
      line-height: 74px
  }
}

.md-page .md-banner__total .jackpot-total__symbol {
  margin-top: -5px
}

@media(min-width: 768px) {
  .md-page .md-banner__total .jackpot-total__symbol {
      margin-top:-8px
  }
}

@media(min-width: 1200px) {
  .md-page .md-banner__total .jackpot-total__symbol {
      margin-top:-12px
  }
}

.md-page .md-banner__total .odometer-digit,.md-page .md-banner__total .odometer-value {
  width: 28px
}

@media(min-width: 480px) {
  .md-page .md-banner__total .odometer-digit,.md-page .md-banner__total .odometer-value {
      width:36px
  }
}

@media(min-width: 768px) {
  .md-page .md-banner__total .odometer-digit,.md-page .md-banner__total .odometer-value {
      width:46px
  }
}

@media(min-width: 1200px) {
  .md-page .md-banner__total .odometer-digit,.md-page .md-banner__total .odometer-value {
      width:58px
  }
}

@media(min-width: 1680px) {
  .md-page .md-banner__total .odometer-digit,.md-page .md-banner__total .odometer-value {
      width:70px
  }
}

.md-page .md-offer {
  align-items: center;
  background: linear-gradient(270deg,rgba(188,177,255,0),rgba(32,97,195,0) .01%,rgba(119,162,196,.4) 52.6%,rgba(32,97,195,0));
  display: flex;
  min-height: 64px;
  padding: 10px 72px
}

.md-page .md-offer__content {
  text-align: center;
  width: 100%
}

.md-page .md-offer__text {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  position: relative
}

@media(min-width: 768px) {
  .md-page .md-offer__text {
      font-size:16px;
      line-height: 24px
  }
}

.md-page .md-offer__text:after,.md-page .md-offer__text:before {
  background-size: cover;
  content: "";
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px
}

.md-page .md-offer__text:before {
  background: url(images/md-offer-star-left.d98edc48..svg) 50% no-repeat;
  left: -40px
}

.md-page .md-offer__text:after {
  background: url(images/md-offer-star-right.c5a77726..svg) 50% no-repeat;
  right: -40px
}

.md-page .md-offer__text span {
  color: #0bdede
}

.md-page .md-winners {
  display: flex;
  justify-content: center
}

.md-page .md-winners__list {
  display: flex;
  flex: 1;
  gap: 12px;
  margin: -40px 0;
  overflow: auto;
  padding: 40px 0
}

.md-page .md-winners__list-item {
  flex: 1 1 33.3333333333%;
  max-width: calc(33.33333% - 8px);
  min-width: 288px
}

.md-page .md-winners__list-item:last-child {
  margin-right: 16px
}

@media(min-width: 960px) {
  .md-page .md-winners__list-item:last-child {
      margin-right:0
  }
}

.md-page .md-winner-table {
  background: radial-gradient(49.34% 47.32% at 50% 0,rgba(142,53,255,.12) 0,rgba(107,37,255,0) 100%),rgba(223,228,255,.04);
  border-radius: 12px;
  padding: 0 16px 16px;
  position: relative
}

.md-page .md-winner-table__head {
  margin: 0 0 24px;
  text-align: center
}

.md-page .md-winner-table__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.md-page .md-winner-table__list-item {
  border-radius: 8px
}

.md-page .md-winner-table__list-item:nth-child(odd) {
  background: rgba(176,180,255,.04)
}

.md-page .md-winner-table__icon {
  height: 80px;
  margin: -40px 0 8px;
  width: 80px
}

.md-page .md-winner-table__title {
  color: #fff;
  font-family: Rubik,Arial,sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
  margin: 0;
  text-transform: uppercase
}

.md-page .md-winner-table__info-btn {
  color: hsla(0,0%,100%,.4);
  height: 20px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px
}

.md-page .md-winner-table__info-btn img {
  width: 100%
}

.md-page .md-winner {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 56px;
  padding: 8px
}

.md-page .md-winner__icon {
  flex: 1 1 40px;
  max-width: 40px
}

.md-page .md-winner__icon img {
  display: block
}

.md-page .md-winner__content {
  flex: 1 1 35%;
  max-width: 35%;
  overflow: hidden
}

.md-page .md-winner__name {
  color: #fff;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.md-page .md-winner__time {
  color: hsla(0,0%,100%,.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0
}

.md-page .md-winner__pool {
  color: #fff;
  display: flex;
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  gap: 6px;
  justify-content: flex-end;
  line-height: 20px
}

.md-page .md-winner__pool-icon {
  display: block;
  flex: 0 0 20px;
  max-width: 20px
}

.md-page .md-perks__title {
  text-align: center
}

.md-page .md-perks__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0 auto;
  max-width: 600px
}

@media(min-width: 768px) {
  .md-page .md-perks__list {
      flex-direction:row;
      flex-wrap: wrap;
      gap: 24px 10px;
      justify-content: center;
      max-width: 100%
  }
}

@media(min-width: 1200px) {
  .md-page .md-perks__list {
      flex-wrap:nowrap
  }
}

@media(min-width: 768px) {
  .md-page .md-perks__list-item {
      flex:1 1 33.3333333333%;
      max-width: calc(33.33333% - 6.66667px)
  }
}

@media(min-width: 1200px) {
  .md-page .md-perks__list-item {
      flex:1 1 20%;
      max-width: calc(20% - 8px)
  }
}

.md-page .md-perk {
  align-items: center;
  display: flex;
  gap: 24px;
  min-height: 60px
}

@media(min-width: 768px) {
  .md-page .md-perk {
      align-items:center;
      flex-direction: column;
      gap: 24px;
      justify-content: flex-start
  }
}

.md-page .md-perk__icon {
  align-items: center;
  display: flex;
  flex: 1 1 60px;
  justify-content: center;
  max-height: 60px;
  max-width: 60px
}

@media(min-width: 768px) {
  .md-page .md-perk__icon {
      flex:1 1 80px;
      max-height: 80px;
      max-width: 80px
  }
}

.md-page .md-perk__icon img {
  display: block;
  max-width: 100%
}

.md-page .md-perk__content {
  flex: 1
}

.md-page .md-perk__text {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0
}

@media(min-width: 768px) {
  .md-page .md-perk__text {
      max-width:150px;
      text-align: center
  }
}

@media(min-width: 1200px) {
  .md-page .md-perk__text {
      max-width:100%
  }
}

.md-page .md-games {
  background: url(images/md-games-section-bg.6ed6da7b..jpg) 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 56px 0;
  position: relative
}

@media(min-width: 768px) {
  .md-page .md-games {
      padding:80px 0
  }
}

.md-page .md-games:after,.md-page .md-games:before {
  content: "";
  height: 865px;
  position: absolute;
  transform: translate(-50%);
  width: 284px
}

@media(min-width: 768px) {
  .md-page .md-games:after,.md-page .md-games:before {
      height:947px;
      transform: translate(-70%);
      width: 454px
  }
}

@media(min-width: 1200px) {
  .md-page .md-games:after,.md-page .md-games:before {
      height:982px;
      width: 567px
  }
}

.md-page .md-games:before {
  background: radial-gradient(51.08% 51.08% at 46.88% 49.01%,rgba(11,222,222,.6) 0,rgba(11,83,222,0) 100%);
  bottom: 10%;
  left: 0
}

.md-page .md-games:after {
  background: radial-gradient(50% 50% at 50% 50%,rgba(245,25,105,.4) 0,rgba(245,25,105,0) 100%);
  left: 100%;
  opacity: .2;
  top: 10%
}

.md-page .md-games__title {
  margin: 0 0 48px;
  position: relative;
  text-align: center;
  z-index: 2
}

.md-page .md-games__slider {
  margin: 0 0 48px
}

.md-page .md-games__grid-slider {
  position: relative;
  z-index: 2
}

@media(min-width: 1200px) {
  .md-page .md-games__grid-slider {
      margin:0 -50px;
      max-width: unset;
      padding: 0 50px
  }
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider:hover .slick-arrow {
  color: #fff;
  opacity: 1
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-arrow {
  background: transparent;
  display: inline-flex;
  font-size: 24px;
  height: 48px;
  opacity: 0;
  top: 60%;
  width: 48px;
  z-index: 2
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-prev {
  left: -40px
}

@media(min-width: 1650px) {
  .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-prev {
      left:-50px
  }
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
  right: -20px
}

@media(min-width: 1200px) {
  .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
      right:-40px
  }
}

@media(min-width: 1650px) {
  .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
      right:-50px
  }
}

.md-page .md-games__actions {
  text-align: center
}

.md-page .md-games__action {
  min-width: 200px
}

.md-page .md-how-to {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 32px
}

@media(min-width: 768px) {
  .md-page .md-how-to {
      row-gap:24px
  }
}

.md-page .md-how-to__title {
  margin: 0
}

.md-page .md-how-to__steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

@media(min-width: 768px) {
  .md-page .md-how-to__steps {
      flex-direction:row
  }
}

.md-page .md-how-to__step {
  flex: 1
}

.md-page .md-step {
  background: rgb(0 78 86);
  border-radius: 12px;
  display: flex;
  gap: 16px;
  padding: 20px
}

@media(min-width: 768px) {
  .md-page .md-step {
      align-items:center;
      flex-direction: column;
      gap: 24px;
      padding: 24px
  }
}

@media(min-width: 1200px) {
  .md-page .md-step {
      align-items:center;
      flex-direction: row
  }
}

.md-page .md-step__icon {
  flex: 0 0 64px
}

@media(min-width: 768px) {
  .md-page .md-step__icon {
      flex:0 0 80px
  }
}

.md-page .md-step__image {
  max-width: 100%
}

.md-page .md-step__content {
  flex: 1
}

@media(min-width: 768px) {
  .md-page .md-step__content {
      text-align:center
  }
}

@media(min-width: 1200px) {
  .md-page .md-step__content {
      text-align:start
  }
}

.md-page .md-step__title {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 8px
}

@media(min-width: 1200px) {
  .md-page .md-step__title {
      font-size:20px;
      line-height: 30px
  }
}

.md-page .md-step__text {
  color: hsla(0,0%,100%,.65);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.body::-webkit-scrollbar {
  width: 4px
}

.body::-webkit-scrollbar-track {
  background: transparent
}

.body::-webkit-scrollbar-thumb {
  background: #445778;
  border-radius: 9px
}

.body::-webkit-scrollbar-thumb:hover {
  background: #445778
}

@-moz-document url-prefix() {
  .body {
      scrollbar-color: #445778;
      scrollbar-width: thin
  }
}

.md-page .md-winners__list::-webkit-scrollbar,.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar,.welcome-page .wp-payments::-webkit-scrollbar {
  height: 0;
  width: 0
}

.md-page .md-winners__list::-webkit-scrollbar-track,.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-track,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-track,.welcome-page .wp-payments::-webkit-scrollbar-track {
  background: transparent
}

.md-page .md-winners__list::-webkit-scrollbar-thumb,.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb,.welcome-page .wp-payments::-webkit-scrollbar-thumb {
  background: transparent;
  margin: 0
}

.md-page .md-winners__list::-webkit-scrollbar-thumb:hover,.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb:hover,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb:hover,.welcome-page .wp-payments::-webkit-scrollbar-thumb:hover {
  background: transparent
}

@-moz-document url-prefix() {
  .md-page .md-winners__list,.p-vip-club .p-vip-club-passes__cards,.p-vip-club .p-vip-club-table__wrapper,.welcome-page .wp-payments {
      scrollbar-color: transparent;
      scrollbar-width: none
  }
}

.md-page .md-winners__list:hover::-webkit-scrollbar-thumb,.p-vip-club .p-vip-club-passes__cards:hover::-webkit-scrollbar-thumb,.p-vip-club .p-vip-club-table__wrapper:hover::-webkit-scrollbar-thumb,.welcome-page .wp-payments:hover::-webkit-scrollbar-thumb {
  background: transparent
}

@font-face {
  font-family: DrukCyr;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

.body--ar .bar {
  left: auto;
  right: 0
}

.body--ar .bar__content {
  left: auto;
  right: 0;
  transform: translateX(300px)
}

.body--ar .bar__content--open {
  transform: translateX(0)
}

.body--ar .payment-amount-default__hint {
  display: block
}

.body--ar .amount-hint {
  width: 100%
}

.body--ar .sign-up-steps__icon {
  left: -12px;
  right: auto;
  transform: rotate(-180deg)
}

.body--ar .input__placeholder {
  left: auto;
  right: 16px
}

.body--ar .game-section-games-block-favorite__game-icon,.body--ar .game-section-games-block-played__game-icon,.body--ar .game-section-games-block__game-icon {
  left: 12px;
  right: auto;
  transform: rotate(-180deg) translateY(50%)
}

.body--ar .help-center-menu__icon,.body--ar .player-level-user-menu__progress {
  transform: rotate(-180deg)
}

.body--ar .payment-dynamic-form__credit-card-number .input__right-container {
  margin-left: 0
}

.body--ar .card-tournament__content,.body--ar .card-tournament__timer,.body--ar .description__button,.body--ar .home-bonuses__button,.body--ar .home-vip-benifits__text,.body--ar .install-app-hero-title,.body--ar .rules__button,.body--ar .tourn-block__title,.body--ar .tourn-card-big__timer .blocks-timer,.body--ar .tournament-status,.body--ar .tournaments-page__description,.body--ar .vip-level__divider,.body--ar .vip-page-benefits__description {
  margin-left: auto
}

.body--ar .input__left-container,.body--ar .notification-center-card__image,.body--ar .payment-banners .payments-js-lib__img-wrapper,.body--ar .sign-out-menu-button__icon,.body--ar .user-menu__icon {
  margin-left: 12px;
  margin-right: 0!important
}

.body--ar .fast-deposit-bonus-code-card__code--value,.body--ar .live-chat-link,.body--ar .login-form__sign-up-link,.body--ar .registration-dynamic-form__link {
  margin-left: 0;
  margin-right: 4px
}

.body--ar .game-category-select__icon,.body--ar .promotions-sportsbook-switcher__icon,.body--ar .sportsbook-switcher__icon {
  margin-left: 8px;
  margin-right: 0
}

.body--ar .bar__icon,.body--ar .sidebar-menu-main__icon {
  margin-left: 20px;
  margin-right: 0!important
}

.body--ar .games-filter-block__icon,.body--ar .games-page-providers__image,.body--ar .install-app-widget-close-icon,.body--ar .install-app-widget-logo,.body--ar .select-language-icons-with-name__icon {
  margin-left: 12px;
  margin-right: 0
}

.body--ar .header__icon--search {
  margin-left: 0;
  margin-right: 24px
}

@media(min-width: 768px) {
  .body--ar .ls-lootboxes__icon {
      margin-left:24px;
      margin-right: 0
  }
}

.body--ar .how-to-item__icon {
  margin-left: 24px;
  margin-right: 0
}

.body--ar .game-section-games-block-favorite__image,.body--ar .game-section-games-block-played__image,.body--ar .game-section-games-block__image,.body--ar .header__icon--menu,.body--ar .player-level-user-menu__image,.body--ar .switcher__block-text {
  margin-left: 16px;
  margin-right: 0
}

.body--ar .inline-icon-timer__title {
  margin-left: 5px
}

.body--ar .home-sportsbook-widget-slider__controls {
  justify-content: flex-start
}

.body--ar .payment-list__table {
  direction: rtl
}

.body--ar .base-slider__header,.body--ar .bonus-store__tabs .tab-list,.body--ar .checkbox,.body--ar .footer__utils .footer__language-select,.body--ar .full-tourn__about,.body--ar .full-tourn__participate,.body--ar .home-game-slider__title,.body--ar .home-promotions__title,.body--ar .home-vip-benifits__card-list,.body--ar .home-winners__tabs,.body--ar .install-app-hero-buttons,.body--ar .jackpot-game-panel-info__tabs,.body--ar .option-link,.body--ar .payment-tables__tabs,.body--ar .providers-preview-list__title,.body--ar .tourn-tabs,.body--ar .tournament-game-slider__title,.body--ar .vip-level__header-value,.body--ar .vip-page-benefits__list {
  justify-content: flex-end
}

.body--ar .amount-hint,.body--ar .balance-rcp__info .num,.body--ar .balance-rcp__tooltip,.body--ar .bonus-pop-up__text,.body--ar .bonus-store__main--left,.body--ar .c-jp-level__level-content,.body--ar .card-bottom__description,.body--ar .card-bottom__title,.body--ar .card-tournament__content,.body--ar .cms-page--jackpot .page-content p,.body--ar .description,.body--ar .dynamic-form__label,.body--ar .fast-deposit-bonus-code__link,.body--ar .form-element__error,.body--ar .full-tourn__title,.body--ar .game-section-games-block-favorite__content,.body--ar .game-section-games-block-played__content,.body--ar .game-section-games-block__content,.body--ar .home-bonuses__content,.body--ar .home-sportsbook-widget__text,.body--ar .home-vip-benifits__card-description,.body--ar .home-vip-benifits__card-title,.body--ar .home-vip-benifits__text,.body--ar .how-to-item__content,.body--ar .jackpot-game-panel-info__section-title,.body--ar .jackpot-game-panel-info__text,.body--ar .jackpot-how-to__content,.body--ar .jackpot-how-to__title,.body--ar .jackpot-list__content,.body--ar .notification-center-card__content,.body--ar .p-payments__title,.body--ar .payment-list__table td,.body--ar .payment-list__table th,.body--ar .payments-js-lib__description,.body--ar .player-level-user-menu__content,.body--ar .profile-modal__title,.body--ar .promotions-modal-content,.body--ar .promotions-modal__top,.body--ar .sidebar-menu-info__item,.body--ar .tab-content__title,.body--ar .tourn-about-big__description,.body--ar .tourn-block__title,.body--ar .tourn-card-big__bottom,.body--ar .tourn-card-big__top,.body--ar .tournaments-page__description,.body--ar .tournaments-page__title,.body--ar .vip-level__description,.body--ar .vip-level__descriptions-group,.body--ar .vip-level__header-title,.body--ar .vip-page-benefits__description,.body--ar .vip-page-benefits__title,.body--ar .vip-page__description {
  text-align: right!important
}

@media(min-width: 1200px) {
  .body--ar .home-sportsbook-widget__title {
      text-align:right
  }
}

@media(min-width: 768px) {
  .body--ar .install-app-hero-text {
      text-align:right
  }
}

.body--ar .payment-list .payment-list__table tbody tr td:last-child {
  text-align: left!important
}

.body--ar .sign-up-page {
  flex-direction: inherit
}

.body--ar .bar__link,.body--ar .card-bottom__info,.body--ar .checkbox__block,.body--ar .deposit-bonus-settings-default,.body--ar .description__button,.body--ar .fast-deposit-bonus-code-card__code,.body--ar .fast-deposit-modal__footer,.body--ar .fast-deposit-modal__payment-method,.body--ar .game-category-select__link,.body--ar .game-jackpots,.body--ar .game-section-games-block-favorite__link,.body--ar .game-section-games-block-played__link,.body--ar .game-section-games-block__link,.body--ar .games-filter-block__providers-button,.body--ar .games-filter-block__wrapper,.body--ar .grand-prizes-main__text,.body--ar .header__block--left,.body--ar .header__buttons,.body--ar .header__wrapper,.body--ar .home-vip-benifits__card-item,.body--ar .inline-icon-timer__inner,.body--ar .install-app-widget,.body--ar .install-app-widget-left,.body--ar .jackpot-game-panel-info__level,.body--ar .jackpot-game-panel-info__levels-list,.body--ar .jackpot-how-to__list-item.how-to-item,.body--ar .jackpot-list,.body--ar .jackpot-list__item,.body--ar .login-form__footer,.body--ar .notification-center-card,.body--ar .option-link__content,.body--ar .payment-banners .payments-js-lib__wrapper,.body--ar .promotions-categories__buttons,.body--ar .promotions-sportsbook-switcher,.body--ar .promotions-sportsbook-switcher__item,.body--ar .registration-dynamic-form__footer,.body--ar .rules__button,.body--ar .select-header-currency__button,.body--ar .select-language-icons-with-name__button,.body--ar .select-language-icons-with-name__button-inner,.body--ar .sign-out-menu-button,.body--ar .sign-up-steps,.body--ar .sportsbook-switcher,.body--ar .sportsbook-switcher__item,.body--ar .switcher__block,.body--ar .tourn-about-big__item,.body--ar .tourn-block__description-item,.body--ar .tourn-participate-big__info,.body--ar .user-menu__balance,.body--ar .user-menu__link,.body--ar .user-menu__player-level {
  flex-direction: row-reverse
}

@media(min-width: 768px) {
  .body--ar .bonus-store__main .container,.body--ar .fast-deposit-modal__wrap,.body--ar .install-app-steps,.body--ar .ls-lootboxes__content,.body--ar .ls-lootboxes__inner,.body--ar .ls-ticket,.body--ar .promotions-modal__bonus-code {
      flex-direction:row-reverse
  }
}

@media(min-width: 1200px) {
  .body--ar .footer__menus,.body--ar .home-sportsbook-widget .container {
      flex-direction:row-reverse
  }

  .body--ar .layout-help-center__inner {
      direction: rtl
  }
}

.body--ar .games-filter-block__providers-button:after {
  left: auto!important;
  right: -48px;
  transform: rotate(-180deg)
}

.body--ar .base-slider.base-slider--with-see-more,.body--ar .home-game-slider--with-see-more,.body--ar .home-promotions--with-see-more,.body--ar .tournament-game-slider--with-see-more {
  grid-template-areas: "see-more header header" "slider slider slider";
  grid-template-columns: minmax(86px,min-content) 1fr 1fr
}

@media(min-width: 1200px) {
  .body--ar .base-slider.base-slider--with-see-more,.body--ar .home-game-slider--with-see-more,.body--ar .home-promotions--with-see-more,.body--ar .tournament-game-slider--with-see-more {
      grid-template-areas:"controls see-more header" "slider slider slider";
      grid-template-columns: 88px minmax(86px,min-content) 1fr
  }
}

.body--ar .base-slider,.body--ar .providers-preview-list {
  grid-template-areas: "controls header header" "slider slider slider";
  grid-template-columns: 88px 1fr 1fr
}

.body--ar .home-winners {
  grid-template-areas: "controls tabs " "slider slider";
  grid-template-columns: 88px 1fr
}

.body--ar .home-vip-benifits__background-image {
  left: -50px;
  right: auto;
  transform: scaleX(-1)
}

.body--ar .home-vip-benifits__card-image--title {
  left: 0;
  right: auto;
  transform: scaleX(-1)
}

.body--ar .home-vip-benifits__card:before {
  left: -8px;
  right: auto
}

@media(min-width: 768px) {
  .body--ar .home-vip-benifits__card--one {
      left:6px;
      right: auto
  }
}

@media(min-width: 1200px) {
  .body--ar .home-vip-benifits__card--one {
      left:110px;
      right: auto
  }
}

@media(min-width: 1440px) {
  .body--ar .home-vip-benifits__card--one {
      left:132px;
      right: auto
  }
}

@media(min-width: 1680px) {
  .body--ar .home-vip-benifits__card--one {
      left:237px;
      right: auto
  }
}

@media(min-width: 768px) {
  .body--ar .home-vip-benifits__card--two {
      left:6px;
      right: auto
  }
}

@media(min-width: 1200px) {
  .body--ar .home-vip-benifits__card--two {
      left:8px;
      right: auto
  }
}

@media(min-width: 1440px) {
  .body--ar .home-vip-benifits__card--two {
      left:30px;
      right: auto
  }
}

@media(min-width: 1680px) {
  .body--ar .home-vip-benifits__card--two {
      left:134px;
      right: auto
  }
}

@media(min-width: 768px) {
  .body--ar .home-vip-benifits__card--three {
      left:338px;
      right: auto
  }
}

@media(min-width: 1200px) {
  .body--ar .home-vip-benifits__card--three {
      left:340px;
      right: auto
  }
}

@media(min-width: 1440px) {
  .body--ar .home-vip-benifits__card--three {
      left:362px;
      right: auto
  }
}

@media(min-width: 1680px) {
  .body--ar .home-vip-benifits__card--three {
      left:466px;
      right: auto
  }
}

@media(min-width: 480px) {
  .body--ar .home-vip-benifits__badge {
      left:auto;
      right: 130%
  }
}

@media(min-width: 768px) {
  .body--ar .home-vip-benifits__badge {
      left:-74px;
      right: auto
  }
}

@media(min-width: 1200px) {
  .body--ar .footer__navigation {
      flex-direction:row-reverse
  }
}

.body--ar .footer__brand-links {
  flex-direction: row-reverse
}

@media(min-width: 1200px) {
  .body--ar .footer__brand-links {
      align-items:flex-end;
      flex-direction: column
  }

  .body--ar .footer__logo {
      text-align: right;
      width: 100%
  }
}

.body--ar .promotions-modal__terms {
  padding: 0 40px 0 0
}

.body--ar .promotions-modal__terms-item:before {
  left: auto;
  right: -40px
}

.body--ar .search-modal-header .search-modal-header__input .input__native {
  padding: 0 12px 0 48px!important
}

.body--ar .search-modal-header .search-modal-header__input .input__left-container {
  padding-left: 0;
  padding-right: 16px
}

.body--ar .user-menu__select .select-header-currency__wrapper {
  left: auto;
  right: 0
}

.body--ar .notification-center__container,.body--ar .select-header-currency__wrapper,.body--ar .select-user-menu__dropdown {
  left: 0;
  right: auto
}

.body--ar .user-menu .user-menu__icon--right {
  left: 8px;
  right: auto
}

.body--ar .bonus-code-form-default .bonus-code-form-default__button,.body--ar .notification-center-card--new:after,.body--ar .payment-amount-default__currency {
  left: 16px;
  right: auto
}

.body--ar .content ul>li:before {
  left: auto;
  right: 12px
}

.body--ar .notification-center-card {
  padding: 12px 16px 12px 32px
}

.body--ar .payment-amount-default__input--amount .input {
  padding-left: 55px;
  padding-right: 16px
}

.body--ar .bonus-code-form-default .bonus-code-form-default__input {
  padding: 0 16px 0 64px
}

.body--ar .fast-deposit-bonus-code-card {
  padding: 12px 12px 12px 48px;
  text-align: right
}

.body--ar .promotions-block__description,.body--ar .vip-level__progress {
  display: block;
  width: 100%
}

.body--ar .content ul:not([type])>li {
  padding-left: 0;
  padding-right: 24px
}

@media(min-width: 768px) {
  .body--ar .vip-page-benefits__image {
      left:0;
      z-index: -1
  }
}

.body--ar .ls-ticket__label {
  left: auto;
  right: -1px
}

.body--ar .ls-ticket__text {
  display: flex;
  flex-direction: row-reverse
}

.body--ar .ls-ticket__text span {
  margin-right: 4px
}

@media(min-width: 768px) {
  .body--ar .install-app-hero-phones {
      left:-50px;
      right: auto
  }
}

.body--ar .base-slider__scroll-wrapper,.body--ar .content,.body--ar .copyright,.body--ar .footer-menu,.body--ar .games-block-recommended,.body--ar .header-menu,.body--ar .help-center-menu__link,.body--ar .home-bonuses__item,.body--ar .input,.body--ar .input__native,.body--ar .layout-help-center__title,.body--ar .md-jackpots__text,.body--ar .md-step__content,.body--ar .need-help-modal-content,.body--ar .promotions-block,.body--ar .promotions-card,.body--ar .registration-form-head,.body--ar .search-modal,.body--ar .sidebar-menu-main__link,.body--ar .sign-in-page__title,.body--ar .welcome-bonus-sign-up__title,.body--ar .welcome-page__section--intro,.body--ar .wp-benefits,.body--ar .wp-promotions__list {
  direction: rtl
}

/* Game Cards */
.game-cards {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap; /* Allow items to wrap if there's not enough space */
}

.game-card {
  border-radius: 8px;
  padding: 20px;
  width: 30%; /* Default width for larger screens */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
  background-color: rgb(0 78 86);
}

.game-card:hover {
  transform: scale(1.02);
}

.game-card ul ul {
  line-height:20px;
}

.game-card h3 {
  margin-top: 50px;
  text-align:center;
  margin-bottom:20px;
  color: var(--headings-color);
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
  .game-cards {
    flex-direction: column; /* Stack the cards vertically */
  }

  .game-card {
    width: 100%; /* Full width on mobile */
    margin-bottom: 20px; /* Add space between stacked cards */
  }
}

.gaming-providers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  background-color: rgb(0 78 86);
  margin-bottom:50px;
}

.provider-logo {
  width: 100%;
  max-width: 100px;
  height: auto;
  justify-self: center;
}

.extra-rows {
  grid-column: span 4;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.toggle-button {
  grid-column: span 4;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 30px;
  border-radius: 10px;
  background-color: #001c2c;
  color: white;
  border: none;
  cursor: pointer;
  position: sticky;
  top: 0;
  z-index: 1;
}

.gaming-providers img {
  height: 80px;
  width:auto;
}

/* CSS for Scrollable Table */
.table-container {
  width: 100%;
  overflow-x: auto; /* Enables horizontal scrolling */
  margin: 20px 0;
  margin-bottom:50px;
}

.scrollable-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-align: left;
  min-width: 600px; /* Ensures the table has a minimum width */
}

.scrollable-table th,
.scrollable-table td {
  padding: 12px;
  border: 1px solid #ddd;
}

.scrollable-table th {
  font-weight: bold;
}


/* CSS */
.support-flags {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.support-flags img {
  margin-top: 10px;
  width: 60px;
  height: auto;
  margin-bottom: 10px;
  border-radius: 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgb(0 78 86);
}

.support-flags img:hover {
  transform: scale(1.1); /* Makes image grow */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Deepens shadow on hover */
}

.language-selector {
  position: relative;
  display: inline-block;
}

.language-selector-footer {
  position: relative;
  display: inline-block;
}

.language-button {
  background-color: rgb(0 78 86);
  min-width: 250px;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  color: white;
}

.language-button img {
  border-radius:5px;
}

.language-button-footer img {
  border-radius:5px;
}

.dropdown-item img {
  border-radius:5px;
}

.language-button-footer {
  background-color: rgb(0 78 86);
  min-width: 265px;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  color: white;
}

.flag-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.dropdown-arrow {
  margin-left: auto;
}

.dropdown-menu {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: #001c2c;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.2);
}

.dropdown-item {
  min-width: 265px;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background: none;
  color: white;
}

.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.welcome-page .wp-intro__mobile-image {
    display: block;
    margin: 20px auto 32px;
    max-width: 300px;
    width: 100%;
}

.welcome-page .wp-intro__mobile-image img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .welcome-page .wp-intro__mobile-image {
        display: none;
    }
}

.features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin: 48px 0;
}

@media (min-width: 768px) {
  .features-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.feature-icon {
  position: relative;
  width: 100%;
  max-width: 320px; /* Обмеження максимальної ширини */
 
  margin: 24px auto;
  border-radius: 16px;
  overflow: hidden; /* Щоб скріншот не виходив за межі */

}

.feature-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Замість contain для скріншотів */
  display: block;
}

.feature-item h2 {
  margin-bottom: 16px;
  order: -1; /* Заголовок буде завжди зверху */
}

.feature-item p {
  margin: 16px 0 0; /* Відступ зверху для тексту після скріншота */
}

/* Додаткові медіа-запити для кращої адаптивності */
@media (max-width: 480px) {
  .feature-icon {
    max-width: 280px; /* Трохи менший розмір для малих екранів */
  }
}

@media (min-width: 1200px) {
  .feature-icon {
    max-width: 360px; /* Більший розмір для широких екранів */
  }
}