* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

:before, :after {
  box-sizing: border-box; }

html {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  vertical-align: top;
  max-width: 100%; }

:root {
  --page-bg: #181611;
  --container-bg: #2c2918;
  --header-bg: linear-gradient(175deg, #2d2a15 19.54%, rgba(45, 42, 21, 0.5) 122.22%);
  --text-main: #c2bea9;
  --text-additional: #fcc432;
  --heading: #eae7d7;
  --button-color: #201701;
  --button-color2: #c2bea9;
  --btn-blue: #006fad;
  --btn-main: linear-gradient(180deg, #fcc432, #f9c231);
  --btn-red: linear-gradient(180deg, #e12424, #af1d1d);
  --btn-red-hover: linear-gradient(180deg, #af1d1d, #e12424);
  --btn-border:#fcc432;
  --sect-padding: 1.5rem;
  --sect-radius: 0.5rem;
  --slots-radius:0.5rem;
  --nav-pill-bg: rgba(255,255,255,0.03);
  --nav-pill-hover: rgba(255,255,255,0.06);
  --bonus-bg: rgba(0,0,0,0.18);
  --container-padding: 0.625rem;
  --container-padding-x2: 1.25rem;
  --btn-height: 2.375rem;
  --btn-large-height: 4.375rem;
  --btn-radius: 2.375rem;
  --btn--largr-radius: 3.625rem;
  --container-padding-vertical: 0.625rem;
  --container-padding-horizontal: 0.625rem;
  --font-family-system: "Arial", sans-serif;
  --banner-overlay: rgba(0,0,0,0.28);
  --banner-height: 28.125rem;
  --banner-height-mobile: 80vh;
  --navlink-bg-start: #0f2a45;
  --navlink-bg-end: #08213a;
  --navlink-border: rgba(255,255,255,0.04);
  --navlink-hover-start: #143554;
  --navlink-hover-end: #0b2b44;
  --navlink-active-start: #081a2d;
  --navlink-active-end: #041222;
  --navlink-font-size: 0.75rem;
  --navlink-padding: 0.6875rem 1.125rem 0.5rem 1.125rem;
  --navlink-gap: 0.5rem;
  --right-col-width: 17.5rem;
  --tile-bg: var(--page-bg);
  --tile-border: rgba(255,255,255,0.04);
  --tile-title-color: var(--heading);
  --tile-badge-bg: var(--text-additional);
  --tile-badge-color: #081026;
  --tile-shadow: 0 0.375rem 0.75rem rgba(0,0,0,0.45);
  --winner-thumb-w: 6.25rem;
  --winner-thumb-h: 4.4375rem;
  --winner-amount-color: #fcc432;
  --promo-height: 28.125rem;
  --podium-gold: #fcc432;
  --podium-silver: #d0daf9;
  --podium-bronze: #fcb66a; }

html, body {
  height: 100%; }

body {
  margin: 0;
  font-family: var(--font-family-system);
  background: var(--page-bg);
  color: var(--text-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875rem;
  line-height: 1.3; }

h1, h2, h3, h4, h5, h6 {
  color: var(--heading);
  margin: 0; }

a {
  color: var(--text-main);
  text-decoration: none; }

ul li {
  list-style: none; }

body, html {
  min-width: 21.875rem; }

main {
  padding-top: 4.5625rem; }

section, header, footer {
  display: block; }

.container {
  min-width: 21.875rem; }

.container,
.container-fluid {
  width: 100%;
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 36rem) {
  .container {
    max-width: 100%; } }
@media (min-width: 62rem) {
  .container {
    max-width: 59.375rem; } }
@media (min-width: 75rem) {
  .container {
    max-width: 68.75rem; } }
@media (min-width: 87.5rem) {
  .container {
    max-width: 81.25rem; } }
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: calc(var(--container-padding) * -1);
  margin-left: calc(var(--container-padding) * -1); }

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
  margin-top: 0; }

.col {
  flex: 1 0 0%; }

@media (min-width: 36rem) {
  .col-sm {
    flex: 1 0 0%; } }
@media (min-width: 48rem) {
  .col-md {
    flex: 1 0 0%; } }
@media (min-width: 62rem) {
  .col-lg {
    flex: 1 0 0%; } }
@media (min-width: 75rem) {
  .col-xl {
    flex: 1 0 0%; } }
@media (min-width: 87.5rem) {
  .col-xxl {
    flex: 1 0 0%; } }
.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%; }

.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%; }

.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%; }

.col-12 {
  flex: 0 0 auto;
  width: 100%; }

@media (min-width: 36rem) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 48rem) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 62rem) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 75rem) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; } }
@media (min-width: 87.5rem) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; } }
.d-block {
  display: block !important; }

.d-flex {
  display: flex !important; }

