@charset "UTF-8";
:root {
  --themeColor: #340b0b;
  --themeColor2: #f79b31;
  --baseColor: #000;
  --baseColor2: #671b1b;
}

.footer-providers, footer .btn.btn-dark {
  background: 0 0 !important;
}

.b-bonus-box .bonus-info .btn.btn-base:first-child, .bonus-modal a.btn.btn-base.ng-star-inserted {
  background: var(--themeColor) !important;
  color: var(--baseColor) !important;
}

.f-promotions div.p-list ul li a.active, .f-promotions div.p-list ul li a:hover {
  border-color: var(--themeColor) !important;
}

.col-m-btn {
  display: none !important;
}

.b-widget.b-widget-popular-slots {
  display: none;
}

footer, header, html body {
  background: linear-gradient(to right, #340b0b 38%, #2a0808 78%, #671b1b 100%), #340b0b;
}

header div.nav {
  background: rgba(0, 0, 0, 0.15);
}

header div.nav ul.nav-menu li a.current, header div.nav ul.nav-menu li a:hover {
  background: #340b0b;
}

.btn.btn-login, .btn.btn-register {
  background: #fff !important;
  color: #000 !important;
  border-radius: 30px;
  padding: 5px 20px;
}

.btn.btn-register, header div.nav ul.nav-menu li a em.new {
  background: var(--themeColor2) !important;
  color: #fff !important;
}

.btn.btn-login {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn.btn-register {
  color: var(--baseColor) !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

div.dropdown.bw-custom a.btn {
  background: rgba(0, 0, 0, 0.12) !important;
  color: #fff;
  border-radius: 30px;
}

ul.btn-group-social li a.btn {
  background: rgba(255, 255, 255, 0.1215686275) !important;
  border: none !important;
  transition: transform 0.1s;
  border-radius: 100px;
}

ul.btn-group-social li a.btn:hover {
  transform: scale(1.05);
}

div.jackpots div.inner span.title, div.jackpots div.jackpot.mega div.inner span.title, header div.nav ul.nav-menu li a.current i.nav-icon, sub {
  color: var(--themeColor2) !important;
}

.b-header span, .icon-box i, a#scrollToTopBtn, div.b-bonus-box .kind div.base span, div.b-bonus-box .kind div.title h5 {
  color: #fff !important;
}

header div.nav ul.nav-menu li a {
  color: #fff;
}

footer .btn.btn-dark {
  border: none !important;
}

a#scrollToTopBtn {
  background: rgba(255, 255, 255, 0.1607843137) !important;
}

.icon-box {
  background: var(--themeColor2) !important;
  border: none !important;
  border-radius: 100px;
}

.col-m-btn .btn.btn-base, .col-m-live .btn.btn-base, .col-m-slot .btn.btn-base {
  background: #54bfdb !important;
  color: #000 !important;
}

body#promotionspagex div.b-bonus-box div.bonus-info {
  background: rgba(84, 191, 219, 0.09);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 95%;
  top: 0;
}

div.b-bonus-box .kind div.base, div.b-bonus-box .kind div.title {
  background: rgba(49, 13, 13, 0.6);
}

div.bw-game-item div.bw-game-content div.game-actions a.btn-play {
  background: var(--baseColor2) !important;
  border: none !important;
  color: #fff !important;
}

body#promotionspagex .b-container {
  background: rgba(0, 0, 0, 0.1490196078);
  padding: 50px;
}

body#promotionspagex footer .b-container {
  background: none !important;
}

.b-bonus.page {
  grid-template-columns: repeat(auto-fill, minmax(calc((100% - 50px) / 3), 1fr)) !important;
}

.bonus-info.ng-star-inserted {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body#promotionspagex div.b-bonus-box {
  min-width: inherit !important;
  height: fit-content !important;
  aspect-ratio: 10/5.5;
}

.b-bonus-box .bonus-info h5 {
  font-size: 15px;
  color: var(--themeColor2);
}

