/* box_category_bar start */
.box_category_bar .nav.simple-menu {
    display: block;
    position: relative; }
    .box_category_bar .nav.simple-menu .dropdown-menu {
      min-width: 150px;
      margin-top: 20px;
      padding: 0; }
    .box_category_bar .nav.simple-menu .dropdown-menu.with-image {
      min-width: 450px; }
      .box_category_bar .nav.mega-menu .dropdown-menu.edge,
      .box_category_bar .nav.simple-menu .dropdown-menu.edge {
        right: 0;
      }

  .box_category_bar .nav > li {
    padding: 20px 10px; }
    .box_category_bar .nav > li:first-child {
      padding-left: 0;
    }

  .box_category_bar .nav > li > a {
    border-bottom: 1px solid transparent;
    font-size: 1rem;
    line-height: 0.875rem;
    position: relative;
    -webkit-font-smoothing: antialiased;
    z-index: 1; }

  .box_category_bar .nav > li.button > a {
    display: inline-block; }

  .box_category_bar .nav > li.logo {
    position: relative;
    width: 182px; }
    .box_category_bar .nav > li.logo a {
      position: absolute;
      padding: 0;
      top: -45px;
      z-index: 2500; }

  .box_category_bar .nav .dropdown-menu:after {
    border-bottom-color: #fff; }

  .box_category_bar .nav.simple-menu .dropdown-menu ul {
    background-color: #fff;
    display: inline-block;
    list-style: none;
    padding: 5px 0;
    position: relative;
    vertical-align: top;
    width: 100%; }

  .box_category_bar .nav.mega-menu li .dropdown-menu .categories > ul {
    background-color: #fff;
    display: inline-block;
    list-style: none;
    padding: 5px 0;
    position: relative;
    vertical-align: top;
    min-width: 230px;
    background-color: transparent; }

  .box_category_bar .nav.simple-menu .dropdown-menu ul li a {
    color: #757575;
    display: block;
    font-size: 0.75rem;
    padding: 10px 20px;
    position: relative; }
    .box_category_bar .nav.simple-menu .dropdown-menu ul li a:hover {
      padding-left: 30px;
    }

  .box_category_bar .nav.simple-menu .dropdown-menu ul li:last-child a {
    border-bottom: none; }

  .box_category_bar .nav.simple-menu .dropdown-menu ul li a:hover:before {
    width: 100%; }

  .box_category_bar .nav .dropdown-menu .category-image {
    min-height: 100%;
    position: relative;
    width: 300px; }

  .box_category_bar .nav.mega-menu .dropdown-menu .category-image {
    min-height: 250px; }

  .box_category_bar .nav .dropdown-menu .category-image div {
    background-size: cover;
    background-position: center;
    height: 100%;
    position: absolute;
    right: 0;
    width: 300px; }

  .box_category_bar .nav.mega-menu {
    position: static; }
    .box_category_bar .nav.mega-menu > li {
      position: static; }
    .box_category_bar .nav.mega-menu li .dropdown-menu {
      box-shadow: none;
      padding: 40px;
      top: 97%;
      left: 0;
      width: 100%; }
      .box_category_bar .nav.mega-menu li .dropdown-menu > div {
        position: relative; }
      .box_category_bar .nav.mega-menu li .dropdown-menu .categories > ul {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4; }
      .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li {
        display: inline-block;
        padding: 0 10px;
        margin: 0 0 40px;
        width: 100%; }
        .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li:hover {
          background-color: transparent; }
        .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li > a {
          display: block;
          font-size: 0.875rem;
          font-weight: 600;
          margin-bottom: 10px;
          text-transform: uppercase; }
          .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li > a > span {
            display: none; }
      .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li {
        margin-bottom: 8px;
        padding: 0 0 8px 0;
        position: relative; }
        .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li:after {
          background-color: #ececec;
          bottom: 0;
          content: "";
          height: 2px;
          left: 0;
          position: absolute;
          width: 25px;
          transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out; }
        .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li:hover:after {
          width: 100%; }
        .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li > a {
          font-size: 0.75rem;
          display: block;
          text-transform: uppercase; }
      .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 li:hover {
        background-color: transparent; }
      .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level4 {
        margin: -3px 0 10px; }
        .box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level4 li a {
          font-size: 0.75rem;
          padding-left: 10px; }

  /* Flyout Mode */
  .box_category_bar .category-bar-menu-toggler i {
    font-size: 2.5rem;
  }

  #categoriesFlyoutMenu {
    scrollbar-width: thin;
    scrollbar-color: #ccc #fff;
  }
  #categoriesFlyoutMenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
  }
  #categoriesFlyoutMenu::-webkit-scrollbar {
    width: 5px;
  }
  #categoriesFlyoutMenu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }
  #categoriesFlyoutMenu::-webkit-scrollbar-thumb:hover {
    background: #ccc;
  }

  #categoriesFlyoutMenu {
    position: fixed;
    z-index: 1000;
    top: 120px;
    left: 0;
    width: 300px;
    height: calc(100vh - 120px);
    padding: 10px 20px;
    background-color: #ffffff;
    transition: left .4s ease-out;
    overflow: auto;
  }
  #categoriesFlyoutMenu.collapsed {
    left: -300px;
  }

  #sub-categories-container .menu_category_container,
  #categoriesFlyoutMenu .menu_category_container {
    padding: 12px 8px;
    position: relative;
  }
  #sub-categories-container .menu_category_container a,
  #categoriesFlyoutMenu .menu_category_container a {
    font-size: 16px;
    line-height: 20px;
    color: #444;
  }
  #sub-categories-container .menu_category_container a:hover,
  #categoriesFlyoutMenu .menu_category_container a:hover {
    text-decoration: underline;
    color: #e93f33;
  }

  #categoriesFlyoutMenu .menu_category_container.with-subcategories-container .toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #categoriesFlyoutMenu .menu_category_container.with-subcategories-container .toggle:hover {
      cursor: pointer; }

  #sub-categories-container {
    position: fixed;
    z-index: 1000;
    top: 120px;
    left: 300px;
    /* width: calc(100vw - 300px); */
    width: min(450px, calc(100vw - 300px));
    max-width: calc(100vw - 300px);
    height: calc(100vh - 120px);
    padding: 10px 20px;
    background-color: #ffffff;
    transition: left .4s ease-out;
    overflow: auto;
  }
  #sub-categories-container .category-submenu {
    width: 100%;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
  }
  #sub-categories-container .category-submenu .menu_category_container {
    width: 200px;
  }
  #sub-categories-container .menu_category_container .menu_category_container {
    padding: 2px 0px;
    position: relative;
  }
  #sub-categories-container .menu_category_container .menu_category_container a {
    font-size: 14px;
  }

  /* Offcanvas Mode */
  #offcanvasCategoriesMenu {
    scrollbar-width: thin;
    scrollbar-color: #ccc #fff;
  }
  #offcanvasCategoriesMenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
  }
  #offcanvasCategoriesMenu::-webkit-scrollbar {
    width: 5px;
  }
  #offcanvasCategoriesMenu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }
  #offcanvasCategoriesMenu::-webkit-scrollbar-thumb:hover {
    background: #ccc;
  }

  #offcanvasCategoriesMenu .menu_category_container {
    padding: 12px 8px;
    position: relative;
  }
  #offcanvasCategoriesMenu .menu_category_container a {
    font-size: 16px;
    line-height: 20px;
    color: #444;
  }
  #offcanvasCategoriesMenu .menu_category_container a:hover {
    text-decoration: underline;
    color: #e93f33;
  }

  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .toggle {
    position: absolute;
    right: 0;
    top: 5px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .toggle:hover {
      cursor: pointer; }

  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .category-submenu.closed {
    height: 0;
    margin: 0;
  }
  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .category-submenu {
    padding-left: 10px;
    margin-top: 10px;
    transition: all .5s ease;
    overflow: hidden;
  }
  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .category-submenu .category-submenu {
    margin-top: 5px;
  }
  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .category-submenu .menu_category_container {
    padding: 6px 8px;
  }

  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .toggle i {
    transition: all .5 ease;
  }
  #offcanvasCategoriesMenu .menu_category_container.with-subcategories-container .category-submenu:not(.closed) + .toggle i {
    transform: rotate(-180deg);
    transition: all 0.5s ease;
  }


  @media (min-width: 992px) {
    .box_category_bar .nav.mega-menu > li > .dropdown-menu {
      overflow: auto;
      max-height: 100vh; } }

  @media (max-width: 991px) {
    .box_category_bar li.logo {
      display: none !important; }
    .box_category_bar .dropdown-menu {
      display: none !important; }
    .box_category_bar ul.nav li {
      border-bottom: 2px solid #f2f2f2;
      margin: 0 !important; }
    #mobile-background-menu .box_category_bar ul.horizontal li {
      padding: 10px 0;
      display: block;
      float: initial; }
    .box_category_bar ul.nav li:first-of-type {
      border-top: none; }
    .box_category_bar ul.nav li:last-of-type {
      border-bottom: none; }
    .box_category_bar ul.nav li a {
      text-align: right;
    color: #8e9398 !important;
      font-size: 0.75rem;
      font-weight: 700;
      margin-top: 0;
      padding: 13px 0;
      text-transform: uppercase; }
    .box_category_bar .nav li:hover a {
      background: transparent !important; }
    .box_category_bar ul > li.button:first-of-type a {
      display: none; }
    .box_category_bar ul > li.button a {
      background-color: transparent;
      display: none;
      font-size: 0.875rem;
      position: relative; }
      .box_category_bar ul > li.button a i {
        margin-left: 10px;
        position: relative;
        right: 0;
        top: 5px; }
    .box_category_bar {
      padding: 0; } }

  @media (max-width: 767px) {
    .box_category_bar .nav > li:hover > a:before,
    .box_category_bar .nav > li > a.active:before {
      display: none; } }
/* box_category_bar end */