:root {
  /* https://htmlcolorcodes.com/color-picker/ */
  --color-kaxl: #f2af00;
  --color-kaxl-bright: #FFDE8A;
  --color-kaxl-bright-secondary: #FFEBB8;
  --color-kaxl-bright-tertiary: #FFF8E6;
  --color-kaxl-dark: #D19600;
  --color-text-dark: #333;
  --color-text-bright: #ccc;
  --color-text-bright-secondary: #777;
  --color-border-primary: #bbb;
  --color-border-secondary: #ddd;
  --color-border-footer: #444;
}
body {
  font-size: 16px;
  color: var(--color-text-dark);
}
body.desktop #hheader {
  position: sticky;
  top: 0;
  z-index: 1000;
}
body.mobile .top-navigation-bar {
}
a {
  transition: all .1s ease-out;
  color: var(--color-text-dark);
}
.h1, h1 {
  font-size: 28px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
/* header cart */
.navigation-buttons a[data-target=cart],
.navigation-buttons a[data-target=cart]:hover {
  color: white;
}
.navigation-buttons a[data-target=cart] i {
  background: var(--color-kaxl);
  color: var(--color-text-dark);
}
.header-top .btn.cart-count {
  font-size: 18px;
}


/* LOGO */
#header {
  background: #000;
}
#header .site-name a img {
  max-height: 70px;
}

/* TOP NAVIGATION */
.top-navigation-bar {
  background-color: #000;
  border-bottom-color: #555;
  border-top-color: #555;
}
.top-navigation-contacts, .top-navigation-menu {
  background-color: #000;
}
.top-navigation-bar .dropdown button,
.top-navigation-bar a,
.top-nav-button {
  color: var(--color-text-bright);
}
.top-navigation-bar .dropdown button:hover,
.top-navigation-bar a:hover,
.top-nav-button:hover,
.top-navigation-menu-trigger:hover:before {
  color: white;
}
.top-navigation-bar-menu-helper li a:before {
  background-color: unset;
}
.top-navigation-bar-menu-helper li:not(:last-child) {
  border-bottom: 1px solid var(--color-border-primary);
}
.navigation-in {
  font-size: 16px;
}

/* FOOTER */
#footer, #footer>.container {
  background-color: #000!important;
  color: var(--color-text-bright);
}
#footer .contact-box a,
#footer .news-item-widget a,
#footer .password-helper a,
#footer ul a,
#footer a {
  color: var(--color-text-bright);
}
#footer p {
  margin: 8px 0;
}
#footer ul {
  margin: 8px 0 4px 0;
}
.overall-wrapper #footer a:hover {
  color: var(--color-kaxl);
  text-decoration: underline;
  font-weight: 600;
}
.footer-banner__title {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-kaxl);
  text-decoration: underline;
}
.footer-banner__socials {
  padding: 6px 0 14px 0;
}
.footer-banner__phone {
  padding-bottom: 14px;
}
.custom-footer__banner5 {
  width: 100%!important;
}
.custom-footer__banner5 p {
  margin: 20px 0 10px 0;
}
.custom-footer .banner {
  margin-bottom: 10px;
}
#footer .footer-bottom,
#footer .footer-bottom a,
#footer .footer-bottom a:hover {
  font-size: 14px;
  color: var(--color-text-bright-secondary)!important;
  font-weight: 400;
}
.banner-wrapper,
.custom-footer .banner {
  margin-top: 0;
  margin-bottom: 0;
}
.footer-icons {
  padding: 30px 0;
  justify-content: flex-start;
  row-gap: 1rem;
  border-top: 1px solid var(--color-border-footer);
  border-bottom: 1px solid var(--color-border-footer);
}
.footer-icons>div {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  width: 100%;
}
.footer-icons>div .wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
}
.footer-bottom {
  padding-bottom: 260px;
  padding-top: 0px;
  background-image: url("/user/documents/img/kaxl-footer2.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* BTN */
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
  color: var(--color-text-dark);
  font-weight: 700;
}
.shipping-options {
  text-decoration: underline;
}
/* button */
.add-to-cart-button {
  border-radius: 4px;
}
.btn.btn-primary, a.btn.btn-primary {
  border-radius: 4px;
  font-weight: 700;
}
.btn.btn-primary, a.btn.btn-primary:hover {
  color: var(--color-text-dark);
}

@media (max-width: 767px) {
  .banner {
    min-height: unset;
  }
  #signature, .copyright {
    margin: 2px;
  }
  .footer-bottom {
    padding: 10px;
  }
  .custom-footer {
    padding-top: 10px;
  }
  .footer-icons {
    padding: 10px 0 20px 0;
  }
}

@media (min-width: 768px) {
  .navigation-in>ul>li.ext>a>span {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .footer-rows .site-name {
    max-width: 200px;
    top: 70px;
  }
  .custom-footer {
    padding-left: 240px;
    padding-top: 50px;
  }
}

/* benefits */
.benefitBanner__data {
  display: flex;
  align-items: center;
}
.benefitBanner__data i {
  float: left;
  font-size: 60px;
  margin: 0 15px;
  color: var(--color-kaxl);
}
.benefitBanner__item{
  margin-bottom: 0;
}

/* flags */
.flag.flag-new {
  color: var(--color-text-dark);
}

/* cart widget */
.cart-widget-button {
  padding: 0;
}
.cart-widget-product-name {
  font-size: 14px;
}
.cart-widget-product {
  padding: 8px;
}
.cart-widget-product-unit {
  width: 25px;
}

:where(body.ums_homepage_cart_checkout_headings--off) .welcome div, :where(body.ums_homepage_cart_checkout_headings--off) .welcome h1 {
  max-width: 960px;
}


@media (min-width: 992px) {
  .popup-widget.cart-widget {
    box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, .16);
  }
}
@media (min-width: 1200px) {
  .products-block.homepage-products-2>div,
  .products-block.homepage-products-3>div {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 1800px) {
  .container {
    width: 1600px;
  }
}

/* site-msg */
.site-msg.information {
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid var(--color-border-primary);
  z-index: 100000001;
}
.site-msg .close {
  font-size: 16px;
}

/* cart shippers */
.payment-info b {
  text-transform: inherit;
}