.eventSearchModal .wrap .expand .selectMenus:after, header[role="banner"] .wrap:after, .modal .hold:after, .mailingListModal .wrap form div:after, .staffMain .wrap .details:after, .resources .wrap header form .filterBy:after, .resources .wrap .listing .hold .item:after, .latestNews .wrap:after, .standardText .wrap .main .textPanel .cols:after, .membersLocation .wrap .listing:after, footer .wrap nav:after {
  content: '';
  display: block;
  clear: both; }

.eventSearchModal .wrap, .eventSearchModal .wrap form .advanced, .eventSearchModal .wrap .expand .selectMenus .input, body.home .featuredPanel .contain .text, header[role="banner"] .wrap, .modal.searchModal .hold, .modal.searchModal .hold form, .modal .hold form button, .modal .hold .container .join, .mailingListModal, .mailingListModal .wrap form button, .sidebar.sideNav .hold .menu, .introduction .wrap header button, .introduction .wrap header button.searchBtn, .resources .wrap .listing .hold .item .col .download, .standardText .wrap .main .textPanel .cols .col, .standardText .wrap .main .textPanel .cols .col + .col, .standardText .wrap .main .textPanel .cols .col .text button, .section .wrap header .content a, .membersLocation.becomeMember .wrap .listing .item span, .membersLocation .wrap .listing .item, .membersLocation .wrap .mapBox {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.eventSearchModal .wrap .close, .eventSearchModal .wrap form .submit, .eventSearchModal .wrap .expand .selectMenus p:not(.selectDate):after, .eventSearchModal .wrap .expand .selectMenus .selectDate:after, header[role="banner"] .wrap .menu ul li button:after, header[role="banner"] .wrap .menu ul li a:after, .quickLinks .navButton:before, .quickLinks .close, .modal .hold .close, .modal .hold .forgot:before, .hero.slider .swiper-container .mailinglist h2:before, .mailinglistButton h2:before, .mailingListModal .wrap > button, .sidebar.filterNav .close, .sidebar.filterNav .hold .menu .contain > button, .sidebar.filterNav .hold .menu .contain ul li button.active:after, .sidebar.sideNav .close, .sidebar.sideNav .hold nav ul li a:after, .sidebar.sideNav .hold nav ul li button:after, .sidebar.sideNav .hold .menu .contain > button, .sidebar.sideNav .hold .menu.secondTier a.active:after, .sidebar .hold nav a.active:after, .sidebar .hold nav button.active:after, .introduction .wrap header button.searchBtn:after, .resources .wrap .listing .hold .item .col .download:after, .membersLocation .wrap .alphabeticalPagination .previous, .membersLocation .wrap .alphabeticalPagination .next {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.eventSearchModal .wrap .expand .selectMenus .input label, .eventSearchModal .wrap .expand .selectMenus .input select, .modal .hold form h2, .contactPanel .wrap .image h2 {
  font-family: "sofia-pro"; }

.desktop {
  display: block; }

.tablet {
  display: block; }

.mobile {
  display: none; }

.pagination {
  margin-top: 56px; }

.eventSearchModal {
  position: absolute;
  top: 440px;
  left: 50%;
  width: 100%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  background-color: #50aa3c;
  border-radius: 20px;
  margin-left: 130px;
  opacity: 0;
  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;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }
  .eventSearchModal .wrap {
    margin: 0 auto;
    padding: 50px 58px;
    position: relative; }
    .eventSearchModal .wrap .close {
      text-indent: -9999px;
      background-position: -320px -120px;
      width: 21px;
      height: 21px;
      position: absolute;
      bottom: 20px;
      left: 50%;
      margin-left: -10px; }
    .eventSearchModal .wrap form {
      opacity: 0;
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7);
      -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; }
      .eventSearchModal .wrap form .hold {
        position: relative; }
      .eventSearchModal .wrap form .advanced {
        width: 160px;
        display: block;
        font-weight: 600;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 13px;
        color: white;
        margin: 0 auto;
        position: relative;
        padding-top: 5px;
        margin: 33px 0 20px 0; }
        .eventSearchModal .wrap form .advanced:before {
          content: '';
          background-image: url("../images/shapes/green-button.svg");
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 160px;
          height: 45px;
          z-index: -1; }
        .eventSearchModal .wrap form .advanced:before {
          background-image: url("../images/shapes/advanced-button.svg");
          width: 167px;
          height: 35px; }
      .eventSearchModal .wrap form .input {
        margin-bottom: 34px; }
        .eventSearchModal .wrap form .input input {
          font-size: 1.75rem;
          color: rgba(255, 255, 255, 0.6);
          border-bottom: 2px solid rgba(255, 255, 255, 0.6); }
        .eventSearchModal .wrap form .input label {
          font-size: 1.75rem;
          color: rgba(255, 255, 255, 0.6); }
      .eventSearchModal .wrap form .submit {
        background-position: -200px -20px;
        width: 23px;
        height: 23px;
        display: block;
        position: absolute;
        top: 10px;
        right: 0; }
    .eventSearchModal .wrap .expand {
      display: none; }
      .eventSearchModal .wrap .expand.open {
        display: block;
        margin-bottom: 0; }
      .eventSearchModal .wrap .expand .selectMenus .input {
        width: -moz-calc(50% - 10px);
        width: -o-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
        float: left;
        margin-bottom: 15px; }
        .eventSearchModal .wrap .expand .selectMenus .input:nth-of-type(2n + 2) {
          margin-left: 20px; }
        .eventSearchModal .wrap .expand .selectMenus .input label {
          color: white;
          font-weight: 700;
          font-size: 0.8125rem;
          display: inline-block;
          margin-right: 12px; }
        .eventSearchModal .wrap .expand .selectMenus .input select {
          height: 40px;
          border-radius: 10px;
          font-weight: 700;
          font-size: 0.8125rem;
          padding: 0 17px; }
      .eventSearchModal .wrap .expand .selectMenus p:not(.selectDate) select {
        background-color: #a2d77a; }
      .eventSearchModal .wrap .expand .selectMenus p:not(.selectDate):after {
        content: '';
        background-position: -380px -80px;
        width: 12px;
        height: 8px;
        display: block;
        position: absolute;
        top: 19px;
        right: 17px; }
      .eventSearchModal .wrap .expand .selectMenus .selectDate {
        padding-left: 17px;
        width: 220px; }
        .eventSearchModal .wrap .expand .selectMenus .selectDate:after {
          content: '';
          background-position: -400px -230px;
          width: 21px;
          height: 21px;
          display: block;
          position: absolute;
          top: 10px;
          right: 11px;
          pointer-events: none; }
        .eventSearchModal .wrap .expand .selectMenus .selectDate + .selectDate label {
          margin-right: 18px; }
        .eventSearchModal .wrap .expand .selectMenus .selectDate:nth-of-type(2n + 2) {
          margin-left: 0; }
        .eventSearchModal .wrap .expand .selectMenus .selectDate select {
          width: 156px;
          background-color: rgba(255, 255, 255, 0.8);
          padding: 0 11px; }

body.addHeaderShape:before {
  margin-top: -120px; }
body.showEventSearch {
  overflow: hidden; }
  body.showEventSearch .eventSearchModal {
    opacity: 1;
    pointer-events: all; }
    body.showEventSearch .eventSearchModal .wrap form {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
body.blackHeader header[role="banner"] .wrap .menu ul li button, body.blackHeader header[role="banner"] .wrap .menu ul li a {
  color: black; }
  body.blackHeader header[role="banner"] .wrap .menu ul li button.current:after, body.blackHeader header[role="banner"] .wrap .menu ul li a.current:after {
    background-position: -220px -80px;
    width: 82px;
    height: 16px; }
body.addHeaderShape header[role="banner"] .wrap .menu ul li button, body.addHeaderShape header[role="banner"] .wrap .menu ul li a {
  color: black; }
  body.addHeaderShape header[role="banner"] .wrap .menu ul li button.current:after, body.addHeaderShape header[role="banner"] .wrap .menu ul li a.current:after {
    background-position: -160px -400px;
    width: 82px;
    height: 16px; }
body.showSidebar .siteWrap {
  width: -moz-calc(100% - 250px);
  width: -o-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px); }
body.showSideBarSection .siteWrap {
  width: -moz-calc(100% - 250px);
  width: -o-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px); }
body.home .upcomingEvents .wrap .hold .event:nth-of-type(3) {
  display: none; }
body.home .featuredPanel {
  margin-top: 88px; }
  body.home .featuredPanel.rounded .contain {
    max-width: 834px; }
    body.home .featuredPanel.rounded .contain .image {
      width: 414px; }
  body.home .featuredPanel.roundedRect .contain .image {
    width: 414px; }
  body.home .featuredPanel.featuredPanelTwo {
    margin-top: 228px; }
    body.home .featuredPanel.featuredPanelTwo .contain {
      margin: 0 auto;
      max-width: 700px; }
      body.home .featuredPanel.featuredPanelTwo .contain .image {
        left: 13px;
        top: 218px; }
      body.home .featuredPanel.featuredPanelTwo .contain .text {
        width: -moz-calc(100% - 320px);
        width: -o-calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: calc(100% - 320px);
        padding: 24px 50px 43px 37px;
        margin-left: 320px; }
        body.home .featuredPanel.featuredPanelTwo .contain .text p {
          max-width: 100%; }
  body.home .featuredPanel .contain {
    margin: 0 auto;
    max-width: 834px; }
    body.home .featuredPanel .contain .text {
      padding: 22px 85px 43px 137px;
      height: auto;
      width: -moz-calc(100% - 340px);
      width: -o-calc(100% - 340px);
      width: -webkit-calc(100% - 340px);
      width: calc(100% - 340px);
      margin-left: 340px;
      margin-top: -356px; }
body.home footer .wrap nav {
  padding: 44px 94px 44px 74px; }
  body.home footer .wrap nav .supportedLogo {
    width: 233px;
    padding-top: 0px; }
body.home footer .wrap .logos {
  padding: 47px 94px 58px 74px; }
body.home footer .wrap .small {
  padding: 12px 94px 12px 74px; }
body.showMailing .mailinglistButton h2 {
  opacity: 0; }
  body.showMailing .mailinglistButton h2:before {
    opacity: 0; }
body.showMailing .mailingListModal {
  right: 0; }
  body.showMailing .mailingListModal .wrap {
    opacity: 1; }
body.showQuickLinks header[role="banner"] {
  height: 106px;
  background-color: white; }
  body.showQuickLinks header[role="banner"] .wrap .menu ul li button, body.showQuickLinks header[role="banner"] .wrap .menu ul li a {
    color: black; }
body.showQuickLinks .quickLinks .links button.searchBtn {
  background-position: -115px -475px;
  width: 17px;
  height: 17px; }
body.showQuickLinks .quickLinks .links button.accountBtn {
  background-position: -144px -420px; }
  body.showQuickLinks .quickLinks .links button.accountBtn.loggedIn {
    background-position: -170px -420px; }
body.showQuickLinks .megaMenu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  body.showQuickLinks .megaMenu:before {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  body.showQuickLinks .megaMenu .wrap .menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
body.openSearch header[role="banner"] {
  height: 106px;
  background-color: white; }
  body.openSearch header[role="banner"] .wrap .menu ul li button, body.openSearch header[role="banner"] .wrap .menu ul li a {
    color: black; }
body.openSearch .searchModal {
  margin-top: 103px; }
body.openSearch .quickLinks .links button.searchBtn {
  background-position: -160px -319px;
  width: 17px;
  height: 17px; }
body.openSearch .quickLinks .links button.accountBtn {
  display: block;
  position: absolute;
  top: 23px;
  right: 120px;
  background-position: -144px -420px; }
body.openSearch .megaMenu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  body.openSearch .megaMenu:before {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  body.openSearch .megaMenu .wrap .menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }

.siteWrap.show:before {
  opacity: 1; }
.siteWrap:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  width: -moz-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  z-index: 10000;
  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;
  pointer-events: none; }

header[role="banner"] {
  position: absolute;
  width: 100%;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
  background-color: transparent;
  z-index: 99999999;
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
  border-bottom: 1px solid transparent; }
  header[role="banner"].whiteHeader .wrap .menu ul li button {
    padding-bottom: 0; }
  header[role="banner"].whiteHeader, header[role="banner"].scrollingHeader {
    background-color: white;
    z-index: 99999999;
    position: fixed;
    -webkit-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s; }
    header[role="banner"].whiteHeader .wrap .menu ul li button, header[role="banner"].whiteHeader .wrap .menu ul li a, header[role="banner"].scrollingHeader .wrap .menu ul li button, header[role="banner"].scrollingHeader .wrap .menu ul li a {
      color: black; }
  header[role="banner"].scrollingHeader:not(.whiteHeader) {
    border-bottom: 1px solid gainsboro;
    -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;
    -ms-transition-delay: 0s;
    transition-delay: 0s; }
    header[role="banner"].scrollingHeader:not(.whiteHeader) .wrap .menu {
      margin-top: 24px; }
    header[role="banner"].scrollingHeader:not(.whiteHeader) .wrap h1 {
      -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; }
  header[role="banner"].changeHeader {
    background-color: white; }
    header[role="banner"].changeHeader .wrap .menu ul li button, header[role="banner"].changeHeader .wrap .menu ul li a {
      color: black; }
  header[role="banner"] .wrap h1 {
    background-position: 0px 0px;
    background-size: cover;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  header[role="banner"] .wrap .menu {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    margin-right: 160px; }
    header[role="banner"] .wrap .menu ul li {
      list-style: none;
      display: inline-block; }
      header[role="banner"] .wrap .menu ul li:hover button, header[role="banner"] .wrap .menu ul li:hover a {
        color: #69be28 !important; }
      header[role="banner"] .wrap .menu ul li + li {
        margin-left: 30px; }
      header[role="banner"] .wrap .menu ul li button, header[role="banner"] .wrap .menu ul li a {
        display: block;
        color: white;
        font-size: 0.9375rem;
        text-transform: uppercase;
        font-weight: 400;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms color;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms color;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms color;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms color;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms color;
        transition-property: all;
        position: relative; }
        header[role="banner"] .wrap .menu ul li button:after, header[role="banner"] .wrap .menu ul li a:after {
          content: '';
          background-position: -160px -400px;
          width: 80px;
          height: 16px;
          position: absolute;
          display: block;
          top: -69px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          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.7s;
          -ms-transition-delay: 0.7s;
          transition-delay: 0.7s; }
        header[role="banner"] .wrap .menu ul li button.current, header[role="banner"] .wrap .menu ul li a.current {
          font-weight: 700; }
          header[role="banner"] .wrap .menu ul li button.current:after, header[role="banner"] .wrap .menu ul li a.current:after {
            opacity: 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; }
        header[role="banner"] .wrap .menu ul li button.active, header[role="banner"] .wrap .menu ul li a.active {
          font-weight: 700; }
          header[role="banner"] .wrap .menu ul li button.active:after, header[role="banner"] .wrap .menu ul li a.active:after {
            background-position: -160px -400px !important;
            opacity: 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;
            top: auto;
            -webkit-transition-delay: 0.7s;
            -ms-transition-delay: 0.7s;
            transition-delay: 0.7s;
            bottom: -58px; }

.quickLinks {
  height: 100%;
  z-index: 10000000;
  max-height: 103px;
  z-index: 99999999;
  max-width: fit-content;
  left: unset;
  right: 0; }
  .quickLinks.showButton .close {
    opacity: 1; }
  .quickLinks .navButton {
    margin: 20px auto 0 auto;
    position: relative; }
    .quickLinks .navButton:before {
      content: '';
      background-position: -30px -320px;
      width: 16px;
      height: 80px;
      display: block;
      position: absolute;
      top: -27px;
      right: -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; }
    .quickLinks .navButton span {
      width: 22px;
      height: 3px;
      background-color: white;
      display: block;
      border-radius: 12px;
      pointer-events: none; }
      .quickLinks .navButton span + span {
        margin-top: 5px; }
  .quickLinks .close {
    background-position: -320px -120px;
    width: 21px;
    height: 21px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 210px;
    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; }
    .quickLinks .close.showButton {
      opacity: 1; }
  .quickLinks .links {
    position: absolute;
    top: 20px;
    left: 0;
    right: -20px;
    margin-top: 0;
    bottom: auto; }
    .quickLinks .links button.accountBtn {
      display: block;
      background-position: -115px -390px;
      width: 15px;
      height: 18px;
      margin: 0;
      position: absolute;
      top: 23px;
      right: 120px; }
    .quickLinks .links button.searchBtn {
      background-position: -115px -450px;
      width: 18px;
      height: 18px;
      top: 23px;
      right: 77px; }
    .quickLinks .links button:after {
      top: 31px; }

.quickLinkMenu {
  background-color: transparent;
  overflow: hidden;
  z-index: 1000000; }
  .quickLinkMenu.showMenu {
    z-index: 100000; }
    .quickLinkMenu.showMenu > button {
      opacity: 1; }
    .quickLinkMenu.showMenu .hold {
      width: 200px; }
      .quickLinkMenu.showMenu .hold .item {
        opacity: 1; }
    .quickLinkMenu.showMenu.close {
      background-color: transparent; }
      .quickLinkMenu.showMenu.close > button {
        display: none; }
      .quickLinkMenu.showMenu.close .hold {
        width: 25px;
        -webkit-transition: width 400ms 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: width 400ms 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
        .quickLinkMenu.showMenu.close .hold .item {
          opacity: 0;
          -webkit-transition-delay: 0.1s;
          -ms-transition-delay: 0.1s;
          transition-delay: 0.1s; }
  .quickLinkMenu > button {
    display: none; }
  .quickLinkMenu .hold {
    left: 0; }
    .quickLinkMenu .hold .item {
      margin: 0 auto;
      display: block;
      opacity: 0;
      -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; }
      .quickLinkMenu .hold .item h3 {
        line-height: 1.3; }
      .quickLinkMenu .hold .item + .item {
        margin-top: 68px; }
      .quickLinkMenu .hold .item figure {
        width: 42%;
        pointer-events: none;
        margin: 0 auto 20px auto; }

.modal {
  z-index: 100000; }
  .modal[data-formodal="account"] .hold .container {
    margin-top: 100px;
    display: block; }
    .modal[data-formodal="account"] .hold .container p + p {
      margin-top: 20px; }
  .modal.searchModal {
    z-index: 1000000;
    border-top: 0; }
    .modal.searchModal .hold {
      padding-right: 0; }
      .modal.searchModal .hold form {
        position: absolute;
        float: none;
        width: 477px;
        top: -moz-calc(50% - 103px);
        top: -o-calc(50% - 103px);
        top: -webkit-calc(50% - 103px);
        top: calc(50% - 103px);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
        .modal.searchModal .hold form .input:not(.tickBox) input {
          font-size: 1.75rem;
          padding-bottom: 10px; }
        .modal.searchModal .hold form .input:not(.tickBox) label {
          font-size: 1.75rem;
          top: 12px; }
        .modal.searchModal .hold form button {
          background-position: -200px -20px;
          width: 22px;
          height: 22px;
          margin-top: 12px;
          margin-right: 0; }
  .modal.open {
    width: 100%;
    left: 0; }
    .modal.open:before {
      opacity: 1; }
    .modal.open .hold {
      opacity: 1; }
  .modal:before {
    display: none; }
  .modal .hold {
    padding: 200px 0 90px 0;
    opacity: 0;
    -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;
    max-width: fit-content;
    margin: 0 auto; }
    .modal .hold .back {
      display: none; }
    .modal .hold .close {
      background-position: -160px -320px;
      width: 17px;
      height: 17px;
      float: right;
      position: absolute;
      top: 38px;
      right: 40px; }
    .modal .hold form {
      float: unset; }
      .modal .hold form h2 {
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 1.25;
        font-size: 2.095rem;
        color: black;
        margin-bottom: 50px; }
      .modal .hold form p.error {
        padding: 0.5em 0;
        color: #db0000;
        margin-bottom: 1em; }
      .modal .hold form .input + h4 {
        margin-top: 15px; }
      .modal .hold form .input:not(.tickBox) textarea {
        height: 34px; }
      .modal .hold form .input:not(.tickBox) input, .modal .hold form .input:not(.tickBox) textarea {
        font-size: 1.75rem;
        padding-bottom: 0px; }
      .modal .hold form .input:not(.tickBox) label {
        font-size: 1.75rem; }
      .modal .hold form .tickBox {
        margin-top: 32px !important;
        float: left; }
        .modal .hold form .tickBox input:checked {
          background-color: #69be28; }
        .modal .hold form .tickBox label {
          font-size: 0.875rem; }
      .modal .hold form button {
        width: 160px;
        display: block;
        font-weight: 600;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 13px;
        color: white;
        margin: 0 auto;
        position: relative;
        margin: 29px auto 0 0;
        float: right; }
        .modal .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: 160px;
          height: 45px;
          z-index: -1; }
        .modal .hold form button:before {
          top: 3px; }
    .modal .hold .container {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      margin: 215px auto 0 auto; }
      .modal .hold .container p {
        font-size: 0.9375rem;
        font-weight: 500; }
        .modal .hold .container p a {
          color: #69be28;
          font-weight: 600;
          text-decoration: underline; }
      .modal .hold .container .join {
        width: 160px;
        display: block;
        font-weight: 600;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 13px;
        color: white;
        margin: 0 auto;
        position: relative;
        min-height: 43px; }
        .modal .hold .container .join:before {
          content: '';
          background-image: url("../images/shapes/green-button.svg");
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 160px;
          height: 45px;
          z-index: -1; }
    .modal .hold .forgot {
      font-size: 0.875rem;
      margin-top: 0;
      position: absolute;
      top: 7px;
      right: 0; }
      .modal .hold .forgot:before {
        content: '';
        background-position: -205px -360px;
        width: 17px;
        height: 17px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 3px; }

.hero.slider .swiper-container .swiper-wrapper .swiper-slide {
  width: 100% !important; }
  .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content .text .join:after {
    display: none; }
.hero.slider .swiper-container .mailinglist {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 150px;
  height: 150px;
  border-radius: 200px 0px 0px 0px;
  -ms-border-radius: 200px 0px 0px 0px;
  -webkit-border-radius: 200px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.95);
  -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; }
  .hero.slider .swiper-container .mailinglist h2 {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3;
    position: relative;
    padding-top: 34px;
    text-align: center;
    z-index: 100;
    margin: 30px 0 0 23px;
    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;
    -webkit-transition-delay: 0.3s; }
    .hero.slider .swiper-container .mailinglist h2:before {
      content: '';
      background-position: -170px -80px;
      width: 22px;
      height: 22px;
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -11px; }

.mailinglistButton {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 150px;
  height: 150px;
  border-radius: 200px 0px 0px 0px;
  -ms-border-radius: 200px 0px 0px 0px;
  -webkit-border-radius: 200px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.95);
  -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; }
  .mailinglistButton h2 {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3;
    position: relative;
    padding-top: 34px;
    text-align: center;
    z-index: 100;
    margin: 30px 0 0 23px;
    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;
    -webkit-transition-delay: 0.3s; }
    .mailinglistButton h2:before {
      content: '';
      background-position: -170px -80px;
      width: 22px;
      height: 22px;
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -11px; }

.mailingListModal {
  background-color: rgba(255, 255, 255, 0.95);
  width: 800px;
  position: fixed;
  bottom: 0;
  right: -800px;
  z-index: 100;
  border-radius: 200px 0px 0px 0px;
  -ms-border-radius: 200px 0px 0px 0px;
  -webkit-border-radius: 200px 0px 0px 0px;
  color: black;
  padding: 23px 28px 30px 150px;
  z-index: 100000000;
  -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; }
  .mailingListModal .wrap {
    -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.6s;
    opacity: 0; }
    .mailingListModal .wrap h3 {
      font-size: 0.9375rem;
      padding-bottom: 32px; }
    .mailingListModal .wrap > button {
      background-position: -320px -190px;
      width: 14px;
      height: 14px;
      text-indent: -9999px;
      position: absolute;
      top: 23px;
      right: 32px; }
    .mailingListModal .wrap form div {
      float: left;
      width: 140px; }
      .mailingListModal .wrap form div + div {
        margin-left: 25px; }
      .mailingListModal .wrap form div h4 {
        font-size: 0.75rem;
        color: #69be28;
        padding-bottom: 0px; }
      .mailingListModal .wrap form div .input input {
        border-bottom: 1px solid #b2b2b2;
        font-size: 1.75rem; }
      .mailingListModal .wrap form div .input label {
        /*
        						font-size: 1.75rem;
        						top: 5px;
        */
        font-size: 1.3rem;
        top: 14px; }
    .mailingListModal .wrap form button {
      width: 160px;
      display: block;
      font-weight: 600;
      font-size: 0.9375rem;
      text-align: center;
      padding-top: 13px;
      color: white;
      margin: 0 auto;
      position: relative;
      width: 100px;
      float: left;
      margin: 0 0 0 38px; }
      .mailingListModal .wrap 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: 160px;
        height: 45px;
        z-index: -1; }
      .mailingListModal .wrap form button:before {
        background-image: url("../images/shapes/small-mustard-button.svg");
        top: 3px;
        width: 100px; }

.sidebar {
  width: 200px;
  position: fixed;
  left: 50px;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #a2d77a; }
  .sidebar.closeFirstTier .hold .menu .contain > button {
    opacity: 1 !important; }
  .sidebar.closeFirstTier .hold .menu .contain ul {
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .sidebar.closeFirstTier .hold .menu.firstTier {
    width: 50px; }
    .sidebar.closeFirstTier .hold .menu.firstTier ul {
      opacity: 0; }
  .sidebar.closeFirstTier .hold .menu.secondTier {
    left: 100px !important; }
  .sidebar.filterNav {
    background-color: transparent;
    width: auto; }
    .sidebar.filterNav .close {
      background-position: -320px -120px;
      width: 21px;
      height: 21px;
      display: block;
      position: absolute;
      left: -37px;
      top: 135px;
      z-index: 10000;
      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; }
    .sidebar.filterNav .hold {
      margin-top: 125px; }
      .sidebar.filterNav .hold .menu {
        background-color: #a2d77a;
        width: 200px;
        position: fixed;
        top: 0;
        padding-top: 146px;
        height: 100%;
        left: 50px;
        -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }
        .sidebar.filterNav .hold .menu .contain > button {
          background-position: -120px -320px;
          width: 19px;
          height: 14px;
          position: absolute;
          top: 138px;
          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;
          -webkit-transition-delay: 0.2s;
          -ms-transition-delay: 0.2s;
          transition-delay: 0.2s;
          z-index: 10000;
          line-height: 1;
          opacity: 0; }
        .sidebar.filterNav .hold .menu .contain ul {
          -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;
          padding-bottom: 200px; }
          .sidebar.filterNav .hold .menu .contain ul li a.removeActive {
            font-weight: 400; }
            .sidebar.filterNav .hold .menu .contain ul li a.removeActive:after {
              display: none; }
          .sidebar.filterNav .hold .menu .contain ul li a.active:after {
            right: -15px; }
          .sidebar.filterNav .hold .menu .contain ul li button.active:after {
            content: '';
            background-position: -90px -400px;
            width: 16px;
            height: 80px;
            display: block;
            position: absolute;
            top: -20px;
            right: -54px;
            z-index: 100; }
        .sidebar.filterNav .hold .menu.secondTier {
          background-color: #e6ebe6;
          width: 0;
          position: fixed;
          overflow: auto;
          padding-bottom: 50px;
          top: 0;
          padding-top: 138px;
          height: 100%;
          left: 230px;
          -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
          /*
          						-webkit-transition-delay: 0.6s;
          						-ms-transition-delay: 0.6s;
          						transition-delay: 0.6s;
          */ }
          .sidebar.filterNav .hold .menu.secondTier ul li a.active:after {
            display: none !important; }
          .sidebar.filterNav .hold .menu.secondTier .contain h3, .sidebar.filterNav .hold .menu.secondTier .contain ul {
            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; }
          .sidebar.filterNav .hold .menu.secondTier.showFilteredMenu {
            width: 200px;
            -webkit-transition-delay: 0s;
            -ms-transition-delay: 0s;
            transition-delay: 0s; }
            .sidebar.filterNav .hold .menu.secondTier.showFilteredMenu .contain h3, .sidebar.filterNav .hold .menu.secondTier.showFilteredMenu .contain ul {
              opacity: 1;
              -webkit-transition-delay: 0.6s;
              -ms-transition-delay: 0.6s;
              transition-delay: 0.6s; }
  .sidebar.sideNav {
    background-color: transparent;
    width: auto;
    z-index: 10000; }
    .sidebar.sideNav .close {
      background-position: -320px -120px;
      width: 21px;
      height: 21px;
      display: block;
      position: absolute;
      left: -37px;
      top: 135px;
      z-index: 10000;
      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; }
    .sidebar.sideNav.showFirstTier .close {
      opacity: 1; }
    .sidebar.sideNav.showFirstTier .hold .menu.firstTier {
      width: 200px;
      -webkit-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s; }
      .sidebar.sideNav.showFirstTier .hold .menu.firstTier .contain > button {
        opacity: 0; }
      .sidebar.sideNav.showFirstTier .hold .menu.firstTier .contain h3, .sidebar.sideNav.showFirstTier .hold .menu.firstTier .contain ul {
        opacity: 1;
        pointer-events: all; }
    .sidebar.sideNav.showFirstTier .hold .menu.secondTier {
      left: 250px;
      -webkit-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s; }
    .sidebar.sideNav .hold nav ul {
      width: 140px;
      margin: 0 auto; }
      .sidebar.sideNav .hold nav ul li a:after, .sidebar.sideNav .hold nav ul li button:after {
        content: '';
        background-position: -90px -320px;
        width: 16px;
        height: 80px;
        display: block;
        position: absolute;
        top: 50%;
        right: -45px;
        margin-top: -40px;
        opacity: 0; }
      .sidebar.sideNav .hold nav ul li a.active:after, .sidebar.sideNav .hold nav ul li button.active:after {
        opacity: 1; }
    .sidebar.sideNav .hold .menu {
      background-color: #e6ebe6;
      width: 200px;
      position: fixed;
      top: 0;
      padding-top: 188px;
      height: 100%;
      left: 50px;
      -webkit-transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1), left 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: width 600ms cubic-bezier(0.645, 0.045, 0.355, 1), left 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }
      .sidebar.sideNav .hold .menu .contain h3, .sidebar.sideNav .hold .menu .contain ul {
        opacity: 0;
        -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.4s;
        -ms-transition-delay: 0.4s;
        transition-delay: 0.4s;
        pointer-events: none; }
      .sidebar.sideNav .hold .menu .contain > button {
        background-position: -120px -320px;
        width: 19px;
        height: 14px;
        position: absolute;
        top: 138px;
        left: 15px;
        -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.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
        z-index: 10000; }
      .sidebar.sideNav .hold .menu.firstTier {
        background-color: #69be28;
        width: 50px;
        z-index: 1000;
        -webkit-transition-delay: 0.4s;
        -ms-transition-delay: 0.4s;
        transition-delay: 0.4s;
        display: block;
        					/*
        &:after {
        						content: '';
        						@extend %sprite;
        						background-position: -90px -320px;
        						width: 16px;
        						height: 80px;
        						display: block;
        						position: absolute;
        						top: 106px;
        						right: -15px;
        					}
        */ }
      .sidebar.sideNav .hold .menu.secondTier {
        left: 100px;
        -webkit-transition-delay: 0.4s;
        -ms-transition-delay: 0.4s;
        transition-delay: 0.4s;
        overflow: auto; }
        .sidebar.sideNav .hold .menu.secondTier a.active:after {
          content: '';
          background-position: -60px -400px;
          width: 16px;
          height: 80px;
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -40px;
          right: -44px; }
        .sidebar.sideNav .hold .menu.secondTier .contain h3, .sidebar.sideNav .hold .menu.secondTier .contain ul {
          opacity: 1;
          pointer-events: all; }
  .sidebar .hold {
    width: 130px;
    margin: 140px auto 0 auto; }
    .sidebar .hold nav {
      /*
      			&.menu {
      				background-color: rgb(230, 235, 230);
      				width: 180px;
      				position: fixed;
      				top: 0;
      				padding-top: 130px;
      				height: 100%;
      				left: 100px;
      			}
      */ }
      .sidebar .hold nav h3 {
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: 700;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        line-height: 1.6;
        padding-bottom: 20px; }
      .sidebar .hold nav a, .sidebar .hold nav button {
        display: block;
        font-size: 0.9375rem;
        line-height: 1.3;
        color: black;
        text-align: center;
        margin: 0 auto;
        position: relative;
        margin-bottom: 26px;
        margin-left: auto;
        margin-right: auto; }
        .sidebar .hold nav a.active, .sidebar .hold nav button.active {
          font-weight: 600; }
      .sidebar .hold nav a, .sidebar .hold nav button {
        padding-left: 6px;
        padding-right: 6px; }
        .sidebar .hold nav a.active, .sidebar .hold nav button.active {
          font-weight: 700; }
          .sidebar .hold nav a.active:after, .sidebar .hold nav button.active:after {
            content: '';
            background-position: -90px -400px;
            width: 16px;
            height: 80px;
            display: block;
            position: absolute;
            top: -30px;
            right: -50px; }

.featuredPanel {
  margin-top: 76px; }
  .featuredPanel + .featuredPanel {
    margin-top: -30px; }
  .featuredPanel.featuredPanelTwo + .featuredPanelTwo {
    margin-top: 84px !important; }
  .featuredPanel .contain {
    max-width: 700px; }
  .featuredPanel.rounded {
    height: 414px; }
    .featuredPanel.rounded .contain {
      max-width: 834px; }

.contactPanel {
  margin-top: 94px; }
  .contactPanel .wrap {
    margin: 0 102px 0 70px; }
    .contactPanel .wrap .image {
      position: relative;
      max-width: 360px; }
      .contactPanel .wrap .image:after {
        background-image: url("../images/shapes/squiggles.svg");
        width: 214px;
        height: 60px;
        bottom: 42px;
        left: 16px; }
      .contactPanel .wrap .image h2 {
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 1.25;
        max-width: 250px;
        font-size: 2.1875rem; }
    .contactPanel .wrap .success {
      width: -moz-calc(100% - 480px);
      width: -o-calc(100% - 480px);
      width: -webkit-calc(100% - 480px);
      width: calc(100% - 480px);
      margin-left: auto;
      margin-top: -340px;
      padding-top: 13px; }
    .contactPanel .wrap form {
      width: -moz-calc(100% - 480px);
      width: -o-calc(100% - 480px);
      width: -webkit-calc(100% - 480px);
      width: calc(100% - 480px);
      margin-left: auto;
      margin-top: -340px;
      padding-top: 13px; }
      .contactPanel .wrap form h4 {
        padding-bottom: 0; }

.slider.connectSlider {
  padding-bottom: 160px;
  padding-top: 76px; }
  .slider.connectSlider .rectangle {
    width: 100%;
    height: 160px;
    background-color: white;
    position: absolute;
    bottom: -90px;
    left: 0;
    display: block;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
    .slider.connectSlider .rectangle:before {
      content: '';
      background-color: white;
      width: 100vw;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -50vw;
      height: 100%;
      display: block; }
.slider.textPageSlider {
  margin: 120px 54px 0 130px; }

.introduction {
  margin: 205px 130px 0 130px;
  width: auto;
  max-width: 100%; }
  .introduction .wrap header {
    margin-bottom: 30px;
    text-align: center; }
    .introduction .wrap header h2 {
      font-size: 3.125rem; }
    .introduction .wrap header button {
      width: 160px;
      display: block;
      font-weight: 600;
      font-size: 0.9375rem;
      text-align: center;
      padding-top: 13px;
      color: white;
      margin: 0 auto;
      position: relative;
      padding-top: 8px;
      display: inline-block; }
      .introduction .wrap header button:before {
        content: '';
        background-image: url("../images/shapes/green-button.svg");
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 160px;
        height: 45px;
        z-index: -1; }
      .introduction .wrap header button + button {
        margin-left: 35px; }
      .introduction .wrap header button.searchBtn {
        width: 160px;
        display: block;
        font-weight: 600;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 13px;
        color: white;
        margin: 0 auto;
        position: relative;
        text-align: left;
        padding-left: 24px;
        display: inline-block;
        margin-top: 30px; }
        .introduction .wrap header button.searchBtn:before {
          content: '';
          background-image: url("../images/shapes/green-button.svg");
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 160px;
          height: 45px;
          z-index: -1; }
        .introduction .wrap header button.searchBtn:before {
          top: 2px;
          width: 180px;
          height: 50px; }
        .introduction .wrap header button.searchBtn:after {
          content: '';
          background-position: -200px -20px;
          width: 23px;
          height: 23px;
          display: block;
          position: absolute;
          top: 13px;
          right: 0; }

.staffMain.staffIndividual .wrap {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto; }
.staffMain .wrap .inMemory {
  width: 20% !important; }
.staffMain .wrap .description {
  margin-top: 70px; }
.staffMain .wrap .details {
  padding-top: 60px; }
  .staffMain .wrap .details figure {
    width: 286px;
    float: left; }
  .staffMain .wrap .details .col {
    float: left;
    margin-left: 60px;
    border-left: 1px solid #b2bab1;
    padding-left: 26px;
    margin-top: 90px; }

.resources .wrap .pagination {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  margin-right: 80px; }
.resources .wrap header {
  padding: 205px 80px 0 80px;
  max-height: 360px;
  height: 360px; }
  .resources .wrap header nav a {
    font-size: 0.75rem; }
  .resources .wrap header h2 {
    font-size: 3.125rem;
    padding-bottom: 46px; }
  .resources .wrap header form .filterBy .input {
    width: 130px;
    padding-bottom: 0;
    float: right; }
    .resources .wrap header form .filterBy .input select {
      font-size: 1rem; }
    .resources .wrap header form .filterBy .input:after {
      top: 10px; }
  .resources .wrap header form .filterBy p:not(.input) {
    font-size: 1rem;
    float: left;
    padding-top: 5px; }
.resources .wrap .listing {
  margin: 66px 80px 0 80px; }
  .resources .wrap .listing .hold .item {
    padding-bottom: 55px;
    border-bottom: 0;
    position: relative; }
    .resources .wrap .listing .hold .item:before {
      content: '';
      width: 100%;
      height: 2px;
      background-color: rgba(125, 130, 125, 0.5);
      display: block;
      position: absolute;
      bottom: 0;
      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; }
    .resources .wrap .listing .hold .item:hover:before {
      background-color: rgba(105, 190, 40, 0.5);
      height: 6px; }
    .resources .wrap .listing .hold .item:hover .col h3 {
      color: #69be28; }
    .resources .wrap .listing .hold .item + .item {
      margin-top: 94px; }
    .resources .wrap .listing .hold .item .col {
      width: 40%;
      float: left; }
      .resources .wrap .listing .hold .item .col + .col {
        width: 50%;
        float: right; }
      .resources .wrap .listing .hold .item .col h3 {
        font-size: 1.75rem;
        -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; }
      .resources .wrap .listing .hold .item .col p {
        font-size: 1rem;
        padding-right: 50px; }
      .resources .wrap .listing .hold .item .col .download {
        width: 160px;
        display: block;
        font-weight: 600;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 13px;
        color: white;
        margin: 0 auto;
        position: relative;
        margin: 30px 0 0 0;
        text-align: left;
        padding-left: 17px; }
        .resources .wrap .listing .hold .item .col .download:before {
          content: '';
          background-image: url("../images/shapes/green-button.svg");
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 160px;
          height: 45px;
          z-index: -1; }
        .resources .wrap .listing .hold .item .col .download:after {
          content: '';
          background-position: -320px -160px;
          width: 16px;
          height: 18px;
          display: block;
          position: absolute;
          top: 12px;
          right: 10px; }
    .resources .wrap .listing .hold .item .publications {
      width: 35%; }
      .resources .wrap .listing .hold .item .publications + .col {
        width: 32%;
        float: left; }
        .resources .wrap .listing .hold .item .publications + .col h3 {
          margin-left: 20px; }
        .resources .wrap .listing .hold .item .publications + .col + .col {
          width: 30%; }

.latestNews {
  margin-top: 62px;
  padding-bottom: 30px; }
  .latestNews.mainNews {
    margin-top: 162px; }
    .latestNews.mainNews .wrap .hold .newsItem:nth-of-type(3) {
      display: block; }
  .latestNews .wrap {
    margin: 0 61px 0 130px; }
    .latestNews .wrap .hold {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .latestNews .wrap .hold .newsItem:nth-of-type(3) {
        display: none; }
      .latestNews .wrap .hold .newsItem {
        padding-bottom: 30px;
        width: -moz-calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
        margin-bottom: 98px; }
        .latestNews .wrap .hold .newsItem:hover:before {
          height: 6px;
          background-color: #69be28;
          opacity: 0.5; }
        .latestNews .wrap .hold .newsItem:hover time, .latestNews .wrap .hold .newsItem:hover h3, .latestNews .wrap .hold .newsItem:hover p {
          color: #69be28; }
        .latestNews .wrap .hold .newsItem + .newsItem {
          margin-top: 0; }
        .latestNews .wrap .hold .newsItem:nth-of-type(2n + 2) {
          margin-left: 40px; }

.gallery {
  margin-top: 75px; }
  .gallery .wrap figure {
    position: relative; }
    .gallery .wrap figure figcaption {
      padding: 14px 20px;
      font-size: 1rem;
      line-height: 1.6;
      background-color: rgba(255, 255, 255, 0.8);
      position: absolute;
      bottom: 0;
      left: 0;
      font-weight: 600;
      width: 92.5%; }
      .gallery .wrap figure figcaption em {
        font-weight: 300;
        font-style: italic; }

.upcomingEvents {
  margin-top: 314px; }
  .upcomingEvents.eventsMain {
    margin-top: 90px; }
    .upcomingEvents.eventsMain:before {
      display: none; }
    .upcomingEvents.eventsMain .wrap {
      margin: 0 92px 0 92px; }
      .upcomingEvents.eventsMain .wrap .hold .featuredPanel .contain {
        margin-left: 0;
        margin-right: 0; }
        .upcomingEvents.eventsMain .wrap .hold .featuredPanel .contain .image {
          left: 0;
          right: 0;
          margin: 0 auto;
          position: relative;
          top: 0;
          width: 100%;
          width: -moz-calc(100% - 24px);
          width: -o-calc(100% - 24px);
          width: -webkit-calc(100% - 24px);
          width: calc(100% - 24px); }
        .upcomingEvents.eventsMain .wrap .hold .featuredPanel .contain .text {
          margin-top: -96px; }
      .upcomingEvents.eventsMain .wrap .pagination {
        margin-top: 60px; }
  .upcomingEvents .wrap {
    margin: 0 160px 0 190px; }

.standardText + .featuredPanel {
  margin-top: 113px; }

.standardText.individualMember .wrap {
  width: 720px;
  margin: 0 auto; }
  .standardText.individualMember .wrap .main .textPanel {
    margin: 0 auto; }
.standardText.eventArticle {
  margin-top: 94px; }
  .standardText.eventArticle .wrap .main .textPanel p {
    margin-left: auto; }
.standardText .wrap .featuredPanel .contain {
  margin-left: 55px;
  margin-right: 40px; }
  .standardText .wrap .featuredPanel .contain .image {
    margin-left: auto; }
  .standardText .wrap .featuredPanel .contain .text blockquote p {
    width: -moz-calc(100% - 180px);
    width: -o-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    max-width: 280px; }
.standardText .wrap .main .textPanel {
  max-width: 100%;
  margin: 0 100px 0 100px; }
  .standardText .wrap .main .textPanel.resourceText {
    max-width: 100%;
    margin: 0 100px 0 83px; }
  .standardText .wrap .main .textPanel .cols {
    margin-bottom: 110px;
    margin: 0 auto 104px auto; }
    .standardText .wrap .main .textPanel .cols.memberDetails .col {
      width: 50%;
      padding-right: 0;
      border-left: 1px solid #b2bab1;
      border-right: 0;
      padding-left: 25px;
      height: 260px; }
      .standardText .wrap .main .textPanel .cols.memberDetails .col + .col {
        margin-top: 0;
        width: 50%;
        border-right: 0; }
      .standardText .wrap .main .textPanel .cols.memberDetails .col .text .map {
        height: 165px;
        width: 100%; }
    .standardText .wrap .main .textPanel .cols .col {
      width: 500px;
      float: left;
      border-right: 1px solid #b2bab1;
      padding-right: 25px; }
      .standardText .wrap .main .textPanel .cols .col + .col {
        width: 192px;
        padding-left: 25px;
        border-right: 0; }
      .standardText .wrap .main .textPanel .cols .col figure {
        margin-bottom: 0; }
      .standardText .wrap .main .textPanel .cols .col .text h3 {
        font-size: 0.9375rem; }
      .standardText .wrap .main .textPanel .cols .col .text p {
        font-size: 1rem; }
      .standardText .wrap .main .textPanel .cols .col .text button {
        width: 160px;
        display: block;
        font-weight: 600;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 13px;
        color: white;
        margin: 0 auto;
        position: relative;
        margin: 30px 0 0 0; }
        .standardText .wrap .main .textPanel .cols .col .text button:before {
          content: '';
          background-image: url("../images/shapes/green-button.svg");
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 160px;
          height: 45px;
          z-index: -1; }
        .standardText .wrap .main .textPanel .cols .col .text button:before {
          background-image: url("../images/shapes/red-button.svg"); }
  .standardText .wrap .main .textPanel img {
    float: right;
    height: auto;
    width: 300px; }
  .standardText .wrap .main .textPanel .newImage.noLeft {
    margin: 30px 20px 30px 0; }
  .standardText .wrap .main .textPanel .newImage.noRight {
    margin: 30px 0 30px 20px; }
  .standardText .wrap .main .textPanel .newImage img {
    height: auto;
    width: 100%; }
  .standardText .wrap .main .textPanel header .wrap .main .textPanel {
    max-width: 620px; }
.standardText .wrap .video {
  margin: 40px auto 40px auto; }

.section .wrap header .content {
  top: 200px;
  width: 100%;
  max-width: 580px; }
  .section .wrap header .content h2 {
    font-size: 3.125rem; }
  .section .wrap header .content a {
    width: 160px;
    display: block;
    font-weight: 600;
    font-size: 0.9375rem;
    text-align: center;
    padding-top: 13px;
    color: white;
    margin: 0 auto;
    position: relative;
    margin-top: 78px; }
    .section .wrap header .content a:before {
      content: '';
      background-image: url("../images/shapes/green-button.svg");
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 160px;
      height: 45px;
      z-index: -1; }
.section .wrap h3 {
  padding-top: 0;
  margin: 50px auto 0 auto;
  max-width: 580px; }

.listGrid {
  margin-top: 153px; }

.membersLocation {
  margin-top: 106px; }
  .membersLocation.becomeMember .wrap {
    width: 720px; }
    .membersLocation.becomeMember .wrap .listing .item {
      width: 220px;
      height: 220px;
      position: relative;
      padding: 18px 20px 28px 12px; }
      .membersLocation.becomeMember .wrap .listing .item:nth-of-type(2n + 3) {
        margin-right: 20px; }
      .membersLocation.becomeMember .wrap .listing .item h2 {
        font-size: 1.125rem;
        line-height: 1.3; }
      .membersLocation.becomeMember .wrap .listing .item span {
        position: absolute;
        bottom: 20px;
        left: 0;
        padding-left: 12px;
        padding-right: 50px;
        width: 100%; }
        .membersLocation.becomeMember .wrap .listing .item span:after {
          position: absolute;
          top: 21px;
          right: 20px; }
  .membersLocation.donateBoxes .wrap .listing {
    margin: 0 auto;
    position: relative; }
    .membersLocation.donateBoxes .wrap .listing.donationFrequency {
      margin-left: 122px; }
  .membersLocation.donateAmount .errors {
    margin: -25px 0px 20px 10px;
    text-align: center; }
  .membersLocation.donateAmount .wrap .listing {
    margin: 0 auto;
    width: 460px;
    position: relative; }
    .membersLocation.donateAmount .wrap .listing button {
      margin: auto; }
    .membersLocation.donateAmount .wrap .listing .link {
      margin-top: 50px !important;
      margin: auto; }
    .membersLocation.donateAmount .wrap .listing h2 {
      text-align: center; }
    .membersLocation.donateAmount .wrap .listing h4 {
      text-align: left;
      line-height: 1.3; }
    .membersLocation.donateAmount .wrap .listing .item {
      width: 100px;
      height: 75px; }
      .membersLocation.donateAmount .wrap .listing .item:nth-of-type(2n + 3) {
        margin-left: 20px;
        margin-right: 0px; }
      .membersLocation.donateAmount .wrap .listing .item.otherAmount {
        width: 218px;
        margin-left: 96px; }
        .membersLocation.donateAmount .wrap .listing .item.otherAmount input {
          font-size: 1.125rem;
          border-bottom: 2px solid #b2b2b2;
          width: 100%;
          margin-bottom: 10px;
          text-align: right; }
        .membersLocation.donateAmount .wrap .listing .item.otherAmount .input {
          text-align: right; }
        .membersLocation.donateAmount .wrap .listing .item.otherAmount em {
          color: #69be28;
          font-style: normal;
          font-size: 0.9rem; }
      .membersLocation.donateAmount .wrap .listing .item.active {
        background-color: #e1f2d4; }
  .membersLocation.monthlyBox .wrap .listing {
    width: 345px; }
  .membersLocation .wrap {
    margin: 0 auto;
    width: 600px;
    position: relative; }
    .membersLocation .wrap .alphabeticalPagination {
      margin-bottom: 36px;
      position: relative; }
      .membersLocation .wrap .alphabeticalPagination .previous, .membersLocation .wrap .alphabeticalPagination .next {
        background-position: -460px -80px;
        width: 23px;
        height: 14px;
        display: inline-block;
        position: absolute;
        top: 2px;
        right: -45px; }
      .membersLocation .wrap .alphabeticalPagination .previous {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        right: auto;
        left: -45px; }
      .membersLocation .wrap .alphabeticalPagination .letters a {
        font-size: 0.9375rem;
        color: #7d827d;
        text-transform: uppercase; }
        .membersLocation .wrap .alphabeticalPagination .letters a + a {
          margin-left: 10px; }
        .membersLocation .wrap .alphabeticalPagination .letters a.active {
          color: white;
          font-weight: 700;
          position: relative; }
          .membersLocation .wrap .alphabeticalPagination .letters a.active:after {
            background-color: #69be28;
            border-radius: 50%;
            content: ' ';
            height: 25px;
            margin-left: 5px;
            position: absolute;
            width: 25px;
            left: -12px;
            top: -1px;
            z-index: -1; }
        .membersLocation .wrap .alphabeticalPagination .letters a:hover {
          color: #69be28; }
    .membersLocation .wrap .listing {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .membersLocation .wrap .listing .item {
        padding: 23px 45px 28px 20px;
        width: 290px;
        float: left;
        margin-bottom: 20px;
        -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;
        margin-left: 0;
        margin-right: 20px; }
        .membersLocation .wrap .listing .item:hover {
          background-color: #e1f2d4; }
        .membersLocation .wrap .listing .item + .item {
          margin-top: 0; }
        .membersLocation .wrap .listing .item:nth-of-type(2n + 3) {
          margin-left: 0; }
        .membersLocation .wrap .listing .item:nth-of-type(3n) {
          margin-right: 0; }
        .membersLocation .wrap .listing .item h2 {
          font-size: 1.75rem;
          line-height: 1.1875;
          padding-bottom: 22px; }
    .membersLocation .wrap .map {
      width: 600px;
      height: 470px; }
    .membersLocation .wrap .mapInfoPanel {
      display: none; }
    .membersLocation .wrap .mapBox {
      display: none;
      right: -35px;
      margin: 0 auto;
      position: absolute;
      top: -52px;
      width: 290px; }
      .membersLocation .wrap .mapBox.open {
        display: block; }

footer {
  margin-top: 142px;
  margin-left: -50px;
  overflow: hidden; }
  footer .wrap nav {
    padding: 44px 94px 44px 74px;
    position: relative; }
    footer .wrap nav:before {
      content: '';
      width: -moz-calc(100vw + 50px);
      width: -o-calc(100vw + 50px);
      width: -webkit-calc(100vw + 50px);
      width: calc(100vw + 50px);
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -50vw;
      background-color: #f1f1f1;
      height: 100%; }
    footer .wrap nav .contain {
      float: left;
      position: relative; }
      footer .wrap nav .contain + .contain {
        margin-top: 0;
        float: right; }
      footer .wrap nav .contain ul {
        width: 112px;
        margin-bottom: 0; }
        footer .wrap nav .contain ul:nth-of-type(2n + 2) {
          margin-left: 46px; }
        footer .wrap nav .contain ul + ul {
          margin-left: 46px; }
        footer .wrap nav .contain ul li a {
          font-size: 0.875rem;
          line-height: 1.8; }
      footer .wrap nav .contain h2 {
        width: 140px; }
        footer .wrap nav .contain h2:before {
          width: 104px;
          height: 85px;
          background-position: 0; }
      footer .wrap nav .contain .social {
        position: absolute;
        top: 0;
        right: -13px;
        width: auto;
        margin: 107px 0 0 0; }
  footer .wrap .logos {
    padding: 30px 80px 30px 74px; }
    footer .wrap .logos h3 {
      font-size: 0.875rem;
      padding-bottom: 26px; }
    footer .wrap .logos .hold {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      footer .wrap .logos .hold .swiper-container .swiper-wrapper .swiper-slide {
        width: 260px; }
        footer .wrap .logos .hold .swiper-container .swiper-wrapper .swiper-slide + .swiper-slide {
          margin-left: 0;
          padding-right: 60px; }
      footer .wrap .logos .hold .swiper-menu {
        top: 30px;
        right: 56px; }
  footer .wrap .small {
    padding: 12px 80px 12px 74px;
    font-size: 0.75rem;
    position: relative; }
    footer .wrap .small a {
      -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; }
      footer .wrap .small a:hover {
        color: #69be28; }
    footer .wrap .small:before {
      content: '';
      width: -moz-calc(100vw + 50px);
      width: -o-calc(100vw + 50px);
      width: -webkit-calc(100vw + 50px);
      width: calc(100vw + 50px);
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -50vw;
      background-color: #f1f1f1;
      height: 100%;
      z-index: -1; }

@media only screen and (min-width: 1300px) {
  body.showSideBarSection .siteWrap {
    width: -moz-calc(100% - 278px);
    width: -o-calc(100% - 278px);
    width: -webkit-calc(100% - 278px);
    width: calc(100% - 278px); }

  .sidebar.sideNav .hold .menu.firstTier {
    display: block; }

  .sidebar.sideNav .hold .menu.secondTier {
    left: 100px; }

  .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content .text {
    width: 740px; }
    .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content .text h3 {
      font-size: 4.4rem; }

  .staffMain .wrap {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto; }

  .introduction {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto; }
    .introduction .wrap header p {
      max-width: 640px; }

  .slider.textPageSlider {
    margin: 120px auto 0 auto;
    max-width: 820px; }

  .resources.yourAccount .wrap .accountDetails {
    width: 600px;
    margin: 80px auto 0 auto; }
  .resources .wrap .pagination {
    width: 960px;
    margin-left: auto;
    margin-right: auto; }
  .resources .wrap .hold {
    width: 960px;
    margin: 0 auto; }

  .standardText .wrap .featuredPanel .contain {
    margin: 0 auto; }
  .standardText .wrap .main .textPanel {
    margin: 0 auto;
    max-width: 820px; }
    .standardText .wrap .main .textPanel.resourceText {
      margin: 0 auto;
      max-width: 950px; }
    .standardText .wrap .main .textPanel .greenQuote:before {
      width: 100%;
      background-size: contain; }
    .standardText .wrap .main .textPanel .greenQuote p {
      padding-right: 80px; }

  .contactPanel .wrap {
    max-width: 800px;
    margin: 0 auto; }

  .section .wrap header {
    height: 500px; }
    .section .wrap header .content a {
      margin-top: 158px; }

  .listGrid .wrap {
    margin: 0 180px; }

  .home .upcomingEvents .hold .event:nth-of-type(3) {
    display: block !important; }

  .upcomingEvents .wrap .hold .event .image figure {
    max-height: 240px; }
  .upcomingEvents .wrap .hold .event:nth-of-type(3) {
    display: block; }
  .upcomingEvents.eventsMain .wrap {
    margin: 0 auto;
    max-width: 960px; }
  .upcomingEvents .wrap .hold .event {
    margin-left: 0; }

  .latestNews .wrap {
    margin: 0 auto;
    max-width: 980px; }
    .latestNews .wrap .hold .newsItem:nth-of-type(3) {
      display: block; }
    .latestNews .wrap .hold .newsItem {
      width: -moz-calc(100% / 3 - 28px);
      width: -o-calc(100% / 3 - 28px);
      width: -webkit-calc(100% / 3 - 28px);
      width: calc(100% / 3 - 28px); }
      .latestNews .wrap .hold .newsItem.vacancy figure {
        padding-bottom: 30px;
        margin-top: -30px; }
      .latestNews .wrap .hold .newsItem:nth-of-type(2n + 2) {
        margin-left: 0; }
      .latestNews .wrap .hold .newsItem:nth-of-type(3n + 2) {
        margin-left: 40px;
        margin-right: 40px; }

  footer .wrap nav {
    max-width: 960px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto; }
  footer .wrap .slider {
    max-width: 960px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto; }
  footer .wrap .small {
    max-width: 960px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto; } }
@media only screen and (min-width: 1500px) {
  body.showSidebarSection .siteWrap {
    width: -moz-calc(100% - 450px);
    width: -o-calc(100% - 450px);
    width: -webkit-calc(100% - 450px);
    width: calc(100% - 450px); }

  .sidebar.sideNav .hold nav ul li a:after, .sidebar.sideNav .hold nav ul li button:after {
    right: -45px; }

  .sidebar.sideNav .hold .menu.firstTier {
    width: 200px; }
    .sidebar.sideNav .hold .menu.firstTier h3, .sidebar.sideNav .hold .menu.firstTier ul {
      opacity: 1;
      pointer-events: all; }
  .sidebar.sideNav .hold .menu.secondTier {
    left: 250px !important; }
  .sidebar.sideNav .hold .menu .contain > button {
    display: none; } }

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