.d-none {
  display: none !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.order-0 {
  order: 0 !important; }

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-6 {
  order: 6 !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 36rem) {
  .d-sm-inline {
    display: inline !important; }

  .d-sm-inline-block {
    display: inline-block !important; }

  .d-sm-block {
    display: block !important; }

  .d-sm-flex {
    display: flex !important; }

  .d-sm-none {
    display: none !important; }

  .justify-content-sm-start {
    justify-content: flex-start !important; }

  .justify-content-sm-end {
    justify-content: flex-end !important; }

  .justify-content-sm-center {
    justify-content: center !important; }

  .justify-content-sm-between {
    justify-content: space-between !important; }

  .justify-content-sm-around {
    justify-content: space-around !important; }

  .align-items-sm-start {
    align-items: flex-start !important; }

  .align-items-sm-end {
    align-items: flex-end !important; }

  .align-items-sm-center {
    align-items: center !important; }

  .align-content-sm-start {
    align-content: flex-start !important; }

  .align-content-sm-end {
    align-content: flex-end !important; }

  .align-content-sm-center {
    align-content: center !important; }

  .align-content-sm-between {
    align-content: space-between !important; }

  .align-self-sm-auto {
    align-self: auto !important; }

  .align-self-sm-start {
    align-self: flex-start !important; }

  .align-self-sm-end {
    align-self: flex-end !important; }

  .align-self-sm-center {
    align-self: center !important; }

  .order-sm-0 {
    order: 0 !important; }

  .order-sm-1 {
    order: 1 !important; }

  .order-sm-2 {
    order: 2 !important; }

  .order-sm-3 {
    order: 3 !important; }

  .order-sm-4 {
    order: 4 !important; }

  .order-sm-5 {
    order: 5 !important; }

  .order-sm-6 {
    order: 6 !important; }

  .text-sm-start {
    text-align: left !important; }

  .text-sm-end {
    text-align: right !important; }

  .text-sm-center {
    text-align: center !important; } }
@media (min-width: 48rem) {
  .d-md-block {
    display: block !important; }

  .d-md-flex {
    display: flex !important; }

  .d-md-none {
    display: none !important; }

  .justify-content-md-start {
    justify-content: flex-start !important; }

  .justify-content-md-end {
    justify-content: flex-end !important; }

  .justify-content-md-center {
    justify-content: center !important; }

  .justify-content-md-between {
    justify-content: space-between !important; }

  .align-items-md-start {
    align-items: flex-start !important; }

  .align-items-md-end {
    align-items: flex-end !important; }

  .align-items-md-center {
    align-items: center !important; }

  .align-content-md-start {
    align-content: flex-start !important; }

  .align-content-md-end {
    align-content: flex-end !important; }

  .align-content-md-center {
    align-content: center !important; }

  .align-content-md-between {
    align-content: space-between !important; }

  .align-self-md-auto {
    align-self: auto !important; }

  .align-self-md-start {
    align-self: flex-start !important; }

  .align-self-md-end {
    align-self: flex-end !important; }

  .align-self-md-center {
    align-self: center !important; }

  .order-md-0 {
    order: 0 !important; }

  .order-md-1 {
    order: 1 !important; }

  .order-md-2 {
    order: 2 !important; }

  .order-md-3 {
    order: 3 !important; }

  .order-md-4 {
    order: 4 !important; }

  .order-md-5 {
    order: 5 !important; }

  .order-md-6 {
    order: 6 !important; }

  .text-md-start {
    text-align: left !important; }

  .text-md-end {
    text-align: right !important; }

  .text-md-center {
    text-align: center !important; } }
@media (min-width: 62rem) {
  .d-lg-inline-flex {
    display: inline-flex !important; }

  .d-lg-block {
    display: block !important; }

  .d-lg-flex {
    display: flex !important; }

  .d-lg-none {
    display: none !important; }

  .justify-content-lg-start {
    justify-content: flex-start !important; }

  .justify-content-lg-end {
    justify-content: flex-end !important; }

  .justify-content-lg-center {
    justify-content: center !important; }

  .justify-content-lg-between {
    justify-content: space-between !important; }

  .align-items-lg-start {
    align-items: flex-start !important; }

  .align-items-lg-end {
    align-items: flex-end !important; }

  .align-items-lg-center {
    align-items: center !important; }

  .align-content-lg-start {
    align-content: flex-start !important; }

  .align-content-lg-end {
    align-content: flex-end !important; }

  .align-content-lg-center {
    align-content: center !important; }

  .align-content-lg-between {
    align-content: space-between !important; }

  .align-self-lg-auto {
    align-self: auto !important; }

  .align-self-lg-start {
    align-self: flex-start !important; }

  .align-self-lg-end {
    align-self: flex-end !important; }

  .align-self-lg-center {
    align-self: center !important; }

  .order-lg-0 {
    order: 0 !important; }

  .order-lg-1 {
    order: 1 !important; }

  .order-lg-2 {
    order: 2 !important; }

  .order-lg-3 {
    order: 3 !important; }

  .order-lg-4 {
    order: 4 !important; }

  .order-lg-5 {
    order: 5 !important; }

  .order-lg-6 {
    order: 6 !important; }

  .text-lg-start {
    text-align: left !important; }

  .text-lg-end {
    text-align: right !important; }

  .text-lg-center {
    text-align: center !important; } }
@media (min-width: 75rem) {
  .d-xl-block {
    display: block !important; }

  .d-xl-flex {
    display: flex !important; }

  .d-xl-none {
    display: none !important; }

  .justify-content-xl-start {
    justify-content: flex-start !important; }

  .justify-content-xl-end {
    justify-content: flex-end !important; }

  .justify-content-xl-center {
    justify-content: center !important; }

  .justify-content-xl-between {
    justify-content: space-between !important; }

  .align-items-xl-start {
    align-items: flex-start !important; }

  .align-items-xl-end {
    align-items: flex-end !important; }

  .align-items-xl-center {
    align-items: center !important; }

  .align-content-xl-start {
    align-content: flex-start !important; }

  .align-content-xl-end {
    align-content: flex-end !important; }

  .align-content-xl-center {
    align-content: center !important; }

  .align-content-xl-between {
    align-content: space-between !important; }

  .align-self-xl-auto {
    align-self: auto !important; }

  .align-self-xl-start {
    align-self: flex-start !important; }

  .align-self-xl-end {
    align-self: flex-end !important; }

  .align-self-xl-center {
    align-self: center !important; }

  .order-xl-0 {
    order: 0 !important; }

  .order-xl-1 {
    order: 1 !important; }

  .order-xl-2 {
    order: 2 !important; }

  .order-xl-3 {
    order: 3 !important; }

  .order-xl-4 {
    order: 4 !important; }

  .order-xl-5 {
    order: 5 !important; }

  .order-xl-6 {
    order: 6 !important; }

  .text-xl-start {
    text-align: left !important; }

  .text-xl-end {
    text-align: right !important; }

  .text-xl-center {
    text-align: center !important; } }
@media (min-width: 87.5rem) {
  .d-xxl-block {
    display: block !important; }

  .d-xxl-flex {
    display: flex !important; }

  .justify-content-xxl-start {
    justify-content: flex-start !important; }

  .justify-content-xxl-end {
    justify-content: flex-end !important; }

  .justify-content-xxl-center {
    justify-content: center !important; }

  .justify-content-xxl-between {
    justify-content: space-between !important; }

  .align-items-xxl-start {
    align-items: flex-start !important; }

  .align-items-xxl-end {
    align-items: flex-end !important; }

  .align-items-xxl-center {
    align-items: center !important; }

  .align-content-xxl-start {
    align-content: flex-start !important; }

  .align-content-xxl-end {
    align-content: flex-end !important; }

  .align-content-xxl-center {
    align-content: center !important; }

  .align-content-xxl-between {
    align-content: space-between !important; }

  .align-self-xxl-auto {
    align-self: auto !important; }

  .align-self-xxl-start {
    align-self: flex-start !important; }

  .align-self-xxl-end {
    align-self: flex-end !important; }

  .align-self-xxl-center {
    align-self: center !important; }

  .order-xxl-0 {
    order: 0 !important; }

  .order-xxl-1 {
    order: 1 !important; }

  .order-xxl-2 {
    order: 2 !important; }

  .order-xxl-3 {
    order: 3 !important; }

  .order-xxl-4 {
    order: 4 !important; }

  .order-xxl-5 {
    order: 5 !important; }

  .order-xxl-6 {
    order: 6 !important; }

  .text-xxl-start {
    text-align: left !important; }

  .text-xxl-end {
    text-align: right !important; }

  .text-xxl-center {
    text-align: center !important; } }
header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5; }

