body .header-main {
  position: var(--header-position);
  min-height: var(--header-min-height);
  z-index: var(--header-zindex);
  background-color: var(--header-background-color);
}
body .header-main.fixed {
  top: 0;
  left: 0;
  right: 0;
  --header-position: fixed;
}
body .header-main > .inner,
body .header-main > .inner .brand-menu-holder {
  min-height: inherit;
}
body .header-main .brand-col {
  width: var(--brand-col-width);
  max-width: var(--brand-col-width);
  z-index: 5;
}
body .header-main .brand-bg,
body .header-main .brand-link:not(.nobg) {
  background-color: var(--brand-background-color);
}
body .header-main .brand-link {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: auto;
  font-size: var(--brand-font-size);
  color: var(--brand-color);
}
body .header-main .brand-link:hover {
  color: var(--brand-color-hover);
}
body .header-main .brand-link:focus {
  color: var(--brand-color-focus);
}
body .navbar-main {
  position: var(--navbar-position);
  background-color: var(--navbar-background-color);
}
body .navbar-main,
body .navbar-main a {
  font-family: var(--navbar-menu-font-family);
}
body .navbar-main .menulist {
  list-style: none;
  margin: 0;
  padding: 0;
}
body .navbar-main .menulist > .menu-main {
  display: var(--navbar-menu-display);
}
body .navbar-main .menulist > .menu-main > a {
  font-family: var(--navbar-main-menu-font-family);
  line-height: var(--navbar-menu-main-line-height);
  padding: var(--navbar-menu-main-padding-y) var(--navbar-menu-main-padding-x);
}
body .navbar-main .menu-main > a,
body .navbar-main .menu-sub-item > a {
  display: block;
  color: var(--navmain-menu-color);
}
body .navbar-main .menu-main > a:hover,
body .navbar-main .menu-sub-item > a:hover {
  background-color: var(--navmain-menu-hover-background-color);
  color: var(--navmain-menu-hover-color);
}
body .navbar-main .menu-main > a:focus,
body .navbar-main .menu-sub-item > a:focus {
  background-color: var(--navmain-menu-focus-background-color);
  color: var(--navmain-menu-focus-color);
}
body .navbar-main .menu-sub-item > a {
  color: var(--navmain-submenu-color);
}
body .navbar-main .menu-sub-item > a:hover {
  background-color: var(--navmain-submenu-hover-background-color);
  color: var(--navmain-submenu-hover-color);
}
body .navbar-main .menu-sub-item > a:focus {
  background-color: var(--navmain-submenu-focus-background-color);
  color: var(--navmain-submenu-focus-color);
}
.dropdown-menu {
  --dropdown-menu-position: relative;
  --dropdown-menu-background-color: #fafafa;
  --dropdown-menu-width: 250px;
  --dropdown-menu-max-width: 95%;
  --dropdown-category-title: 1.5em;
  --dropdown-category-title-font-family: "regular";
  --dropdown-menu-anchor-font-size: 1em;
  position: var(--dropdown-menu-position);
  background-color: var(--dropdown-menu-background-color);
  max-width: var(--dropdown-menu-max-width);
  min-width: var(--dropdown-menu-width);
  overflow: hidden;
}
.dropdown-menu .txt-short {
  font-size: 0.8rem !important;
}
.dropdown-menu .dropdown-container {
  padding: 10px;
  position: relative;
}
.dropdown-menu .dropdown-title {
  font-size: var(--dropdown-category-title);
  font-family: var(--dropdown-category-title-font-family);
  margin-bottom: 0px;
  padding: 0 var(--navbar-menu-main-padding-x);
}
.dropdown-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu ul > li.menu-sub-item > a {
  font-size: var(--dropdown-menu-anchor-font-size);
  padding: var(--navbar-menu-main-padding-y) var(--navbar-menu-main-padding-x);
}
.dropdown-menu:not(.dropdown-menu-right) {
  left: auto;
}
.dropdown-menu.dropdown-menu-right {
  right: auto;
}
.thumbnail-menu {
  display: block;
  min-height: 12vh;
  font-family: "medium";
}
@media (min-width: 1024px) {
  .dropdown-menu {
    --dropdown-menu-position: absolute;
    --dropdown-menu-boxshadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: var(--dropdown-menu-boxshadow);
  }
  .navbar-main .has-submenu .dropdown-menu .dropdown-container {
    margin-top: calc(-200vh - 20px);
  }
  .navbar-main .has-megamenu .dropdown-menu {
    left: 0;
    right: 0;
    margin: auto;
  }
  .navbar-main .has-megamenu .dropdown-container {
    max-height: 80vh;
    overflow-y: auto;
  }
  .navbar-main .menulist .has-submenu:hover .dropdown-menu .dropdown-container,
  .navbar-main .menulist .has-submenu.submenu-on .dropdown-menu .dropdown-container,
  .navbar-main .menulist .has-submenu a:hover ~ .dropdown-menu .dropdown-container,
  .navbar-main .menulist .has-submenu a:focus ~ .dropdown-menu .dropdown-container {
    margin-top: 0;
  }
}
.mobile-menu-close {
  --mobile-menu-background-color: #000;
  --mobile-menu-color: #fff;
  --mobile-menu-hover-background-color: #949494;
  --mobile-menu-hover-color: #fff;
  width: var(--mobile-menu-close-btn-width);
  height: var(--mobile-menu-close-btn-width);
  position: fixed;
  right: 100vw;
  top: 0;
}
.mobile-menu-close > a {
  line-height: 3rem;
  display: block;
  background-color: var(--mobile-menu-background-color);
  color: var(--mobile-menu-color);
}
.navbar-on .mobile-menu-close,
.header-menu-open .mobile-menu-close {
  right: 0;
}
.backdrop {
  display: none;
}
@media (max-width: 1023px) {
  body .header-main .backdrop {
    background-color: var(--navbar-backdrop-background-color);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  body .header-main {
    --brand-col-width: auto;
    --navbar-position: fixed;
    --navbar-menu-display: block;
    --navbar-background-color: var(--white);
    --navbar-left: -100vw;
    --navbar-width: calc(100vw - var(--mobile-menu-close-btn-width));
  }
  body .header-main .navbar-main {
    left: var(--navbar-left);
    right: 0;
    top: 0;
    padding-top: var(--header-min-height);
    max-width: var(--navbar-width);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
  }
  body .navbar-on .header-main,
  body.header-menu-open .header-main {
    --navbar-left: 0px;
  }
  body .navbar-on .backdrop,
  body.header-menu-open .backdrop {
    display: block;
  }
}
.header-contact-bar {
  --header-contact-bar-background-color: rgba(0, 0, 0, 0.2);
  --header-contact-bar-color: var(--white);
  position: relative;
  color: var(--header-contact-bar-color);
}
.header-contact-bar:before {
  content: "";
  position: absolute;
  left: -100vw;
  right: -100vw;
  top: 0;
  height: 100%;
  background-color: var(--header-contact-bar-background-color);
}