/* =========================================================
   SPECIAL-SNACKS URLAUB POPUP START
   TEMPORÄR – NACH DEM URLAUB KOMPLETT LÖSCHEN
   ========================================================= */


/* ---------------------------------------------------------
   POPUP-BOX
   --------------------------------------------------------- */

#ws5_Popup .ws5_popupBannermittig{
  position: relative !important;

  width: calc(100% - 40px) !important;
  max-width: 760px !important;

  padding: 0 !important;

  background: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;

  box-shadow: 0 18px 50px rgba(0,0,0,.18) !important;

  overflow: visible !important;
}


/* ---------------------------------------------------------
   POPUP-INHALT
   --------------------------------------------------------- */

#ws5_Popup #ws5_popupText{
  padding: 0 !important;
}

#ws5_Popup .ss-urlaub-popup{
  padding: 30px 28px 28px !important;

  text-align: center !important;
  font-family: inherit !important;
  color: #333 !important;
}


/* ---------------------------------------------------------
   BADGE
   --------------------------------------------------------- */

#ws5_Popup .ss-urlaub-popup__badge{
  display: inline-block !important;

  margin: 0 0 12px !important;
  padding: 6px 14px !important;

  background: rgba(180,0,0,.08) !important;
  border: 1px solid rgba(180,0,0,.18) !important;
  border-radius: 999px !important;

  color: #a80000 !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
}


/* ---------------------------------------------------------
   TITEL
   --------------------------------------------------------- */

#ws5_Popup .ss-urlaub-popup__title{
  margin: 0 0 14px !important;
  padding: 0 !important;

  color: #2f2f2f !important;

  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}


/* ---------------------------------------------------------
   TEXT
   --------------------------------------------------------- */

#ws5_Popup .ss-urlaub-popup__text{
  max-width: 540px !important;

  margin: 0 auto 20px !important;
  padding: 0 !important;

  color: #555 !important;

  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

#ws5_Popup .ss-urlaub-popup__text strong{
  color: #333 !important;
  font-weight: 700 !important;
}


/* ---------------------------------------------------------
   VERSAND-DATUM
   --------------------------------------------------------- */

#ws5_Popup .ss-urlaub-popup__shipping{
  display: inline-block !important;

  margin: 0 auto !important;
  padding: 11px 18px !important;

  background: #f5f5f5 !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 10px !important;

  color: #3f3f3f !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

#ws5_Popup .ss-urlaub-popup__shipping strong{
  color: #a80000 !important;
  font-weight: 800 !important;
}


/* ---------------------------------------------------------
   CLOSE BUTTON
   echtes vorhandenes "x"
   --------------------------------------------------------- */

#ws5_Popup .ws5_popupBannermittig .close{
  position: absolute !important;

  top: 10px !important;
  right: 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #f5f5f5 !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 50% !important;

  color: #777 !important;

  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  text-align: center !important;

  cursor: pointer !important;
  opacity: 1 !important;

  z-index: 20 !important;

  transform: none !important;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease !important;
}

#ws5_Popup .ws5_popupBannermittig .close:hover{
  background: #fff5f5 !important;
  border-color: #ddbcbc !important;
  color: #a80000 !important;

  transform: none !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 640px){

  #ws5_Popup .ws5_popupBannermittig{
    width: calc(100% - 24px) !important;
    border-radius: 14px !important;
  }

  #ws5_Popup .ss-urlaub-popup{
    padding: 26px 18px 22px !important;
  }

  #ws5_Popup .ss-urlaub-popup__title{
    font-size: 22px !important;
  }

  #ws5_Popup .ss-urlaub-popup__text{
    font-size: 14px !important;
  }

  #ws5_Popup .ss-urlaub-popup__shipping{
    padding: 9px 14px !important;
    font-size: 14px !important;
  }

  #ws5_Popup .ws5_popupBannermittig .close{
    top: 8px !important;
    right: 8px !important;

    width: 30px !important;
    height: 30px !important;

    font-size: 19px !important;
  }
}


/* =========================================================
   SPECIAL-SNACKS URLAUB POPUP ENDE
   ========================================================= */


/*Änderungen Neu*/
.MHD {
  color: #ffffff;
  background-color: #d00000;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  box-shadow: 0 0 10px rgba(208, 0, 0, 0.5);
}
/* --- Fix: VPE-Button nicht gelb beim Klick --- */
.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    border-color: #000 !important;
    color: #E01201 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Hover + Klick */