nav {
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0;
  padding-top: 5.25rem;
  background: var(--container-bg);
  z-index: 1;
  width: 100%; }
  nav > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  nav ul {
    margin-top: 1.25rem; }
    nav ul li a {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      height: var(--btn-height);
      transition: 0.15s;
      padding: 0 var(--container-padding);
      justify-content: center; }
      nav ul li a:hover {
        background: var(--page-bg); }

.header-container {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  background: var(--container-bg);
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.35);
  align-items: center;
  position: relative; }

.header-container-bg {
  position: relative;
  z-index: 2; }

.menu-btn {
  color: var(--text-main);
  font-size: 1.25rem;
  background: transparent;
  border: none;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  cursor: pointer;
  background: var(--nav-pill-hover);
  position: relative;
  transition: 0.15s;
  border-radius: 100%; }
  .menu-btn > div {
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    height: 0.125rem;
    top: 50%;
    margin-top: -0.0625rem;
    background: var(--text-main); }
    .menu-btn > div:before, .menu-btn > div:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 0.125rem;
      background: var(--text-main);
      transition: 0.15s; }
    .menu-btn > div:before {
      top: -0.375rem; }
    .menu-btn > div:after {
      top: 0.375rem; }
  .menu-btn.visible > div {
    background: none; }
    .menu-btn.visible > div:before, .menu-btn.visible > div:after {
      top: 0; }
    .menu-btn.visible > div:before {
      transform: rotate(45deg); }
    .menu-btn.visible > div:after {
      transform: rotate(-45deg); }

.menu-btn:hover {
  background: var(--page-bg); }

.nav-pill {
  align-items: center;
  gap: 0.375rem;
  padding: 0 var(--container-padding);
  color: var(--text-main);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8125rem;
  margin-right: 0.5rem;
  height: 100%;
  position: relative; }
  .nav-pill:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.3125rem;
    height: 0;
    background: var(--btn-border);
    transition: 0.075s; }
  .nav-pill:hover:before {
    height: 0.1875rem; }
  .nav-pill.active:before {
    height: 0.1875rem; }

.nav-pill:hover {
  color: var(--heading); }

.icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
  display: inline-block; }

