body.hide-scroll { overflow-y: auto !important; }
body { font-family:'Space Grotesk'; }
.page-header {
  height: auto !important;
}
.page-header .header-top {min-height: inherit;position: static;top:-150px;transition: all 0.3s ease;}
.page-header .header-top.fixed-top {/* position: fixed; */top:0px;}
.navbar-collapse .navbar-nav .nav-item .nav-link { text-transform: none; }
.header-top .container { height: 100%; }
.page-header .header-top .navbrand {max-width: 208px;width: 100%;height: auto;max-height: none;margin: 10px;}
.page-header .header-top .navbrand a img { max-height: none; }
.page-header .header-top nav.navbar {padding: 0px;margin-top: 0;}
.page-header .header-top {background-color: #000;padding: 14.5px 1rem;}
.navbar-collapse .navbar-nav .nav-item .nav-link {color: #fff;font-weight: 400;padding: 16px;line-height: 15px;font-size: 16px;border-radius: 0px !important;}

.navbar-nav { margin-left: auto; }
.navbar-collapse .navbar-nav .dropdown-item:focus,
.navbar-collapse .navbar-nav .dropdown-item:hover { background-color: rgba(200, 200, 200, 0.5); }
.navbar-collapse .navbar-nav .dropdown-item {padding: 15px 10px 15px 30px;font-size: 16px;line-height: 24px;line-height: 1;}
.navbar-nav .dropdown-toggle::after {content: "\f107";font-family: fontAwesome;border: 0px;width: auto;height: auto;font-weight: 600;vertical-align: middle;margin-left: 10px;}
.navbar-toggler { padding: 0.8rem; background: #e52737; border-radius: 0; }
.navbar-toggler:focus { outline: none; }
.navbar-toggler i { display: block; height: 2px; width: 25px; transform-origin: 50%; background: #ffffff; transition: all 0.3s ease; }
.navbar-toggler i:nth-of-type(1) { margin-bottom: 7px; }
.navbar-toggler.showtoggle:not(.collapsed) i:nth-of-type(1) { margin-top: 1px; transform: rotate(45deg) translate(5px, 5px); }
.navbar-toggler i:nth-of-type(2) { margin-bottom: 7px; }
.navbar-toggler.showtoggle:not(.collapsed) i:nth-of-type(2) { width: 0; }
.navbar-toggler i:nth-of-type(3) { margin-bottom: 0; }
.navbar-toggler.showtoggle:not(.collapsed) i:nth-of-type(3) { margin-top: 1px; transform: rotate(-45deg) translate(8px, -8px);}






.mini-cart button.dropdown-toggle {
  color: #0C0C0C !important;
  padding: 0.467em 0em 0.467em 1em !important;
  line-height: 1.2857em !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  font-weight: 500; border: none !important; width: auto !important; height: auto !important; box-shadow: none !important; margin: 0px !important;
}
.mini-cart button.dropdown-toggle:hover{ color: #C53D3E !important;}
.mini-cart button.dropdown-toggle .cart-counter {
  position: inherit;
  top: inherit;
  right: inherit;
  padding: 0;
  line-height: 1;
  font-size: 18px;
  border-radius: 0;
  background: none !important;
  color: #2e2c76 !important;left: inherit;
}

.headermain{ background: #fff;}
.headermain .nav-item a{ color: #0C0C0C !important;padding: 10px 18px !important; line-height: 1.2857em !important;  text-transform: uppercase !important; font-size: 20px !important; font-weight:400;}

.navbrand img{ max-width: 100%;}
.navbar{ padding: 0px !important; margin-top: 46px;}
.headermain .nav-item a strong{ font-weight: 700;}
.headermain .nav-item a:hover, .headermain .nav-item.actv a{color: #C53D3E !important;}
.navbar-collapse {
  margin-left: 0 !important;
}
.sidenav .dropdown-toggle {
  font-size: 20px;
  position: absolute;
  right: -10px;
  top: 7px;
}

.navbar-nav{ margin-top: -47px;}
.navbar-nav .dropdown-menu.subdropdown{background-color: #2e2c76 !important; width: 300px; border: none !important; border-radius:0px !important; padding: .7em 2em !important;}
.navbar-nav .dropdown-menu.subdropdown li a{ color: #fff !important; padding: 0.75em 0em !important;}
.navbar-nav .dropdown-menu.subdropdown li a:hover{ background: none !important;}
.navbar-collapse .navbar-nav .nav-item:last-child .nav-link{ padding-right: 0px !important;}

.navbar-nav .dropdown-menu.subdropdown li a{ text-transform: inherit !important; font-weight: 400;}
.navbrand{ width: 53px; margin-left:22px !important;
margin-right: 3vw !important; margin-top: -56px;}

.page-header{ position: relative;}
.headermain {
  background: #fff;
  float: left;
  width: 100%;
}



.navbar-toggler.showtoggle:not(.collapsed) i:nth-of-type(3){margin-top: 10px;}


.mini-cart-wrapper .cart-total .total-price{ color: #e5233e !important;}
.header-action .mini-cart a.btn{ background: #e5233e !important; color: #fff !important;}
.header-action .mini-cart a.btn:hover{ background: #2e2c76 !important;}



.page-body{ margin-top: 40px;}

.mini-cart-footer a.btn{ color:#fff;}

.headlogtop{ width: 100%; text-align: right;}
.headlogtop ul li{ display: inline-block; }
.headlogtop ul li.popup_login_link a, .mini-cart .dropdown-toggle{ padding: 0 2.2em 0 1em;font-weight: 400; font-size: 20px; color: #0C0C0C !important; font-size: 20px !important; font-family: 'Space Grotesk', sans-serif !important;}
.headlogtop ul li.popup_login_link a:hover, .mini-cart .dropdown-toggle:hover{ color: #C53D3E !important;}
.mini-cart{position: relative;
top: -3px;}
.mini-cart button.dropdown-toggle .cart-counter{ position: relative;top: 1px;}


.addtocartbutton {
  background: #0C0C0C !important;
}
.addtocartbutton:hover {
  background: #C53D3E !important;
}
.container {
  max-width: 1330px !important;
}
.mini-cart-footer a.btn{ color:#fff;}


.sidenav .nav-item.dropdown .dropdown-menu {
  display: block !important;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 0;
  transition: transform 0.3s,opacity 0.3s;
  display: none;
position: absolute;
top: -0.4em;
padding-top: 3.4em;
padding-bottom: 0.4em;
min-width: 100%;
background: #fff;
box-shadow:0 5px 15px rgba(0,0,0,.15);width: 367px;left: 0;
}

.w-dropdown-list-h{ max-height: calc(90vh - 3em);min-width: 100%;overflow-y: auto; background: #fff;}
.sidenav .nav-item.dropdown.show .dropdown-menu{transform: scaleY(1) translateZ(0);
opacity: 1; display: block; border: none !important;}
.sidenav .nav-item.dropdown .dropdown-menu li a{
  display: block;
  white-space: nowrap;
  padding: 0 2.2em 0 1em;
  cursor: pointer; text-transform: inherit !important;
}

.sidenav .nav-item.dropdown.show .nav-link{
  position: relative;
  z-index: 1111;
}
.sidenav .nav-item.dropdown.show .dropdown-toggle{ z-index: 1111;}

.fa-baseball::before {
  content: "\f432";
}

.navbrand{ margin-left: 20px !important;}
.sidearws{
  font-size: 20px;
  position: absolute;
  right: -4px;
  top: 8px;
}


.sidenav .dropdown-toggle {
  font-size: 20px;
  position: relative;
  right: 0px;
  top: 1px;
}
.desktonone{ display: none;}


.sidenav .dropdown-toggle {
  font-size: 20px;
  position: absolute;
  right: -4px;
  top: 8px;
}


.page-footer{ width: 100%; background: #000; padding: 20px 0; text-align: center; float: left;}
.page-footer p{ color: #fff !important; margin: 0px;}
.page-footer p a{ color: #fff !important; font-weight: 700;}
.privacy {
  color: #fff !important;
  text-align: center !important;
}
.privacy li a {
  color: #fff !important;
}
.page-footer p{ line-height: 30px;}
.headermain .mini-cart-footer a.btn{ color: #fff !important;}


















@media (min-width: 1700px) and (max-width: 9000px){



/*.navbrand{position: absolute;
left: 0px;
top: 0px;}
.navbar-expand-lg .navbar-nav{ width: 100%; justify-content: center;}
.sidenav .dropdown-toggle {
  font-size: 20px;
  position: relative;
  right: 5px;
  top: -3px;
}
.container{ max-width: 1820px !important; padding-left: 2.5rem;
padding-right: 2.5rem; }
.navbrand{
  display: flex;
  flex-basis: 100px; align-items: center; justify-content: flex-start;
}


.navbar-collapse {
  display: flex;
  align-items: center;
  flex-grow: 1;justify-content: center;
}

.navbar{display: flex;
align-items: center;
position: relative;
margin: 0 auto;
height: inherit;}*/


.headermaininn {
  margin-left: -106px;
  width: 100%;
  display: inline-block;
}
.navbar-nav{ display: inline-block;}
.navbar-nav li{ display: inline-block;}
.navbrand {
  width: 41px;}

.sidenav .dropdown-toggle {
  font-size: 20px;
  position: relative;
  right: 0px;
  top: -3px;
}


.headermain .nav-item a{padding: 10px 13px !important;}




}



@media (min-width: 1263px) and (max-width: 1699px){
.headermain .nav-item a{ padding: 10px 14px !important;}

.sidenav .dropdown-toggle {
  font-size: 20px;
  position: relative;
  right: 0px;
  top: -1px;
}
.headermain .nav-item a{ font-size: 17px !important;}


}

@media (min-width: 1200px) and (max-width: 1300px){
.headermain .nav-item a{ font-size: 17px !important;}


}
@media screen and (max-width:1199px){

.headermain .nav-item a {
  font-size: 16px !important;
  padding: 10px 13px !important;
}
.headlogtop ul li.popup_login_link a, .mini-cart .dropdown-toggle{font-size: 18px !important;}
.sidenav .dropdown-toggle {
  font-size: 15px;}




}
@media(min-width:1200px){
/*.navbar-collapse .navbar-nav .nav-item.dropdown:hover .dropdown-menu { display: block; }*/





}


@media screen and (max-width:999px){
.headermain .nav-item a {
  font-size: 16px !important;
  padding: 10px 9px !important;
}
.headlogtop ul li.popup_login_link a, .mini-cart .dropdown-toggle, .mini-cart button.dropdown-toggle{font-size: 16px !important;}
.sidenav .dropdown-toggle {
  font-size: 15px;}
  
  
  
  
  
}

@media(max-width:991px){
  .page-header { min-height: 93px; }
  .page-header .header-top {padding: 10px 0;}
  .page-header .header-top nav.navbar { margin-top:0px; }
  .page-header .header-top .navbrand { max-width: 150px; }
  .page-header .header-top.fixed-top { position: relative; }
  .navbar-collapse {margin-top: 11px;background-color: #000000;border: 0px;z-index: 9999;}
  .navbar-collapse .navbar-nav .nav-item .nav-link { text-align: right; }
  .navbar-collapse .navbar-nav .nav-item .dropdown-menu { width: 100%; }
  
  
.botmrd{ display: none;}  
  
.desktonone{ display: inline-block;}  
.mobnone{ display: none;}
.sidenav .dropdown-toggle{ right: -10px;
top: 13px;}



.sidenav .dropdown-toggle {
  right: -10px;
  top: 10px;
}




  
  
}

@media(max-width:767px){
  .page-footer .social-icons span { padding: 0 1.5rem; }
  .page-footer h4.shadow { text-align: center; font-size: 20px; }
  .page-footer .contact-info-item { text-align: center; }
  .contact-info-wrap {
    padding-left: 0;
    padding-right: 0;
}

#site-info .col-md-3 {
    padding: 0px;
}

#site-info .col-md-5, #site-info .col-md-3 {
    max-width: 100%;
}
.footer-logo { margin: auto; }

.footer-badge {
    margin-top: 10px;
}
}

@media screen and (max-width:991px){

.top_panel{ display: none;}
.page-header{ height: auto !important;}
.page-header::before{ display: none !important;}
.navbrand {
  width: 58px;
  margin-top: 0 !important;
  position: absolute;
  top: -3px;
  left: 50%; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.headermain .nav-item a {
  font-size: 20px !important;
  padding: 10px 9px !important;
}
.headlogtop ul li.popup_login_link a, .mini-cart .dropdown-toggle, .mini-cart button.dropdown-toggle{font-size: 20px !important;}
.sidenav .dropdown-toggle {
  font-size: 15px;}





.top_panel .container, .headermain .container {
  max-width: 100% !important; padding: 0px;
}
.navbar-toggler i:nth-of-type(2) {
  margin-bottom: 4px;
}
.navbar-toggler{ background: none !important; border: none !important;}
.navbar-toggler i{ background: #000 !important;width: 28px; height: 3px;}
.navbar-toggler i:hover{ background: #C53D3E !important;}

.navbar-toggler{padding: 8px;}
.navbar-toggler i:nth-of-type(2) {
  margin-bottom: 6px;
}
.navbar-toggler i:nth-of-type(1) {
  margin-bottom: 6px;
}
.navbar-toggler {
  padding: 19px 9px;
}

.navbar-collapse{ background-color: #fff !important;
  position: absolute;
  top:100%;
  left: 0;
  width: 100%;
  height: auto;
  overflow: auto;
  z-index: 10003;
  padding: 0px;margin: 0px !important;
}
.navbar-collapse.show{ left: 0px;}
.navbar-nav {
  margin-top: 0;
}
.navbar-collapse .navbar-nav .nav-item .nav-link {
  text-align: left;
}


.navbar-toggler.showtoggle i{
  transform: translateY(-50%) rotate(45deg);
  transition-delay: 0.15s;
}
.navbar-toggler.showtoggle i:nth-of-type(1) {
  margin-bottom: 2px;
}
.navbar-collapse .navbar-nav {
  padding: 0;
}

.navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 0.7rem !important; line-height: 1.6em !important; font-size: 22px !important;}

.headlogtop{ padding: 0 15px;}



.mini-cart .dropdown-menu.show {
  animation: slideInUp ease-in-out 400ms;
  -webkit-animation: slideInUp ease-in-out 400ms;
  -moz-animation: slideInUp ease-in-out 400ms;
}

.mini-cart .dropdown-menu {
  min-width: 100%;
  margin-top: 10px;
  border-radius: 3px;
  padding: 0px;
  -webkit-box-shadow: 0px 6px 6px -5px rgba(0,0,0,0.5);
  box-shadow: 0px 6px 6px -5px rgba(0,0,0,0.5);
}

.mini-cart .dropdown-menu {
  right: 0 !important;
  padding-top: 45px;
  top: 0 !important;
  left: auto !important;
  height: 100%;
  margin-top: 0px;
  width: 100%;
  margin: 0px;
    margin-top: 0px;
  border: 1px solid #fff;
  position: fixed !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.minicart-header {
  display: inherit !important;
}

.mini-cart .minicart-header {
  padding: 10px;
  font-size: 20px;
  color: #666;
  border-bottom: 1px solid #e2dede;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
}

.mini-cart .minicart-header .close-mini-cart{float: right;}

.minicart-header b{ line-height: 29px;}



.page-footer .col-md-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.page-footer .container {
  max-width: 708px !important;
}

.navbar {
  padding: 0px !important;
  margin-top: 7px;
}





}


@media screen and (max-width:767px){

.page-footer .container {
  max-width: 600px !important;
}


}


@media screen and (max-width:480px){

.page-footer .container {
  max-width: 280px !important;
}

.page-footer .col-md-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}














}