.btn-outline-primary:hover,
.btn-outline-primary:focus:hover,
.btn-outline-primary:active:hover {
    background-color: #E01201 !important;
    border-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
}








@media (min-width: 992px) {
  .nav-scrollbar-item .nav-mobile-heading {
    padding-right: 0;
    font-weight: bold;
  }
}
.text-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 70px; /* oder passend zur Zeilenhöhe */
}
.mb-2, .my-2 {
  height: 10px;
}
/* Responsive Spaltenanzahl für die Produktliste (layout-gallery)
   Handy: 1  | Tablet: 2 | Laptop: 3 | Desktop: 4
*/
/* Basis: volle Breite (Handy) */
#product-list.layout-gallery .product-wrapper {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Tablet ≥ 768px → 2 Spalten */
@media (min-width: 768px) {
  #product-list.layout-gallery .product-wrapper {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/* Laptop ≥ 992px → 3 Spalten */
@media (min-width: 992px) {
  #product-list.layout-gallery .product-wrapper {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
  }
}

/* Desktop ≥ 1200px → 4 Spalten */
@media (min-width: 1200px) {
  #product-list.layout-gallery .product-wrapper {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

/* Optional: vertikaler Abstand der Karten */
#product-list.layout-gallery .productbox { margin-bottom: 1rem; }

.product-mhd { min-height: 1.25rem; line-height: 1.25rem; margin-top: .25rem; }
.product-mhd--empty small { visibility: hidden; } /* behält Höhe, zeigt aber nichts */
/* Fix: "Zum Artikel" Button - kein Gelb beim Klicken */
.product-btn .btn-outline-primary,
.product-btn .btn-outline-primary:focus,
.product-btn .btn-outline-primary:active,
.product-btn .btn-outline-primary:not(:disabled):not(.disabled):active,
.product-btn .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .product-btn .btn-outline-primary.dropdown-toggle {
    border-color: #000 !important;   /* Rot wie dein Theme */
    color: #E01201 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Hover + Klick */
.product-btn .btn-outline-primary:hover,
.product-btn .btn-outline-primary:focus:hover,
.product-btn .btn-outline-primary:active:hover {
    background-color: #E01201 !important;
    border-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
}
/* Button "Zum Artikel" im Produkt-Listing */
.product-btn .btn-outline-primary {
    border-color: #000;       /* z. B. rot wie dein Warenkorb-Button */
    color: #E01201;
    background-color: transparent;
}

.product-btn .btn-outline-primary:hover,
.product-btn .btn-outline-primary:focus,
.product-btn .btn-outline-primary:active {
    background-color: #000;   /* gleiche Farbe wie Rahmen */
    color: #fff;                 /* Text wird weiß */
    border-color: #E01201;
    box-shadow: none !important; /* kein gelber Klick-Effekt */
}
.btn-outline-primary {
    border-color: #000;
    background-color: transparent;
    color: #525252;
    position: relative;
    overflow: hidden;
}

.slick-slide a:hover, .slick-slide a:focus {
  color: #E01201;
}
table {
    width: 35%;
    border-collapse: collapse;
    margin: 1em 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

th, td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
}

th {
    background-color: #f5f5f5;
    font-weight: bold;
}

tr:nth-child(even) td {
    background-color: #fafafa;
}
.text-truncate {
  text-transform: uppercase;
  font-weight: bold;
}
.fas.fa-search {
  font-size: 24px;
}
img.img-sm.img-fluid {
    width: 65px;
}
.GeneratedMarquee {
font-family:Corbel, sans-serif;
font-size:3em;
font-weight:bold;
font-variant:small-caps;
line-height:1.3em;
color:#525252;
padding:0em;
}
.landing_newsletter {
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 1);
  margin-bottom: -57px;
}
p.code_newsletter {
    text-shadow: 1px 1px 0px #fff;
}
span.h_newsletter {
    text-shadow: 2px 1px 0px #fff;
}
.text_newsletter {
  text-shadow: 2px 1px 0px #000;
}
#footer {
  margin-bottom: -60px;
}
button.btn.js-cfg-validate.btn-primary.btn-block.button_b2b {
    width: 45%;
    margin: auto;
}
span.fas.fa-user-check {
    font-size: 25px;
}
span.price_label.per_unit {
    display: none;
}
.row.newsletter-footer {
    display: none;
}
p.datenschutz_content {
    margin-bottom: 150px;
}
.card-title {
    color: #E01201;
}
.shortdesc {
    margin-top: -20px;
}
.row.gpsr-compliance {
    margin-top: -50px;
}
a.kontakt_link_footer {
    text-decoration: none;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 95%;
}
.opc-hidden-xs.slider_top {
    margin-top: -16px;
}
.opc-Divider.hr-sect.opc-hidden-xs.opc-hidden-sm.hr_landing.opc-Divider-empty {
    margin-top: 60px;
    margin-bottom: 60px;
}
.text-muted {
    color: #000 !important;
    font-weight: bolder;
    font-size: medium;
    margin-top: 5px;
}
.page-link:hover {
    z-index: 2;
    color: #E01201;
    text-decoration: none;
    background-color: transparent;
    border-color: #dee2e6;
}
.fa-long-arrow-alt-right:before {
    content: "";
    color: #E01201;
}
.fa-long-arrow-alt-left:before {
    content: "";
    color: #E01201;
}
.ribbon-4::before {
    border-right-color: #E01201;
}
.base-price.text-nowrap-util {
    color: #000;
    margin-top: -15px;
    padding-bottom: 15px;
    font-weight: bold;
}
#header-top-bar a:not(.dropdown-item):not(.btn), header a:not(.dropdown-item):not(.btn) {
    color: #333;
}
.container-fluid.container-fluid-xl.d-lg-flex.flex-row-reverse {
    color: #fff;
}
span.cart-icon-dropdown-price {
    color: #fff;
}
@media (min-width: 992px) {
    header .nav-multiple-row .navbar-nav>.nav-item>.nav-link {
        padding: 1rem 1.5rem;
        color: #fff;
    }
}
header .btn-outline-primary:hover {
    color: #E01201;
}
.account-head-data .account-head-data-credit {
    text-align: center;
    font-weight: 700;
    border: 1px solid #E01201;
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label {
    background: #ebebeb;
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label {
    color: #E01201;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E01201;
    border-radius: 0.125rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
    outline: 0;
}
.modal-title.h5 {
    color: #000;
}
form#article_question {
    color: #000;
}
a.popup {
    color: #E01201;
    font-weight: bold;
}
dl.form-row.productlist-item-detail.text-nowrap-util {
    width: 335px;
}
.opc-Divider.hr-sect.hr_landing.opc-Divider-empty {
    width: 80%;
    margin: auto;
}
.row.gallery.row-eq-height.row-eq-img-height.product-list.opc-ProductStream.opc-ProductStream-gallery.top_landing {
    width: 85%;
    margin: auto;
}
.ribbon-4 {
    background-color: #E01201;
    color: #fff;
}
/*Gebinde (Tray) in der Artikelübersicht ausblenden*/
.input-group-text.unit.form-control-sm {
    display: none;
}
button.btn.btn-block.btn-primary {
    box-shadow: 0px 0px 3px 0px #333;
}
button.btn.btn-primary.btn-block {
    box-shadow: 0px 0px 3px 0px #333;
}
.modal-header .close:hover {
    background-color: #E01201;
    color: #ffffff;
}
button.btn.js-cfg-validate.btn-block.btn-primary {
    box-shadow: 0px 0px 3px 0px #333;
}
a.btn.btn-sm.btn-block.btn-outline-secondary {
    box-shadow: 0px 0px 3px 0px #333;
}
.dropdown-menu.dropdown-menu-right.show {
    border: 1px solid #E01201;
}
.ribbon-7 {
    background-color: #F7F7F7;
    color: #E01201;
}
.ribbon-7::before {
    border-right-color: #DADADA;
}
.opc-hidden-xs.slider {
    width: 87%;
    margin: auto;
}
.noUi-horizontal .noUi-connect {
    background: #E01201;
}
.noUi-horizontal .noUi-handle {
    top: -0.2em;
    border-radius: 50%;
    background: #000;
    border: 0;
    width: 0.7em;
    height: 0.7em;
    box-shadow: 0px 0px 0px 5px rgba(248, 191, 0, 0.5);
}
input#search-header {
    box-shadow: 0px 0px 11px 0px #fff;
}
header .table, header .dropdown-item, header .btn-outline-primary {
    color: #000;
}
.form-error-msg {
    color: #000;
}
span.fas.fa-user {
    color: #fff;
    font-size: 25px;
}
i.fas.fa-shopping-cart.cart-icon-dropdown-icon {
    color: #E0E0E0;;
    font-size: 25px;
}
h3, .h3, .sidepanel-left .box-normal .box-normal-link {
    font-size: 1rem;
    color: #E01201;
    padding-top: 15px;
}
h2, .h2, .product-matrix .product-matrix-title {
    font-size: 1.5rem;
    color: #E01201;
    line-height: 40px;
}
h1, .h1 {
    font-size: 1.875rem;
    color: #E01201;
}
.footnote-vat {
    color: #E01201;
    text-align: center;
}
#product-offer .product-info {
    border: 0;
    padding-top: 35px;
}
.theme-default .nivoSlider {
    position: relative;
    background: #fff url(../../../NOVA/themes/base/images/slider/default/loading.gif) no-repeat 50% 50%;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0px 0px 0 #4a4a4a;
    -moz-box-shadow: 0 1px 5px 0 #4a4a4a;
    box-shadow: 0 0px 0px 0 #4a4a4a;
}
span.price_label.price_invisible {
    font-size: 16px;
    font-weight: bolder;
    color: #E01201;
}
a.btn.btn-sm.btn-block.btn-outline-secondary {
    margin-top: 25px;
}
.mb-4, .my-4 {
    margin-bottom: 4.5rem !important;
}
body.is-nova .gallery .product-wrapper .productbox .productbox-inner>.row>.col:last-child, body.is-nova .layout-gallery .product-wrapper .productbox .productbox-inner>.row>.col:last-child {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
}
.slick-arrow:hover {
    background-color: #E01201;
    color: #ffffff;
}
.row.gallery.row-eq-height.row-eq-img-height.product-list.opc-ProductStream.opc-ProductStream-gallery.new_landing {
    width: 85%;
    margin: auto;
}
@media (max-width: 414px) {
.row.gallery.row-eq-height.row-eq-img-height.product-list.opc-ProductStream.opc-ProductStream-gallery.new_landing {
    width: 100%;
    margin: auto;
	}
}
@media (min-width: 992px) {
    #content-wrapper:not(.has-fluid) {
        padding-top: 2rem;
    }
}
@media (min-width: 414px) {
.opc-product-slider.angebot_landing.opc-ProductStream-simpleSlider {
    width: 98%;
    margin: auto;
  }
}
.opc-product-slider.angebot_landing.opc-ProductStream-simpleSlider {
    width: 82%;
    margin: auto;
}
.ribbon-1 {
    background-color: #E01201;
    color: #fff;
}
.ribbon-1::before {
    border-right-color: #E01201;
}
.text-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
}
.btn-outline-secondary:hover {
    border-color: #E01201;
    background-color: #000;
    color: #E01201;
}
.btn-outline-secondary {
    border-color: #000;
    background-color: #E01201;
    color: #fff;
}
  .btn-primary {
    color: #fff;
    background-color: #E01201;
    border-color: #000;
    box-shadow: none;
}
  .btn-primary:hover {
    background-color: #000;
    border-color: #E01201;
    color: #E01201;
}
/*News/Blog ausblenden im Header
ul.nav.topbar-main nav-dividers {
  
}*/
/*Copyrightzeile im Footer ausblenden*/
#copyright {
    background-color: #1973d3;
    color: #fafafa;
    margin-top: 1rem;
    display: none;
}
#header-top-bar, header {
    background-color: #000000;
    color: #525252;
}
Logoheader schwarz einfärben
@supports (position: sticky) {
  .sticky-top {
background-color: #000000;
   opacity: 0;
  }
}

  Über Logoheader einfärben