.logo {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.bonus-box {
  background: var(--bonus-bg);
  padding: 0 1.5rem 0 1rem;
  border-radius: 2.125rem;
  font-size: 0.75rem;
  flex-wrap: wrap;
  height: 2.125rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -2.125rem;
  align-items: center; }
  .bonus-box > div {
    position: relative;
    padding-left: 2rem; }
    .bonus-box > div svg {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -0.75rem; }

.bonus-title {
  color: var(--text-additional);
  font-size: 0.625rem;
  line-height: 1;
  width: 100%; }

.bonus-sub {
  color: var(--text-main);
  font-size: 0.625rem;
  line-height: 1;
  width: 100%; }

.btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--btn-height);
  line-height: 1;
  padding: 0 var(--container-padding);
  color: var(--button-color);
  text-decoration: none;
  border: none;
  border-radius: var(--btn-radius);
  font-weight: 700;
  font-size: 0.8125rem;
  cursor: pointer;
  box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  min-width: 5.25rem;
  padding-top: 0.0625rem; }
  .btn-custom.large {
    height: var(--btn-large-height);
    width: 17.5rem;
    max-width: 100%;
    font-size: 1.375rem;
    border-radius: var(--btn--largr-radius); }
    .btn-custom.large:hover {
      background: var(--btn-red-hover); }

.btn-primary-custom {
  background: var(--btn-main); }

.btn-primary-custom:hover {
  filter: brightness(0.95); }

.btn-success-custom {
  background: var(--btn-main); }

.btn-success-custom:hover {
  filter: brightness(0.95); }

