.mobile-header .menu-button.menu-button-mobile:after {
  background-image: url("../svg/close.svg"); }

.nav-open .mobile-header .menu-button.menu-button-mobile:after, .has-header-image .mobile-header .menu-button.menu-button-mobile:after, .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:after, .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:after {
  background-image: url("../svg/close-white.svg"); }

.mobile-header .menu-button.menu-button-mobile:before, .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:before {
  background: url("../svg/menu-2.svg"); }

.nav-open .mobile-header .menu-button.menu-button-mobile:before, .has-header-image .mobile-header .menu-button.menu-button-mobile:before, .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:before {
  background: url("../svg/menu-white.svg"); }

.mobile-header .search-button-mobile:before, .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile:before {
  background-image: url("../svg/search-icon.svg"); }

.nav-open .mobile-header .search-button-mobile:before, .has-header-image .mobile-header .search-button-mobile:before, .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile:before {
  background-image: url("../svg/search-white.svg"); }

.site-navigation {
  background-color: #000000;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 2999;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  overflow: auto; }
  .toolbar .site-navigation {
    top: 65px; }

.site-navigation .menu-block-wrapper {
  width: 66.10169%;
  float: left;
  position: relative;
  margin: 280px 0 40px;
  float: right;
  min-height: calc(100vh - 390px);
  z-index: 1;
  /* //@TODO delete this
    .selected-menu {
      position: absolute;
      left: 0;
      top: 0;
      width: 100vw;
      height: 160px;
      overflow: hidden;
      z-index: 1;
  
      @include scope(tablet) {
        height: 100px;
        top: 100px
      }
  
      @include scope(mobile) {
        height: 60px;
      }
  
      .inner {
        position: absolute;
        left: 0;
        top: 40px;
        @include font('header');
        font-size: 209px;
        line-height: 160px;
        color: $black;
        padding-left: 30px;
        @include transition(all 700ms $ease-in-out-quart);
        @include transform(translate(0, 150px));
        white-space: nowrap;
  
        @include scope(tablet) {
          font-size: 150px;
          line-height: 60px;
        }
  
        @include scope(mobile) {
          font-size: 100px;
          line-height: 0;
        }
  
        .front & {
          color: $white;
        }
  
        .count {
          @include font('h3');
          color: $black;
          position: absolute;
          left: 0;
          top: 3px;
  
          .front & {
            color: $white;
          }
        }
  
        .description {
          @include transition(color $speed_hover $ease-out-quad);
          display: block;
          text-transform: none;
          clear: left;
          @include font('body-small');
          color: $white;
          padding-top: 5px;
        }
      }
  
      &.active {
        .inner {
          @include transform(translate(0,0));
  
        }
      }
    }
  */ }
  .logged-in .site-navigation .menu-block-wrapper {
    min-height: calc(100vh - 65px - 66px - 320px); }
  @media (max-width: 1350px) {
    .site-navigation .menu-block-wrapper {
      margin: 200px 0 40px;
      min-height: calc(100vh - 310px); }
      .logged-in .site-navigation .menu-block-wrapper {
        min-height: calc(100vh - 65px - 66px - 240px); } }
  @media (max-width: 1100px) {
    .site-navigation .menu-block-wrapper {
      width: 83.05085%;
      float: left;
      margin-left: 16.94915%; } }
  @media (max-width: 800px) {
    .site-navigation .menu-block-wrapper {
      width: 100%;
      margin-left: 0;
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      margin-right: -5vw;
      margin-top: 180px;
      padding-right: 5vw; } }
  @media (max-width: 500px) {
    .site-navigation .menu-block-wrapper {
      margin: 100px 0 40px; } }
  .site-navigation .menu-block-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 48.72881%;
    margin-right: 2.54237%;
    float: left; }
    .site-navigation .menu-block-wrapper ul:nth-child(2n) {
      margin-right: 0; }
    .site-navigation .menu-block-wrapper ul:nth-child(2n+1) {
      clear: left; }
    @media (max-width: 500px) {
      .site-navigation .menu-block-wrapper ul {
        width: 100%;
        margin-right: 2.97619%;
        float: left; } }
    .site-navigation .menu-block-wrapper ul.right {
      padding-left: 20px;
      box-sizing: border-box; }
      @media (max-width: 500px) {
        .site-navigation .menu-block-wrapper ul.right {
          padding-left: 0; } }
    .site-navigation .menu-block-wrapper ul li {
      width: 100%;
      float: left;
      margin-bottom: 50px; }
      @media (max-width: 500px) {
        .site-navigation .menu-block-wrapper ul li {
          width: 100%;
          margin-bottom: 40px; } }
      .site-navigation .menu-block-wrapper ul li a {
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: -moz-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        width: 100%;
        float: left;
        position: relative;
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-decoration: none;
        color: #000000;
        text-transform: uppercase;
        color: #ffffff;
        padding-left: 30px;
        hyphens: auto;
        box-sizing: border-box; }
        @media (max-width: 800px) {
          .site-navigation .menu-block-wrapper ul li a {
            font-size: 30px;
            line-height: 30px; } }
        @media (max-width: 500px) {
          .site-navigation .menu-block-wrapper ul li a {
            width: 100%;
            padding-right: 5vw; } }
        .site-navigation .menu-block-wrapper ul li a .count {
          -webkit-transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          line-height: normal;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
          font-size: 20px;
          line-height: 20px;
          font-weight: 400;
          text-decoration: none;
          color: #000000;
          text-transform: uppercase;
          color: #ffffff;
          position: absolute;
          left: 0;
          top: 3px; }
        .site-navigation .menu-block-wrapper ul li a .description {
          -webkit-transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          display: block;
          text-transform: none;
          clear: left;
          line-height: normal;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          font-family: "akzidenz-grotesk", sans-serif;
          font-size: 14px;
          line-height: 20px;
          font-weight: 400;
          text-decoration: none;
          color: #4A4A4A;
          text-transform: none;
          color: #ffffff;
          padding-top: 5px;
          margin-bottom: 10px; }
        .site-navigation .menu-block-wrapper ul li a:hover .count {
          color: #999999; }
        .site-navigation .menu-block-wrapper ul li a:hover .description {
          color: #999999; }
        .site-navigation .menu-block-wrapper ul li a.active-trail .count {
          color: #999999; }
  .site-navigation .menu-block-wrapper > ul {
    margin: 0;
    padding: 0; }
    .site-navigation .menu-block-wrapper > ul > li {
      min-height: 100px; }
      @media (max-width: 800px) {
        .site-navigation .menu-block-wrapper > ul > li {
          min-height: 60px; } }
      @media (max-width: 500px) {
        .site-navigation .menu-block-wrapper > ul > li {
          min-height: auto; } }
      .site-navigation .menu-block-wrapper > ul > li > a {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        z-index: 2;
        hyphens: unset;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
        @media (max-width: 500px) {
          .site-navigation .menu-block-wrapper > ul > li > a {
            -webkit-transition-delay: 500ms;
            -moz-transition-delay: 500ms;
            transition-delay: 500ms; } }
      .site-navigation .menu-block-wrapper > ul > li > ul {
        position: relative;
        padding-top: 0;
        display: none;
        width: 100%; }
        .site-navigation .menu-block-wrapper > ul > li > ul:before {
          content: "";
          height: 35px;
          display: block;
          width: 2px;
          float: left;
          background: white;
          margin: 20px 32px;
          animation: line-down 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .site-navigation .menu-block-wrapper > ul > li > ul > li {
          width: 100%;
          margin-right: 1.69492%;
          float: left;
          margin-bottom: 8px;
          animation: opacity 600ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }
          .site-navigation .menu-block-wrapper > ul > li > ul > li a {
            line-height: normal;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
            font-size: 20px;
            line-height: 20px;
            font-weight: 400;
            text-decoration: none;
            color: #000000;
            text-transform: uppercase;
            -webkit-transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -moz-transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            color: #ffffff;
            z-index: 1; }
            .site-navigation .menu-block-wrapper > ul > li > ul > li a .count {
              display: none; }
            .site-navigation .menu-block-wrapper > ul > li > ul > li a:hover {
              color: #999999; }
      .site-navigation .menu-block-wrapper > ul > li.submenu-open > ul {
        max-height: 10000px;
        -webkit-transition: max-height 5ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms;
        -moz-transition: max-height 5ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms;
        transition: max-height 5ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms; }
      .site-navigation .menu-block-wrapper > ul > li.submenu-open > ul a {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        z-index: 2;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
    .site-navigation .menu-block-wrapper > ul.submenu-open > li > a {
      visibility: hidden;
      pointer-events: none;
      opacity: 0;
      z-index: 1;
      -webkit-transform: translateX(-15px);
      -moz-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
      -o-transform: translateX(-15px);
      transform: translateX(-15px);
      -webkit-transition-delay: 0ms;
      -moz-transition-delay: 0ms;
      transition-delay: 0ms; }
  .site-navigation .menu-block-wrapper.menu-block-3 > ul, .site-navigation .menu-block-wrapper.menu-block-4 > ul {
    width: 100%; }
    .site-navigation .menu-block-wrapper.menu-block-3 > ul > li, .site-navigation .menu-block-wrapper.menu-block-4 > ul > li {
      width: 48.72881%;
      margin-right: 2.54237%;
      float: left;
      padding-right: 10px;
      box-sizing: border-box; }
      .site-navigation .menu-block-wrapper.menu-block-3 > ul > li:nth-child(2n), .site-navigation .menu-block-wrapper.menu-block-4 > ul > li:nth-child(2n) {
        margin-right: 0; }
      .site-navigation .menu-block-wrapper.menu-block-3 > ul > li:nth-child(2n+1), .site-navigation .menu-block-wrapper.menu-block-4 > ul > li:nth-child(2n+1) {
        clear: left; }
      @media (max-width: 800px) {
        .site-navigation .menu-block-wrapper.menu-block-3 > ul > li, .site-navigation .menu-block-wrapper.menu-block-4 > ul > li {
          width: 48.27586%;
          margin-right: 3.44828%;
          float: left; }
          .site-navigation .menu-block-wrapper.menu-block-3 > ul > li:nth-child(2n), .site-navigation .menu-block-wrapper.menu-block-4 > ul > li:nth-child(2n) {
            margin-right: 0; }
          .site-navigation .menu-block-wrapper.menu-block-3 > ul > li:nth-child(2n+1), .site-navigation .menu-block-wrapper.menu-block-4 > ul > li:nth-child(2n+1) {
            clear: left; } }
      @media (max-width: 500px) {
        .site-navigation .menu-block-wrapper.menu-block-3 > ul > li, .site-navigation .menu-block-wrapper.menu-block-4 > ul > li {
          width: 100%; } }

.mobile-header {
  display: none;
  z-index: 500; }
  @media (max-width: 800px) {
    .mobile-header {
      display: block;
      width: 100%;
      position: fixed;
      z-index: 3000;
      top: 0;
      left: 0;
      height: 50px; } }
  .mobile-header .mobile-logo {
    float: left;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 2px;
    line-height: 50px; }
    @media (max-width: 800px) {
      .mobile-header .mobile-logo {
        width: 31.03448%;
        margin-right: 3.44828%;
        float: left; } }
    @media (max-width: 500px) {
      .mobile-header .mobile-logo {
        width: 20.53571%;
        margin-right: 5.95238%;
        float: left; } }
    .nav-open .mobile-header .mobile-logo, .has-header-image .mobile-header .mobile-logo {
      color: #ffffff; }
    .has-header-image.scrolled-past-top-element .mobile-header .mobile-logo {
      color: black; }
    .has-header-image.scrolled-past-top-element.nav-open .mobile-header .mobile-logo {
      color: #ffffff; }
  .mobile-header .languages {
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    color: #AAAAAA;
    line-height: 50px; }
    .front .mobile-header .languages {
      color: #ffffff; }
    @media (max-width: 800px) {
      .mobile-header .languages {
        width: 39.65517%;
        margin-right: 3.44828%;
        float: left; } }
    @media (max-width: 500px) {
      .mobile-header .languages {
        width: 33.77976%;
        margin-right: 5.95238%;
        float: left; } }
  .mobile-header .menu-button.menu-button-mobile {
    position: relative;
    display: block;
    padding-left: 42px;
    float: right;
    margin-right: -10px;
    -webkit-tap-highlight-color: transparent;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    margin-top: 15px;
    text-indent: -9999px; }
    @media (max-width: 800px) {
      .mobile-header .menu-button.menu-button-mobile {
        padding-left: 42px; } }
    .mobile-header .menu-button.menu-button-mobile:before, .mobile-header .menu-button.menu-button-mobile:after {
      -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
      -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
      transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
      content: '';
      position: absolute;
      top: -6px;
      left: 0;
      height: 32px;
      width: 32px;
      overflow: hidden;
      color: #000000;
      display: block;
      border-radius: 50%;
      box-sizing: border-box;
      background-size: 100% 200%;
      background-repeat: no-repeat; }
    .mobile-header .menu-button.menu-button-mobile:before {
      -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
      -moz-box-shadow: inset 0px 0px 0px 2px #000000;
      box-shadow: inset 0px 0px 0px 2px #000000;
      background-position: center top; }
    .mobile-header .menu-button.menu-button-mobile:after {
      background-position: -32px top; }
    .no-touch .mobile-header .menu-button.menu-button-mobile:hover:before {
      background-position: center 100%; }
    .no-touch .mobile-header .menu-button.menu-button-mobile:hover:after {
      background-position: -32px 100%; }
    .mobile-header .menu-button.menu-button-mobile.active:before {
      background-position: 32px top; }
    .mobile-header .menu-button.menu-button-mobile.active:after {
      background-position: center top; }
    .no-touch .mobile-header .menu-button.menu-button-mobile.active:hover:before {
      background-position: 32px 100%; }
    .no-touch .mobile-header .menu-button.menu-button-mobile.active:hover:after {
      background-position: center 100%; }
    .nav-open .mobile-header .menu-button.menu-button-mobile, .has-header-image .mobile-header .menu-button.menu-button-mobile {
      position: relative;
      display: block;
      padding-left: 42px; }
      @media (max-width: 800px) {
        .nav-open .mobile-header .menu-button.menu-button-mobile, .has-header-image .mobile-header .menu-button.menu-button-mobile {
          padding-left: 42px; } }
      .nav-open .mobile-header .menu-button.menu-button-mobile:before, .nav-open .mobile-header .menu-button.menu-button-mobile:after, .has-header-image .mobile-header .menu-button.menu-button-mobile:before, .has-header-image .mobile-header .menu-button.menu-button-mobile:after {
        -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        content: '';
        position: absolute;
        top: -6px;
        left: 0;
        height: 32px;
        width: 32px;
        overflow: hidden;
        color: #ffffff;
        display: block;
        border-radius: 50%;
        box-sizing: border-box;
        background-size: 100% 200%;
        background-repeat: no-repeat; }
      .nav-open .mobile-header .menu-button.menu-button-mobile:before, .has-header-image .mobile-header .menu-button.menu-button-mobile:before {
        -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
        -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
        box-shadow: inset 0px 0px 0px 2px #ffffff;
        background-position: center top; }
      .nav-open .mobile-header .menu-button.menu-button-mobile:after, .has-header-image .mobile-header .menu-button.menu-button-mobile:after {
        background-position: -32px top; }
      .no-touch .nav-open .mobile-header .menu-button.menu-button-mobile:hover:before, .no-touch .has-header-image .mobile-header .menu-button.menu-button-mobile:hover:before {
        background-position: center 100%; }
      .no-touch .nav-open .mobile-header .menu-button.menu-button-mobile:hover:after, .no-touch .has-header-image .mobile-header .menu-button.menu-button-mobile:hover:after {
        background-position: -32px 100%; }
      .nav-open .mobile-header .menu-button.menu-button-mobile.active:before, .has-header-image .mobile-header .menu-button.menu-button-mobile.active:before {
        background-position: 32px top; }
      .nav-open .mobile-header .menu-button.menu-button-mobile.active:after, .has-header-image .mobile-header .menu-button.menu-button-mobile.active:after {
        background-position: center top; }
      .no-touch .nav-open .mobile-header .menu-button.menu-button-mobile.active:hover:before, .no-touch .has-header-image .mobile-header .menu-button.menu-button-mobile.active:hover:before {
        background-position: 32px 100%; }
      .no-touch .nav-open .mobile-header .menu-button.menu-button-mobile.active:hover:after, .no-touch .has-header-image .mobile-header .menu-button.menu-button-mobile.active:hover:after {
        background-position: center 100%; }
    .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile {
      position: relative;
      display: block;
      padding-left: 42px; }
      @media (max-width: 800px) {
        .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile {
          padding-left: 42px; } }
      .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:before, .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:after {
        -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        content: '';
        position: absolute;
        top: -6px;
        left: 0;
        height: 32px;
        width: 32px;
        overflow: hidden;
        color: #000000;
        display: block;
        border-radius: 50%;
        box-sizing: border-box;
        background-size: 100% 200%;
        background-repeat: no-repeat; }
      .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:before {
        -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
        -moz-box-shadow: inset 0px 0px 0px 2px #000000;
        box-shadow: inset 0px 0px 0px 2px #000000;
        background-position: center top; }
      .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:after {
        background-position: -32px top; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:hover:before {
        background-position: center 100%; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:hover:after {
        background-position: -32px 100%; }
      .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile.active:before {
        background-position: 32px top; }
      .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile.active:after {
        background-position: center top; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile.active:hover:before {
        background-position: 32px 100%; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile.active:hover:after {
        background-position: center 100%; }
    .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile {
      position: relative;
      display: block;
      padding-left: 42px; }
      @media (max-width: 800px) {
        .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile {
          padding-left: 42px; } }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:before, .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:after {
        -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        content: '';
        position: absolute;
        top: -6px;
        left: 0;
        height: 32px;
        width: 32px;
        overflow: hidden;
        color: #ffffff;
        display: block;
        border-radius: 50%;
        box-sizing: border-box;
        background-size: 100% 200%;
        background-repeat: no-repeat; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:before {
        -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
        -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
        box-shadow: inset 0px 0px 0px 2px #ffffff;
        background-position: center top; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:after {
        background-position: -32px top; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:hover:before {
        background-position: center 100%; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:hover:after {
        background-position: -32px 100%; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile.active:before {
        background-position: 32px top; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile.active:after {
        background-position: center top; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile.active:hover:before {
        background-position: 32px 100%; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile.active:hover:after {
        background-position: center 100%; }
    .no-touch.has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:hover:before {
      background-position: center 100%; }
    .no-touch.has-header-image.scrolled-past-top-element .mobile-header .menu-button.menu-button-mobile:hover:after {
      background-position: -32px 100%; }
    .no-touch.nav-open .mobile-header .menu-button.menu-button-mobile:hover:before, .no-touch.has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:hover:before {
      background-position: 32px 100%; }
    .no-touch.nav-open .mobile-header .menu-button.menu-button-mobile:hover:after, .no-touch.has-header-image.scrolled-past-top-element.nav-open .mobile-header .menu-button.menu-button-mobile:hover:after {
      background-position: center 100%; }
  .mobile-header .search-button-mobile {
    position: relative;
    display: block;
    padding-left: 42px;
    float: right;
    -webkit-tap-highlight-color: transparent;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    margin-top: 15px;
    text-indent: -9999px; }
    @media (max-width: 800px) {
      .mobile-header .search-button-mobile {
        padding-left: 42px; } }
    .mobile-header .search-button-mobile:before, .mobile-header .search-button-mobile:after {
      -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
      -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
      transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
      content: '';
      position: absolute;
      top: -6px;
      left: 0;
      height: 32px;
      width: 32px;
      overflow: hidden;
      color: #000000;
      display: block;
      border-radius: 50%;
      box-sizing: border-box;
      background-size: 100% 200%;
      background-repeat: no-repeat; }
    .mobile-header .search-button-mobile:before {
      -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
      -moz-box-shadow: inset 0px 0px 0px 2px #000000;
      box-shadow: inset 0px 0px 0px 2px #000000;
      background-position: center top; }
    .no-touch .mobile-header .search-button-mobile:hover:before {
      background-position: center 100%; }
    .no-touch .mobile-header .search-button-mobile:hover:after {
      background-position: -32px 100%; }
    .mobile-header .search-button-mobile.active:before {
      background-position: 32px top; }
    .mobile-header .search-button-mobile.active:after {
      background-position: center top; }
    .no-touch .mobile-header .search-button-mobile.active:hover:before {
      background-position: 32px 100%; }
    .no-touch .mobile-header .search-button-mobile.active:hover:after {
      background-position: center 100%; }
    .nav-open .mobile-header .search-button-mobile, .has-header-image .mobile-header .search-button-mobile {
      position: relative;
      display: block;
      padding-left: 42px; }
      @media (max-width: 800px) {
        .nav-open .mobile-header .search-button-mobile, .has-header-image .mobile-header .search-button-mobile {
          padding-left: 42px; } }
      .nav-open .mobile-header .search-button-mobile:before, .nav-open .mobile-header .search-button-mobile:after, .has-header-image .mobile-header .search-button-mobile:before, .has-header-image .mobile-header .search-button-mobile:after {
        -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        content: '';
        position: absolute;
        top: -6px;
        left: 0;
        height: 32px;
        width: 32px;
        overflow: hidden;
        color: #ffffff;
        display: block;
        border-radius: 50%;
        box-sizing: border-box;
        background-size: 100% 200%;
        background-repeat: no-repeat; }
      .nav-open .mobile-header .search-button-mobile:before, .has-header-image .mobile-header .search-button-mobile:before {
        -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
        -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
        box-shadow: inset 0px 0px 0px 2px #ffffff;
        background-position: center top; }
      .no-touch .nav-open .mobile-header .search-button-mobile:hover:before, .no-touch .has-header-image .mobile-header .search-button-mobile:hover:before {
        background-position: center 100%; }
      .no-touch .nav-open .mobile-header .search-button-mobile:hover:after, .no-touch .has-header-image .mobile-header .search-button-mobile:hover:after {
        background-position: -32px 100%; }
      .nav-open .mobile-header .search-button-mobile.active:before, .has-header-image .mobile-header .search-button-mobile.active:before {
        background-position: 32px top; }
      .nav-open .mobile-header .search-button-mobile.active:after, .has-header-image .mobile-header .search-button-mobile.active:after {
        background-position: center top; }
      .no-touch .nav-open .mobile-header .search-button-mobile.active:hover:before, .no-touch .has-header-image .mobile-header .search-button-mobile.active:hover:before {
        background-position: 32px 100%; }
      .no-touch .nav-open .mobile-header .search-button-mobile.active:hover:after, .no-touch .has-header-image .mobile-header .search-button-mobile.active:hover:after {
        background-position: center 100%; }
    .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile {
      position: relative;
      display: block;
      padding-left: 42px; }
      @media (max-width: 800px) {
        .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile {
          padding-left: 42px; } }
      .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile:before, .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile:after {
        -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        content: '';
        position: absolute;
        top: -6px;
        left: 0;
        height: 32px;
        width: 32px;
        overflow: hidden;
        color: #000000;
        display: block;
        border-radius: 50%;
        box-sizing: border-box;
        background-size: 100% 200%;
        background-repeat: no-repeat; }
      .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile:before {
        -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
        -moz-box-shadow: inset 0px 0px 0px 2px #000000;
        box-shadow: inset 0px 0px 0px 2px #000000;
        background-position: center top; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile:hover:before {
        background-position: center 100%; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile:hover:after {
        background-position: -32px 100%; }
      .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile.active:before {
        background-position: 32px top; }
      .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile.active:after {
        background-position: center top; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile.active:hover:before {
        background-position: 32px 100%; }
      .no-touch .has-header-image.scrolled-past-top-element .mobile-header .search-button-mobile.active:hover:after {
        background-position: center 100%; }
    .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile {
      position: relative;
      display: block;
      padding-left: 42px; }
      @media (max-width: 800px) {
        .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile {
          padding-left: 42px; } }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile:before, .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile:after {
        -webkit-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: background-position 200ms cubic-bezier(0.77, 0, 0.175, 1);
        content: '';
        position: absolute;
        top: -6px;
        left: 0;
        height: 32px;
        width: 32px;
        overflow: hidden;
        color: #ffffff;
        display: block;
        border-radius: 50%;
        box-sizing: border-box;
        background-size: 100% 200%;
        background-repeat: no-repeat; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile:before {
        -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
        -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
        box-shadow: inset 0px 0px 0px 2px #ffffff;
        background-position: center top; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile:hover:before {
        background-position: center 100%; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile:hover:after {
        background-position: -32px 100%; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile.active:before {
        background-position: 32px top; }
      .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile.active:after {
        background-position: center top; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile.active:hover:before {
        background-position: 32px 100%; }
      .no-touch .has-header-image.scrolled-past-top-element.nav-open .mobile-header .search-button-mobile.active:hover:after {
        background-position: center 100%; }

.menu-links {
  width: 100%;
  margin-right: 1.69492%;
  float: left;
  margin-bottom: 30px;
  height: 40px; }
  .front .menu-links {
    position: relative;
    z-index: 1; }
  .menu-links .social-icons {
    width: 49.15254%;
    margin-right: 1.69492%;
    float: left; }
  .menu-links .login-link {
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "akzidenz-grotesk-condensed", "Impact", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    line-height: 36px;
    color: #AAAAAA;
    /*
        @include scope(mobile) {
          display: none;
        }
    */
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    transition: all 150ms; }
    .menu-links .login-link.user {
      width: 32.20339%;
      float: right; }
    .menu-links .login-link.webmail {
      width: 15.25424%;
      margin-right: 1.69492%;
      float: left; }
    @media (max-width: 800px) {
      .menu-links .login-link {
        width: 25.86207%; } }
    .menu-links .login-link:hover {
      color: #ffffff; }

@keyframes line-down {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 0 0; } }
@keyframes opacity {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  50% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

/*# sourceMappingURL=menu.css.map */