body::after, .page-wrapper::after { height: 0px; }
.page-header { width: 100%; float: left; position: absolute; top: 0px; left:0px; min-height: auto !important;  z-index: 1;}
.btn.focus, .btn:focus, .btn:active, .btn:not:active { background: none !important; box-shadow: none !important; }
.btn:not(.btn-bordered):active { background: none !important; box-shadow: none !important; }
i { font-style: normal !important; }
.navbar-nav a:hover { text-decoration: none; background-color: none; }
.page-footer { width: 100%; background: none; padding: 0; float: left; position: relative; }
.page-footer { position: relative;  height: 200px; overflow: hidden; background: #000; }
.page-footer::before { content: ""; position: absolute; inset: 0; background: linear-gradient( rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) ), url("../images/footer-bg.avif") center center / cover no-repeat; z-index: 0; }

.page-body .page-title-bar .page-bar-title::after { left: 25px !important;  display: none; }
.page-body .page-title-bar .page-bar-title b { position: relative; }
.page-body .page-title-bar .page-bar-title b:after { content: ''; display: block; border-width: 0 15px 15px 15px; border-color: transparent transparent #fff; border-style: solid; width: 0; height: 0; position: absolute; bottom: -22px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.page-body .page-title-bar { background-color: #eae8e8 !important; background-size: cover; background-position: top center; color: #000; margin-top: 0px; }
.page-body .page-title-bar .page-bar-title b { font-weight: normal; }
p, p span { white-space: inherit !important; }
.headSos { display: flex; align-items: center; position: absolute; top: 0px; right: 0px; }
.headSos li{ margin-left: 6px; }
.linkbtn a, #cartDropDown{ background-color: rgba(0,0,0,0.75) !important; color: #e5e418 !important; font-size: 14px !important; width: 35px !important; height: 35px !important; display: flex; align-items: center; justify-content: center; }
.logos { width: 81% !important; margin-top: 50px; }
.navbar-expand .navbar-toggler { padding: 13px 22px; display: block; background-color: rgba(0, 0, 0, 0.75) !important; letter-spacing: 0.05em; color: #E4E416; font-size: 18px; font-family: 'Compacta Blk BT'; border-radius: 0 0 4px 4px; margin-bottom: 20px; font-family: "Roboto Mono", monospace; font-family: "Roboto", sans-serif;  font-family: "Anton", sans-serif; font-weight: bold; margin: 0;}
.navbar { padding: 0; flex-wrap: wrap; flex-direction: column; }

.page-header .navbar { position: relative; display: flex; flex-direction: column; align-items: center; }
.page-header .navbar-nav { display: flex; align-items: center; margin: 0; padding: 0; }
.page-header .navbar-nav li { list-style: none; }
.page-header .navbar-nav li a { display: block; padding: 0 28px !important; font-family: "Anton", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; color: #E4E416 !important; text-transform: uppercase; text-decoration: none; }
.page-header .navbar-nav li a:hover, .page-header .navbar-nav li a.active { color: #fff !important; background: transparent !important; }
.overlay{ display: none !important;}
body.hide-scroll { overflow-y: auto !important; }
.banner-sec { position: relative; width: 100%; height: 200px; overflow: hidden; background: #000; }
.banner-sec::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/banner-bg.avif") center center / cover no-repeat; }
.listMob, .dnone { display: none !important; }
.listngbig .shpCatImg:hover img { transform: inherit !important; }
.logos { position: relative; width: 98px; left: 0; padding: 5px; top: 0; }
.logos img { max-width: 100%; }
.footerTop { border-top: 1px solid rgba(26, 26, 26, 0.08); }

:root {
--color-foreground: 26, 26, 26;
--font-heading-family: Oswald, sans-serif;
--font-heading-scale: 1.0;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--color-shadow: 18, 18, 18;
}

.powered-by-container p, .powered-by-container li { color: rgb(200,200,200) !important; font-size: 12px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; }
.footerTop{ width: 100%; position: absolute; width: 100%; bottom: 0px; left: 0px; font-family: "Roboto Mono", monospace; font-weight: 500; padding: 30px 0;}
.footerTop li{ width: 100%; padding: 3px 0;}
.footerTop li a{ font-size: 12px; line-height: 1.4em; color: rgb(200,200,200); letter-spacing: 1px; }
.privacy li{ display: inline-block; width: auto;}
.powered-by-container{ margin-top: 20px;}
.powered-by-container p a,
.powered-by-container li a { color: rgb(200,200,200) !important; }
.powered-by-container p a:hover,
.powered-by-container li a:hover{ color: rgba(var(--color-foreground), 1); text-decoration: underline; }
.logos { width: 264px; }
.headSos li { list-style: none; display: inline-block; }
.headSos { display: flex; }
.headSos { display: flex; align-items: center; }
.navbar-nav a { font-size: 14px; font-family: "Anton", sans-serif; letter-spacing: 0.05em; color:#E4E416; line-height: 1.2; padding:0px 16px;}
.navbar-nav a:hover{ color:#fff; }
.footer-copyright p{ font-size: 12px; color: rgb(28,28,28); line-height: 1.4em; margin: 0px !important; padding: 0px !important;}

/* theme  */
a.badge.badge-info.season-badge.btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,
button.btn.btn-md.search-btn,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md,
button.btn.filter-toggle,
a.btn.btn-danger.btn-block.btn-lg,
.card.flat-card .card-header, 
.page-tab-content, .panel .panel-heading,
a.btn.btn-badge.btn-warning.d-inline-block,
a.btn.btn-badge.btn-warning.d-inline-block.all--events,
button.btn.location-btn,
button.btn.btn-sm.ml-auto.close-mini-cart,
.page-checkout a.link.btn.btn-block.btn-warning,
a.btn.btn-warning.btn-md.upcoming-btn,
button.btn.btn-lg.btn-block,
.btn.btn-warning
{ background-color: #000 !important; color: #E4E416 !important; }
button.btn.location-btn{ color:#fff !important;}

a.btn.btn-badge.btn-warning.d-inline-block:hover,
a.badge.badge-info.season-badge.btn:hover,
button.btn.btn-md.search-btn:hover, 
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md:hover, 
a.btn.btn-warning.btn-md.upcoming-btn:hover,
button.btn.btn-solid.addtocartbutton.add-to-cart:hover,
a.btn.btn-danger.btn-block.btn-lg:hover,
button.btn.location-btn:hover,
.btn.btn-warning:hover,
button.btn.btn-sm.ml-auto.close-mini-cart:hover{ background-color:#000 !important; color:#fff !important;}

.nav-tabs .nav-item .nav-link { color: #E4E416 !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.leaderboard .nav-tabs .nav-item .nav-link { color: #878787 !important; }
.leaderboard .nav-tabs .nav-item .nav-link.active { color: #36454f !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !important; color:#000 !important;}
.team-list ul li a, .sub-panel .panel-heading small{ color:#000;}
.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #000 !important; }

.btn.btn-warning, 
.minicart_sidebar_content .close-mini-cart, 
#minicart_sidebar_btn,
.filter-bar.active > button,
.adcartBtn,
.filter-bar.active > button:hover,
button.btn.filter-toggle:hover{ background-color: #000 !important; color: #E4E416 !important;}
.btn.btn-warning:hover, 
.minicart_sidebar_content .close-mini-cart:hover, 
#minicart_sidebar_btn:hover,
#checkout_login .adcartBtn:hover{ background-color: #000 !important; color: #fff  !important;}
.minicart_sidebar img, .intercom-lightweight-app-launcher svg { filter: brightness(0) invert(1) !important; }
.popLogo{ background-color: #000 !important;  padding:20px 15px !important;}
.popLogo img { max-width: 50% !important; }


@media (min-width: 992px) 
{
  .page-header .navbar { position: relative; display: flex; flex-direction: column; align-items: center; }
  .page-header .navbar-collapse { display: none !important; position: absolute !important; top: 45px !important; left: 50% !important; transform: translateX(-50%); margin: 0 !important; padding: 14px 25px !important; background: rgba(0, 0, 0, 0.95) !important; border-radius: 0 0 5px 5px; white-space: nowrap; z-index: 99999; }
  .page-header .navbar:has(.navbar-toggler:hover) .navbar-collapse, .page-header .navbar:has(.navbar-collapse:hover) .navbar-collapse { display: flex !important; }
  .page-header .navbar::after { content: ""; position: absolute; top: 45px; left: 50%; width: 350px; height: 25px; transform: translateX(-50%); z-index: 99998; background: transparent; }
  .page-header .navbar-nav { display: flex; align-items: center; margin: 0; padding: 0; }
  .page-header .navbar-nav li { list-style: none; }
  .page-header .navbar-nav li a { display: block; padding: 0 20px !important; font-family: "Anton", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; color: #E4E416 !important; text-transform: uppercase; text-decoration: none; background: transparent !important; }
  .page-header .navbar-nav li a:hover, .page-header .navbar-nav li a.active { color: #fff !important; background: transparent !important; }
}

@media(max-width:1199px) and (min-width:992px) 
{
  .banner-sec{ height:180px;}
}

@media screen and (max-width:991px) 
{
  .page-header { min-height: auto !important; position: absolute; top: 0px; left: 0px; background: none; z-index: 111; }
  .page-header .header-top nav.navbar { padding: 0px; }
  .page-header .header-top .navbar-collapse .navbrand { display: none; }
  .page-header .header-top .navbrand { width: auto; }
  .page-header .header-top .navbar>.navbrand { display: block; margin: 0 auto; margin: 0px; float: left; padding: 12px 0; width: 155px;}
  .page-header .header-top .navbrand a img { max-height: 45px; }

  .dropdown-toggle::after { margin-left: auto; }
  .navbar-toggler { margin-left: 0; margin-right: 15px; }
  .navbar-collapse { overflow: auto; position: absolute; top: 71px; bottom: inherit; width: 295px; background: #fff; border: none; border-radius: .53em; text-align: left !important; right: 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; left: inherit; border-radius: .53em !important; height: inherit !important; text-align: center; border-radius: 0 !important; position: fixed; top: 0; right: 0; left: auto; display: block !important; height: 100% !important; overflow: auto; width: 70%; background: rgba(0, 0, 0, 0.75); transform: translateX(100%); transition: transform 300ms ease-in-out; }
  .navbar-collapse.show { transform: translateX(0); }
  .navbar-collapse .navbar-nav { justify-content: normal; width: 100%; align-items: normal; padding: 0px; }
  .navbar-expand-lg .navbar-collapse { padding-right: 0; overflow-y: hidden;  padding-right: 0; padding: 0px; overflow: auto !important; padding: 0 !important;}
  .navbar-collapse .dropdown-toggle { position: inherit; font-size: 21px; }
  .navbar-collapse .navbar-toggler { right: 15px; }
  .navbar-collapse .dropdown-toggle::after { border: none; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; content: "\2b"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: 0px; top: 0px; width: 50px; height: 100%; display: flex !important; align-items: center; justify-content: center; }
  .navbar-collapse .dropdown-toggle.droparw:after { color: #fff !important; font-family: FontAwesome; display: table-cell; text-align: center; vertical-align: middle; font-size: 10px; cursor: pointer; transition: all 0.2s linear; content: "\f105"; }

  .navbar-collapse.show { right: 0px !important; z-index: 1111111; left: 0px; }
  .navbar-collapse .dropdown-toggle.droparw { display: flex !important; height: 44px; }
  .navbar-nav a:hover, .navbar-collapse .navbar-nav .nav-item .nav-link:hover { background: #23282b; color: #fff !important; }
  .listMob, .dnone { display: block !important; }
  .navbar-collapse .navbar-nav li.listMob .backmenu { padding-left: 20px !important; }
  .navbar-collapse .navbar-nav .nav-item, .navbar-collapse .navbar-nav li { border-right: none; }
  .navbar-collapse .dropdown-toggle.droparw:after{ display: none !important;}
  .navbar-collapse .dropdown-toggle.droparw { width: 44px; height: 42px; display: block !important; position: absolute; top: 0; right: 0px; background-size: 17px; }

  .navbar-toggler { margin: 16px 20px; background: none; border: none; width: 41px; font-size: 0px; line-height: 0px; }
  .navbar-toggler span { display: inline-block; width: 100%; height: 4px; background-color: rgb(152, 180, 205); line-height: 0px; margin: 2px 0; border-radius: 3px; }
  .navbar-light .navbar-toggler { float: right; }
  .navbar-nav { display: inline-block; }
  .header-top .navbar { justify-content: center; padding: 0px !important; display: inline-block; }
  .navbrand { width: inherit !important; }
  .mainheader { padding: 10px 0; }
  .dropdown-item { white-space: inherit; }
  .navbar-toggler { background: none !important; }
  .container { padding: 0 15px; }
  .layout-medium.list-container { padding: 20px 15px; }
  .dropdown-toggle::after { color: rgb(152, 180, 205); }
  .page-title-bar .list-container { padding: 15px; }
  .navbar-toggler { margin: 16px 0; background: none; border: none; width: 28px; font-size: 0px; line-height: 0px; position: absolute; right: 0px; top: 0px; }
  .navbar-toggler span { background: #444444; height: 2px; transition: top .15s .15s, transform .15s; }
  .dropdown-toggle::after { color: #646464 !important; }
  .dropdown-toggle { padding: 4px 10px; }
  .navbar-nav a { font-size: 21px; }
  .navbar-toggler .mnu { width: 35px; float: right; }
  .dropdown-toggle { padding: 2px 7px; }
  .drop-arw { position: relative; display: inline-block; width: 8px; height: 14px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; vertical-align: middle; margin-top: -22px; transform: rotate(45deg); }
  .munuTxt{ display: none !important;;}
  .navbar-toggler .mnu { display: none; }
  .navbar-toggler { width: 35px; height: 35px; position: absolute; top: 0px; right: 0px; }
  .hedsos { display: none !important; }
  .headSos { display: flex; align-items: center; position: absolute; right: 0px; top: 8px; }
  .page-footer { padding: 20px 4px; }
  .navbar .logos { display: inline-block; }
  .mainheader { position: relative; text-align: center; }
  .logos { width: 235px; }
  .logos img { max-width: 100%; }
  .navbar { padding: 0px; justify-content: center; }
  .navbar-toggler { width: 35px; height: 35px; position: absolute; top: 0px; left: 0px; margin: 0px; right: inherit; }
  .navbar-toggler span { background: #e5e418 !important; }
  .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); border-radius: 0px; width: 50px; height: 50px; padding: 13px; z-index: 11111111;}
  .droparw { position: absolute !important; top: 0px; right: 0px; color: #FFF; border-left: 1px solid rgba(255, 255, 255, 0.05); background: transparent; width: 44px; }
  .menu_sec .dropdown ul.dropdown-menu li a{     color: rgb(var(--color-foreground));     font-size: 15px;}
  .navbar .dropdown .dropdown-menu.open { right: 0px; background: #fff !important; }
  .navbar .dropdown .dropdown-menu { border: none !important; }
  .mainheader { padding: 15px 0; }
  .mainheader .container { max-width: 100% !important; }
  .navbar-toggler { top: 0px; }
  .overlay.shows {background: rgba(0, 0, 0, 0.3); z-index: 11111;}
  .navbar-toggler.showactv { z-index: 9999999999; }
  .navbar-toggler.showactv span { background: #fff !important; }
  .navbar .logos {margin-top: 8px; width: 60% !important;}
  .banner-sec{ height:80px;}
  .page-header .navbar-collapse { display: none !important; position: fixed !important; top: 0 !important; right: auto !important; left: 0 !important; width: 80%; max-width: 400px; height: 100vh !important; margin: 0 !important; padding: 0 !important; background: rgba(0, 0, 0, 0.90) !important; transform: translateX(100%); transition: transform 300ms ease-in-out; overflow-y: auto !important; z-index: 999999; }
  .page-header .navbar-collapse.show { display: block !important; transform: translateX(0) !important; }
  .page-header .navbar-collapse .navbar-nav { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; margin: 0; padding: 60px 0 20px; }
  .page-header .navbar-collapse .navbar-nav li { width: 100%; }
  .page-header .navbar-collapse .navbar-nav li a { display: block; width: 100%; padding: 15px 20px !important; font-family: "Anton", sans-serif; font-size: 18px; color: #E4E416 !important; text-align: center; text-transform: uppercase; background: transparent !important; }
  .page-header .navbar-collapse .navbar-nav li a:hover, .page-header .navbar-collapse .navbar-nav li a.active { color: #fff !important; /* background: #23282b !important; */ }
  .page-header .navbar::after { display: none !important; }
	body.hide-scroll .navbar-toggler span:nth-child(1){ transform: translate(0, 6.5px) rotate(-45deg);}
	body.hide-scroll .navbar-toggler span:nth-child(2){ opacity:0;}
	body.hide-scroll .navbar-toggler span:nth-child(3){ transform: translate(0, -8px) rotate(45deg);}
}

@media screen and (max-width:767px) 
{
  .navbar-collapse { width: 70%; }
  .navbar .logos {  width: 60% !important;}
}

@media screen and (max-width:480px) 
{
  .footer-links li{ width: 100%;}
  .logos { width: 189px; }
}

@media screen and (max-width:360px) 
{
  .linkbtn, #cartDropDown { font-size: 13px !important; }
}