.btn-third-custom {
  background: var(--btn-red);
  color: #fff; }

.btn-third-custom:hover {
  color: #fff; }

.btn-secondary-custom {
  background: none;
  border: 0.0625rem solid var(--btn-border);
  color: var(--button-color2);
  padding-top: 0.125rem; }

.btn-secondary-custom:hover {
  color: #fff; }

.logo-wrap {
  display: block;
  width: 11.25rem;
  height: 3.625rem;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

@media (min-width: 48rem) and (max-width: 48.875rem) {
  .header-buttons-main-row {
    flex-wrap: nowrap; } }
@media (min-width: 62rem) and (max-width: 74.9375rem) {
  .logo-wrap {
    width: 9.375rem; } }
@media (min-width: 62rem) {
  .header-container {
    border-bottom-left-radius: var(--sect-radius);
    border-bottom-right-radius: var(--sect-radius); } }
@media (max-width: 47.9375rem) {
  .header-container {
    padding: 0.5rem 0.625rem; }

  .bonus-box {
    display: none; }

  .nav-pill {
    padding: 0.375rem var(--container-padding);
    font-size: 0.75rem;
    margin-right: 0.3125rem; }

  .btn-custom {
    padding: 0 var(--container-padding);
    font-size: 0.75rem; } }
@media (max-width: 25rem) {
  .logo-wrap {
    width: 8.75rem; } }
.banner-section {
  overflow: hidden;
  padding-top: 3rem; }
  .banner-section.second .container {
    overflow: hidden;
    padding-bottom: var(--sect-padding);
    background: var(--container-bg);
    padding-left: 0;
    padding-right: 0; }
  .banner-section picture {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }
  .banner-section .btn-custom.large:hover {
    background: var(--container-bg);
    border: 0.125rem solid var(--btn-border);
    color: var(--button-color2); }

.banner-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1; }

.banner-content .container {
  position: relative; }

.banner-content .row {
  height: var(--banner-height);
  position: relative;
  z-index: 2;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.second .banner-content .row {
  height: 40.625rem; }

.banner-text {
  color: var(--heading);
  padding: 1.5rem 0.75rem;
  max-width: 32.5rem;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: blur(0.3125rem);
  border-radius: var(--slots-radius);
  margin-left: 0.625rem;
  text-align: center; }

.banner-text > *, .promo-inner-text > * {
  transform: scaleY(1.3); }
  .banner-text > *.promo-prize-cash, .promo-inner-text > *.promo-prize-cash {
    margin-bottom: 0;
    margin-top: 1.6875rem; }
  .banner-text > *.banner-text__fs:last-child, .banner-text > *.promo-name:last-child, .banner-text > *.promo-prize-cash:last-child, .promo-inner-text > *.banner-text__fs:last-child, .promo-inner-text > *.promo-name:last-child, .promo-inner-text > *.promo-prize-cash:last-child {
    margin-bottom: 0;
    margin-top: 1.6875rem; }

.banner-text__main, .promo-caption {
  font-size: 1.875rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-main); }
.banner-text__fs, .promo-name, .promo-prize-cash {
  font-size: 3.125rem;
  line-height: 1;
  font-weight: 700;
  color: var(--text-additional);
  margin-bottom: 1rem; }

@media (min-width: 61.9375rem) {
  .banner-section.second .container {
    border-top-left-radius: var(--sect-radius);
    border-top-right-radius: var(--sect-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

  .banner-content .container {
    border-radius: var(--slots-radius);
    overflow: hidden; } }
@media (max-width: 47.9375rem) {
  .banner-section {
    padding-top: 0; }

  .banner-content .row {
    height: 20rem; }

  .banner-text {
    max-width: 21.25rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    backdrop-filter: blur(0.375rem);
    margin-left: auto;
    margin-right: auto; }

  .banner-text__main, .promo-caption {
    font-size: 1.375rem; }
  .banner-text__fs, .promo-name, .promo-prize-cash {
    font-size: 2.125rem; } }
@media (max-width: 40.625rem) {
  .banner-section.second .banner-content .row {
    max-height: 40.625rem;
    min-height: 40.625rem; } }
@media (max-width: 33.75rem) {
  .banner-section.second .banner-content .row {
    height: 21.875rem;
    min-height: 21.875rem; } }
@media (max-width: 25rem) {
  .banner-section.second .banner-content .row {
    height: 18.75rem;
    min-height: 18.75rem; } }
.hero-block {
  padding: 5.625rem 0 4.375rem 0; }

.hero-block h1, .hero-block h2, .hero-block h3 {
  line-height: 1;
  margin: 0 0 1rem;
  font-weight: 800;
  letter-spacing: 0.0125rem;
  color: var(--text-main); }

.hero-block h1 {
  font-size: 3rem;
  line-height: 1.05; }

.hero-block h2 {
  font-size: 2.375rem; }

.hero-block h3 {
  font-size: 2rem; }

.hero-text {
  color: var(--heading);
  font-size: 1rem;
  margin: 0 auto;
  width: 44.375rem;
  max-width: 100%; }

@media (max-width: 87.4375rem) {
  .hero-block h1 {
    font-size: 2.625rem; } }
@media (max-width: 74.9375rem) {
  .hero-block h1 {
    font-size: 2.25rem; } }
@media (max-width: 61.9375rem) {
  .hero-block h1 {
    font-size: 2.125rem; } }
@media (max-width: 47.9375rem) {
  .hero-block {
    padding: 4.375rem 0 3.75rem 0; }

  .hero-title {
    font-size: 1.75rem; }

  .hero-text {
    font-size: 0.875rem; }

  .hero-block h1 {
    font-size: 1.625rem; } }
.games-nav {
  padding: var(--container-padding) 0 0 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.125rem; }

.games-nav::-webkit-scrollbar {
  height: 0.375rem; }

.games-nav::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 0.375rem; }

.games-nav-link {
  display: flex;
  flex-wrap: wrap;
  width: 12.5%;
  cursor: pointer;
  position: relative;
  height: 2.5rem;
  padding: 0 0.125rem; }
  .games-nav-link i {
    display: flex;
    flex-wrap: wrap;
    font-style: normal;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #222010, #2b281a);
    color: var(--text-main);
    text-decoration: none;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem;
    font-size: var(--navlink-font-size);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01875rem;
    height: 2.375rem;
    line-height: 1;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    position: absolute;
    left: 0.125rem;
    right: 0.125rem;
    top: 0.125rem;
    bottom: 0.125rem;
    transform-origin: bottom;
    transition: 0.075s; }
  .games-nav-link:hover i {
    background: linear-gradient(180deg, #282612, #222010);
    color: #fff;
    transform: scaleY(1.3); }
  .games-nav-link.active i {
    background: linear-gradient(180deg, #3c3a19, #282612);
    color: var(--heading);
    transform: scaleY(1.3); }

.nav-desktop-main {
  height: 3.625rem; }
  .nav-desktop-main__wrap {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center; }

@media (min-width: 61.9375rem) {
  .games-container {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 87.4375rem) {
  .games-nav-link i {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    font-size: 0.6875rem;
    padding-top: 0.125rem; } }
@media (max-width: 74.9375rem) {
  .games-nav-link i {
    font-size: 0.625rem;
    text-align: center; } }
@media (max-width: 61.9375rem) {
  .games-section {
    overflow: hidden; }

  .games-nav {
    overflow-x: scroll;
    flex-wrap: nowrap; }

  .games-nav-link {
    min-width: 7.5rem; } }
@media (max-width: 47.9375rem) {
  .games-nav-link {
    padding: 0.4375rem 0.75rem;
    font-size: 0.75rem;
    margin-right: 0.375rem; } }
section.games-section .container {
  background: var(--container-bg);
  padding-bottom: var(--sect-padding);
  padding-top: calc(var(--sect-padding) - 0.625rem); }

.d-flex.align-items-start {
  align-items: flex-start; }

.content-left {
  padding-top: var(--container-padding); }

.sidebar {
  width: var(--right-col-width);
  position: relative; }

.game-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--container-padding); }

.game-tile {
  display: block;
  background: var(--tile-bg);
  border-radius: var(--slots-radius);
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease;
  cursor: pointer; }

.game-tile:hover {
  transform: translateY(-0.375rem);
  box-shadow: 0 0.625rem 1.125rem rgba(0, 0, 0, 0.25); }

.tile-img {
  width: 100%;
  height: 10rem;
  overflow: hidden;
  background: #181612;
  display: flex;
  align-items: center;
  justify-content: center; }

.tile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

.tile-title {
  padding: 0.625rem 0.75rem;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tile-badge {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  color: var(--button-color);
  background: var(--btn-main);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 0.25rem;
  z-index: 3;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 1.5rem;
  padding-top: 0.125rem; }

.tile-star {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  color: var(--btn-border);
  display: flex;
  flex-wrap: wrap;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: var(--slots-radius);
  font-size: 1.375rem;
  z-index: 3; }

.sidebar-inner {
  background: var(--page-bg);
  border-radius: var(--slots-radius);
  padding: 0.875rem 0.625rem;
  color: var(--text-main);
  border: 0.0625rem solid rgba(255, 255, 255, 0.03);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: var(--container-padding);
  bottom: 0;
  top: var(--container-padding); }
  .sidebar-inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.75rem;
    z-index: 2;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, var(--page-bg) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, var(--page-bg) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--page-bg) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); }

.sidebar-title, .promo-card-title {
  color: var(--heading);
  margin: 0;
  font-size: 1rem;
  font-weight: 700; }

.sidebar-list a {
  color: var(--text-main);
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
  font-size: 0.8125rem; }

.sidebar-list a:hover {
  color: var(--heading); }

.winners-list {
  overflow-y: auto;
  padding: 0;
  margin: 0;
  position: relative; }

.winners-list::-webkit-scrollbar {
  width: 0.5rem; }

.winners-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 0.375rem; }

.winner-item-wrap {
  position: relative;
  gap: 0.5rem;
  height: 5.625rem;
  overflow: hidden;
  transition: height 0.35s ease-out; }
  .winner-item-wrap:first-child .winner-item {
    border-top: 0; }

.winner-item {
  padding-left: calc(var(--winner-thumb-w) + 0.625rem);
  border-top: 0.0625rem solid var(--text-main);
  height: 5.625rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center; }

.winner-thumb {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--winner-thumb-w);
  height: var(--winner-thumb-h);
  overflow: hidden;
  border-radius: 0.375rem;
  background: #0b2b44;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.45); }

.winner-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

.winner-info {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.winner-name {
  color: var(--heading);
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1; }

.winner-sub {
  color: var(--text-main);
  font-size: 0.75rem;
  margin-top: 0.25rem; }

.winner-amount {
  margin-left: auto;
  color: var(--winner-amount-color);
  font-weight: 800;
  font-size: 0.875rem;
  white-space: nowrap; }

@media (min-width: 53.1875rem) and (max-width: 74.9375rem) {
  .game-tile:last-child {
    display: none; } }
@media (max-width: 74.9375rem) {
  .game-grid {
    grid-template-columns: repeat(3, 1fr); }

  .tile-img {
    height: 9.375rem; } }
@media (max-width: 53.125rem) {
  .game-grid {
    grid-template-columns: repeat(2, 1fr); }

  .tile-img {
    height: auto;
    position: relative;
    padding-top: 80%; }

  .tile-img img {
    position: absolute;
    left: 0;
    top: 0; }

  .sidebar {
    width: 100%;
    padding-top: calc(var(--container-padding) * 2); }

  .sidebar-inner {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    max-height: 31.25rem; } }
@media (max-width: 33.75rem) {
  .game-grid {
    grid-template-columns: repeat(1, 1fr);
    width: 23.75rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; } }
.contest-section .container {
  background: var(--container-bg);
  padding-bottom: var(--container-padding);
  padding-top: 0.25rem; }

.promo-card {
  position: relative;
  border-radius: var(--slots-radius);
  overflow: hidden;
  background: var(--page-bg);
  margin-top: 0.375rem; }

.promo-inner > * {
  position: relative;
  z-index: 2; }

.promo-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1; }

.promo-inner {
  position: relative;
  z-index: 2;
  padding: 1.375rem;
  height: var(--promo-height);
  display: flex;
  flex-direction: column;
  justify-content: center; }

.promo-inner-text {
  max-width: 32.5rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: blur(0.3125rem);
  border-radius: var(--slots-radius);
  padding: 1.5rem 0.75rem; }

.promo-footer {
  margin-top: var(--container-padding);
  margin-bottom: var(--container-padding);
  gap: var(--container-padding); }
  .promo-footer .btn-custom {
    padding-top: 0;
    min-width: 10rem;
    height: 3.125rem;
    font-size: 1.125rem;
    font-weight: 700; }

.countdown {
  display: flex;
  gap: 0.5rem;
  align-items: center; }

.cd-box {
  background: var(--container-bg);
  color: var(--heading);
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
  text-align: center;
  min-width: 3.25rem; }

.cd-box span {
  display: block;
  font-weight: 800;
  font-size: 1.125rem; }

.cd-box small {
  display: block;
  color: var(--text-main);
  font-size: 0.6875rem;
  margin-top: 0.25rem; }

.podiums {
  gap: 0.625rem;
  margin-bottom: 0.75rem; }

.podium {
  border-radius: var(--slots-radius);
  padding: 0.5rem 0.3125rem;
  width: 100%;
  text-align: center;
  color: var(--text-main);
  border: 0.0625rem solid var(--btn-border); }

.podium-icon {
  font-size: 1.25rem;
  margin-bottom: 0.375rem;
  height: 2.875rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transform: scaleY(1.5);
  font-weight: 600; }

.podium-gold .podium-icon {
  color: var(--podium-gold);
  font-size: 2.125rem; }

.podium-silver .podium-icon {
  color: var(--podium-silver);
  font-size: 1.625rem; }

.podium-bronze .podium-icon {
  color: var(--podium-bronze); }

.podium-amount {
  color: var(--podium-gold);
  font-weight: 900;
  font-size: 0.75rem; }

.ranking-list {
  height: 24.75rem;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }

.ranking-list::-webkit-scrollbar {
  width: 0.5rem; }

.ranking-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 0.375rem; }

.rank-item {
  position: relative;
  padding: 0.625rem 0.625rem 0.625rem 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 0.0625rem solid var(--btn-border); }
  .rank-item:last-child {
    border-bottom: 0; }

.rank-num {
  width: 1.5rem;
  text-align: center;
  color: var(--text-main);
  font-weight: 600;
  margin-right: 0.375rem;
  display: inline-block; }

.rank-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem; }

