:root {
  --site-black: #030303;
  --site-panel: #0b0b0d;
  --site-panel-soft: #170608;
  --site-maroon: #3d050b;
  --site-maroon-2: #650812;
  --site-red: #a90f1f;
  --site-red-bright: #e61d36;
  --site-text: #f7f7f7;
  --site-muted: #b8b8b8;
  --site-border: #76101c;
}

html {
  background: var(--site-black);
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body {
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 8, 18, .28), transparent 34rem),
    linear-gradient(180deg, #050505 0%, #120407 48%, #030303 100%) !important;
  color: var(--site-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.glyphicon,
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text,
.home-progressive-jackpot .jackpot-container {
  font-family: inherit !important;
}

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}

img {
  height: auto;
}

a,
.forgot-password-link,
.promotion-title,
.section-title,
.game-name,
.provider-name {
  color: var(--site-red-bright);
}

.topbar-container,
.header-container,
.main-menu-container,
.top-menu,
.main-menu,
.menu-container,
.sticky-header,
.navbar-header,
.navbar,
.footer,
footer,
.footer-container,
.footer-content,
.copyright,
.modal-content,
.dropdown-menu,
.login-panel,
.register-panel,
.announcement-container,
.home-progressive-jackpot,
.game-list-container,
.provider-list-container {
  background:
    linear-gradient(180deg, rgba(42, 5, 10, .98) 0%, rgba(8, 8, 10, .98) 100%) !important;
  border-color: var(--site-border) !important;
}

.topbar-container,
.header-container,
.main-menu-container,
.top-menu,
footer,
.footer,
.copyright {
  box-shadow: inset 0 -1px 0 rgba(230, 29, 54, .32), 0 8px 22px rgba(0, 0, 0, .32) !important;
}

.btn-primary,
.standard-button,
.standard-secondary-button,
.login-button,
.register-button,
.play-now,
.download-apk-btn,
.telegram-btn,
button[type="submit"],
input[type="submit"],
input[type="button"] {
  background: linear-gradient(180deg, #f02a42 0%, #8e0b19 58%, #45050c 100%) !important;
  border-color: var(--site-red) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 8px 18px rgba(90, 0, 12, .28) !important;
}

.btn-secondary,
.search_popup_button,
.language-selector-trigger,
.topbar-item a,
.topbar-item span {
  background-color: var(--site-panel-soft) !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

.top-menu a,
.main-menu a,
.navbar a,
footer a,
.footer a {
  color: #fff !important;
}

.top-menu a:hover,
.main-menu a:hover,
.navbar a:hover,
footer a:hover,
.footer a:hover {
  color: #ff4056 !important;
}

.top-menu .game-list > li > a .background,
.game-list > li > a .background,
.provider-list li,
.game-item,
.payment-method,
.bank-item {
  background: linear-gradient(180deg, #141416 0%, #43050c 100%) !important;
  border-color: var(--site-border) !important;
}

.top-menu .game-list > li.active > a,
.top-menu .game-list > li > a:hover,
.game-list > li > a:hover,
.provider-list li:hover {
  background-color: var(--site-maroon-2) !important;
  border-color: var(--site-red-bright) !important;
}

.announcement-container,
.home-progressive-jackpot,
.popular-game-title-container,
.popular-games,
.provider-container,
.article-container,
.content-box,
.panel,
.well {
  background:
    linear-gradient(180deg, rgba(21, 21, 23, .96), rgba(45, 5, 11, .94)) !important;
  border-color: rgba(230, 29, 54, .35) !important;
  color: var(--site-text) !important;
}

.page-title-section {
  background:
    linear-gradient(180deg, rgba(10, 10, 12, .96), rgba(45, 5, 11, .92)) !important;
  border-top: 1px solid rgba(230, 29, 54, .32);
  border-bottom: 1px solid rgba(230, 29, 54, .32);
  padding: 24px 0 22px;
}

.page-title-section h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 34px !important;
  line-height: 1.22;
  margin: 0 0 8px;
}

.page-title-section p {
  color: #f1dadd !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 17px !important;
  line-height: 1.55;
  max-width: 860px;
  margin: 0;
}

body,
body *,
.announcement-container *,
.popular-game-title-container *,
.popular-games *,
.provider-container *,
.provider-list-container *,
.game-list-container *,
.footer *,
footer *,
.modal-content *,
.dropdown-menu *,
.language-selector *,
.winner-info *,
.game-name,
.container-title,
.section-title,
.jackpot-winner-title,
.article-container *,
.content-box *,
.panel *,
.well * {
  color: var(--site-text) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
}

a,
a *,
.forgot-password-link,
.promotion-title,
.section-title,
.container-title span,
.jackpot-winner-title,
.game-name,
.provider-name,
.winner-amount,
.jackpot-currency,
.modal-title {
  color: #ff4056 !important;
  -webkit-text-fill-color: currentColor !important;
}

.text-muted,
.help-block,
.small,
small,
.language-name > div + div,
.winner-info div:first-child,
.announcement-container [data-section="date"],
.footer .copyright,
footer .copyright,
.provider-container h5,
.form-group label {
  color: #f1dadd !important;
  -webkit-text-fill-color: currentColor !important;
}

.btn,
.btn *,
button,
button *,
input[type="submit"],
input[type="button"],
.play-now,
.play-now *,
.login-button,
.register-button,
.standard-button,
.standard-secondary-button {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.disabled,
[disabled],
[data-maintenance-status="true"],
[data-maintenance-status="true"] *,
.maintenance,
.maintenance * {
  color: #ffd7dc !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: .92 !important;
}

.modal-header,
.modal-footer,
.panel-heading,
.nav-tabs,
.pagination > li > a {
  background-color: #0b0b0b !important;
  border-color: var(--site-border) !important;
}

input,
select,
textarea,
.form-control {
  background-color: #090909 !important;
  border-color: var(--site-border) !important;
  color: var(--site-text) !important;
}

.site-description {
  max-width: 980px;
  margin: 0 auto;
}

.site-description h1,
.site-description h2 {
  font-size: 30px !important;
  line-height: 1.25;
  margin: 0 0 18px;
}

.site-description h3 {
  font-size: 24px !important;
  line-height: 1.3;
  margin: 28px 0 14px;
}

.site-description h4 {
  font-size: 20px !important;
  line-height: 1.35;
  margin: 22px 0 10px;
}

.site-description p,
.site-info-description p,
.announcement-list,
.footer-links,
.contact-list,
.modal-body,
.topbar-container,
.main-menu-container {
  font-size: 16px !important;
  line-height: 1.65;
}

.game-name,
.winner-info,
.provider-container h5,
.footer-section-title {
  font-size: 15px !important;
  line-height: 1.45;
}

::placeholder {
  color: var(--site-muted) !important;
}

@media (max-width: 1200px) {
  .container {
    width: min(100%, 1140px) !important;
    max-width: 100% !important;
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 992px) {
  .topbar-container .container,
  .header-container .container,
  .main-menu-container .container,
  .footer .container,
  footer .container {
    width: 100% !important;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .topbar-left-section,
  .topbar-right-section,
  .header-container .container,
  .main-menu,
  .top-menu .game-list,
  .provider-list,
  .game-list {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .topbar-left-section,
  .topbar-right-section {
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  body {
    min-width: 0 !important;
  }

  .container,
  .content-container,
  .main-content,
  .home-container,
  .footer-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .logo img {
    max-height: 58px;
    object-fit: contain;
  }

  .login-button,
  .register-button,
  .standard-button,
  .standard-secondary-button,
  .btn {
    min-height: 40px;
    line-height: 1.2;
    white-space: normal;
  }

  .banner img,
  .slick-slide img,
  .home-banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .modal-dialog {
    width: calc(100% - 24px) !important;
    margin: 12px auto !important;
  }

  table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 15px !important;
  }

  .page-title-section h1 {
    font-size: 26px !important;
  }

  .page-title-section p {
    font-size: 15px !important;
  }

  .topbar-item {
    max-width: 100%;
  }

  .topbar-item a,
  .topbar-item span {
    min-height: 34px;
  }

  .game-list,
  .provider-list {
    gap: 6px;
  }
}