body.header-white #header .module-logo img.white-logo{display:none;}


  body.single-team.header-white #header .module-logo img.white-logo{display:block;}


.swiper-nav.swiper-horizontal-nav {
    justify-content: flex-end;
    margin-bottom: 2rem;
}
.swiper-nav.swiper-horizontal-nav>* {
    background-color: transparent;
}

.home .swiper-button-next, 
.home .swiper-button-prev {
	color: #ab2d2d !important;
}
  .swiper-nav>:not(:last-child) {
    margin-right: 0.25rem;
}
  .swiper-nav>* {
    align-items: center;
  border: 0;
    color: #202020;
    cursor: pointer;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    outline: none;
    padding: 0;
    width: 1.5rem;
}
  .swiper-nav>.swiper-button-prev:after {
    content: "\f107";
    font-family: Icons;
}
  .swiper-nav>:after {
    font-size: 8px;
    font-size: .6rem;
}

.home .swiper-nav.swiper-horizontal-nav>:hover {
    background-color: #ab2d2d;
    color: #fff !important;
}


@media only screen and (max-width: 1200px) {

    #header {
      position: relative;
        z-index: 999;
        overflow: scroll; 
    }

    #header.chaos-nav-open {
      height: 100vh;
    }

     #header .module-navigation.desktop-nav {
      display: none;
     }

     #header .header-container {
      width: 100%;
     }

     .page-id-87 button.burger.open {
      color: #444;
     }

     #header.inverted .module-logo img:nth-child(1) {
          visibility: visible; 
          opacity: 1;
     }

     #header.inverted .module-logo img:nth-child(2) {
      visibility: hidden;
     }
    }

    #header .module-burger .burger {
      color: #444;
    }

    .chaos-nav-outer {
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%;
      
    }

    .chaos-nav {

      flex-direction: column;
      padding: calc(70px + 10vh) 5% 10vh;
      background-color: white;
      backdrop-filter: blur(5px);
    /*  visibility: hidden;
      opacity: 0;*/
      transform: scale(1.1);
    
    }

    .chaos-nav-container {
      margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        list-style-type: none;
        font-size: 1rem;

    }

    .chaos-nav-menu-item {
      border-top: 1px solid #e5e4df;
      border-bottom: 1px solid #e5e4df;
      display: flex;
      flex-wrap: wrap;
    }

    .chaos-nav-menu-item:first-child {
      border-top: 1px solid #e5e4df;
    }

    .chaos-nav-menu-link {
      display: block;
      padding: 0.75rem;
      color: #444;
      text-decoration: none;
      flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0%;
    }

    .chaos-nav-menu-item-title {
      color: #ab2d2d;
      font-weight: 700;
    }

    .chaos-nav-has-megamenu > .chaos-nav-sub-menu-trigger {
      display: flex;
        justify-content: center;
        align-items: center;
        width: 3.5rem;
        background-color: #ab2d2d;
    }

    .chaos-nav-sub-menu-trigger svg {
      fill: #fff;
    }

    .chaos-nav-sub-menu {
      list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        border-left: 0.75rem solid #ecdfbc;
        background-color: #fbf8f1;
    }

    .chaos-nav-has-children .chaos-nav-sub-menu-trigger {
      display: flex;
        justify-content: center;
        align-items: center;
        width: 3.5rem;
        background-color: none;
    }

    .chaos-nav-sub-menu ul {
      padding-left: 1rem;
    }

    /* .chaos-nav-sub-menu .chaos-nav-sub-menu {
        background-color: #f3ebd6;
    } */

    .chaos-nav-closed {
      display: none;
    }

    .chaos-submenu-closed {
      display: none;
    }

    .contact-mobile {
      display: flex;
      justify-content: center;
      margin-top: 2rem;
    }

    .chaos-nav ul#menu-main-menu-1, .chaos-nav ul#menu-main-menu {
      display: flex;
      justify-content: center;
      padding-left: 0;
    }

    .chaos-nav ul#menu-main-menu-1 li, .chaos-nav ul#menu-main-menu li {
      display: flex;
    }

    .chaos-nav ul#menu-main-menu-1 ul,  .chaos-nav ul#menu-main-menu ul {
      display: flex;
      padding-left: 0;
    }

    .chaos-nav ul#menu-main-menu-1 ul .menu-item, .chaos-nav ul#menu-main-menu ul .menu-item {
      padding-left: 40px;
    }

    .inverted .contact-mobile .btn-primary {
      background-color: transparent;
      color: #202020;
      border: 1px solid #202020;
    }

    @media only screen and (min-width: 1200px) { 
      .chaos-nav-outer {
        display: none;
      }
    }


    .nav-primary .megamenu ul {
      padding: 0 !important;
    }