.rank-name {
  color: var(--heading);
  font-weight: 700;
  font-size: 0.8125rem; }

.rank-sub {
  color: var(--text-main);
  font-size: 0.75rem;
  margin-top: 0.25rem; }

.rank-amount {
  color: #ffd24d;
  font-weight: 900;
  font-size: 0.875rem;
  white-space: nowrap;
  flex: 1; }

.rank-stat {
  color: var(--text-main);
  font-size: 0.6875rem;
  flex: 1; }

.promo-caption {
  font-size: 1.875rem; }

.promo-card-title {
  margin-top: 0.3125rem; }

.sidebar-tournament {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: var(--container-padding);
  bottom: 0;
  top: 0;
  padding-top: calc(var(--container-padding) + 0.3125rem);
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem; }
  .sidebar-tournament .sidebar-inner {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.375rem;
    position: relative;
    right: auto;
    bottom: auto;
    top: auto;
    left: auto;
    background: none;
    border: 0; }
    .sidebar-tournament .sidebar-inner:before {
      display: none; }

.promo-card-end-date {
  font-size: 0.875rem;
  color: var(--text-main);
  font-weight: 200;
  padding-left: var(--container-padding); }

@media (max-width: 53.125rem) {
  .sidebar-tournament {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    max-height: 31.25rem; } }