.container-fluid-xl {
 background-color: #000000;
}
.container-fluid-sm {
 background-color: #000000;
  }
#footer {
  background-image: url("https://special-snacksb2b.de/mediafiles/Sonstiges/footer_background_1920x600_final.png");
}
/*Symbole Header rot einfärben*/
#header-top-bar a:not(.dropdown-item):not(.btn), header a:not(.dropdown-item):not(.btn) {
    text-decoration: none;
}
/*Hover einfärben gelb*/
#header-top-bar a:not(.dropdown-item):not(.btn):hover, header a:not(.dropdown-item):not(.btn):hover {
    color: #C2C2C2;
}
.form-clear {
    align-items: center;
    bottom: 8px;
    color: #E01201;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 52px;
    width: 24px;
    z-index: 10;
}
.btn-secondary {
    color: #ffffff;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.btn-secondary:hover {
    color: #333;
    background-color: transparent;
    border-color: #E01201;
    box-shadow: none;
}
#search-header.form-control.ac_input.tt-input {
  color: #E01201;
  background-color: #fff !important;
  border: none;
  
}
@media (min-width: 992px) {
    header .navbar-nav>.nav-item>.nav-link::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 0 6px;
        border-color: #fff;
        border-style: solid;
        transition: width 0.4s;
        width: 0;
    }
}
#footer a:not(.btn):hover {
    color: #E01201;
}
/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #E01201;
    background-color: transparent;
    border-color: #ffffff;
}*/
.btn-primary {
    color: #fff;
    background-color: #E01201;
    border-color: #000;
    box-shadow: none;
}
.btn-link:hover {
    color: #E01201;
    text-decoration: none;
}