.b-bonus-box .bonus-info .btn.btn-base:first-child {
  border: none !important;
}

.b-bonus-box .text-theme, .bonus-modal .modal-body .kind .d-flex, .bonus-modal .start, .f-promotions .text-theme, .f-promotions a.text-theme {
  color: var(--themeColor2) !important;
}

.f-promotions div.p-list ul li a.active {
  color: var(--themeColor2) !important;
}

body#promotionspagex .b-slider {
  display: none;
}

a#bonus-modal-btn {
  background: var(--themeColor2) !important;
  border: none !important;
  color: #000 !important;
}

@media screen and (max-width: 768px) {
  .b-bonus-box.ng-star-inserted {
    height: 157px;
  }
  body#promotionspagex .b-container {
    padding: 0;
  }
  .b-bonus.page {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 50px) / 2), 1fr)) !important;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: calc(100% - 70px);
  }
  .m-bottom-nav, header div.nav {
    background: linear-gradient(121deg, #671b1b, #340b0b 10%, #671b1b 25%, #340b0b 43%, #671b1b 64%, #340b0b 84%, #671b1b) !important;
  }
  header div.nav ul.nav-menu li a.current, header div.nav ul.nav-menu li a:hover {
    background: 0 0 !important;
    border-bottom: 1px solid var(--themeColor2);
  }
  body#promotionspagex app-main.ng-star-inserted main {
    margin-top: 15px;
  }
  body#promotionspagex app-main.ng-star-inserted main .b-container {
    padding-top: 15px;
  }
  .m-bottom-nav {
    border-top: 1px solid var(--themeColor) !important;
  }
  .m-bottom-nav nav a.item span {
    color: #fff !important;
  }
  app-footer footer .w-100.d-flex.justify-content-end.flex-wrap {
    justify-content: center !important;
  }
  app-footer footer .b-content:nth-child(2) {
    margin-top: 0px !important;
  }
  app-footer footer .w-100.mt-2 {
    text-align: center;
  }
  app-footer footer {
    border-top: 1px solid var(--themeColor2) !important;
  }
  .b-widget a.btn.btn-base {
    background: var(--themeColor);
    border-radius: 100px;
    color: #fff;
    border-color: var(--themeColor2);
    font-size: 11px;
  }
  /* geçici */
  .b-games {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 10px;
    justify-content: space-between;
  }
  .b-games app-live-casino-game {
    flex: 0 calc(50% - 5px);
    display: grid;
  }
  div.bw-game-item {
    width: 100%;
  }
  .b-games app-live-casino-game {
    border: 1px solid var(--themeColor2) !important;
    border-radius: 10px;
    overflow: hidden;
  }
  app-horizontal-promotion-list.b-widget-promotion-content div.b-widget div.b-content.bonus-content {
    border: 1px solid var(--themeColor2);
    border-radius: 10px;
    height: 160px;
    margin-bottom: 15px;
  }
  .btn.btn-login, .btn.btn-register {
    font-size: 11px;
    padding: 5px 10px;
    font-weight: bold;
  }
  div#offcanvasNavbar {
    width: 100%;
    background: var(--themeColor) !important;
    background: linear-gradient(180deg, var(--themeColor) 0%, var(--baseColor2) 175%) !important;
  }
  div.mobile-nav a i {
    background: var(--themeColor) !important;
    border-radius: 100px;
  }
  div.mobile-nav a {
    color: #ff;
    font-size: 16px;
    background: rgba(17, 17, 17, 0.3215686275);
    border-radius: 100px;
  }
  div.mobile-nav h6 {
    color: #FFF;
  }
  div.mobile-nav a:hover, div.mobile-nav a.current, div.mobile-nav a.active,
  div.mobile-nav a:hover i, div.mobile-nav a.current i, div.mobile-nav a.active i {
    color: var(--themeColor2);
  }
}
.top-alert .alert.alert-base {
  background: rgba(69, 109, 151, 0.3019607843) !important;
  border: none !important;
  color: #fff !important;
}

