/* Presentation styles adapted from the user-supplied Tipobet reference. */
html.tipobet-ui-modern {
  --am-ink: #1a2736;
  --am-ink-soft: #243443;
  --am-muted: #6a7a88;
  --am-line: #d5e0ea;
  --am-line-soft: #e2e8ef;
  --am-surface: #ffffff;
  --am-canvas: #f3f6f9;
  --am-mint: #f4faf6;
  --am-green: #0f853d;
  --am-green-mid: #14a04a;
  --am-green-deep: #0c7434;
  --am-radius: 14px;
  --am-radius-sm: 12px;
  --am-radius-lg: 18px;
  --am-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --am-shadow: 0 4px 18px rgba(36, 52, 67, 0.07);
}

html.tipobet-ui-modern .user-panel {
  padding-top: 24px;
  padding-bottom: 32px;
  color: var(--am-ink);
}

html.tipobet-ui-modern .user-panel .panel-content {
  background: var(--am-surface) !important;
  border: none !important;
  -webkit-box-shadow: 0 4px 24px rgba(36, 52, 67, 0.06) !important;
          box-shadow: 0 4px 24px rgba(36, 52, 67, 0.06) !important;
  border-radius: 16px;
  overflow: hidden;
}

html.tipobet-ui-modern .user-panel .panel-page-title {
  border-bottom: none !important;
  margin-bottom: 8px !important;
  background: transparent;
  padding: 16px 20px 8px !important;
}

html.tipobet-ui-modern .user-panel .panel-page-title .pt-title,
html.tipobet-ui-modern .user-panel .panel-page-title .pt-title-mobile {
  color: var(--am-green);
  font-weight: 700;
  letter-spacing: 0.01em;
  text-wrap: balance;
}

html.tipobet-ui-modern .user-panel .panel-page-title .pt-desc:not(.alert) {
  color: var(--am-muted);
  font-size: 13px;
  line-height: 1.45;
}

html.tipobet-ui-modern .user-panel .panel-page-title img {
  opacity: 0.95;
}

html.tipobet-ui-modern .user-panel .panel-sub-contents {
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 20px !important;
}