.estimated-delivery:hover .estimated-delivery-info {
    color: #E01201;
    text-decoration: none;
}
a:hover {
    color: #E01201;
    text-decoration: none;
}
.delivery-status .status-1, .signal_image .status-1 {
    color: #E01201;
}
.tab-navigation .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 0 6px;
    border-color: #E01201;
    border-style: solid;
    transition: width 0.4s;
    width: 0;
}
.dropdown-menu .dropdown-menu-right .show {
  color: #000 !important;
}
.account-icon-dropdown .dropdown-footer {
    background-color: #000;
}
header .dropdown-menu {
    color: #fff;
}
header {   
    background-color: #000000;
    color: #fff;
    background-image: url(https://special-snacksb2b.de/mediafiles/Sonstiges/header_background_1920x450.png);
    background-position: left;
    box-shadow: 0px 7px 13px -7px #000000, 0px 5px 15px 5px rgba(0, 0, 0, 0);
}
  
aside .nav-panel > .nav > .active > .nav-link {
    border-bottom: 0.375rem solid #E01201;
    cursor: pointer;
}
#footer a:not(.btn) {
    color: #ffffff;
}
#footer .productlist-filter-headline {
    color: #E01201;
    text-transform: uppercase;
}/*
#footer .newsletter-footer-heading {
    color: #E01201;
}
#footer .btn-outline-primary {
    color: #E01201;
}*/

