@charset "utf-8";

:root { --primary-color: #f7b801; --fs-color-primary: #f7b801; --fs-color-secondary: #7678ed; --fs-color-success: #f18701; --fs-color-alert: #3d348b; --fs-experimental-link-color: #f7b801; --fs-experimental-link-color-hover: #7678ed; }

.tooltipster-base { --tooltip-color: #fff; --tooltip-bg-color: #000; }

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { --drawer-width: 300px; }

.container-width, .full-width .ubermenu-nav, .container, .row { max-width: 1270px; }

.row.row-collapse { max-width: 1240px; }

.row.row-small { max-width: 1262.5px; }

.row.row-large { max-width: 1300px; }

.sticky-add-to-cart--active, #wrapper, #main, #main.dark { background-color: rgb(15, 51, 32); }

.header-main { height: 55px; }

#logo img { max-height: 55px; }

#logo { width: 200px; }

.header-bottom { min-height: 55px; }

.header-top { min-height: 30px; }

.transparent .header-main { height: 90px; }

.transparent #logo img { max-height: 90px; }

.has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 170px; }

.header.show-on-scroll, .stuck .header-main { height: 70px !important; }

.stuck #logo img { max-height: 70px !important; }

.header-bg-color { background-color: rgb(118, 120, 237); }

.header-bottom { background-color: rgb(247, 184, 1); }

.top-bar-nav > li > a { line-height: 16px; }

.header-main .nav > li > a { line-height: 16px; }

.stuck .header-main .nav > li > a { line-height: 50px; }

.header-bottom-nav > li > a { line-height: 16px; }

@media (max-width: 549px) {
  .header-main { height: 70px; }
  #logo img { max-height: 70px; }
}

.nav-dropdown { font-size: 100%; }

.header-top { background-color: rgb(255, 255, 255) !important; }

.blog-wrapper { background-color: rgb(255, 255, 255); }

body { color: rgb(0, 0, 0); }

h1, h2, h3, h4, h5, h6, .heading-font { color: rgb(0, 0, 0); }

body { font-size: 100%; }

@media screen and (max-width: 549px) {
  body { font-size: 100%; }
}

body { font-family: Montserrat, sans-serif; }

body { font-weight: 400; font-style: normal; }

.nav > li > a { font-family: Montserrat, sans-serif; }

.mobile-sidebar-levels-2 .nav > li > ul > li > a { font-family: Montserrat, sans-serif; }

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-weight: 700; font-style: normal; }

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a { font-family: Montserrat, sans-serif; }

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 { font-weight: 700; font-style: normal; }

.alt-font { font-family: Montserrat, sans-serif; }

.alt-font { font-weight: 400 !important; font-style: normal !important; }

.header:not(.transparent) .top-bar-nav > li > a { color: rgb(255, 255, 255); }

.header:not(.transparent) .header-nav-main.nav > li > a { color: rgb(255, 255, 255); }

.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current { color: rgb(247, 184, 1); }

.header-nav-main.nav-line-bottom > li > a::before, .header-nav-main.nav-line-grow > li > a::before, .header-nav-main.nav-line > li > a::before, .header-nav-main.nav-box > li > a:hover, .header-nav-main.nav-box > li.active > a, .header-nav-main.nav-pills > li > a:hover, .header-nav-main.nav-pills > li.active > a { color: rgb(255, 255, 255) !important; background-color: rgb(247, 184, 1); }

.header:not(.transparent) .header-bottom-nav.nav > li > a { color: rgb(247, 184, 1); }

.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current { color: rgb(61, 52, 139); }

.header-bottom-nav.nav-line-bottom > li > a::before, .header-bottom-nav.nav-line-grow > li > a::before, .header-bottom-nav.nav-line > li > a::before, .header-bottom-nav.nav-box > li > a:hover, .header-bottom-nav.nav-box > li.active > a, .header-bottom-nav.nav-pills > li > a:hover, .header-bottom-nav.nav-pills > li.active > a { color: rgb(255, 255, 255) !important; background-color: rgb(61, 52, 139); }

.absolute-footer, html { background-color: rgb(247, 184, 1); }

.nav-vertical-fly-out > li + li { border-top-width: 1px; border-top-style: solid; }