@media (max-width: 47.9375rem) {
  .promo-caption {
    font-size: 1.375rem; } }
@media (max-width: 35.9375rem) {
  .promo-inner {
    height: 18.75rem; } }
@media (max-width: 30rem) {
  .promo-footer {
    flex-wrap: wrap; }

  .countdown {
    width: 100%;
    justify-content: center; } }
.text-block {
  color: var(--text-main); }
  .text-block .container {
    background: var(--container-bg);
    padding-top: var(--sect-padding);
    padding-bottom: var(--sect-padding); }

.text-block-content {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
  .text-block-content > * {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.6; }
    .text-block-content > *:last-child {
      margin-bottom: 0; }
  .text-block-content ul li {
    padding-left: 1.125rem;
    list-style: none;
    position: relative;
    margin-top: 0.625rem; }
    .text-block-content ul li:first-child {
      margin-top: 0; }
    .text-block-content ul li:before {
      content: '';
      width: 0.625rem;
      height: 0.625rem;
      font-size: 0.5rem;
      left: 0;
      top: 0.4375rem;
      position: absolute;
      background: var(--text-additional);
      border-radius: 100%; }
  .text-block-content ol {
    list-style-position: inside; }
    .text-block-content ol li::marker {
      color: var(--text-additional); }

.text-block-content h1,
.text-block-content h2,
.text-block-content h3 {
  color: var(--heading);
  line-height: 1.15; }

.text-block-content h1 {
  font-size: 2.375rem;
  font-weight: 800; }

.text-block-content h2 {
  font-size: 1.625rem;
  font-weight: 700; }

.text-block-content h3 {
  font-size: 1.125rem;
  font-weight: 700; }

.text-block-content p {
  color: var(--text-main);
  max-width: 61.25rem; }

.text-block-content ul,
.text-block-content ol {
  color: var(--text-main);
  font-size: 0.9375rem; }

.table-responsive {
  border-radius: var(--slots-radius);
  padding-right: 0.625rem; }

table {
  background: var(--page-bg);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: var(--slots-radius);
  overflow: hidden; }
  table td, table th {
    text-align: left;
    padding: 0.625rem 0.625rem 0.625rem 0.625rem; }

table thead th {
  background: rgba(255, 255, 255, 0.03);
  color: var(--heading);
  font-weight: 700;
  border-bottom: 0.0625rem solid var(--text-additional); }

table tbody tr:last-child td {
  border-bottom: 0; }

table tbody td {
  color: var(--text-main);
  border-bottom: 0.0625rem solid var(--text-additional);
  vertical-align: middle;
  font-size: 0.875rem; }

@media (max-width: 47.9375rem) {
  .text-block-content h1 {
    font-size: 1.625rem; }

  .text-block-content h2 {
    font-size: 1.25rem; }

  .text-block-content p,
  .text-block-content ul,
  .text-block-content ol {
    font-size: 0.875rem; } }
.site-footer {
  color: var(--text-main);
  margin-top: calc(var(--sect-padding) * 2); }

.providers-block-box {
  border: 0.0625rem solid var(--text-main);
  padding: var(--container-padding-x2) var(--container-padding);
  border-radius: var(--sect-radius); }
  .providers-block-box_scroll {
    flex-wrap: wrap;
    gap: calc(var(--container-padding) * 1.4) var(--container-padding); }

.provider-logo {
  height: 1.25rem;
  opacity: 0.65;
  filter: grayscale(1);
  display: inline-block;
  object-fit: contain; }

.footer-main {
  padding-top: calc(var(--container-padding) * 3);
  padding-bottom: calc(var(--container-padding) * 2); }

.footer-main .footer-col-title {
  color: var(--heading);
  font-weight: 700;
  margin-bottom: 0.5rem; }

.footer-links,
.footer-links-small {
  padding: 0;
  margin: 0; }

.footer-links a,
.footer-links-small a,
.social-link,
.cert {
  color: var(--text-main);
  text-decoration: none;
  display: inline-block;
  font-size: 0.875rem; }

.footer-links a:hover,
.footer-links-small a:hover,
.social-link:hover,
.cert:hover {
  color: var(--heading);
  text-decoration: underline; }

.footer-logo {
  width: 10rem;
  height: 3.9375rem;
  object-fit: contain;
  border-radius: 0.375rem;
  background: transparent; }

.footer-site-name {
  color: var(--heading);
  font-weight: 800;
  font-size: 1rem;
  padding-top: 0.3125rem; }

.footer-desc {
  color: var(--text-main);
  font-size: 0.8125rem; }

.cert-wrap {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.25rem; }

.cert {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  padding: 0.25rem 0.25rem 0 0.25rem;
  flex: 0 0 auto;
  width: auto; }
  .cert b {
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    background: var(--page-bg);
    border-radius: 0.5rem;
    padding: 0.5rem;
    max-width: 8.125rem; }
  .cert i {
    width: 100%;
    font-style: normal;
    cursor: pointer;
    margin-bottom: 0.625rem; }

.cert-img {
  height: 1.75rem;
  object-fit: contain; }

.footer-logo-wrap {
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  text-align: center; }

.footer-bottom-left {
  padding-top: calc(var(--container-padding) * 2);
  padding-bottom: calc(var(--container-padding) * 2);
  text-align: center; }

.footer-bottom-left small {
  color: var(--text-main);
  font-size: 0.8125rem; }

.first-footer-list {
  display: flex;
  flex-wrap: wrap; }
  .first-footer-list li {
    width: 50%; }

.footer-tg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 1.25rem;
  padding-bottom: 0.3125rem; }