#footer {
    margin-top: auto;
    padding: 1rem 0 0;
    background-color: #f5f7fa;
    color: #ffffff;
    border-top: 3px solid #E01201;
    box-shadow: 5px 5px 15px 5px #333;
}
.btn-outline-primary:hover {
    border-color: #000000;
    background-color: transparent;
    color: #525252;
    position: relative;
    overflow: hidden;
}
.stepper .step-active .step-content::after {
    content: "";
    position: absolute;
    height: 0.125rem;
    bottom: 0;
    background: #E01201;
    z-index: 11;
    left: -1rem;
    right: -1rem;
}
.badge-primary {
    color: #E01201;
    background-color: #5252;
}
.badge-secondary {
    color: #E01201;
    background-color: #5252;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.25rem + 2px);
    padding: 0.625rem 0.9375rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #525252;
    background-color: #ebebeb;
    background-clip: padding-box;
    border: 0px solid #000 !important;
    border-radius: 0.125rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fa-sup {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -0.3em;
    background-color: #fff;
    margin-top: -1em;
    padding: 0.4em 0.6em;
    border-radius: 50rem;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    color: #E01201;
    max-width: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
}
a#cart-checkout-btn {
    color: #525252;
    background-color: #fff;
    border-color: #525252;
}
select#country {
    box-shadow: none;
}
select#billing_address-country {
    box-shadow: none;
}
#checkout_create_account_unreg.custom-control-input.collapsed {
  color: #E01201;
  background-color: #E01201;
}
button.btn.submit_once.btn-primary.btn-block {
    background-color: #E01201 !important;
    color: #fff !important;
    border-color: #000 !important;
}
@media (max-width: 991.98px) {
    header .nav-mobile-body {
        height: calc(100vh - 3.125rem);
        height: calc(var(--vh, 1vh)* 100 - 3.125rem);
        overflow-y: auto;
        position: relative;
        background-color: #000000;
    }
  @media (max-width: 991.98px) {
    header .nav-mobile-header>.row {
        height: 3.125rem;
        background-color: #000000;
    }
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
        background-color: #000000;
    }
}
#header-top-bar, header {
    background-color: #ffffff;
    color: #525252;
}
  .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #000000;
}