.megaMenu .wrap .menu.joinMenu .hold:after {
  content: '';
  display: block;
  clear: both; }

.mobileMenu, .megaMenu .wrap .menu.joinMenu .hold form button {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.mobileMenu .wrap > button, .megaMenu .wrap .menu.joinMenu .hold .forgot:before, .megaMenu .wrap .menu:before, .megaMenu .wrap .menu > button {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

body.popNav {
  width: 100%;
  height: 100%;
  overflow: hidden !important; }
  body.popNav header[role="banner"] {
    background-color: white;
    height: 67px;
    width: 100%;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all; }
    body.popNav header[role="banner"] .wrap h1 {
      opacity: 1;
      margin-left: 10px; }
  body.popNav .mobileMenu {
    height: 100%;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all; }
    body.popNav .mobileMenu.close {
      right: auto;
      left: 0;
      top: 1px;
      background-color: #e4b80a;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
      z-index: 999999999;
      width: 100%;
      opacity: 0;
      pointer-events: none;
      visibility: hidden; }
      body.popNav .mobileMenu.close:before {
        opacity: 1; }
      body.popNav .mobileMenu.close .wrap ul li button, body.popNav .mobileMenu.close .wrap ul li a {
        opacity: 0; }
      body.popNav .mobileMenu.close .wrap .menu {
        opacity: 0; }
      body.popNav .mobileMenu.close .wrap > button {
        opacity: 1;
        background-position: -120px -320px;
        width: 19px;
        height: 14px;
        top: 44px;
        left: 12px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
    body.popNav .mobileMenu.moveLeft {
      width: 50px;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    body.popNav .mobileMenu .wrap ul li a, body.popNav .mobileMenu .wrap ul li button {
      opacity: 1;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s; }
  body.popNav .quickLinks > button {
    position: relative;
    height: 19px;
    margin-left: auto; }
    body.popNav .quickLinks > button:before {
      top: 14px;
      right: 5px;
      opacity: 1;
      background-position: -60px -320px;
      width: 16px;
      height: 80px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    body.popNav .quickLinks > button span {
      -webkit-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
      transition: all 400ms ease;
      background-color: black; }
      body.popNav .quickLinks > button span + span {
        margin: 0; }
      body.popNav .quickLinks > button span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 8px;
        position: absolute; }
      body.popNav .quickLinks > button span:nth-child(2) {
        opacity: 0; }
      body.popNav .quickLinks > button span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 8px;
        position: absolute; }

header[role="banner"] {
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  height: 80px; }

.mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1000;
  -webkit-transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: auto;
  z-index: 1000000;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
  background-color: #e4b80a;
  margin-top: 67px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .mobileMenu .wrap > button {
    background-position: -160px -320px;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 66px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all;
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 10000; }
  .mobileMenu .wrap .menu ul {
    padding-top: 22px; }
    .mobileMenu .wrap .menu ul li button, .mobileMenu .wrap .menu ul li a {
      display: block;
      margin: 0 auto;
      font-size: 1.25rem;
      color: black;
      text-align: center;
      line-height: 2.6;
      opacity: 0;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }

.megaMenu.subMenusOpen .wrap .subMenus .menu {
  pointer-events: all;
  visibility: visible;
  opacity: 1; }
  .megaMenu.subMenusOpen .wrap .subMenus .menu.showSubMenu {
    width: 100%;
    z-index: 99999;
    margin-left: -50px; }
.megaMenu .wrap .menu {
  background-color: #e4b80a;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  z-index: 1000;
  margin-left: auto;
  z-index: -100;
  overflow: auto;
  overflow: hidden;
  margin-top: 67px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .megaMenu .wrap .menu.joinMenu {
    background-color: #e4b80a; }
    .megaMenu .wrap .menu.joinMenu ul {
      margin-top: 20px; }
      .megaMenu .wrap .menu.joinMenu ul li {
        line-height: 1.3; }
        .megaMenu .wrap .menu.joinMenu ul li + li {
          margin-top: 48px; }
        .megaMenu .wrap .menu.joinMenu ul li.member:before {
          content: '';
          background-image: url("../images/icons/join-lock.svg");
          width: 80px;
          height: 80px;
          display: block;
          margin: 0 auto 20px auto; }
        .megaMenu .wrap .menu.joinMenu ul li.support:before {
          content: '';
          background-image: url("../images/icons/join-become-friend.svg");
          width: 80px;
          height: 80px;
          display: block;
          margin: 0 auto 20px auto; }
        .megaMenu .wrap .menu.joinMenu ul li.donations:before {
          content: '';
          background-image: url("../images/icons/join-donation.svg");
          width: 80px;
          height: 80px;
          display: block;
          margin: 0 auto 20px auto; }
    .megaMenu .wrap .menu.joinMenu .hold {
      padding: 0 35px 0 35px;
      opacity: 1;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: opacity;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: opacity;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: opacity;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: opacity;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: opacity;
      -webkit-transition-delay: 0.6s;
      -ms-transition-delay: 0.6s;
      transition-delay: 0.6s; }
      .megaMenu .wrap .menu.joinMenu .hold form {
        float: left;
        clear: left;
        margin-top: 50px; }
        .megaMenu .wrap .menu.joinMenu .hold form .g-recaptcha {
          margin-top: 15px; }
        .megaMenu .wrap .menu.joinMenu .hold form h4 {
          font-size: 0.75rem;
          color: white;
          font-weight: 300;
          padding-bottom: 4px; }
        .megaMenu .wrap .menu.joinMenu .hold form .input + h4 {
          margin-top: 15px; }
        .megaMenu .wrap .menu.joinMenu .hold form .input:not(.tickBox) + .input {
          margin-top: 15px; }
        .megaMenu .wrap .menu.joinMenu .hold form .input:not(.tickBox) textarea {
          height: 23px; }
        .megaMenu .wrap .menu.joinMenu .hold form .input:not(.tickBox) input, .megaMenu .wrap .menu.joinMenu .hold form .input:not(.tickBox) textarea {
          font-size: 1.125rem;
          border-bottom: 1px solid black;
          padding-bottom: 0px; }
        .megaMenu .wrap .menu.joinMenu .hold form .input:not(.tickBox) label {
          color: black;
          font-size: 1.125rem; }
        .megaMenu .wrap .menu.joinMenu .hold form .tickBox {
          margin-top: 38px !important; }
          .megaMenu .wrap .menu.joinMenu .hold form .tickBox label {
            font-size: 0.75rem;
            font-weight: 300; }
          .megaMenu .wrap .menu.joinMenu .hold form .tickBox input:checked {
            background-color: #69be28; }
        .megaMenu .wrap .menu.joinMenu .hold form button {
          width: 125px;
          display: block;
          font-weight: 600;
          font-size: 0.8125rem;
          text-align: center;
          padding-top: 5px;
          color: white;
          margin: 25px 0 0 auto;
          position: relative; }
          .megaMenu .wrap .menu.joinMenu .hold form button:before {
            content: '';
            background-image: url("../images/shapes/green-button.svg");
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 125px;
            height: 45px;
            z-index: -1;
            -webkit-transition-timing-function: linear;
            -webkit-transition-duration: 300ms;
            -webkit-transition-property: all;
            -moz-transition-timing-function: linear;
            -moz-transition-duration: 300ms;
            -moz-transition-property: all;
            -o-transition-timing-function: linear;
            -o-transition-duration: 300ms;
            -o-transition-property: all;
            -ms-transition-timing-function: linear;
            -ms-transition-duration: 300ms;
            -ms-transition-property: all;
            transition-timing-function: linear;
            transition-duration: 300ms;
            transition-property: all; }
      .megaMenu .wrap .menu.joinMenu .hold .forgot {
        float: left;
        clear: left;
        font-size: 0.625rem;
        font-weight: 500;
        display: inline-block;
        color: #4d4d4d;
        margin-top: 4px; }
        .megaMenu .wrap .menu.joinMenu .hold .forgot:before {
          content: '';
          background-position: -145px -470px;
          width: 17px;
          height: 17px;
          display: inline-block;
          margin-right: 10px;
          position: relative;
          top: 6px; }
  .megaMenu .wrap .menu:before {
    content: '';
    background-position: -60px -320px;
    width: 16px;
    height: 80px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all;
    opacity: 0; }
  .megaMenu .wrap .menu > button {
    background-position: -120px -320px;
    width: 19px;
    height: 14px;
    position: absolute;
    top: 42px;
    left: 12px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all;
    opacity: 0;
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
    z-index: 10000; }
  .megaMenu .wrap .menu.showMenu {
    z-index: 999999 !important;
    width: 100%;
    left: 0;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
    .megaMenu .wrap .menu.showMenu:before {
      opacity: 0;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    .megaMenu .wrap .menu.showMenu > button {
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
      opacity: 1; }
    .megaMenu .wrap .menu.showMenu ul {
      opacity: 1;
      -webkit-transition-delay: 1s;
      -ms-transition-delay: 1s;
      transition-delay: 1s; }
  .megaMenu .wrap .menu.closeFirstTier {
    width: 50px;
    right: auto;
    left: 0;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s; }
    .megaMenu .wrap .menu.closeFirstTier:before {
      opacity: 0; }
    .megaMenu .wrap .menu.closeFirstTier ul {
      opacity: 0;
      -webkit-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s; }
    .megaMenu .wrap .menu.closeFirstTier > button {
      opacity: 1;
      left: 14px; }
  .megaMenu .wrap .menu h3 {
    font-size: 0.75rem;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 42px; }
  .megaMenu .wrap .menu .hold {
    height: 100%;
    overflow: hidden; }
  .megaMenu .wrap .menu ul {
    width: 100%;
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: opacity;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: opacity;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: opacity;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: opacity;
    height: 100%; }
    .megaMenu .wrap .menu ul li {
      font-size: 1.125rem;
      color: black;
      text-align: center;
      max-width: 270px;
      margin: 0 auto; }
      .megaMenu .wrap .menu ul li + li {
        margin-top: 30px; }
      .megaMenu .wrap .menu ul li button {
        margin: 0 auto; }
.megaMenu .wrap .subMenus .menu {
  background-color: #e4b80a;
  left: 50px; }
  .megaMenu .wrap .subMenus .menu:before {
    background-position: -90px -320px;
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .megaMenu .wrap .subMenus .menu.showSubMenu {
    width: -moz-calc(100% - 50px);
    width: -o-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    -webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    overflow: auto;
    z-index: 10000000; }
    .megaMenu .wrap .subMenus .menu.showSubMenu ul {
      opacity: 1;
      -webkit-transition-delay: 1s;
      -ms-transition-delay: 1s;
      transition-delay: 1s; }

@media only screen and (min-width: 1024px) {
  body.home.popNav header[role="banner"] .wrap h1 {
    opacity: 0; }
  body.home.popNav .quickLinks > button {
    position: relative;
    height: 19px; }
    body.home.popNav .quickLinks > button:before {
      right: -29px; }
    body.home.popNav .quickLinks > button span {
      -webkit-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
      transition: all 400ms ease; }
      body.home.popNav .quickLinks > button span + span {
        margin: 0; }
      body.home.popNav .quickLinks > button span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 8px;
        position: absolute; }
      body.home.popNav .quickLinks > button span:nth-child(2) {
        opacity: 0; }
      body.home.popNav .quickLinks > button span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 8px;
        position: absolute; }

  .megaMenu {
    position: relative;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
    .megaMenu:before {
      content: '';
      background-color: rgba(0, 0, 0, 0.8);
      position: fixed;
      display: block;
      top: 81px;
      left: 0;
      width: 100vw;
      height: 100%;
      z-index: -1;
      opacity: 0;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
      pointer-events: none; }
    .megaMenu:after {
      content: '';
      background-color: #e4b80a;
      position: fixed;
      display: block;
      top: 81px;
      left: 0;
      width: 100vw;
      height: 100%;
      max-height: 80vh;
      z-index: -1;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
      opacity: 0;
      pointer-events: none; }
    .megaMenu.subMenusOpen:before {
      opacity: 0;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    .megaMenu.subMenusOpen:after {
      opacity: 1;
      pointer-events: all; }
    .megaMenu .wrap .menu {
      max-height: 0%;
      top: 0;
      padding-top: 0;
      width: -moz-calc(100% - 50px);
      width: -o-calc(100% - 50px);
      width: -webkit-calc(100% - 50px);
      width: calc(100% - 50px);
      height: 100%;
      -webkit-transition-delay: 0.1s;
      -ms-transition-delay: 0.1s;
      transition-delay: 0.1s;
      width: 100%;
      background-color: #e4b80a;
      -webkit-transition: max-height 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: max-height 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }
      .megaMenu .wrap .menu h3 {
        display: none; }
      .megaMenu .wrap .menu:before {
        display: none; }
      .megaMenu .wrap .menu > button {
        background-position: -120px -320px;
        width: 19px;
        height: 14px;
        position: absolute;
        top: 120px;
        left: 15px;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        opacity: 0;
        -webkit-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
        transition-delay: 0.6s;
        z-index: 10000; }
      .megaMenu .wrap .menu ul {
        padding-top: 45px;
        position: static;
        -webkit-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        max-width: 945px;
        left: 50% !important;
        -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0); }
        .megaMenu .wrap .menu ul li {
          padding: 0 30px;
          font-size: 1.125rem;
          text-align: left;
          margin: 0; }
          .megaMenu .wrap .menu ul li button, .megaMenu .wrap .menu ul li a {
            position: relative;
            margin: 0;
            text-align: left; }
            .megaMenu .wrap .menu ul li button.active, .megaMenu .wrap .menu ul li a.active {
              font-weight: 700; }
              .megaMenu .wrap .menu ul li button.active:after, .megaMenu .wrap .menu ul li a.active:after {
                display: none; }
          .megaMenu .wrap .menu ul li + li {
            margin-top: 20px; }
      .megaMenu .wrap .menu.joinMenu ul {
        margin-top: 72px;
        margin-left: 50px;
        text-align: center; }
        .megaMenu .wrap .menu.joinMenu ul li {
          display: inline-block;
          padding: 0 20px; }
          .megaMenu .wrap .menu.joinMenu ul li + li {
            margin-top: 0;
            margin-left: 98px; }
      .megaMenu .wrap .menu.showSubMenu {
        margin-top: 81px; }
        .megaMenu .wrap .menu.showSubMenu .hold {
          overflow: hidden; }
          .megaMenu .wrap .menu.showSubMenu .hold ul {
            position: relative;
            padding-left: 28px;
            margin-left: 316px;
            padding-top: 74px; }
            .megaMenu .wrap .menu.showSubMenu .hold ul:before {
              content: '';
              display: block;
              width: 1px;
              height: 100%;
              max-height: 482px;
              background-color: black;
              position: absolute;
              top: 74px;
              left: 0; }
            .megaMenu .wrap .menu.showSubMenu .hold ul li {
              font-size: 1.125rem; }
              .megaMenu .wrap .menu.showSubMenu .hold ul li + li {
                margin-top: 20px; }
      .megaMenu .wrap .menu.showMenu {
        left: 0;
        padding-left: 50px;
        width: -moz-calc(100% - 50px);
        width: -o-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        max-height: 100%;
        z-index: 10000;
        -webkit-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
        margin-top: 106px; }
        .megaMenu .wrap .menu.showMenu:before {
          opacity: 1; }
        .megaMenu .wrap .menu.showMenu > button {
          -webkit-transition-delay: 0.1s;
          -ms-transition-delay: 0.1s;
          transition-delay: 0.1s;
          opacity: 0; }
        .megaMenu .wrap .menu.showMenu ul {
          position: relative; }
          .megaMenu .wrap .menu.showMenu ul li {
            opacity: 1;
            -webkit-transition-delay: 0.8s;
            -ms-transition-delay: 0.8s;
            transition-delay: 0.8s;
            padding: 0; }
        .megaMenu .wrap .menu.showMenu .image-links {
          position: absolute;
          top: 45px;
          right: 247px;
          opacity: 1;
          visibility: visible;
          pointer-events: all;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
          .megaMenu .wrap .menu.showMenu .image-links .image {
            position: relative;
            position: relative; }
            .megaMenu .wrap .menu.showMenu .image-links .image + .image {
              margin-top: 12px; }
            .megaMenu .wrap .menu.showMenu .image-links .image figure {
              width: 100%;
              max-width: 345px; }
              .megaMenu .wrap .menu.showMenu .image-links .image figure img {
                display: block;
                width: 100%;
                height: auto;
                border-radius: 6px; }
            .megaMenu .wrap .menu.showMenu .image-links .image h4 {
              font-size: 1.25rem;
              font-weight: 500;
              line-height: 1.25;
              color: white;
              position: absolute;
              left: 12px;
              bottom: 25px;
              max-width: 50%; }
      .megaMenu .wrap .menu.closeFirstTier {
        width: 216px;
        right: auto;
        left: 0;
        z-index: 10000000;
        top: 0;
        max-height: 100%;
        -webkit-transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
        transition-delay: 0.6s;
        z-index: 10;
        max-height: 70vh; }
        .megaMenu .wrap .menu.closeFirstTier.closeFirstTierMenu ul li button, .megaMenu .wrap .menu.closeFirstTier.closeFirstTierMenu ul li a {
          opacity: 1 !important; }
          .megaMenu .wrap .menu.closeFirstTier.closeFirstTierMenu ul li button.active, .megaMenu .wrap .menu.closeFirstTier.closeFirstTierMenu ul li a.active {
            font-weight: 400; }
        .megaMenu .wrap .menu.closeFirstTier ul {
          opacity: 1; }
          .megaMenu .wrap .menu.closeFirstTier ul li button, .megaMenu .wrap .menu.closeFirstTier ul li a {
            opacity: 0.4 !important; }
            .megaMenu .wrap .menu.closeFirstTier ul li button.active, .megaMenu .wrap .menu.closeFirstTier ul li a.active {
              opacity: 1 !important; }
        .megaMenu .wrap .menu.closeFirstTier .image-links {
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
        .megaMenu .wrap .menu.closeFirstTier h3, .megaMenu .wrap .menu.closeFirstTier li {
          opacity: 1 !important;
          pointer-events: all;
          font-size: 1.125rem;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          -webkit-transition-delay: 0s !important;
          -ms-transition-delay: 0 !important;
          transition-delay: 0s !important;
          pointer-events: all; }
        .megaMenu .wrap .menu.closeFirstTier > button {
          display: none; }
      .megaMenu .wrap .menu.fadeOut {
        opacity: 0;
        width: 100%;
        pointer-events: none;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    .megaMenu .wrap .subMenus .menu {
      width: -moz-calc(100% - 250px);
      width: -o-calc(100% - 250px);
      width: -webkit-calc(100% - 250px);
      width: calc(100% - 250px);
      left: 250px;
      opacity: 0;
      pointer-events: none;
      max-height: 100%;
      background-color: rgba(230, 235, 230, 0.96); }
      .megaMenu .wrap .subMenus .menu.showSubMenu {
        max-height: 100%;
        width: -moz-calc(100% - 250px);
        width: -o-calc(100% - 250px);
        width: -webkit-calc(100% - 250px);
        width: calc(100% - 250px);
        -webkit-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
        opacity: 1;
        pointer-events: all; }
      .megaMenu .wrap .subMenus .menu h3 {
        display: none;
        padding-bottom: 0;
        font-size: 1rem;
        padding-bottom: 20px; }
    .megaMenu.isOpen {
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all;
      z-index: 10000000 !important; }
      .megaMenu.isOpen + .quickLinks .close {
        display: none; }
      .megaMenu.isOpen + .quickLinks button.accountBtn {
        background-position: -115px -420px; }
        .megaMenu.isOpen + .quickLinks button.accountBtn.loggedIn {
          background-position: -170px -420px; }
      .megaMenu.isOpen + .quickLinks button.searchBtn {
        background-position: -115px -475px; }
      .megaMenu.isOpen:before, .megaMenu.isOpen:after {
        opacity: 1;
        pointer-events: all; }
      .megaMenu.isOpen .wrap .menu:not(.joinMenu) {
        -webkit-animation: 2s ease 0s forwards fadeOutGreen;
        animation: 2s ease 0s forwards fadeOutGreen; }
  @-webkit-keyframes fadeOutGreen {
    from {
      background-color: #e4b80a; }
    to {
      background-color: transparent; } }
  @keyframes fadeOutGreen {
    from {
      background-color: #e4b80a; }
    to {
      background-color: transparent; } }
        .megaMenu.isOpen .wrap .menu:not(.joinMenu).closeFirstTier {
          z-index: 100000;
          -webkit-animation: 1s ease 0s forwards fadeInGreen;
          animation: 1s ease 0s forwards fadeInGreen;
          left: calc(50% - 498px) !important;
          max-width: 215px; }
  @-webkit-keyframes fadeInGreen {
    from {
      background-color: transparent; }
    to {
      background-color: #e4b80a; } }
  @keyframes fadeInGreen {
    from {
      background-color: transparent; }
    to {
      background-color: #e4b80a; } }
  header[role="banner"] {
    height: 105px; } }

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