footer .list-unstyled li {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
  footer .list-unstyled li span {
    cursor: pointer;
    margin-top: 0.625rem;
    margin-bottom: 0.9375rem;
    display: flex;
    flex-wrap: wrap; }
  footer .list-unstyled li:last-child span {
    margin-bottom: 0; }

.footer-links-bottom a {
  font-size: 1rem;
  position: relative;
  padding-left: 1.5rem;
  color: var(--text-additional); }
  .footer-links-bottom a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.0625rem;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0085 1.3335L9.40137 1.3335C9.03787 1.3335 8.74321 1.62817 8.74321 1.99166C8.74321 2.35515 9.03787 2.64982 9.40137 2.64982H12.4196L7.5261 7.54328C7.26908 7.8003 7.26908 8.21703 7.5261 8.47406C7.78313 8.73109 8.19986 8.73109 8.45689 8.47406L13.3503 3.5806L13.3503 6.5988C13.3503 6.96229 13.645 7.25696 14.0085 7.25696C14.372 7.25696 14.6667 6.96229 14.6667 6.5988L14.6667 1.99166C14.6667 1.62817 14.372 1.3335 14.0085 1.3335ZM3.33333 6.00016C3.33333 5.26378 3.93029 4.66683 4.66667 4.66683H6.65926C7.02745 4.66683 7.32593 4.36835 7.32593 4.00016C7.32593 3.63197 7.02745 3.3335 6.65926 3.3335H4.66667C3.19391 3.3335 2 4.5274 2 6.00016V11.3335C2 12.8063 3.19391 14.0002 4.66667 14.0002H10C11.4728 14.0002 12.6667 12.8061 12.6667 11.3334V9.57424C12.6667 9.20605 12.3682 8.90757 12 8.90757C11.6318 8.90757 11.3333 9.20605 11.3333 9.57424V11.3334C11.3333 12.0698 10.7363 12.6668 10 12.6668H4.66667C3.93029 12.6668 3.33333 12.0699 3.33333 11.3335V6.00016Z' fill='%239BA7CA'/%3E%3C/svg%3E") no-repeat center center; }
  .footer-links-bottom a:hover {
    text-decoration: underline;
    color: var(--heading); }

.providers-block .container {
  padding-bottom: calc(var(--sect-padding) * 2); }

.providers-block .container, .site-footer .container {
  background: var(--container-bg); }

@media (min-width: 61.9375rem) {
  .providers-block .container {
    border-bottom-left-radius: var(--sect-radius);
    border-bottom-right-radius: var(--sect-radius); }

  .site-footer .container {
    border-top-left-radius: var(--sect-radius);
    border-top-right-radius: var(--sect-radius); } }
@media (max-width: 47.9375rem) {
  .provider-logo {
    height: 1.375rem;
    margin-right: 0.75rem; }

  .footer-main {
    row-gap: 1.125rem; }

  .footer-site-name {
    font-size: 0.875rem; }

  .footer-col-title {
    font-size: 0.875rem; }

  .first-footer-list li {
    width: 100%; }

  .cert b {
    width: 8.125rem; }

  .footer-main {
    padding-top: 0.9375rem; }

  .footer-col-title {
    margin-top: 0.9375rem; }

  .footer-tg {
    padding-top: 2.25rem; }

  .footer-logo-wrap {
    margin-bottom: 1.125rem;
    text-align: center; } }

/*# sourceMappingURL=style.css.map */