#content { background: rgb(0, 0, 0); }

#content { background-image: url("/web/20250911054159im_/http://888scoreng.com/wp-content/uploads/2024/10/888scoreonline_39.webp"); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; }

.header-main { align-items: center; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(8, 94, 73); box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px 0px; background-image: linear-gradient(90deg, rgb(61, 52, 139), rgb(118, 120, 237)) !important; }

#top-bar { padding-top: 10px; padding-bottom: 10px; background: rgb(6, 1, 13) !important; }

li.tab.has-icon.active { background: linear-gradient(to right top, rgb(255, 196, 0), rgb(255, 202, 3), rgb(255, 209, 7), rgb(255, 215, 13), rgb(255, 222, 19), rgb(255, 226, 44), rgb(254, 231, 61), rgb(254, 235, 76), rgb(254, 238, 101), rgb(255, 241, 124), rgb(255, 243, 145), rgb(255, 246, 166)); }

.tab-mh h4.uppercase.text-left { display: none; }

.tab.has-icon:hover { background: linear-gradient(to right top, rgb(255, 196, 0), rgb(255, 202, 3), rgb(255, 209, 7), rgb(255, 215, 13), rgb(255, 222, 19), rgb(255, 226, 44), rgb(254, 231, 61), rgb(254, 235, 76), rgb(254, 238, 101), rgb(255, 241, 124), rgb(255, 243, 145), rgb(255, 246, 166)); }

.tab.has-icon { padding: 0px 15px; text-align: center; width: 150px; }

.tab.has-icon a { color: rgb(255, 255, 255); }

.tab.has-icon a:hover { color: rgb(0, 0, 0); }

.button-mh { background: linear-gradient(90deg, rgb(0, 68, 18) 0%, rgb(0, 128, 33) 100%); }

.tab { background: linear-gradient(90deg, rgb(2, 60, 17) 0%, rgb(0, 132, 3) 100%); }

li.tab.has-icon.active { background: linear-gradient(to right top, rgb(255, 196, 0), rgb(255, 202, 3), rgb(255, 209, 7), rgb(255, 215, 13), rgb(255, 222, 19), rgb(255, 226, 44), rgb(254, 231, 61), rgb(254, 235, 76), rgb(254, 238, 101), rgb(255, 241, 124), rgb(255, 243, 145), rgb(255, 246, 166)); }

.tab-mh h4.uppercase.text-left { display: none; }

.tab.has-icon:hover { background: linear-gradient(to right top, rgb(255, 196, 0), rgb(255, 202, 3), rgb(255, 209, 7), rgb(255, 215, 13), rgb(255, 222, 19), rgb(255, 226, 44), rgb(254, 231, 61), rgb(254, 235, 76), rgb(254, 238, 101), rgb(255, 241, 124), rgb(255, 243, 145), rgb(255, 246, 166)); }

.tab.has-icon { padding: 0px 15px; text-align: center; width: 150px; }

.tab.has-icon a { color: rgb(255, 255, 255); }

.tab.has-icon a:hover { color: rgb(0, 0, 0); }

.button-mh { background: linear-gradient(90deg, rgb(0, 68, 18) 0%, rgb(0, 128, 33) 100%); }

.widget-title { color: rgb(255, 255, 255); }

.page-numbers li { color: rgb(255, 255, 255); }

@media (max-width: 549px) {
  .tab-mh .nav { flex-flow: unset; }
  .tab-mh .tab.has-icon a { font-size: 12px; }
  .wrapper { bottom: 80px; }
  .float_world-cup { display: none; }
  .stuck .hide-for-sticky { position: fixed; width: 100%; bottom: 0px; z-index: 998; display: block !important; }
  .header-main { z-index: 999; }
  .stuck #top-bar { height: 70px; background: rgba(0, 0, 0, 0.6) !important; }
  .stuck #top-bar button { height: 40px; line-height: 40px; }
  .absolute-footer { margin-bottom: 80px; background: rgb(91, 91, 91) !important; }
}

.label-new.menu-item > a::after { content: "New"; }

.label-hot.menu-item > a::after { content: "Hot"; }

.label-sale.menu-item > a::after { content: "Sale"; }

.label-popular.menu-item > a::after { content: "Popular"; }