#header.open {
  z-index: 80 !important;
}

.tab-label > span {
  color: #1c1c1b;
  transition: color 0.2s ease;
}
header .tab-label.active > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #1c1c1b;
}

/* .header-tabs:hover .tab-label.active > span::after {
  display: none;
} */

.header-tabs:hover .tab-label:not(.active) > span {
  color: #afb1b3 !important;
  transition: color 0.2s ease;
}

.header-tabs .tab-label:not(.active):hover > span {
  color: #1c1c1b !important;
  transition: color 0.2s ease;
}

/* .header-menu-container > div {
  transition: opacity 0.3s;
  transition-delay: 0.2s;
} */
.header-container .header-menu-container {
}
.header-container.open .header-menu-container {
  -webkit-animation: slide-in-top 0.5s ease 0.1s both;
  animation: slide-in-top 0.5s ease 0.1s both;
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

header .header-container .tab-label:hover > span {
  opacity: 1;
}

.background-layer {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}

.header-container.open .background-layer {
  opacity: 0.3;
  pointer-events: auto;
  transition: opacity 0.6s ease 0.2s;
}
.header-container .megamenu {
  pointer-events: none;
  opacity: 0;
  min-height: 700px;
  height: 70vh;
  transition: opacity 0.5s ease;
}
.header-container.open .megamenu {
  pointer-events: auto;
  opacity: 1;
}
/* .header-container .header-menu-container .megamenu > * {
  opacity: 0;
  transition: opacity 0.2s 0.3s;
}
.header-container.open .header-menu-container .megamenu > * {
  opacity: 1;
} */

.megamenu-title {
  left: 2rem;
}

.menu-list-item,
.submenu-list-item {
  transition: color 0.2s ease;
}

header .megamenu-content:hover .menu-list-item,
header .submenu-list:hover .submenu-list-item,
header .megamenu-content.hover .menu-list-item,
header .submenu-list.hover .submenu-list-item {
  color: #afb1b3 !important;
  transition: color 0.2s ease;
}

header .megamenu-content .menu-list-item:hover,
header .megamenu-content .menu-list-item.active,
header .megamenu-content .submenu-list-item:hover {
  color: #1c1c1b !important;
  transition: color 0.2s ease;
}
.submenu-image {
  top: 0;
  right: 0;
}

header .menu-quote {
  letter-spacing: -0.5px;
  line-height: 28px;
}

header .selectize-dropdown,
header .selectize-input,
header .selectize-input input {
  color: #1c1c1b;
  font-family: "Unineue", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  -webkit-font-smoothing: inherit;
}

.megamenu-disclaimer-box {
  background: white;
}

@media screen and (max-height: 900px) {
  .header-container.open .megamenu {
    min-height: 520px;
    height: 520px;
    padding-top: 4rem !important;
  }
  .menu-list-item {
    font-size: 1.25rem !important;
  }
  .megamenu {
    padding-top: 7rem !important;
  }
  .megamenu .section-title {
    font-size: 3.5rem !important;
    padding-top: 2rem !important;
  }
  .megamenu-quote {
    width: 60% !important;
    margin-bottom: 2rem !important;
    padding-top: 3rem !important;
  }
  .megamenu .menu-list {
    padding-top: 3rem !important;
  }
  .megamenu-img {
    height: 100% !important;
    width: auto !important;
    z-index: 0;
  }
}

@media screen and (min-width: 1280px) {
  .megamenu-disclaimer-box {
    background: #f9f8f8;
  }
  .megamenu-img {
    width: 50%;
    height: auto;
    z-index: 0;
  }
}

/* MOBILE */

.header-overlay.bg-black {
  right: 100%;
}
.header-overlay.bg-white {
  right: -100%;
  transition: all 0.5s ease-out;
}

.header.open .header-overlay {
  right: 0;
}

.header.open .hamburger::before {
  width: 24px;
  margin-top: -1px;
  top: 50%;
  left: -16%;
  transform: rotate(45deg);
}

.header.open .hamburger::after {
  width: 24px;
  margin-bottom: -1px;
  bottom: 50%;
  left: -16%;
  transform: rotate(-45deg);
}

.header.open .hamburger:hover::before {
  transform: rotate(45deg) scale(1.1);
}

.header.open .hamburger:hover::after {
  transform: rotate(-45deg) scale(1.1);
}

.hamburger {
  width: 1.1rem;
  height: 1.1rem;
}

.hamburger-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
}

