:root {
  --menu-background-color: #383838;
  --menu-main-color: #a72c3a;
  --menu-active-color: #ffb400;
  --menu-font-color: #fff;
}

/*
.dropdown-menu-large {
  display: block!important;
}
*/


nav.main-nav {
  position: absolute;
  left: 0;
  z-index: 0;
  width: 100%;
  margin: 0;
  background-color: var(--menu-background-color);
  border: none;
  padding: 5px 0;
}
.main-nav-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}
.main-nav-item-link {
  text-transform: uppercase;
  font-size: 17px;
  color: var(--menu-font-color)!important;
}
.main-nav-item-link:hover {
  color: var(--menu-active-color)!important;
}
nav.main-nav img {
  max-width: 100%;
  height: auto;
}

/* Toggled menu */

.nav-column-wrapper {
  padding: 40px;
}
.nav-column-wrapper {
  width: 100%;
}

/* Subnav */
.main-nav-item {
  position: unset!important;
}
.nav-column-wrapper.dropdown-menu {
  margin-top: 5px!important;
  border: none;
}
.second-nav-item-link,
.second-nav-item-link:hover  {
  text-decoration: none;
}
.nav-subnav-item  {
  clear: both;
  margin-bottom: 15px;
}
.main-nav-list {
  position: relative!important;
  display: flex;
  justify-content: center;
}
.main-nav-list .main-nav-list {
  display: block;
}
.main-nav-list .second-nav-item .main-nav-list .second-nav-item {
  line-height: 21px;
}
.sub-nav-item-link.level-2 {
  font-weight: 500;
  font-size: 19px;
  display: block;
  margin-bottom: 10px;
  color: var(--menu-main-color)!important;
  text-transform: none;
  text-decoration: none;
}
.sub-nav-item-link.level-3 {
  font-weight: 300;
  font-size: 14px;
  color: #000!important;
  display: block;
  margin-bottom: 0px;
  text-transform: none;
  text-decoration: none;
}
.sub-nav-item-link:hover {
  color: var(--menu-active-color);
}
.sub-nav-item-link.level-3:hover {
  color: var(--menu-main-color)!important;
}

/* Sticky header  */
#header.sticky nav.main-nav {
  position: fixed;
  top: 0;
  background: #383838;
}

/* Mobile menu */


@media (max-width: 767px){
  .main-nav-body {
    height: 100vh!important;
  }
  .main-nav .main-nav-header {
    display: flex;
    margin: 0;
  }
  .main-nav-list .main-nav-item  {
    width: 100%;
    position: relative!important;
  }
  .main-nav-list {
    position: unset!important;
  }
  .main-nav-item-toggler::after {
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 26px;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 2;
    width: 22px;
    height: 22px;
    pointer-events: none;
  }
  .navbar-collapse {
    max-height: none;
  }
  .sub-nav {
    display: flex;
    flex-direction: column;
  }
  .sub-nav-item {
    width: 100%;
    text-align: center;
    }

  .navbar-nav .open .dropdown-menu {
    background-color: #fff!important;
    position: absolute;
    width: 100%;
  }
  .main-nav-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
  }
  a.menu-toggle-show-button {
    justify-content: center;
  }
}

.main-nav-header .main-nav-toggler {
  position: relative;
  width: 50px;
  height: 56px;
  padding: 17px 20px;
  margin: 0;
  background: none;
  border: none;
}
.main-nav-header .main-nav-toggler::before {
  content: "\f0c9";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "FontAwesome";
  font-size: 26px;
  color: #fff;
  transform: translate(-50%,-50%);
}

.menu-toggle-show {
  display: none;
}
a.menu-toggle-show-button {
  display: flex;
  align-items: center;
  margin-left: 12px;
  cursor: pointer;
  gap: 5px;
  margin-top: 2px;
}
a.menu-toggle-show-button::before {
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../../img/plus.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
a.menu-toggle-show-button.show-more-active::before {
  background-image: url(../../img/minus.svg); 
}

/* Manufacturers list */

.nav-manufacturers-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.nav-manufacturers-item {
  flex-basis: 27%;
}

/* Category w image */

.nav-parent-image-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}
.nav-parent-image-wrapper .nav-category-block {
  margin: 0;
}