.top-alert button.btn.btn-close {
  background: #54bfdb !important;
  color: #fff !important;
}

/* wise fix do not touch */
.form-control:focus {
  color: #ffffff !important;
  border-color: #54bfdb !important;
}

/* wise fix END - do not touch */
.bonus-modal .modal-body .col div p, .bonus-modal .modal-body .col div span {
  color: #fff !important;
}

@media screen and (max-width: 768px) {
  .home-buttons {
    margin-top: 10px;
    margin-bottom: 20px !important;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
  }
  .home-buttons .col {
    box-sizing: border-box;
    width: 100%;
  }
  .home-buttons a.btn {
    background: linear-gradient(121deg, #671b1b, #340b0b 10%, #671b1b 25%, #340b0b 43%, #671b1b 64%, #340b0b 84%, #671b1b) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 35px -15px var(--themeColor);
    border: none;
  }
  .home-buttons a.btn span.inner figure i {
    color: #fff !important;
    background-image: linear-gradient(to bottom left, #fff, #fff);
  }
  .home-buttons a.btn span.inner p.link-desc {
    color: #fff !important;
    font-size: 10px !important;
    font-family: "Poppins";
  }
}
body:has(iframe#side_window_container) {
  height: 100% !important;
}

.alert .alert-base {
  background: var(--baseColor2) !important;
}

.alert .alert-base button.btn.btn-close {
  background: var(--themeColor) !important;
  margin-top: 5px;
}

app-footer footer .b-content .col-12.col-md-6 app-lang-links {
  display: none;
}

app-footer footer .b-content:nth-child(2) {
  margin-top: -50px;
}

app-footer .btn.btn-dark {
  color: #fff;
  text-shadow: 0px 0px 10px var(--baseColor2);
}

app-footer footer .b-content.p-2.pt-4, app-footer footer .b-content small {
  color: #fff;
  text-shadow: 0px 0px 10px var(--baseColor2);
  text-align: center;
}

app-footer footer span.age-restriction {
  background: none;
  border: 1px solid var(--baseColor2);
  color: #fff;
}

.modal .modal-dialog .modal-content .modal-body {
  background: var(--themeColor) !important;
  border-color: var(--themeColor2) !important;
}

.modal .modal-dialog .modal-content .modal-body .kind {
  background: var(--baseColor2) !important;
}

.modal .bonus-modal .modal-body .col div {
  color: #fff !important;
}

.modal .bonus-modal a.btn.btn-close {
  background: var(--themeColor) !important;
  margin-right: 0px;
}

.b-widget.b-widget-popular-slots {
  display: none;
}

a#scrollToTopBtn {
  display: none !important;
}

a[href="/account/info/suspend"] {
  display: none !important;
}

a.nav-link.ng-star-inserted[href="/affiliate"] {
  display: none;
}

.aff-head {
  font-size: 24px;
  font-family: "Poppins";
  color: #f79b31;
}

.modal-content .modal-body .btn.btn-theme {
  background: #f79b31;
  border-color: #fff;
  color: #000000;
  font-weight: 700;
}

.modal-content .modal-body .btn.btn-base {
  border: 2px solid #b6bec5 !important;
  font-size: 16px !important;
}

.deposit-container button.btn.btn-block.btn-primary {
  background: #f79b31;
  border-color: #fff;
  color: #000000;
  font-weight: 700;
  margin-top: 20px;
}

a.btn.btn-base.p-2.me-1.mb-1.current {
  color: #b6bec5;
}

.btn.btn-base {
  border: 1px solid #f79b31;
}

body .btn > span {
  COLOR: aliceblue;
}

.btn.btn-base.current, .btn.btn-base.active {
  background: #560606;
  border-color: #2a0808;
  color: #340b0b;
}