html.tipobet-ui-modern .user-panel .form-title {
  color: var(--am-ink-soft);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

html.tipobet-ui-modern .user-panel .form-group {
  margin-bottom: 12px;
  color: var(--am-ink-soft);
  font-size: 14px;
  font-weight: 500;
}

html.tipobet-ui-modern .user-panel .form-control,
html.tipobet-ui-modern .user-panel .custom-select,
html.tipobet-ui-modern .user-panel input.form-control,
html.tipobet-ui-modern .user-panel select.form-control,
html.tipobet-ui-modern .user-panel textarea.form-control,
html.tipobet-ui-modern .user-panel .form-control:disabled,
html.tipobet-ui-modern .user-panel .custom-select:disabled {
  min-height: 44px;
  border-radius: var(--am-radius-sm) !important;
  border: 1px solid var(--am-line) !important;
  background: var(--am-surface) !important;
  color: var(--am-ink-soft);
  font-size: 15px;
  font-weight: 500;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s var(--am-ease);
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s var(--am-ease);
  transition: border-color 0.2s ease, box-shadow 0.2s var(--am-ease);
  transition: border-color 0.2s ease, box-shadow 0.2s var(--am-ease), -webkit-box-shadow 0.2s var(--am-ease);
}

html.tipobet-ui-modern .user-panel .form-control:focus,
html.tipobet-ui-modern .user-panel .custom-select:focus,
html.tipobet-ui-modern .user-panel input.form-control:focus,
html.tipobet-ui-modern .user-panel select.form-control:focus,
html.tipobet-ui-modern .user-panel textarea.form-control:focus,
html.tipobet-ui-modern .user-panel .form-control:disabled:focus,
html.tipobet-ui-modern .user-panel .custom-select:disabled:focus {
  border-color: rgba(15, 133, 61, 0.55) !important;
  -webkit-box-shadow: 0 0 0 3px rgba(15, 133, 61, 0.14) !important;
          box-shadow: 0 0 0 3px rgba(15, 133, 61, 0.14) !important;
  outline: none;
}

html.tipobet-ui-modern .user-panel .form-control:disabled,
html.tipobet-ui-modern .user-panel .custom-select:disabled,
html.tipobet-ui-modern .user-panel textarea.form-control:disabled {
  background: var(--am-canvas) !important;
  color: var(--am-muted) !important;
  opacity: 1;
}

html.tipobet-ui-modern .user-panel .alert {
  border-radius: var(--am-radius-sm);
  line-height: 1.45;
  border-color: var(--am-line-soft);
}

html.tipobet-ui-modern .user-panel .panel-sub-contents .btn-panel-green,
html.tipobet-ui-modern .user-panel .panel-page-title .btn-panel-green,
html.tipobet-ui-modern .user-panel .panel-sub-contents .btn.btn-success,
html.tipobet-ui-modern .user-panel .content-history .btn-panel-green {
  min-height: 44px;
  border-radius: var(--am-radius) !important;
  border: none !important;
  background: var(--am-green) !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

html.tipobet-ui-modern .user-panel .panel-sub-contents .btn-panel-green:hover, html.tipobet-ui-modern .user-panel .panel-sub-contents .btn-panel-green:focus,
html.tipobet-ui-modern .user-panel .panel-page-title .btn-panel-green:hover,
html.tipobet-ui-modern .user-panel .panel-page-title .btn-panel-green:focus,
html.tipobet-ui-modern .user-panel .panel-sub-contents .btn.btn-success:hover,
html.tipobet-ui-modern .user-panel .panel-sub-contents .btn.btn-success:focus,
html.tipobet-ui-modern .user-panel .content-history .btn-panel-green:hover,
html.tipobet-ui-modern .user-panel .content-history .btn-panel-green:focus {
  background: var(--am-green-deep) !important;
  color: #fff !important;
}

html.tipobet-ui-modern .user-panel .panel-sub-contents .btn-panel-dark,
html.tipobet-ui-modern .user-panel .panel-sub-contents .btn.btn-secondary {
  min-height: 44px;
  border-radius: var(--am-radius) !important;
  border: 1px solid var(--am-line) !important;
  background: var(--am-canvas) !important;
  color: var(--am-ink-soft) !important;
  font-weight: 700;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

html.tipobet-ui-modern .user-panel .table,
html.tipobet-ui-modern .user-panel .b-table,
html.tipobet-ui-modern .user-panel table.b-table {
  border-collapse: separate;
  border-spacing: 0;
  color: var(--am-ink-soft);
}

html.tipobet-ui-modern .user-panel .table thead th,
html.tipobet-ui-modern .user-panel .b-table thead th {
  border-top: none !important;
  border-bottom: 1px solid var(--am-line-soft) !important;
  background: var(--am-canvas) !important;
  color: var(--am-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 12px 14px !important;
}

html.tipobet-ui-modern .user-panel .table td,
html.tipobet-ui-modern .user-panel .b-table td {
  border-top: 1px solid var(--am-line-soft) !important;
  padding: 12px 14px !important;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
}

html.tipobet-ui-modern .user-panel .table-striped tbody tr:nth-of-type(odd),
html.tipobet-ui-modern .user-panel .b-table.table-striped tbody tr:nth-of-type(odd) {
  background: #fafcfd;
}

html.tipobet-ui-modern .user-panel .table-hover tbody tr:hover,
html.tipobet-ui-modern .user-panel .b-table.table-hover tbody tr:hover {
  background: var(--am-mint) !important;
}

html.tipobet-ui-modern .user-panel .grayBorder {
  border: 1px solid var(--am-line-soft) !important;
  border-radius: var(--am-radius);
  background: var(--am-surface);
  padding: 12px !important;
  margin-bottom: 12px;
}

html.tipobet-ui-modern .user-panel .panel-history-dates .btn,
html.tipobet-ui-modern .user-panel .panel-history-dates input.btn {
  border-radius: var(--am-radius) !important;
}

html.tipobet-ui-modern .user-panel .btn-group-sm > .btn,
html.tipobet-ui-modern .user-panel .btn-group-toggle .btn {
  border-radius: 10px !important;
  border-color: var(--am-line) !important;
  font-weight: 600;
}

html.tipobet-ui-modern .user-panel .btn-group-toggle .btn.active,
html.tipobet-ui-modern .user-panel .btn-group-toggle .btn.focus.active {
  background: var(--am-green) !important;
  border-color: var(--am-green) !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

html.tipobet-ui-modern .user-panel .bankItem,
html.tipobet-ui-modern .user-panel .message-item,
html.tipobet-ui-modern .user-panel .ticket-item {
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-radius);
  background: var(--am-surface);
  -webkit-box-shadow: var(--am-shadow);
          box-shadow: var(--am-shadow);
}

html.tipobet-ui-modern .user-panel .pagination .page-link {
  border-radius: 10px !important;
  border-color: var(--am-line) !important;
  color: var(--am-ink-soft);
  margin: 0 2px;
}

html.tipobet-ui-modern .user-panel .pagination .page-item.active .page-link {
  background: var(--am-green) !important;
  border-color: var(--am-green) !important;
  color: #fff !important;
}

html.tipobet-ui-modern .user-panel .panel-sub-contents > .row,
html.tipobet-ui-modern .user-panel .panel-sub-contents form.row {
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 767px) {
  html.tipobet-ui-modern .user-panel {
    padding-top: 12px !important;
    padding-bottom: 16px !important;
  }
  html.tipobet-ui-modern .user-panel .panel-content {
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  html.tipobet-ui-modern .user-panel .panel-page-title {
    padding: 14px 14px 10px !important;
  }
  html.tipobet-ui-modern .user-panel .panel-page-title .pt-title,
  html.tipobet-ui-modern .user-panel .panel-page-title .pt-title-mobile {
    font-size: 18px;
    line-height: 1.25;
  }
  html.tipobet-ui-modern .user-panel .panel-sub-contents {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}


.br-6 {
  border-radius: 6px !important;
}
.mobile-blocks {
  padding: 5px 10px;
}
.mainPageTabs {
  margin-left: -8px;
  margin-right: -8px;
}
.mainPageTabs .mpItem {
  text-align: center;
  padding: 5px !important;
}
.mainPageTabs .mpItem a.smTabs {
  border-radius: 6px;
  font-size: 10px;
  display: block;
  background: #1F8D3A;
  -webkit-box-shadow: inset 0 -3px 0 0 #1A7631;
          box-shadow: inset 0 -3px 0 0 #1A7631;
  padding: 10px 3px;
}
.mainPageTabs .mpItem a.smTabs img {
  width: 30px;
}
.mainPageTabs .mpItem a.smTabs span {
  line-height: 1.6;
  display: block;
  color: #fff;
}
.mainPageTabs .mpItem a.smTabs span.mp1 {
  margin-top: 5px;
  font-weight: bold;
}
.mainPageTabs .mpItem a.smTabs:hover, .mainPageTabs .mpItem a.smTabs:focus, .mainPageTabs .mpItem a.smTabs:active {
  background: #0F6D2A;
  text-decoration: none;
}

/*
 * Tipobet mobile home — Soft Structuralism
 * Slate canvas + white tiles + brand green accent only. No glow / glass / purple.
 * Scoped to .home-m--modern (?ui=modern). Classic styles above stay untouched.
 */
.home-m--modern {
  --hm-ink: #1a2736;
  --hm-ink-soft: #243443;
  --hm-muted: #6a7a88;
  --hm-line: #d5e0ea;
  --hm-surface: #ffffff;
  --hm-canvas: #eef2f6;
  --hm-mint: #f4faf6;
  --hm-green: #0f853d;
  --hm-green-mid: #14a04a;
  --hm-green-deep: #0c7434;
  --hm-r: 14px;
  --hm-r-sm: 12px;
  --hm-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --hm-shadow: 0 4px 16px rgba(36, 52, 67, 0.08);
  padding-bottom: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e8eef3), color-stop(28%, var(--hm-canvas)), to(#f7f9fb));
  background: linear-gradient(180deg, #e8eef3 0%, var(--hm-canvas) 28%, #f7f9fb 100%);
}
.home-m--modern .home-m__wrap {
  padding-left: 14px !important;
  padding-right: 14px !important;
  max-width: 100%;
}
.home-m--modern .home-m__wrap > .row {
  margin-left: 0;
  margin-right: 0;
}
.home-m--modern .home-m__slider {
  margin-top: 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
.home-m--modern .home-m__slider .carousel,
.home-m--modern .home-m__slider .carousel-inner,
.home-m--modern .home-m__slider .carousel-item {
  border-radius: var(--hm-r);
  overflow: hidden;
}
.home-m--modern .home-m__slider .carousel {
  -webkit-box-shadow: var(--hm-shadow);
          box-shadow: var(--hm-shadow);
  background: var(--hm-ink-soft);
}
.home-m--modern .home-m__slider .carousel-item img,
.home-m--modern .home-m__slider .carousel-item a img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}
.home-m--modern .home-m__slider .carousel-control-prev,
.home-m--modern .home-m__slider .carousel-control-next {
  width: 28px;
  opacity: 1;
}
.home-m--modern .home-m__slider .carousel-control-prev .carousel-control-prev-icon,
.home-m--modern .home-m__slider .carousel-control-prev .carousel-control-next-icon,
.home-m--modern .home-m__slider .carousel-control-next .carousel-control-prev-icon,
.home-m--modern .home-m__slider .carousel-control-next .carousel-control-next-icon {
  width: 18px;
  height: 18px;
  -webkit-filter: none;
          filter: none;
}
.home-m--modern .home-m__slider .carousel-indicators {
  margin-bottom: 10px;
}
.home-m--modern .home-m__slider .carousel-indicators li {
  width: 6px;
  height: 6px;
  border-radius: 1px;
  border: 0;
  background: rgba(255, 255, 255, 0.42);
  margin: 0 4px;
}
.home-m--modern .home-m__slider .carousel-indicators li.active {
  width: 6px;
  height: 6px;
  background: var(--hm-green);
}
.home-m--modern .home-m__heroes {
  margin-left: -4px;
  margin-right: -4px;
  padding-top: 12px !important;
}
.home-m--modern .home-m__heroes .mpItem {
  padding: 4px !important;
}
.home-m--modern .home-m__heroes .mpItem a {
  display: block;
  border-radius: var(--hm-r);
  overflow: hidden;
  -webkit-box-shadow: var(--hm-shadow);
          box-shadow: var(--hm-shadow);
  background: var(--hm-surface);
  -webkit-transition: -webkit-transform 0.18s var(--hm-ease), -webkit-box-shadow 0.18s var(--hm-ease);
  transition: -webkit-transform 0.18s var(--hm-ease), -webkit-box-shadow 0.18s var(--hm-ease);
  transition: transform 0.18s var(--hm-ease), box-shadow 0.18s var(--hm-ease);
  transition: transform 0.18s var(--hm-ease), box-shadow 0.18s var(--hm-ease), -webkit-transform 0.18s var(--hm-ease), -webkit-box-shadow 0.18s var(--hm-ease);
}
.home-m--modern .home-m__heroes .mpItem a:active {
  -webkit-transform: scale(0.985);
          transform: scale(0.985);
  -webkit-box-shadow: 0 2px 10px rgba(36, 52, 67, 0.1);
          box-shadow: 0 2px 10px rgba(36, 52, 67, 0.1);
}
.home-m--modern .home-m__heroes .mpItem img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--hm-r) !important;
}
.home-m--modern .home-m__grid.mainPageTabs {
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem {
  padding: 4px !important;
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 96px;
  padding: 10px 4px 8px;
  border-radius: var(--hm-r-sm);
  background: var(--hm-surface);
  border: 1px solid var(--hm-line);
  -webkit-box-shadow: 0 2px 10px rgba(36, 52, 67, 0.05);
          box-shadow: 0 2px 10px rgba(36, 52, 67, 0.05);
  text-decoration: none;
  -webkit-transition: background-color 0.16s var(--hm-ease), border-color 0.16s var(--hm-ease), -webkit-transform 0.16s var(--hm-ease), -webkit-box-shadow 0.16s var(--hm-ease);
  transition: background-color 0.16s var(--hm-ease), border-color 0.16s var(--hm-ease), -webkit-transform 0.16s var(--hm-ease), -webkit-box-shadow 0.16s var(--hm-ease);
  transition: background-color 0.16s var(--hm-ease), border-color 0.16s var(--hm-ease), transform 0.16s var(--hm-ease), box-shadow 0.16s var(--hm-ease);
  transition: background-color 0.16s var(--hm-ease), border-color 0.16s var(--hm-ease), transform 0.16s var(--hm-ease), box-shadow 0.16s var(--hm-ease), -webkit-transform 0.16s var(--hm-ease), -webkit-box-shadow 0.16s var(--hm-ease);
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs img,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited img {
  display: block;
  width: 28px;
  height: 28px;
  padding: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 14px;
  background: linear-gradient(165deg, var(--hm-green-mid) 0%, var(--hm-green) 55%, var(--hm-green-deep) 100%);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
  /* SVGs are already white fills — never filter the img (filters wash out the green well) */
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs span,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited span {
  color: var(--hm-ink);
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs span.mp1,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited span.mp1 {
  margin-top: 8px;
  font-size: 10px;
  font-weight: 700;
  color: var(--hm-ink-soft);
  text-transform: uppercase;
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs span.mp2,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited span.mp2 {
  margin-top: 2px;
  font-size: 9px;
  font-weight: 500;
  color: var(--hm-muted);
  text-transform: uppercase;
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:hover, .home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:focus,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited:hover,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited:focus {
  background: var(--hm-mint);
  border-color: rgba(15, 133, 61, 0.28);
  text-decoration: none;
}
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:active,
.home-m--modern .home-m__grid.mainPageTabs .mpItem a.smTabs:visited:active {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  background: var(--hm-mint);
  border-color: rgba(15, 133, 61, 0.35);
  -webkit-box-shadow: 0 1px 6px rgba(36, 52, 67, 0.08);
          box-shadow: 0 1px 6px rgba(36, 52, 67, 0.08);
  text-decoration: none;
}
.home-m--modern .home-m__banners {
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-top: 8px;
}
.home-m--modern .home-m__banners .row {
  margin-left: 0;
  margin-right: 0;
}
.home-m--modern .home-m__banners .mobile-blocks {
  padding: 0 0 10px !important;
  margin: 0;
}
.home-m--modern .home-m__banners .mobile-blocks img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--hm-r);
  -webkit-box-shadow: var(--hm-shadow);
          box-shadow: var(--hm-shadow);
}
.home-m--modern .home-m__banners .mobile-blocks:active img {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
@media (prefers-reduced-motion: reduce) {
.home-m--modern .home-m__heroes .mpItem a,
  .home-m--modern .home-m__grid .smTabs,
  .home-m--modern .home-m__banners .mobile-blocks img {
    -webkit-transition: none !important;
    transition: none !important;
}
.home-m--modern .home-m__heroes .mpItem a:active,
  .home-m--modern .home-m__grid .smTabs:active,
  .home-m--modern .home-m__banners .mobile-blocks:active img {
    -webkit-transform: none !important;
            transform: none !important;
}
}

html.tipobet-ui-modern {
  --tb-slide-ink: #1a2736;
  --tb-slide-green: #0f853d;
  --tb-slide-r: 8px;
  --tb-slide-ease: cubic-bezier(0.32, 0.72, 0, 1);
  /* Home mobile carousel (already has controls + optional dots) */
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-prev,
html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-next {
  width: 28px;
  opacity: 1;
  background: none;
  text-shadow: none;
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 4px;
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 4px;
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-prev-icon,
html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-next-icon {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 0;
  background-color: rgba(26, 39, 54, 0.2);
  background-size: 7px 7px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transition: background-color 0.16s var(--tb-slide-ease);
  transition: background-color 0.16s var(--tb-slide-ease);
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-prev:hover .carousel-control-prev-icon,
html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-next:hover .carousel-control-next-icon,
html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-prev:focus .carousel-control-prev-icon,
html.tipobet-ui-modern .home-m__slider .carousel .carousel-control-next:focus .carousel-control-next-icon {
  background-color: rgba(26, 39, 54, 0.38);
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-indicators {
  margin-bottom: 10px;
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-indicators li {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  border: 0;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.42);
  opacity: 1;
  text-indent: -999px;
  overflow: hidden;
  -webkit-transition: background-color 0.16s var(--tb-slide-ease);
  transition: background-color 0.16s var(--tb-slide-ease);
}

html.tipobet-ui-modern .home-m__slider .carousel .carousel-indicators li.active {
  width: 6px;
  height: 6px;
  background: var(--tb-slide-green);
}

html.tipobet-ui-modern .tb-slider--modern {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

html.tipobet-ui-modern .tb-slider--modern .slick-prev,
html.tipobet-ui-modern .tb-slider--modern .slick-next {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  z-index: 3;
  border-radius: 4px;
  background: rgba(26, 39, 54, 0.2);
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background-color 0.16s var(--tb-slide-ease);
  transition: background-color 0.16s var(--tb-slide-ease);
}

html.tipobet-ui-modern .tb-slider--modern .slick-prev:hover, html.tipobet-ui-modern .tb-slider--modern .slick-prev:focus,
html.tipobet-ui-modern .tb-slider--modern .slick-next:hover,
html.tipobet-ui-modern .tb-slider--modern .slick-next:focus {
  background: rgba(26, 39, 54, 0.38);
  outline: none;
}

html.tipobet-ui-modern .tb-slider--modern .slick-prev::before,
html.tipobet-ui-modern .tb-slider--modern .slick-next::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  margin: 0;
  border-style: solid;
  border-color: #fff;
  border-width: 0 1.5px 1.5px 0;
  opacity: 1;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

html.tipobet-ui-modern .tb-slider--modern .slick-prev {
  left: 6px;
}

html.tipobet-ui-modern .tb-slider--modern .slick-prev::before {
  -webkit-transform: translateX(1px) rotate(135deg);
          transform: translateX(1px) rotate(135deg);
}

html.tipobet-ui-modern .tb-slider--modern .slick-next {
  right: 6px;
}

html.tipobet-ui-modern .tb-slider--modern .slick-next::before {
  -webkit-transform: translateX(-1px) rotate(-45deg);
          transform: translateX(-1px) rotate(-45deg);
}

html.tipobet-ui-modern .tb-slider--modern .slick-disabled {
  opacity: 0.35;
  pointer-events: none;
}

html.tipobet-ui-modern .tb-slider--modern .slick-dots {
  bottom: -22px;
}

html.tipobet-ui-modern .tb-slider--modern .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 3px;
}

html.tipobet-ui-modern .tb-slider--modern .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
}

html.tipobet-ui-modern .tb-slider--modern .slick-dots li button::before {
  content: '';
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: rgba(26, 39, 54, 0.28);
  opacity: 1;
  color: transparent;
}

html.tipobet-ui-modern .tb-slider--modern .slick-dots li.slick-active button::before {
  background: var(--tb-slide-green);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  html.tipobet-ui-modern .home-m__slider .carousel-control-prev-icon,
  html.tipobet-ui-modern .home-m__slider .carousel-control-next-icon,
  html.tipobet-ui-modern .tb-slider--modern .slick-prev,
  html.tipobet-ui-modern .tb-slider--modern .slick-next,
  html.tipobet-ui-modern .home-m__slider .carousel-indicators li {
    -webkit-transition: none;
    transition: none;
  }
}


.isMobile {
  background-image: -webkit-gradient(linear, right top, left top, from(#212529), to(#01310D));
  background-image: linear-gradient(-90deg, #212529 0%, #01310D 100%);
}
.isMobile.vip365 {
  background-image: -webkit-gradient(linear, right top, left top, from(#01060A), to(#041322));
  background-image: linear-gradient(-90deg, #01060A 0%, #041322 100%);
}

/* Modern mobile canvas — kill classic green gradient under header */
html.tipobet-ui-modern body {
  background-image: none !important;
  background-color: #eef2f6 !important;
}
html.tipobet-ui-modern .isMobile {
  background-image: none !important;
  background-color: #eef2f6 !important;
}
html.tipobet-ui-modern .isMobile.vip365 {
  background-image: none !important;
  background-color: #1a2736 !important;
}
@media (max-width: 349px) {
.d-none-350 {
    display: none !important;
}
}
@media (min-width: 350px) {
.d-block-350 {
    display: none !important;
}
}
@media (max-width: 369px) {
.d-none-370 {
    display: none !important;
}
}
@media (min-width: 370px) {
.d-block-370 {
    display: none !important;
}
}
.balance-holder * {
  vertical-align: middle;
}
.bg-t-green {
  background: #009D34;
}
.mobileHeader {
  position: fixed;
  width: 100%;
  height: 60px;
}
.mobileHeader nav {
  -webkit-box-shadow: inset 0px -2px 0px #00000026;
          box-shadow: inset 0px -2px 0px #00000026;
}
.mobileHeader .header-top-m {
  padding-top: 10px;
  padding-right: 10px;
}
.mobileHeader .header-top-m a.attm {
  height: 38px;
  width: 38px;
  display: inline-block;
  text-align: center;
  background: #1F8D3A;
  -webkit-box-shadow: inset 0 -4px 0 0 #1A7631;
          box-shadow: inset 0 -4px 0 0 #1A7631;
  margin-left: 3px;
  border-radius: 6px;
  padding-top: 5px;
}
.mobileHeader .header-top-m .lang-btn {
  background: #1F8D3A;
  border-radius: 6px;
  height: 38px;
  width: 48px;
  border: none !important;
  padding-top: 0.16rem;
  padding-bottom: 0.34rem;
  -webkit-box-shadow: inset 0 -4px 0 0 #1A7631;
          box-shadow: inset 0 -4px 0 0 #1A7631;
}
.vip365 header {
  background: #2B3B4B;
}
.vip365 header .bg-t-green {
  background: #2B3B4B;
}
.vip365 header .header-top-m {
  padding-top: 10px;
  padding-right: 10px;
}
.vip365 header .header-top-m a.attm {
  display: inline-block;
  text-align: center;
  background: #34495e;
  -webkit-box-shadow: inset 0 -4px 0 0 #2c3e50;
          box-shadow: inset 0 -4px 0 0 #2c3e50;
  margin-left: 3px;
  border-radius: 6px;
  padding-top: 10px;
}
.vip365 header .header-top-m .lang-btn {
  background: #34495e;
  -webkit-box-shadow: inset 0 -4px 0 0 #2c3e50;
          box-shadow: inset 0 -4px 0 0 #2c3e50;
}
.vip365 header .mainmenu {
  background: -webkit-gradient(linear, left top, left bottom, from(#E68F2D), to(#f79F3e));
  background: linear-gradient(#E68F2D, #f79F3e);
}
.vip365 header .lang-menu {
  font-size: 9px;
  line-height: 9px;
  font-family: 'Avenir', sans-serif;
  font-weight: 600;
  position: relative;
}
.vip365 header .lang-menu a.curr-lang {
  color: #fff;
}
.vip365 header .v-white {
  color: #fff !important;
}
.vip365 header .user-top-panel {
  font-size: 13px;
  padding-top: 4px;
}
.vip365 header .user-top-panel .balance-holder {
  color: #fff;
}
.vip365 header .user-top-panel .balance-holder .balance_total {
  color: #129D48;
}

/*
 * Tipobet modern mobile header
 * Soft Structuralism + desktop slate chrome
 * Green accent only (balance chip) — no full-bleed green bar
 */
.mobileHeader.mobileHeader--modern {
  --mh-slate: #243443;
  --mh-slate-soft: #1c2a38;
  --mh-green: #0f853d;
  --mh-green-deep: #0c7434;
  --mh-mint: #f4faf6;
  --mh-line: rgba(255, 255, 255, 0.12);
  --mh-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --mh-ctrl: 40px;
  --mh-r: 12px;
  height: 56px;
  z-index: 1030;
}
.mobileHeader.mobileHeader--modern .mh-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  height: 100%;
  padding: 0 10px 0 0;
  margin: 0;
  background: var(--mh-slate);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 0 rgba(26, 39, 54, 0.2), 0 8px 20px rgba(26, 39, 54, 0.18);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 0 rgba(26, 39, 54, 0.2), 0 8px 20px rgba(26, 39, 54, 0.18);
}
.mobileHeader.mobileHeader--modern .mh-m__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}
.mobileHeader.mobileHeader--modern .mh-m__brand > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.mobileHeader.mobileHeader--modern .mobile-main-menu-trigger {
  width: 52px !important;
  height: 100%;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent !important;
  border-right: 1px solid var(--mh-line);
  -webkit-transition: background-color 0.16s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease);
}
.mobileHeader.mobileHeader--modern .mobile-main-menu-trigger:active {
  background: rgba(255, 255, 255, 0.06) !important;
}
.mobileHeader.mobileHeader--modern .mobile-main-menu-trigger svg {
  width: 28px;
  height: 28px;
}
.mobileHeader.mobileHeader--modern .mh-m__brand .ml-2 {
  margin-left: 10px !important;
  margin-right: 0 !important;
}
.mobileHeader.mobileHeader--modern .mh-m__brand .ml-2 img {
  width: 108px;
  height: auto;
  display: block;
}
.mobileHeader.mobileHeader--modern .mh-m__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-item-align: center;
      align-self: center;
  gap: 6px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  max-height: 100%;
  padding-right: 2px;
}
.mobileHeader.mobileHeader--modern .mh-m__bal {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  width: auto;
  max-width: min(42vw, 160px);
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(15, 133, 61, 0.22) !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(15, 133, 61, 0.4);
          box-shadow: inset 0 0 0 1px rgba(15, 133, 61, 0.4);
  color: #fff !important;
  font-family: 'Avenir', 'Segoe UI', sans-serif;
  font-size: 13px;
  line-height: 1 !important;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.16s var(--mh-ease), -webkit-transform 0.12s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), -webkit-transform 0.12s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), transform 0.12s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), transform 0.12s var(--mh-ease), -webkit-transform 0.12s var(--mh-ease);
}
.mobileHeader.mobileHeader--modern .mh-m__bal:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background: rgba(15, 133, 61, 0.32) !important;
}
.mobileHeader.mobileHeader--modern .mh-m__bal-amt {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 7.5rem;
  color: #fff;
}
.mobileHeader.mobileHeader--modern .mh-m__bal-cur {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  opacity: 0.78;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
.mobileHeader.mobileHeader--modern .mh-m__ctrl,
.mobileHeader.mobileHeader--modern .mh-m__lang > .btn,
.mobileHeader.mobileHeader--modern .mh-m__lang > .dropdown-toggle {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--mh-ctrl) !important;
  height: var(--mh-ctrl) !important;
  min-width: var(--mh-ctrl) !important;
  min-height: var(--mh-ctrl) !important;
  max-height: var(--mh-ctrl) !important;
  margin: 0;
  padding: 0 !important;
  border: 1px solid var(--mh-line) !important;
  border-radius: var(--mh-r) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff !important;
  line-height: 1 !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.16s var(--mh-ease), border-color 0.16s var(--mh-ease), -webkit-transform 0.12s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), border-color 0.16s var(--mh-ease), -webkit-transform 0.12s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), border-color 0.16s var(--mh-ease), transform 0.12s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), border-color 0.16s var(--mh-ease), transform 0.12s var(--mh-ease), -webkit-transform 0.12s var(--mh-ease);
}
.mobileHeader.mobileHeader--modern .mh-m__ctrl img,
.mobileHeader.mobileHeader--modern .mh-m__lang > .btn img,
.mobileHeader.mobileHeader--modern .mh-m__lang > .dropdown-toggle img {
  width: 18px;
  height: 18px;
  display: block;
  opacity: 0.95;
}
.mobileHeader.mobileHeader--modern .mh-m__ctrl:active,
.mobileHeader.mobileHeader--modern .mh-m__lang > .btn:active,
.mobileHeader.mobileHeader--modern .mh-m__lang > .dropdown-toggle:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background: rgba(255, 255, 255, 0.14) !important;
}
.mobileHeader.mobileHeader--modern .mh-m__ctrl[aria-expanded="true"],
.mobileHeader.mobileHeader--modern .mh-m__lang > .btn[aria-expanded="true"],
.mobileHeader.mobileHeader--modern .mh-m__lang > .dropdown-toggle[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}
.mobileHeader.mobileHeader--modern .mh-m__ctrl--wide {
  width: auto !important;
  min-width: var(--mh-ctrl) !important;
  padding: 0 10px !important;
  gap: 4px;
}
.mobileHeader.mobileHeader--modern .mh-m__chev {
  margin: 0;
  font-size: 12px;
  opacity: 0.85;
  color: #fff;
}
.mobileHeader.mobileHeader--modern .mh-m__flag {
  width: 18px !important;
  height: 14px !important;
  border-radius: 2px;
  display: block;
}
.mobileHeader.mobileHeader--modern .mh-m__lang {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobileHeader.mobileHeader--modern .mh-m__lang .dropdown-menu {
  min-width: 168px;
  margin-top: 8px !important;
  padding: 6px;
  border: 1px solid #e2e8ef;
  border-radius: 14px;
  background: #fff;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 28px rgba(30, 45, 60, 0.12);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 28px rgba(30, 45, 60, 0.12);
  overflow: hidden;
}
.mobileHeader.mobileHeader--modern .mh-m__lang .dropdown-menu .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 11px 12px;
  margin: 0;
  border-radius: 10px;
  border: none !important;
  font-family: 'Avenir', 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #334155 !important;
  background: transparent !important;
  -webkit-transition: background-color 0.16s var(--mh-ease), color 0.16s var(--mh-ease);
  transition: background-color 0.16s var(--mh-ease), color 0.16s var(--mh-ease);
}
.mobileHeader.mobileHeader--modern .mh-m__lang .dropdown-menu .dropdown-item + .dropdown-item {
  margin-top: 2px;
}
.mobileHeader.mobileHeader--modern .mh-m__lang .dropdown-menu .dropdown-item:hover, .mobileHeader.mobileHeader--modern .mh-m__lang .dropdown-menu .dropdown-item:focus, .mobileHeader.mobileHeader--modern .mh-m__lang .dropdown-menu .dropdown-item:active {
  background: rgba(15, 133, 61, 0.1) !important;
  color: var(--mh-green) !important;
}
@media (prefers-reduced-motion: reduce) {
.mobileHeader.mobileHeader--modern .mh-m__bal,
  .mobileHeader.mobileHeader--modern .mh-m__ctrl,
  .mobileHeader.mobileHeader--modern .mh-m__lang > .btn,
  .mobileHeader.mobileHeader--modern .mobile-main-menu-trigger {
    -webkit-transition: none;
    transition: none;
}
}
.vip365 .mobileHeader.mobileHeader--modern {
  --mh-slate: #1a2430;
  --mh-slate-soft: #121a22;
}
.vip365 .mobileHeader.mobileHeader--modern .mh-m__bal {
  background: rgba(212, 175, 55, 0.18);
  -webkit-box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.35);
          box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.35);
}

/* Tipobet modern header — Soft Structuralism, brand green, no glow */
header.to-header--modern {
  --hdr-ink: #1e2d3c;
  --hdr-muted: #5a6b7c;
  --hdr-line: #e2e8ef;
  --hdr-canvas: #f3f6f9;
  --hdr-green: #0f853d;
  --hdr-green-deep: #0c7434;
  --hdr-slate: #243443;
  --hdr-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --hdr-r: 10px;
  --hdr-ctrl-h: 36px;
  background: #fff;
  border-bottom: none;
  -webkit-box-shadow: 0 1px 0 var(--hdr-line);
          box-shadow: 0 1px 0 var(--hdr-line);
  /* Global dropdown hover override (modern only) */
  /* Hesabım + Dil dropdown */
  /* Utility strip — quiet canvas + brand green social island */
}
header.to-header--modern .domain-alert--modern {
  padding: 8px 16px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(26, 39, 54, 0.08) !important;
  background: #f7b84b !important;
  color: #1e2d3c !important;
  font-size: 12px !important;
  font-family: 'Avenir', 'Segoe UI', sans-serif !important;
  line-height: 1.45;
  letter-spacing: 0.01em;
}
header.to-header--modern .domain-alert--modern a {
  font-weight: 700 !important;
  color: #1e2d3c !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
header.to-header--modern .domain-alert--modern a span {
  color: #9b1c1c !important;
}
header.to-header--modern .to-header__bar {
  height: 64px;
  min-height: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
header.to-header--modern > .container > .to-header__bar > .d-flex:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
header.to-header--modern > .container > .to-header__bar > .d-flex:first-child a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0;
}
header.to-header--modern > .container > .to-header__bar > .d-flex:first-child a svg {
  height: 42px;
  width: auto;
  max-width: 168px;
}
header.to-header--modern > .container > .to-header__bar > .d-flex:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-width: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header.to-header--modern .btn-panel-green,
header.to-header--modern .btn-login,
header.to-header--modern .hdr-cta {
  border-radius: var(--hdr-r);
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background-color 0.18s var(--hdr-ease), border-color 0.18s var(--hdr-ease), color 0.18s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
  transition: background-color 0.18s var(--hdr-ease), border-color 0.18s var(--hdr-ease), color 0.18s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
  transition: background-color 0.18s var(--hdr-ease), border-color 0.18s var(--hdr-ease), color 0.18s var(--hdr-ease), transform 0.12s var(--hdr-ease);
  transition: background-color 0.18s var(--hdr-ease), border-color 0.18s var(--hdr-ease), color 0.18s var(--hdr-ease), transform 0.12s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
}
header.to-header--modern .btn-panel-green:hover,
header.to-header--modern .btn-login:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
header.to-header--modern .btn-panel-green:active,
header.to-header--modern .btn-login:active,
header.to-header--modern .hdr-cta:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
header.to-header--modern .btn-panel-red {
  border-radius: var(--hdr-r);
  letter-spacing: 0.01em;
  font-weight: 600;
  -webkit-box-shadow: none;
          box-shadow: none;
}
header.to-header--modern .hdr-cta {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--hdr-ctrl-h);
  min-height: var(--hdr-ctrl-h);
  padding: 0 14px !important;
  font-size: 12px !important;
  line-height: 1;
  white-space: nowrap;
}
header.to-header--modern .hdr-cta--in {
  background: var(--hdr-green) !important;
  border: 1px solid var(--hdr-green) !important;
  color: #fff !important;
}
header.to-header--modern .hdr-cta--in:hover {
  background: var(--hdr-green-deep) !important;
  border-color: var(--hdr-green-deep) !important;
}
header.to-header--modern .hdr-cta--out {
  background: #fff !important;
  border: 1px solid var(--hdr-line) !important;
  color: var(--hdr-ink) !important;
}
header.to-header--modern .hdr-cta--out:hover {
  background: var(--hdr-canvas) !important;
  border-color: #d5e0ea !important;
  color: var(--hdr-ink) !important;
}
header.to-header--modern .top-reg-btn {
  border-radius: var(--hdr-r);
}
header.to-header--modern .login-form {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.to-header--modern .login-form form.form-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 0;
}
header.to-header--modern .login-form .form-group {
  margin: 0;
}
header.to-header--modern .login-form .btn-login {
  height: var(--hdr-ctrl-h);
  min-height: var(--hdr-ctrl-h);
  padding: 0 16px !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  font-size: 12px;
  border-radius: var(--hdr-r);
  margin: 0 !important;
}
header.to-header--modern .login-form .top-reg-btn {
  background: #fff !important;
  color: var(--hdr-green) !important;
  border: 1px solid #c5d4c9 !important;
}
header.to-header--modern .login-form .top-reg-btn:hover {
  background: #f4faf6 !important;
  border-color: var(--hdr-green) !important;
}
header.to-header--modern .hdr-ninja {
  margin: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 0;
  width: 40px;
  height: 40px;
  overflow: visible;
  -webkit-transition: -webkit-transform 0.18s var(--hdr-ease);
  transition: -webkit-transform 0.18s var(--hdr-ease);
  transition: transform 0.18s var(--hdr-ease);
  transition: transform 0.18s var(--hdr-ease), -webkit-transform 0.18s var(--hdr-ease);
}
header.to-header--modern .hdr-ninja:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
header.to-header--modern .hdr-ninja img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
header.to-header--modern .hdr-ninja__bal {
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  color: #fff;
  bottom: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 90%;
  max-width: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
header.to-header--modern .hdr-msg {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  margin: 0;
  padding: 0;
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-r);
  background: #fff;
  color: var(--hdr-slate);
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), color 0.15s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), color 0.15s var(--hdr-ease);
}
header.to-header--modern .hdr-msg i {
  font-size: 14px;
  line-height: 1;
}
header.to-header--modern .hdr-msg:hover {
  background: var(--hdr-canvas);
  border-color: #d5e0ea;
  color: var(--hdr-green);
}
header.to-header--modern .hdr-msg:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
header.to-header--modern .hdr-msg:focus-visible {
  outline: 2px solid rgba(15, 133, 61, 0.45);
  outline-offset: 2px;
}
header.to-header--modern .hdr-msg__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: var(--hdr-green);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header.to-header--modern .balance-holder {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: var(--hdr-canvas);
  border: 1px solid var(--hdr-line);
  border-radius: var(--hdr-r);
  padding: 0 12px;
  height: var(--hdr-ctrl-h);
  margin: 0;
  color: var(--hdr-ink);
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1;
}
header.to-header--modern .balance-holder .balance-holder__ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  opacity: 0.65;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 0;
}
header.to-header--modern .balance-holder .balance-holder__ico img {
  height: 14px;
  width: 14px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
header.to-header--modern .balance-holder .balance_total {
  color: var(--hdr-green) !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
header.to-header--modern .balance-holder .money-icon {
  color: var(--hdr-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  margin-left: -4px;
}
header.to-header--modern .user-top-panel {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding-top: 0;
  margin: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 0;
}
header.to-header--modern .cu-support {
  margin: 0 !important;
}
header.to-header--modern .cu-support a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: var(--hdr-ctrl-h);
  padding: 0 12px;
  border-radius: var(--hdr-r);
  background: #fff;
  border: 1px solid var(--hdr-line);
  color: var(--hdr-ink) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 1;
  -webkit-transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease);
}
header.to-header--modern .cu-support a:hover {
  background: var(--hdr-canvas);
  border-color: #d5e0ea;
}
header.to-header--modern .cu-support a img {
  height: 12px;
  width: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
}
header.to-header--modern .hdr-tv {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--hdr-ctrl-h);
  height: var(--hdr-ctrl-h);
  margin: 0 !important;
  border-radius: var(--hdr-r);
  border: 1px solid var(--hdr-line);
  background: #fff;
  line-height: 0;
  -webkit-transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), transform 0.12s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), transform 0.12s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
}
header.to-header--modern .hdr-tv img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
header.to-header--modern .hdr-tv:hover {
  background: var(--hdr-canvas);
  border-color: #d5e0ea;
}
header.to-header--modern .hdr-tv:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
header.to-header--modern .dropdown-menu .dropdown-item:hover,
header.to-header--modern .dropdown-menu .dropdown-item:focus,
header.to-header--modern .dropdown-menu .dropdown-item:active {
  background-color: #f4faf6 !important;
  color: var(--hdr-green) !important;
}
header.to-header--modern .hdr-dd {
  margin: 0;
}
header.to-header--modern .hdr-dd > .btn,
header.to-header--modern .hdr-dd > .dropdown-toggle {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  height: var(--hdr-ctrl-h);
  min-height: var(--hdr-ctrl-h);
  padding: 0 12px !important;
  border-radius: var(--hdr-r) !important;
  font-family: 'Avenir', 'Segoe UI', sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1;
  font-style: normal;
  -webkit-transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), color 0.15s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), border-color 0.15s var(--hdr-ease), color 0.15s var(--hdr-ease);
}
header.to-header--modern .hdr-dd > .btn::after,
header.to-header--modern .hdr-dd > .dropdown-toggle::after {
  margin-left: 2px;
  margin-top: 1px;
  vertical-align: middle;
  opacity: 0.7;
  -webkit-transition: opacity 0.18s var(--hdr-ease), -webkit-transform 0.18s var(--hdr-ease);
  transition: opacity 0.18s var(--hdr-ease), -webkit-transform 0.18s var(--hdr-ease);
  transition: transform 0.18s var(--hdr-ease), opacity 0.18s var(--hdr-ease);
  transition: transform 0.18s var(--hdr-ease), opacity 0.18s var(--hdr-ease), -webkit-transform 0.18s var(--hdr-ease);
}
header.to-header--modern .hdr-dd.show > .btn::after,
header.to-header--modern .hdr-dd.show > .dropdown-toggle::after,
header.to-header--modern .hdr-dd > .btn[aria-expanded="true"]::after,
header.to-header--modern .hdr-dd > .dropdown-toggle[aria-expanded="true"]::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 1;
}
header.to-header--modern .hdr-dd .dropdown-menu {
  min-width: 220px;
  margin-top: 10px !important;
  padding: 6px;
  border: 1px solid rgba(36, 52, 67, 0.08);
  border-radius: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(#fff)), #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), #fff), #fff;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 8px 24px rgba(30, 45, 60, 0.1), 0 2px 6px rgba(30, 45, 60, 0.04);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 8px 24px rgba(30, 45, 60, 0.1), 0 2px 6px rgba(30, 45, 60, 0.04);
  overflow: hidden;
  display: block !important;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: opacity 0.22s var(--hdr-ease), visibility 0.22s var(--hdr-ease), -webkit-transform 0.22s var(--hdr-ease);
  transition: opacity 0.22s var(--hdr-ease), visibility 0.22s var(--hdr-ease), -webkit-transform 0.22s var(--hdr-ease);
  transition: opacity 0.22s var(--hdr-ease), transform 0.22s var(--hdr-ease), visibility 0.22s var(--hdr-ease);
  transition: opacity 0.22s var(--hdr-ease), transform 0.22s var(--hdr-ease), visibility 0.22s var(--hdr-ease), -webkit-transform 0.22s var(--hdr-ease);
  pointer-events: none;
}
header.to-header--modern .hdr-dd .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 11px 12px;
  margin: 0;
  border-radius: 10px;
  color: #334155 !important;
  font-family: 'Avenir', 'Segoe UI', sans-serif;
  font-size: 13.5px;
  font-weight: 550;
  letter-spacing: 0;
  line-height: 1.3;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  font-style: normal;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: background-color 0.16s var(--hdr-ease), color 0.16s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
  transition: background-color 0.16s var(--hdr-ease), color 0.16s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
  transition: background-color 0.16s var(--hdr-ease), color 0.16s var(--hdr-ease), transform 0.12s var(--hdr-ease);
  transition: background-color 0.16s var(--hdr-ease), color 0.16s var(--hdr-ease), transform 0.12s var(--hdr-ease), -webkit-transform 0.12s var(--hdr-ease);
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item + .dropdown-item {
  margin-top: 2px;
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item a, header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item.router-link-active, header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item.router-link-exact-active {
  color: inherit !important;
  text-decoration: none !important;
  width: 100%;
  background: transparent !important;
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item:hover, header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item:focus, header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item:active, header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item.active {
  background: rgba(15, 133, 61, 0.1) !important;
  color: var(--hdr-green) !important;
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item:active {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
header.to-header--modern .hdr-dd .dropdown-menu .dropdown-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
header.to-header--modern .hdr-dd.show .dropdown-menu,
header.to-header--modern .hdr-dd .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
header.to-header--modern .hdr-dd-account > .btn,
header.to-header--modern .hdr-dd-account > .dropdown-toggle {
  background: var(--hdr-slate) !important;
  color: #fff !important;
  border-color: var(--hdr-slate) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
header.to-header--modern .hdr-dd-account > .btn:hover, header.to-header--modern .hdr-dd-account > .btn:focus,
header.to-header--modern .hdr-dd-account > .dropdown-toggle:hover,
header.to-header--modern .hdr-dd-account > .dropdown-toggle:focus {
  background: #1c2a38 !important;
  border-color: #1c2a38 !important;
}
header.to-header--modern .hdr-dd-account > .btn[aria-expanded="true"],
header.to-header--modern .hdr-dd-account > .dropdown-toggle[aria-expanded="true"] {
  background: #1c2a38 !important;
  border-color: #1c2a38 !important;
}
header.to-header--modern .hdr-dd-account .dropdown-menu {
  padding: 8px;
}
header.to-header--modern .hdr-dd-account .dropdown-menu .dropdown-item:last-child {
  margin-top: 6px;
  padding-top: 11px;
  color: #64748b !important;
  border-top: 1px solid rgba(226, 232, 239, 0.9) !important;
  border-radius: 0 0 10px 10px;
}
header.to-header--modern .hdr-dd-account .dropdown-menu .dropdown-item:last-child:hover, header.to-header--modern .hdr-dd-account .dropdown-menu .dropdown-item:last-child:focus, header.to-header--modern .hdr-dd-account .dropdown-menu .dropdown-item:last-child:active {
  background: #f8fafc !important;
  color: #475569 !important;
}
header.to-header--modern .hdr-dd-lang > .btn,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle {
  background: #fff !important;
  color: var(--hdr-ink) !important;
  border: 1px solid var(--hdr-line) !important;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
  -webkit-box-shadow: none;
          box-shadow: none;
}
header.to-header--modern .hdr-dd-lang > .btn:hover, header.to-header--modern .hdr-dd-lang > .btn:focus, header.to-header--modern .hdr-dd-lang > .btn[aria-expanded="true"],
header.to-header--modern .hdr-dd-lang > .dropdown-toggle:hover,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle:focus,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle[aria-expanded="true"] {
  background: var(--hdr-canvas) !important;
  border-color: #d5e0ea !important;
  color: var(--hdr-ink) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
header.to-header--modern .hdr-dd-lang > .btn svg,
header.to-header--modern .hdr-dd-lang > .btn .svg-vue,
header.to-header--modern .hdr-dd-lang > .btn .hdr-lang-flag,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle svg,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle .svg-vue,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle .hdr-lang-flag {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin: 0;
}
header.to-header--modern .hdr-dd-lang > .btn span,
header.to-header--modern .hdr-dd-lang > .dropdown-toggle span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
header.to-header--modern .hdr-dd-lang .dropdown-menu .dropdown-item {
  text-transform: none;
  letter-spacing: 0;
}
header.to-header--modern .hdr-dd-lang .dropdown-menu .dropdown-item svg,
header.to-header--modern .hdr-dd-lang .dropdown-menu .dropdown-item .svg-vue {
  width: 18px;
  height: 14px;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
header.to-header--modern .hdr-dd .dropdown-menu,
  header.to-header--modern .hdr-ninja,
  header.to-header--modern .btn-panel-green,
  header.to-header--modern .btn-login,
  header.to-header--modern .hdr-cta,
  header.to-header--modern .hdr-msg,
  header.to-header--modern .hdr-tv {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
}
header.to-header--modern .hdr-dd > .btn::after,
  header.to-header--modern .hdr-dd > .dropdown-toggle::after {
    -webkit-transition: none;
    transition: none;
}
}
header.to-header--modern .header-social {
  height: 36px;
  background: var(--hdr-canvas);
  background-image: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--hdr-line);
  -webkit-box-shadow: none;
          box-shadow: none;
}
header.to-header--modern .header-social::after {
  display: none;
}
header.to-header--modern .header-social > .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  max-width: 1140px;
}
header.to-header--modern .header-social > .container > div:first-child,
header.to-header--modern .header-social > .container > .hs-claim {
  max-height: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.to-header--modern .header-social .hs-r {
  float: none;
  -webkit-transform: none !important;
          transform: none !important;
  background: var(--hdr-green);
  border-radius: 8px;
  padding: 0 6px;
  -webkit-clip-path: none;
          clip-path: none;
  margin-left: auto;
  height: 28px;
  line-height: 1;
  color: #fff;
  position: relative;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
header.to-header--modern .header-social .hs-r::before {
  display: none;
}
header.to-header--modern .header-social .hs-r > div {
  -webkit-transform: none !important;
          transform: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
  height: 28px;
}
header.to-header--modern .header-social .hs-r a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0;
  border-radius: 6px;
  background: transparent;
  border: none;
  color: transparent !important;
  font-size: 0;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none !important;
  opacity: 0.9;
  -webkit-transition: opacity 0.15s var(--hdr-ease), background-color 0.15s var(--hdr-ease);
  transition: opacity 0.15s var(--hdr-ease), background-color 0.15s var(--hdr-ease);
}
header.to-header--modern .header-social .hs-r a svg,
header.to-header--modern .header-social .hs-r a .ft-wa-icon {
  padding: 0;
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  opacity: 1;
}
header.to-header--modern .header-social .hs-r a .ft-wa-icon {
  color: #fff;
}
header.to-header--modern .header-social .hs-r a::before {
  display: none;
}
header.to-header--modern .header-social .hs-r a:hover {
  background: rgba(255, 255, 255, 0.14);
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none !important;
}
header.to-header--modern .header-social .btn-panel-green {
  border-radius: 8px;
  padding: 0 12px !important;
  height: 28px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  background: #fff !important;
  color: var(--hdr-green-deep) !important;
  border: 1px solid #c5d4c9;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0 !important;
}
header.to-header--modern .header-social .btn-panel-green:hover {
  background: var(--hdr-green) !important;
  color: #fff !important;
  border-color: var(--hdr-green);
}
header.to-header--modern .mainmenu {
  background: var(--hdr-slate);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  overflow: visible;
  margin-bottom: 0 !important;
}
header.to-header--modern .mainmenu > .container {
  max-width: 1140px;
}
header.to-header--modern .mainmenu menu {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
header.to-header--modern .mainmenu menu::-webkit-scrollbar {
  display: none;
}
header.to-header--modern .mainmenu menu > ul {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 2px;
  padding: 5px 0;
  list-style: none;
  overflow: visible;
  margin: 0;
}
header.to-header--modern .mainmenu menu > ul > li,
header.to-header--modern .mainmenu menu > ul > .nav-item {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: visible;
}
header.to-header--modern .mainmenu menu > ul > li > a,
header.to-header--modern .mainmenu menu > ul > li > .nav-link,
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle,
header.to-header--modern .mainmenu menu > ul > .nav-item > a,
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link,
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 42px;
  padding: 8px 10px !important;
  margin: 0 1px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.015em;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  white-space: nowrap;
  position: relative;
  -webkit-transition: background-color 0.15s var(--hdr-ease), color 0.15s var(--hdr-ease);
  transition: background-color 0.15s var(--hdr-ease), color 0.15s var(--hdr-ease);
}
header.to-header--modern .mainmenu menu > ul > li > a:hover,
header.to-header--modern .mainmenu menu > ul > li > .nav-link:hover,
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle:hover,
header.to-header--modern .mainmenu menu > ul > .nav-item > a:hover,
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link:hover,
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
  text-decoration: none;
}
header.to-header--modern .mainmenu menu > ul > li > a.active, header.to-header--modern .mainmenu menu > ul > li > a.router-link-active,
header.to-header--modern .mainmenu menu > ul > li > .nav-link.active,
header.to-header--modern .mainmenu menu > ul > li > .nav-link.router-link-active,
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle.active,
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle.router-link-active,
header.to-header--modern .mainmenu menu > ul > .nav-item > a.active,
header.to-header--modern .mainmenu menu > ul > .nav-item > a.router-link-active,
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link.active,
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link.router-link-active,
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle.active,
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle.router-link-active {
  background: var(--hdr-green) !important;
  color: #fff;
  text-decoration: none;
}
header.to-header--modern .mainmenu menu > ul > li > a:has(.mm-badge), header.to-header--modern .mainmenu menu > ul > li > a:has(.mm-badge-new),
header.to-header--modern .mainmenu menu > ul > li > .nav-link:has(.mm-badge),
header.to-header--modern .mainmenu menu > ul > li > .nav-link:has(.mm-badge-new),
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle:has(.mm-badge),
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle:has(.mm-badge-new),
header.to-header--modern .mainmenu menu > ul > .nav-item > a:has(.mm-badge),
header.to-header--modern .mainmenu menu > ul > .nav-item > a:has(.mm-badge-new),
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link:has(.mm-badge),
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link:has(.mm-badge-new),
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle:has(.mm-badge),
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle:has(.mm-badge-new) {
  position: relative;
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 42px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
header.to-header--modern .mainmenu menu > ul > li > a .mm-badge,
header.to-header--modern .mainmenu menu > ul > li > .nav-link .mm-badge,
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle .mm-badge,
header.to-header--modern .mainmenu menu > ul > .nav-item > a .mm-badge,
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link .mm-badge,
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle .mm-badge {
  position: absolute !important;
  top: -6px !important;
  left: 50% !important;
  right: auto !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  font-size: 8px !important;
  font-weight: 700;
  padding: 2px 6px !important;
  letter-spacing: 0.02em;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 3px;
  pointer-events: none;
  background: #eb5757;
  color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
header.to-header--modern .mainmenu menu > ul > li > a .mm-badge-new,
header.to-header--modern .mainmenu menu > ul > li > .nav-link .mm-badge-new,
header.to-header--modern .mainmenu menu > ul > li > .dropdown-toggle .mm-badge-new,
header.to-header--modern .mainmenu menu > ul > .nav-item > a .mm-badge-new,
header.to-header--modern .mainmenu menu > ul > .nav-item > .nav-link .mm-badge-new,
header.to-header--modern .mainmenu menu > ul > .nav-item > .dropdown-toggle .mm-badge-new {
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  width: 28px !important;
  height: 28px !important;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.28));
          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.28));
  pointer-events: none;
  z-index: 3;
}
header.to-header--modern .mainmenu .b-nav-dropdown .dropdown-toggle::after {
  opacity: 0.65;
  margin-left: 4px;
}
header.to-header--modern .mainmenu .b-nav-dropdown .dropdown-menu {
  margin-top: 4px !important;
  padding: 6px;
  border: 1px solid var(--hdr-line);
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 4px 6px rgba(30, 45, 60, 0.04), 0 12px 28px rgba(30, 45, 60, 0.1);
          box-shadow: 0 4px 6px rgba(30, 45, 60, 0.04), 0 12px 28px rgba(30, 45, 60, 0.1);
  min-width: 180px;
}
header.to-header--modern .mainmenu .b-nav-dropdown .dropdown-menu .dropdown-item {
  border-radius: 8px;
  color: var(--hdr-ink) !important;
  font-size: 13px;
  font-weight: 500;
  padding: 9px 11px;
}
header.to-header--modern .mainmenu .b-nav-dropdown .dropdown-menu .dropdown-item:hover, header.to-header--modern .mainmenu .b-nav-dropdown .dropdown-menu .dropdown-item:focus, header.to-header--modern .mainmenu .b-nav-dropdown .dropdown-menu .dropdown-item:active {
  background: #f4faf6 !important;
  color: var(--hdr-green) !important;
}
header.to-header--modern .mainmenu .dropdown-menu .mm-badge--sub {
  position: static !important;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  top: auto !important;
  right: auto !important;
  font-size: 8px !important;
  padding: 1px 5px !important;
  border-radius: 3px;
  background: #eb5757;
  color: #fff;
}
header.to-header--modern .mainmenu .dropdown-menu .dropdown-item:has(.mm-badge--sub) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (max-width: 1199px) {
header.to-header--modern .cu-support {
    display: none !important;
}
}
@media (max-width: 991px) {
header.to-header--modern .hdr-ninja {
    display: none !important;
}
header.to-header--modern .hdr-cta {
    padding: 0 10px !important;
}
}

/* Classic: restore layout after modern HTML hooks (hdr-*, balance-holder__ico) */
header.to-header:not(.to-header--modern) .to-header__bar {
  height: 78px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Prevent logo column from collapsing when right controls are dense */
}
header.to-header:not(.to-header--modern) .to-header__bar > .d-flex:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
header.to-header:not(.to-header--modern) .to-header__bar > .d-flex:first-child a {
  display: block;
  line-height: 0;
}
header.to-header:not(.to-header--modern) .to-header__bar > .d-flex:first-child a svg {
  display: block;
  height: 50px;
  width: auto;
  max-width: 190px;
}
header.to-header:not(.to-header--modern) .to-header__bar > .d-flex:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header.to-header:not(.to-header--modern) .user-top-panel {
  display: inline-block !important;
  padding-top: 4px;
  font-size: 13px;
  white-space: nowrap;
}
header.to-header:not(.to-header--modern) .balance-holder {
  display: inline;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  margin-right: 5px;
  color: #2b3b4b;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  gap: 0;
}
header.to-header:not(.to-header--modern) .balance-holder .balance-holder__ico {
  display: inline;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 1 !important;
}
header.to-header:not(.to-header--modern) .balance-holder .balance-holder__ico img {
  display: inline-block;
  margin-top: -3px;
  width: auto;
  height: auto;
  vertical-align: middle;
}
header.to-header:not(.to-header--modern) .balance-holder .balance_total {
  display: inline-block;
  margin-top: 3px;
  color: #129d48 !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}
header.to-header:not(.to-header--modern) .balance-holder .money-icon {
  display: inline-block;
  color: #2b3b4b;
  font-size: 14px;
  font-weight: 600;
  margin-left: 0;
}
header.to-header:not(.to-header--modern) .hdr-msg {
  position: relative;
  display: inline-block;
  margin-right: 13px;
  padding: 0;
  border: none;
  background: transparent;
  color: #2b3b4b;
  cursor: pointer;
  vertical-align: middle;
  line-height: 0;
}
header.to-header:not(.to-header--modern) .hdr-msg i {
  font-size: 40px;
  line-height: 1;
}
header.to-header:not(.to-header--modern) .hdr-msg__badge {
  position: absolute;
  top: 7px;
  right: 7px;
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 10px;
  background: #28a745;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
header.to-header:not(.to-header--modern) .hdr-ninja {
  margin-right: 1rem;
  vertical-align: middle;
}
header.to-header:not(.to-header--modern) .hdr-ninja__bal {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  color: #fff;
  bottom: 0;
  text-align: center;
  width: 100%;
  left: 0;
}
header.to-header:not(.to-header--modern) .hdr-cta,
header.to-header:not(.to-header--modern) .hdr-cta--in,
header.to-header:not(.to-header--modern) .hdr-cta--out {
  display: inline-block;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  vertical-align: middle;
}
header.to-header:not(.to-header--modern) .hdr-dd {
  display: inline-block;
  vertical-align: middle;
}
header.to-header:not(.to-header--modern) .hdr-dd-account > .btn,
header.to-header:not(.to-header--modern) .hdr-dd-account > .dropdown-toggle,
header.to-header:not(.to-header--modern) .hdr-dd-lang > .btn,
header.to-header:not(.to-header--modern) .hdr-dd-lang > .dropdown-toggle {
  height: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  letter-spacing: normal !important;
}
header.to-header:not(.to-header--modern) .hdr-dd-lang {
  margin-left: 4px;
}
header.to-header:not(.to-header--modern) .hdr-lang-flag {
  width: auto !important;
  height: 16px !important;
  border-radius: 50%;
  vertical-align: middle;
}
header.to-header:not(.to-header--modern) .cu-support {
  margin-top: 6px !important;
  margin-left: 10px !important;
}
header.to-header:not(.to-header--modern) .cu-support a {
  display: inline;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #3b4043 !important;
  font-size: 11px;
  font-weight: bold;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
header.to-header:not(.to-header--modern) .hdr-tv {
  display: inline-block;
  margin-left: 0.5rem !important;
  vertical-align: middle;
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
header.to-header:not(.to-header--modern) .hdr-tv img {
  display: block;
  width: 42px;
  height: auto;
}
header.to-header:not(.to-header--modern) .mainmenu {
  background: #2b3b4b;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
  overflow: visible;
  margin-bottom: 0.5rem !important;
}
header.to-header:not(.to-header--modern) .mainmenu > .container {
  max-width: 1140px;
  overflow: visible;
}
header.to-header:not(.to-header--modern) .mainmenu menu {
  overflow: visible;
}
header.to-header:not(.to-header--modern) .mainmenu menu > ul {
  display: table !important;
  width: 100%;
  min-width: 0;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item {
  display: table-cell;
  float: none;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > a,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .nav-link,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .dropdown-toggle,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > a,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .nav-link,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .dropdown-toggle {
  display: block;
  min-height: 0;
  padding: 17.5px 5px !important;
  margin: 0;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.23), inset -1px 0 0 0 rgba(77, 92, 108, 0.4);
          box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.23), inset -1px 0 0 0 rgba(77, 92, 108, 0.4);
  white-space: nowrap;
}
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > a:hover, header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > a.active, header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > a.router-link-active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .nav-link:hover,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .nav-link.active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .nav-link.router-link-active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .dropdown-toggle:hover,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .dropdown-toggle.active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > li > .dropdown-toggle.router-link-active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > a:hover,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > a.active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > a.router-link-active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .nav-link:hover,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .nav-link.active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .nav-link.router-link-active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .dropdown-toggle:hover,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .dropdown-toggle.active,
header.to-header:not(.to-header--modern) .mainmenu menu > ul > .nav-item > .dropdown-toggle.router-link-active {
  background: #0f853d !important;
  color: #fff;
  text-decoration: none;
}
header.to-header:not(.to-header--modern) .mainmenu .mm-badge {
  position: absolute;
  top: 5px;
  right: 15px;
  left: auto;
  -webkit-transform: none;
          transform: none;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #f00;
}
header.to-header:not(.to-header--modern) .mainmenu .mm-badge-new {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  -webkit-transform: none;
          transform: none;
}
.vip365 header.to-header--modern {
  background: #243443;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.vip365 header.to-header--modern .balance-holder {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.vip365 header.to-header--modern .balance-holder .money-icon {
  color: rgba(255, 255, 255, 0.65);
}
.vip365 header.to-header--modern .hdr-msg,
.vip365 header.to-header--modern .hdr-dd-lang > .btn,
.vip365 header.to-header--modern .hdr-dd-lang > .dropdown-toggle,
.vip365 header.to-header--modern .cu-support a,
.vip365 header.to-header--modern .hdr-tv {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}
.vip365 header.to-header--modern .hdr-cta--out {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}
.vip365 header.to-header--modern .header-social {
  background: rgba(0, 0, 0, 0.15);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
.vip365 header.to-header--modern .mainmenu {
  background: -webkit-gradient(linear, left top, left bottom, from(#e68f2d), to(#f0a24a));
  background: linear-gradient(180deg, #e68f2d, #f0a24a);
}