.hamburger::before {
  top: 0;
  right: 0;
}

.hamburger::after {
  bottom: 0;
  left: 0;
}

.hamburger::after,
.hamburger::before {
  content: "";
  transition-duration: 0.4s;
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: #fff;
}

.hamburger > span {
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transition-property: width, opacity;
  margin-top: -1px;
}

/* MEGAMENU MOBILE */
#mobile-menu-container {
  width: 80vw;
  transform: translateX(80vw);
  transition: transform 0s ease;
}
/* #mobile-menu-container > div {
  opacity: 0;
  transition: opacity 0.2s ease;
  transition-delay: 0.2s;
} */
.header.open #mobile-menu-container {
  transform: translateX(0);
  transition: transform 0.3s ease;
}
/* .header.open #mobile-menu-container > div {
  opacity: 1;
} */
.header-menu {
  transition: opacity 0s ease;
}

.header.open .header-menu {
  transition: opacity 0.2s ease;
}
.header-menu ul {
  transition: all 0.4s ease;
}

@media (min-width: 768px) {
  #mobile-menu-container {
    width: 480px;
    transform: translateX(480px);
  }
}

/*********************************************************************************************************

          SEARCH

**********************************************************************************************************/

#header-search-container,
#mobile-search-container {
  position: relative;
  top: -200vh;
  left: 0;
  transition: top 0.5s ease-out;
}

#header-search-container.open,
#mobile-search-container.open {
  top: 0vh;
}

#header-search-container.open > .background-layer,
#mobile-search-container.open > .background-layer {
  opacity: 0.6;
  pointer-events: auto;
}

#header-search-container > div.absolute,
#mobile-search-container > div.absolute {
  height: 600px;
  width: 100vw;
}

#mobile-search-container > div.absolute {
  height: 50vh;
}

.search-button .close {
  width: 17px;
  height: 17px;
}

.header-button.selected .icon {
  display: none;
}
.header-button.selected .close {
  display: block;
}

/*********************************************************************************************************

          SUBSIDIARIES

**********************************************************************************************************/

#subsidiaries-container {
  display: none;
  position: relative;
  top: -200vh;
  left: 0;
  transition: top 0.5s ease-out;
}

#subsidiaries-container.open {
  top: 0vh;
}

#subsidiaries-container.open > .background-layer {
  opacity: 0.6;
  pointer-events: auto;
}

#subsidiaries-container > div.absolute {
  height: 600px;
  width: 100vw;
}

@media screen and (min-width: 1280px) {
  #subsidiaries-container {
    display: block;
  }
}

.corporate-button {
  position: absolute;
  top: 3rem;
  right: 10%;
}

.subsidiary .subsidiary-label {
  color: #1c1c1b;
  transition: color 0s ease;
}

.subsidiary:hover .subsidiary-label {
  color: #1c1c1b;
  transition: color 0.3s ease;
}

.header-button::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 2px;
  background-color: #1c1c1b;
  left: 10%;
  bottom: 0;
  transform: translateX(-100px);
  transition: transform 0.2s ease;
}
.header-button.selected::after {
  transform: translateX(0);
  transition: transform 0.2s ease;
}

@media screen and (min-width: 1024px) {
  .header-button::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 3px;
    background-color: #c8102e;
    left: 10%;
  }
}

.header-mobile-button {
  border: 1px solid #b8bbbf80;
  border-radius: 2px;
}