#header {
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: background .6s, -webkit-box-shadow .6s;
  transition: background .6s, -webkit-box-shadow .6s;
  transition: background .6s, box-shadow .6s;
  transition: background .6s, box-shadow .6s, -webkit-box-shadow .6s;
}

#header .wrap .logo a:nth-of-type(2) {
  display: none;
}

#header .wrap .nav a {
  color: #fff !important;
}

#header .wrap .nav a::after {
  background: #fff !important;
}

#header .wrap .menu_button {
  color: #fff !important;
}

#header.active {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 10px rgba(104, 104, 104, 0.2) !important;
          box-shadow: 0 0 10px rgba(104, 104, 104, 0.2) !important;
}

#header.active .wrap {
  max-width: 132rem;
}

#header.active .wrap .logo a:nth-of-type(1) {
  display: none;
}

#header.active .wrap .logo a:nth-of-type(2) {
  display: block;
}

#header.active .wrap .nav a {
  color: #202020 !important;
}

#header.active .wrap .nav a::after {
  background: var(--assist-color) !important;
}

#header.active .wrap .nav a:hover, #header.active .wrap .nav a.active {
  color: var(--assist-color) !important;
}

#header.active .wrap .menu_button {
  color: #202020 !important;
}