header nav {position: absolute;}
  @media (max-width: 767px) {
    header nav,
    .sticky-fadein nav {display: none;}
  }

.sticky-fadein nav {position: absolute; top: 17px; right: 50px;}
  @media (min-width: 900px)  {.sticky-fadein nav {top: 12px;}}
  @media (min-width: 1024px) {.sticky-fadein nav {right: 74px;}}
  @media (min-width: 1024px) {.sticky-fadein nav {right: 97px;}}

nav {
  position: relative;
  width: 100%;
}


/* NAV LEFT */
.nav-left {
  position: absolute;
  left: 0;
  top: 41px;
}

  .dropdown {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    margin-left: 40px;
  }
    .dropdown {
      margin-left: 16px;
      font-size: 16px;
    }
      @media (min-width: 900px) {
        .dropdown {
          margin-left: 15px;
          font-size: 17px;
        }
      }
      @media (min-width: 950px) {.dropdown {margin-left: 28px;}}
      @media (min-width: 1200px) {.dropdown {margin-left: 40px;}}

  .light .dropdown {color: var(--mainblue);}

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 280px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    padding: 20px;
    z-index: 1;
    text-align: left;
    border-radius: 7px;
  }

  .dropdown-content a {
    display: block;
    color: #243640;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .dropdown-content a:last-child {margin-bottom: 0;}
  .dropdown-content a:hover {text-decoration: underline;}
  .dropdown-content a:hover::after {display: none;}
  .dropdown:hover .dropdown-content {display: block;}
/* NAV LEFT */

/* NAV LOGO */
.nav-logo {
  position: absolute;
  left: calc(50% - 62px);
  width: 124px;
  margin-left: 0;
  top: 0;
}

a.nav-logo::after {display: none !important;}

.dark .nav-logo svg path.logo-type {fill: #FFF;}
.homepage .nav-logo svg path.logo-type {fill: transparent;}
  @media (max-width: 767px) {.homepage .nav-logo svg path.logo-type {fill: #FFF;}}
/* NAV LOGO */

/* NAV RIGHT */
.nav-right {
  position: absolute;
  right: 0;
  top: 41px;
}
/* NAV RIGHT */



/*    MAIN NAVIGATION LINKS    */
nav a {
  position: relative;
  margin-left: 16px;
  text-decoration: none;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
}
  @media (min-width: 900px) {
    nav a {
      margin-left: 15px;
      font-size: 17px;
    }
  }
  @media (min-width: 950px) {nav a {margin-left: 28px;}}
  @media (min-width: 1200px) {nav a {margin-left: 40px;}}

nav a:first-child {margin-left: 0;}

.light nav a {color: var(--mainblue);}


header nav a.btn, .sticky-fadein nav a.btn {padding: 7px 20px 9px;}
  @media (min-width: 850px) {header nav a.btn, .sticky-fadein nav a.btn {padding: 10px 30px 12px; }}

.sticky-fadein nav a.btn:hover {color: #FFF;}

header nav a {transition: all 0.5s ease-in, all 0.5s ease-out;}
header nav a:hover {color: var(--teal);}

header nav a:hover::after,
.sticky-fadein nav a:hover::after {
  color: #016F74;
  content: '';
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #CCC;
  left: calc(50% - 4px);
  bottom: -17px;
}
  
  .dark header nav a::after {background-color: #FFF;}

  header nav a::after {
    -webkit-transition: all 3s;
    transition: all 3s;
  }

  header nav a.btn-donate:hover::after,
  header nav a.search-icon:hover::after,
  .sticky-fadein nav a.btn-donate:hover::after,
  .sticky-fadein nav a.search-icon:hover::after
  {display: none;}


header nav a.active::after,
.sticky-fadein nav a.active::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #016F74;
  left: calc(50% - 4px);
  bottom: -17px;
  -webkit-transition: all 3s;
  transition: all 3s;
}

header nav a.search-icon,
.sticky-fadein nav a.search-icon {
  position: relative;
  top: 6px;
}

header nav a.search-icon svg path {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.homepage header nav a.search-icon svg path {fill: #FFF;}
  .homepage header nav a.search-icon:hover svg path {fill: var(--teal);}


header nav a.search-icon svg path {fill: var(--mainblue);}
  header nav a.search-icon:hover svg path {fill: var(--teal);}


.homepage header nav a.search-icon:hover svg path {fill: var(--teal);}
/*    MAIN NAVIGATION LINKS    */









/* NEW OVERLAY NAV */
@media (min-width: 768px) {.mobile-navigation {display: none;}}

.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}

.mobile-navigation .nav-logo {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 1001;
}
  /*@media (min-width: 400px) {.mobile-navigation .nav-logo {top: 25px;}}*/
  @media (min-width: 500px) {
    .mobile-navigation .nav-logo {
      left: 25px;
      top: 25px;
    }
  }
  @media (min-width: 600px) {
    .mobile-navigation .nav-logo {
      left: 35px;
      top: 35px;
    }
  }


.global-menu {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 30002;
}

.global-menu__item {
  color: var(--color-menu);
  font-family: var(--font-family-menu);
  font-size: var(--font-size-menu);
  font-weight: var(--font-weight-menu);
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
  display: block;
  margin: 0.25em 0;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: ease-in;
  text-align: center;
  text-decoration: none;
}

.global-menu__item:hover {color: var(--color-menu-hover);}

.global-menu__item.is-opened {
  opacity: 1;
  transform: translateY(0) rotate(0);
  pointer-events: auto;
  transition-timing-function: ease;
}

.global-menu__item:nth-of-type(1) {transition-delay: 0s;}
.global-menu__item.is-opened:nth-of-type(1) {transition-delay: 0.85s;}

.global-menu__item:nth-of-type(2) {transition-delay: 0.05s;}
.global-menu__item.is-opened:nth-of-type(2) {transition-delay: 0.8s;}

.global-menu__item:nth-of-type(3) {transition-delay: 0.1s;}
.global-menu__item.is-opened:nth-of-type(3) {transition-delay: 0.75s;}

.global-menu__item:nth-of-type(4) {transition-delay: 0.15s;}
.global-menu__item.is-opened:nth-of-type(4) {transition-delay: 0.7s;}

/* ANIMATION DETAILS */
.global-menu__item--link.is-opened {transition-duration: 0.3s;}

.global-menu__item--link:nth-of-type(1) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(1) {transition-delay: 0.65s;}

.global-menu__item--link:nth-of-type(2) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(2) {transition-delay: 0.7s;}

.global-menu__item--link:nth-of-type(3) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(3) {transition-delay: 0.75s;}

.global-menu__item--link:nth-of-type(4) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(4) {transition-delay: 0.8s;}

.global-menu__item--link:nth-of-type(5) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(5) {transition-delay: 0.85s;}

.global-menu__item--link:nth-of-type(6) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(6) {transition-delay: 0.9s;}

.global-menu__item--link:nth-of-type(7) {transition-delay: 0s;}
.global-menu__item--link.is-opened:nth-of-type(7) {transition-delay: 0.95s;}

.shape-overlays {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1999;
}

.shape-overlays.is-opened {pointer-events: auto;}

.shape-overlays__path:nth-of-type(1) {fill: var(--path-fill-1);}
.shape-overlays__path:nth-of-type(2) {fill: var(--path-fill-2);}
.shape-overlays__path:nth-of-type(3) {fill: var(--path-fill-3);}
.shape-overlays__path:nth-of-type(4) {fill: var(--path-fill-4);}

@-webkit-keyframes intervalHamburgerBorder {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}

@keyframes intervalHamburgerBorder {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}


/* HAMBURGER BUTTON */
.hamburger {
  width: 64px;
  height: 64px;
  display: block;
  position: relative;
  cursor: pointer;
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 30002;
  border-radius: 50%;
  background-color: var(--button-bg);
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}
  @media (min-width: 400px) {.hamburger {top: 25px; right: 25px;}}
  @media (min-width: 600px) {.hamburger {top: 35px; right: 35px;}}
  @media (min-width: 768px) {.hamburger {display: none;}}

.hamburger__line {
  width: 28px;
  height: 2px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
}

.hamburger__line-in {
  width: 84px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.hamburger__line-in::before,
.hamburger__line-in::after {
  width: 28px;
  height: 2px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-color: var(--button-line);
}

.hamburger__line-in::before {left: -56px;}

.hamburger__line-in::after {left: 0;}

.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02 {left: 18px;}

.hamburger__line--01 {top: 24.6px;}

.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02 {top: 31px;}

.hamburger__line--03 {top: 37.4px;}

.hamburger__line--cross01 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger__line--cross02 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger__line {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in::before,
.hamburger__line-in::after {
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hamburger__line-in--cross01,
.hamburger__line-in--cross02 {
  -webkit-transform: translateX(-33.3%);
  transform: translateX(-33.3%);
}

.hamburger__line-in--01 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.hamburger__line-in--02 {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.hamburger__line-in--02::before,
.hamburger__line-in--02::after {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.hamburger__line-in--03 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hamburger__line-in--03::before,
.hamburger__line-in--03::after {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.hamburger__line-in--cross01 {
  -webkit-transition-delay: 0.0s;
  transition-delay: 0.0s;
}

.hamburger__line-in--cross02 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.hamburger__line-in--cross02::before,
.hamburger__line-in--cross02::after {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--01,
.hamburger.is-opened-navi .hamburger__line-in--02,
.hamburger.is-opened-navi .hamburger__line-in--03 {
  -webkit-transform: translateX(33.3%);
  transform: translateX(33.3%);
}

.hamburger.is-opened-navi .hamburger__line-in--cross01,
.hamburger.is-opened-navi .hamburger__line-in--cross02 {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.hamburger.is-opened-navi .hamburger__line-in--01 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hamburger.is-opened-navi .hamburger__line-in--02 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.hamburger.is-opened-navi .hamburger__line-in--03 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross01 {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross02 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}