@charset "UTF-8";
/* non-mobile settings (over 768px) */
@media only screen and (min-width: 960px) {
  html {
    font-size: 0.694vw; }

  .menu {
    width: 33.33%; }

  .text-block {
    width: 56%; }

  .close-mask {
    width: 25%; } }
/* gutter and font overrides for resolutions above 1680px */
@media only screen and (min-width: 1680px) {
  html {
    font-size: 0.56vw; }

  .menu {
    width: 33.33%; } }
/* gutter and font overrides for resolutions above 1920px */
@media only screen and (min-width: 1920px) {
  html {
    font-size: 0.46vw; } }
/* mobile overrides (under 960px) */
@media only screen and (max-width: 960px) {
  html {
    font-size: 1.4vw; }

  .menu, .close-mask {
    width: 100%; }

  .text-block {
    width: 78%; }

  #mobile-hidden, label.hamburger-label {
    display: none; } }
/* tablet overrides (between 768px and 959px) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  html {
    font-size: 1.4vw; }

  .menu, .close-mask {
    width: 100%; }

  .text-block {
    width: 78%; }

  #mobile-hidden, label.hamburger-label {
    display: none; } }
@font-face {
  font-family: 'GT-Sectra-Book';
  src: url("../fonts/GT-Sectra-Book.eot");
  src: url("../fonts/GT-Sectra-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/GT-Sectra-Book.woff") format("woff"); }
@font-face {
  font-family: 'GT-Sectra-Display-Regular';
  src: url("../fonts/GT-Sectra-Display-Regular.eot");
  src: url("../fonts/GT-Sectra-Display-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GT-Sectra-Display-Regular.woff") format("woff"); }
@font-face {
  font-family: 'Averta-Regular';
  src: url("../fonts/Averta-Regular.eot");
  src: url("../fonts/Averta-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Averta-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Averta-ExtraBold';
  src: url("../fonts/Averta-ExtraBold.eot");
  src: url("../fonts/Averta-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Averta-ExtraBold.woff") format("woff"); }
@font-face {
  font-family: 'Averta-Light';
  src: url("../fonts/Averta-Light.eot");
  src: url("../fonts/Averta-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Averta-Light.woff") format("woff"); }
nav {
  width: 100%;
  padding: 2rem 6%;
  position: relative; }
  nav img {
    width: auto;
    height: 2rem; }
    @media only screen and (max-width: 767px) {
      nav img {
        height: 3rem; } }
  nav .nav-hamburger {
    align-self: center;
    z-index: 999; }
    nav .nav-hamburger label {
      vertical-align: middle;
      font-family: "Averta-ExtraBold";
      font-size: 1rem;
      color: #000;
      line-height: 150%;
      letter-spacing: 0.1rem;
      text-transform: uppercase;
      padding-left: 2rem;
      cursor: pointer; }
  nav .nav-logotype {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11.11%;
    height: 8rem;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
    background: url(../images/ux/antipodeans-logotype.svg) no-repeat;
    background-size: 100% 200%;
    pointer-events: none; }
    @media only screen and (max-width: 768px) {
      nav .nav-logotype {
        width: 24%; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      nav .nav-logotype {
        width: 18%; } }
    @media only screen and (min-width: 960px) {
      nav .nav-logotype {
        width: 11.11%; } }
    @media only screen and (min-width: 1680px) {
      nav .nav-logotype {
        width: 10%; } }
    @media only screen and (min-width: 1920px) {
      nav .nav-logotype {
        width: 8%; } }
  nav .nav-monogram {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11.11%;
    height: 8rem;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: url(../images/ux/antipodeans-nav-monogram.svg) no-repeat center;
    background-size: 100% 200%; }
    @media only screen and (max-width: 768px) {
      nav .nav-monogram {
        width: 24%; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      nav .nav-monogram {
        width: 18%; } }
    @media only screen and (min-width: 960px) {
      nav .nav-monogram {
        width: 11.11%; } }
    @media only screen and (min-width: 1680px) {
      nav .nav-monogram {
        width: 10%; } }
    @media only screen and (min-width: 1920px) {
      nav .nav-monogram {
        width: 8%; } }
  nav .inactive {
    background-position: 0 200%; }
  nav .active {
    background-position: 0 50%; }
  nav .nav-social :not(:last-child) {
    margin-right: 2rem; }
  nav .nav-phone {
    margin-left: auto;
    z-index: 998; }
    nav .nav-phone h5, nav .nav-phone .country-facts .col-2 h5, .country-facts .col-2 nav .nav-phone h5, nav .nav-phone .country-facts .col-3 h5, .country-facts .col-3 nav .nav-phone h5, nav .nav-phone .good-to-know .col-2 h5, .good-to-know .col-2 nav .nav-phone h5, nav .nav-phone .fundraiser-love .col-2 h5, .fundraiser-love .col-2 nav .nav-phone h5, nav .nav-phone .good-to-know .col-3 h5, .good-to-know .col-3 nav .nav-phone h5, nav .nav-phone .fundraiser-love .col-3 h5, .fundraiser-love .col-3 nav .nav-phone h5 {
      padding-right: 2rem; }
      @media only screen and (max-width: 960px) {
        nav .nav-phone h5, nav .nav-phone .country-facts .col-2 h5, .country-facts .col-2 nav .nav-phone h5, nav .nav-phone .country-facts .col-3 h5, .country-facts .col-3 nav .nav-phone h5, nav .nav-phone .good-to-know .col-2 h5, .good-to-know .col-2 nav .nav-phone h5, nav .nav-phone .fundraiser-love .col-2 h5, .fundraiser-love .col-2 nav .nav-phone h5, nav .nav-phone .good-to-know .col-3 h5, .good-to-know .col-3 nav .nav-phone h5, nav .nav-phone .fundraiser-love .col-3 h5, .fundraiser-love .col-3 nav .nav-phone h5 {
          display: none; } }
    @media only screen and (max-width: 960px) {
      nav .nav-phone {
        margin-left: auto; } }
  @media only screen and (min-width: 1680px) {
    nav {
      padding: 2rem 0; } }

.share-this {
  position: fixed;
  top: 0;
  right: 0;
  margin-top: 4rem;
  margin-right: 6%;
  z-index: 997;
  opacity: 0; }
  .share-this img {
    width: auto;
    height: 1.2rem; }
    @media only screen and (max-width: 767px) {
      .share-this img {
        height: 2rem; } }
  .share-this .share-eye {
    cursor: pointer; }
  .share-this .hidden {
    display: none; }
  .share-this .invisible {
    opacity: 0;
    transform: scale(0.5); }
  .share-this .share-container {
    margin-top: 4rem;
    transition: all 0.4s linear; }
    .share-this .share-container a {
      display: block; }
      .share-this .share-container a:not(last-child) {
        margin-bottom: 2rem; }
        @media only screen and (max-width: 767px) {
          .share-this .share-container a:not(last-child) {
            margin-bottom: 3rem; } }
    .share-this .share-container img {
      display: block;
      margin: auto;
      width: 2rem;
      height: 100%; }
      @media only screen and (max-width: 767px) {
        .share-this .share-container img {
          width: 3rem; } }
    .share-this .share-container #share-01, .share-this .share-container #share-02, .share-this .share-container #share-03 {
      opacity: 0; }
  @media only screen and (min-width: 1680px) {
    .share-this {
      margin-right: 6%; } }
  @media only screen and (min-width: 1920px) {
    .share-this {
      margin-right: 8%; } }

.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 2.5rem;
  margin-left: 6%;
  z-index: 999;
  opacity: 0; }
  @media only screen and (min-width: 1680px) {
    .sticky-menu {
      margin-left: 6%; } }
  @media only screen and (min-width: 1920px) {
    .sticky-menu {
      margin-left: 8%; } }

.menu {
  background: #99edff;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 998;
  padding: 16rem 6% 0;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  color: #000;
  -webkit-transition: -webkit-transform .8s ease;
  -moz-transition: -moz-transform .8s ease;
  -ms-transition: -ms-transform .8s ease;
  transition: transform .8s ease; }
  .menu ul {
    list-style: none; }
  .menu h3 {
    padding-top: 0;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 960px) {
      .menu h3 {
        font-size: 2.5rem; } }
  .menu li {
    font-family: "Averta-Regular";
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem; }
    @media only screen and (max-width: 960px) {
      .menu li {
        font-size: 2.5rem; } }
  .menu a.home-link {
    display: block;
    margin-bottom: 8rem; }
  .menu .social img {
    width: auto;
    height: 2rem;
    margin-right: 2rem; }
  @media only screen and (max-width: 960px) {
    .menu {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1680px) {
    .menu {
      padding: 20rem 0 20rem 6%; } }
  @media only screen and (min-width: 1920px) {
    .menu {
      padding: 20rem 0 20rem 8%; } }

.close-mask {
  position: fixed;
  top: 0;
  left: 0;
  height: 16rem;
  background-color: #99edff;
  z-index: 999;
  -webkit-transition: -webkit-transform .8s ease;
  -moz-transition: -moz-transform .8s ease;
  -ms-transition: -ms-transform .8s ease;
  transition: transform .8s ease;
  background: -moz-linear-gradient(top, #99edff 60%, rgba(153, 237, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #99edff), color-stop(100%, rgba(153, 237, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #99edff 60%, rgba(153, 237, 255, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #99edff 60%, rgba(153, 237, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #99edff 60%, rgba(153, 237, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #99edff 60%, rgba(153, 237, 255, 0) 100%);
  /* W3C */ }

.opened {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%); }

.closed {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

.site-preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 999999;
  -webkit-transition: -webkit-transform 1.4s ease-in-out;
  -moz-transition: -moz-transform 1.4s ease-in-out;
  -ms-transition: -ms-transform 1.4s ease-in-out;
  transition: transform 1.4s ease-in-out; }

#preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); }

.preloader-logo img {
  width: auto;
  height: 4rem;
  animation: pulse 2s infinite ease-in-out; }
  @media only screen and (max-width: 768px) {
    .preloader-logo img {
      height: 6rem; } }

@-webkit-keyframes pulse {
  0% {
    opacity: 0; }
  30%,70% {
    opacity: 1;
    transform: scale(1.5); }
  100% {
    opacity: 0; } }
@-moz-keyframes pulse {
  0% {
    opacity: 0; }
  30%,70% {
    opacity: 1;
    transform: scale(1.5); }
  100% {
    opacity: 0; } }
@-o-keyframes pulse {
  0% {
    opacity: 0; }
  30%,70% {
    opacity: 1;
    transform: scale(1.5); }
  100% {
    opacity: 0; } }
@keyframes pulse {
  0% {
    opacity: 0; }
  30%,70% {
    opacity: 1;
    transform: scale(1.5); }
  100% {
    opacity: 0; } }
@-webkit-keyframes open {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
@-moz-keyframes open {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
@-o-keyframes open {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
@keyframes open {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
.countries-list ul:first-of-type, .countries-list ul:nth-of-type(2) {
  width: 22.22%;
  margin-right: 11.11%;
  display: inline-block;
  list-style-type: none;
  vertical-align: top; }
  .countries-list ul:first-of-type li, .countries-list ul:nth-of-type(2) li {
    line-height: 175%;
    list-style-type: none; }
  .countries-list ul:first-of-type ul > li, .countries-list ul:nth-of-type(2) ul > li {
    display: table-row;
    line-height: 175%; }
  .countries-list ul:first-of-type ul > li::before, .countries-list ul:nth-of-type(2) ul > li::before {
    content: "";
    display: table-cell;
    text-align: right;
    padding-right: 0; }
.countries-list ul:last-of-type {
  width: 32.5%;
  display: inline-block;
  vertical-align: top; }
  .countries-list ul:last-of-type li {
    line-height: 175%;
    list-style-type: none; }
  .countries-list ul:last-of-type ul > li {
    display: table-row;
    line-height: 175%; }
  .countries-list ul:last-of-type ul > li::before {
    content: "";
    display: table-cell;
    /* aha! */
    text-align: right;
    padding-right: 0; }

.country-intro-text p:first-child:first-letter {
  float: left;
  padding: 2rem 1rem 0 0;
  font-family: "GT-Sectra-Book";
  font-size: 6rem; }

@media only screen and (max-width: 768px) {
  .country-bio {
    padding-top: 4rem; } }

.country-bios > .split-content-text:nth-child(odd) .content-block {
  order: -1; }
  @media only screen and (max-width: 768px) {
    .country-bios > .split-content-text:nth-child(odd) .content-block {
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      -ms-align-self: flex-start;
      -o-align-self: flex-start;
      align-self: flex-start; } }
.country-bios > .split-content-text:nth-child(odd) .small-text-block {
  order: 1; }
.country-bios > .split-content-text:nth-child(even) .content-block {
  order: 1; }
  @media only screen and (max-width: 768px) {
    .country-bios > .split-content-text:nth-child(even) .content-block {
      -webkit-align-self: flex-end;
      -moz-align-self: flex-end;
      -ms-align-self: flex-end;
      -o-align-self: flex-end;
      align-self: flex-end; } }
.country-bios > .split-content-text:nth-child(even) .small-text-block {
  order: -1; }
  @media only screen and (max-width: 768px) {
    .country-bios > .split-content-text:nth-child(even) .small-text-block {
      order: 2; } }
.country-bios > .split-content-text:last-child {
  padding-bottom: 16rem; }
@media only screen and (max-width: 768px) {
  .country-bios > .flex-horizontally-centred, .country-bios > nav, nav .country-bios > .nav-phone, form.job-application .country-bios > .upload-label, footer .country-bios > .footer-bottom, .country-bios > .sticky-cta, .sticky-cta .country-bios > .wrapper, .sticky-cta .wrapper .country-bios > .cta, .country-bios > .split {
    flex-direction: column !important; } }

.country-facts {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .country-facts .col-1 {
    width: 40%;
    margin-right: 3%; }
    .country-facts .col-1 h3 {
      padding-bottom: 2rem; }
    .country-facts .col-1 .container .program-for {
      width: 25%; }
      .country-facts .col-1 .container .program-for span.program-link {
        display: block;
        font-family: "Averta-Regular";
        font-size: 1.5rem;
        color: #33ccee;
        text-align: center;
        padding-top: 2rem; }
        @media only screen and (max-width: 768px) {
          .country-facts .col-1 .container .program-for span.program-link {
            font-size: 2rem; } }
      .country-facts .col-1 .container .program-for img {
        width: auto;
        height: 12rem; }
      .country-facts .col-1 .container .program-for:not(:last-child) {
        margin-right: 4rem; }
    @media only screen and (max-width: 960px) {
      .country-facts .col-1 {
        width: 100%;
        margin-right: 0;
        padding-bottom: 4rem; } }
  .country-facts .col-2 {
    width: 23.33%;
    margin-right: 7%; }
    .country-facts .col-2 p, .country-facts .col-2 li {
      font-family: "GT-Sectra-Book";
      font-size: 1.5rem;
      line-height: 150%; }
      @media only screen and (max-width: 768px) {
        .country-facts .col-2 p, .country-facts .col-2 li {
          font-size: 2rem; } }
    .country-facts .col-2 p {
      padding-bottom: 4rem; }
    .country-facts .col-2 h5 {
      padding-bottom: 0.5rem; }
    .country-facts .col-2 ul {
      list-style-type: disc;
      counter-reset: foo;
      display: table; }
    .country-facts .col-2 ul > li {
      counter-increment: foo;
      display: table-row;
      line-height: 175%; }
    .country-facts .col-2 ul > li::before {
      content: "•";
      display: table-cell;
      /* aha! */
      text-align: right;
      padding-right: 2rem; }
    @media only screen and (max-width: 960px) {
      .country-facts .col-2 {
        width: 46%;
        margin-right: 8%;
        padding-bottom: 4rem; } }
  .country-facts .col-3 {
    width: 20%;
    margin-right: 6.66%; }
    .country-facts .col-3 p {
      font-family: "GT-Sectra-Book";
      font-size: 1.5rem;
      line-height: 150%;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 768px) {
        .country-facts .col-3 p {
          font-size: 2rem; } }
    .country-facts .col-3 h5 {
      padding-bottom: 0.5rem; }
    @media only screen and (max-width: 960px) {
      .country-facts .col-3 {
        width: 46%;
        margin-right: 0; } }

.antips-effect .container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .antips-effect .container .col-1, .antips-effect .container .col-2, .antips-effect .container .col-3 {
    width: 33.33%;
    padding-right: 7%; }
    .antips-effect .container .col-1 .stats, .antips-effect .container .col-2 .stats, .antips-effect .container .col-3 .stats {
      font-family: "GT-Sectra-Book";
      font-size: 10rem;
      color: #000;
      line-height: 100%; }
      @media only screen and (max-width: 960px) {
        .antips-effect .container .col-1 .stats, .antips-effect .container .col-2 .stats, .antips-effect .container .col-3 .stats {
          font-size: 8rem; } }
    @media only screen and (max-width: 960px) {
      .antips-effect .container .col-1, .antips-effect .container .col-2, .antips-effect .container .col-3 {
        width: 100%;
        padding-right: 0; } }
  @media only screen and (max-width: 960px) {
    .antips-effect .container > div:not(:last-child) {
      padding-bottom: 8rem; } }
  .antips-effect .container p.info {
    font-family: "GT-Sectra-Book";
    font-size: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .antips-effect .container p.info {
        font-size: 2rem; } }

.leader-description {
  padding: 0 5% 0 10%; }
  @media only screen and (max-width: 960px) {
    .leader-description p {
      margin-top: 8rem; } }
  @media only screen and (max-width: 960px) {
    .leader-description {
      padding: 0; } }

.testimonial-block {
  width: 67%; }

.offset-left {
  margin-left: 11%;
  margin-right: 22%; }

.offset-right {
  margin-left: 22%;
  margin-right: 11%; }

.video-container > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0px; }

.video-optimised {
  width: 100%;
  height: auto;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  -ms-overflow-style: none; }

.play-vimeo {
  width: 16rem;
  height: 16rem;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  display: block;
  border-radius: 100%;
  background: #fff;
  margin-left: 6%;
  z-index: 99 !important;
  background-image: url(../images/ux/antipodeans-play.svg);
  background-size: 6rem;
  background-repeat: no-repeat;
  background-position: 60% center;
  cursor: pointer;
  transform-origin: center center; }
  .play-vimeo:hover {
    transform: translate(0, 50%) scale(1.05);
    transition: all 0.4s ease; }
  .play-vimeo.active {
    animation: shrink 0.4s forwards ease 1; }
@keyframes shrink {
  from {
    transform: translate(0, 50%) scale(1); }
  to {
    transform: translate(0, 50%) scale(0); } }
.video-cover.active::after {
  opacity: 0; }
.video-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 98;
  transition: opacity 0.8s ease;
  transition-delay: 0.4s; }

#home-video {
  overflow: hidden; }

.video-container {
  overflow-x: hidden; }

.statistics-col-1 {
  width: 33%;
  padding-left: 11.11%;
  display: inline-block;
  vertical-align: top; }
  .statistics-col-1 h4 {
    padding-bottom: 4rem; }
  @media only screen and (max-width: 768px) {
    .statistics-col-1 {
      width: 78%;
      display: block;
      margin: auto;
      margin-bottom: 8rem;
      padding-left: 0; } }

.statistics-col-2 {
  width: 33%;
  padding: 0 5.55%;
  display: inline-block;
  vertical-align: top; }
  .statistics-col-2 h4 {
    padding-bottom: 4rem; }
  @media only screen and (max-width: 768px) {
    .statistics-col-2 {
      width: 78%;
      display: block;
      margin: auto;
      margin-bottom: 8rem;
      padding: 0; } }

.statistics-col-3 {
  width: 33%;
  padding-right: 11.11%;
  display: inline-block;
  vertical-align: top; }
  .statistics-col-3 h4 {
    padding-bottom: 4rem; }
  @media only screen and (max-width: 768px) {
    .statistics-col-3 {
      width: 78%;
      display: block;
      margin: auto;
      padding-right: 0; } }

.faq, .getting-ready, .what-if {
  font-family: "GT-Sectra-Book";
  font-size: 2rem; }
  .faq .answer, .faq .equipment, .getting-ready .answer, .getting-ready .equipment, .what-if .answer, .what-if .equipment {
    display: none;
    padding-top: 2rem;
    padding-bottom: 0; }
    .faq .answer a, .faq .equipment a, .getting-ready .answer a, .getting-ready .equipment a, .what-if .answer a, .what-if .equipment a {
      color: #000;
      border-bottom: 1px solid #33ccee; }
    .faq .answer > p:not(:last-child), .faq .answer > ul:not(:last-child), .faq .equipment > p:not(:last-child), .faq .equipment > ul:not(:last-child), .getting-ready .answer > p:not(:last-child), .getting-ready .answer > ul:not(:last-child), .getting-ready .equipment > p:not(:last-child), .getting-ready .equipment > ul:not(:last-child), .what-if .answer > p:not(:last-child), .what-if .answer > ul:not(:last-child), .what-if .equipment > p:not(:last-child), .what-if .equipment > ul:not(:last-child) {
      padding-bottom: 4rem; }
    .faq .answer > ul:not(:last-child), .faq .equipment > ul:not(:last-child), .getting-ready .answer > ul:not(:last-child), .getting-ready .equipment > ul:not(:last-child), .what-if .answer > ul:not(:last-child), .what-if .equipment > ul:not(:last-child) {
      padding-bottom: 4rem; }
    .faq .answer ul, .faq .equipment ul, .getting-ready .answer ul, .getting-ready .equipment ul, .what-if .answer ul, .what-if .equipment ul {
      list-style-type: disc;
      padding-bottom: 4rem;
      counter-reset: foo;
      display: table; }
    .faq .answer ul > li, .faq .equipment ul > li, .getting-ready .answer ul > li, .getting-ready .equipment ul > li, .what-if .answer ul > li, .what-if .equipment ul > li {
      counter-increment: foo;
      display: table-row;
      line-height: 175%; }
    .faq .answer ul > li::before, .faq .equipment ul > li::before, .getting-ready .answer ul > li::before, .getting-ready .equipment ul > li::before, .what-if .answer ul > li::before, .what-if .equipment ul > li::before {
      content: "\2022";
      display: table-cell;
      /* aha! */
      text-align: right;
      padding-right: 2rem; }
    .faq .answer h3, .faq .equipment h3, .getting-ready .answer h3, .getting-ready .equipment h3, .what-if .answer h3, .what-if .equipment h3 {
      padding-top: 0;
      padding-bottom: 4rem; }
  .faq a.question, .faq a.category, .getting-ready a.question, .getting-ready a.category, .what-if a.question, .what-if a.category {
    display: inline-block;
    border-bottom: none;
    color: #33ccee; }
  .faq h3, .getting-ready h3, .what-if h3 {
    padding-top: 12rem;
    padding-bottom: 4rem; }
  .faq h4, .getting-ready h4, .what-if h4 {
    padding-top: 8rem; }
  .faq h4:first-of-type, .getting-ready h4:first-of-type, .what-if h4:first-of-type {
    padding-top: 4rem; }
  @media only screen and (max-width: 768px) {
    .faq, .getting-ready, .what-if {
      font-size: 3rem; } }

.three-col {
  width: 100%; }
  .three-col img {
    margin-bottom: 4rem; }
  .three-col.col-1 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-left: 11.11%; }
  .three-col.col-2 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-left: 5.55%;
    padding-right: 5.55%; }
  .three-col.col-3 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-right: 11.11%; }
  @media only screen and (max-width: 768px) {
    .three-col.map.col-1, .three-col.map.col-2, .three-col.map.col-3 {
      width: 78%;
      display: block;
      padding-left: 0;
      padding-right: 0;
      margin: auto; } }

.two-col {
  width: 100%; }
  .two-col img {
    margin-bottom: 4rem; }
  .two-col.col-1 {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5.55% 16rem 11.11%; }
    @media only screen and (max-width: 768px) {
      .two-col.col-1 {
        width: 78%;
        display: block;
        margin: auto;
        padding: 0 0 16rem; } }
  .two-col.col-2 {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
    padding: 0 11.11% 16rem 5.55%; }
    @media only screen and (max-width: 768px) {
      .two-col.col-2 {
        width: 78%;
        display: block;
        margin: auto;
        padding: 0 0 16rem; } }

.one-col {
  width: 78%;
  margin: auto;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .one-col .profile-aside {
    width: 43%; }
    @media only screen and (max-width: 768px) {
      .one-col .profile-aside {
        width: 100%;
        margin: auto;
        margin-bottom: 4rem; } }
  .one-col .aside-text {
    width: 50%;
    margin-left: 7%; }
    .one-col .aside-text h3 {
      margin-bottom: 4rem; }
    @media only screen and (max-width: 768px) {
      .one-col .aside-text {
        width: 100%;
        margin: auto;
        margin-left: 0; } }

.difference-chart {
  width: 56%;
  margin: auto; }
  .difference-chart table {
    width: 100%;
    border-collapse: collapse; }
    .difference-chart table tr:last-child > td {
      border-bottom: 0; }
  .difference-chart th {
    font-family: "Averta-ExtraBold";
    font-size: 2rem;
    color: #000;
    line-height: 125%;
    padding-bottom: 4rem; }
    @media only screen and (max-width: 960px) {
      .difference-chart th:not(:first-child) {
        padding: 2rem; } }
  .difference-chart td.difference-info {
    font-family: "GT-Sectra-Book";
    font-size: 2rem;
    width: 60%;
    padding: 4rem 0;
    border-bottom: 1px solid #ddd; }
    @media only screen and (max-width: 768px) {
      .difference-chart td.difference-info {
        font-size: 2.5rem; } }
  .difference-chart td.antipodeans, .difference-chart td.competitors {
    width: 20%;
    padding: 4rem 0;
    border-bottom: 1px solid #ddd; }
    .difference-chart td.antipodeans img, .difference-chart td.competitors img {
      width: auto;
      height: 2rem;
      margin: auto; }
  @media only screen and (max-width: 960px) {
    .difference-chart {
      width: 78%; } }

.faq h5, .faq .country-facts .col-2 h5, .country-facts .col-2 .faq h5, .faq .country-facts .col-3 h5, .country-facts .col-3 .faq h5, .faq .good-to-know .col-2 h5, .good-to-know .col-2 .faq h5, .faq .fundraiser-love .col-2 h5, .fundraiser-love .col-2 .faq h5, .faq .good-to-know .col-3 h5, .good-to-know .col-3 .faq h5, .faq .fundraiser-love .col-3 h5, .fundraiser-love .col-3 .faq h5 {
  font-family: gt-sectra-book;
  font-size: 2rem;
  color: #33ccee;
  text-transform: none;
  letter-spacing: 0;
  padding: 1rem 0; }
.faq h4 {
  padding-top: 4rem; }
.faq p {
  padding-bottom: 2rem; }
.faq ul {
  list-style-type: disc;
  padding-bottom: 4rem;
  counter-reset: foo;
  display: table; }
.faq ul > li {
  counter-increment: foo;
  display: table-row;
  line-height: 175%; }
.faq ul > li::before {
  content: "\2022";
  display: table-cell;
  text-align: right;
  padding-right: 2rem; }

.header {
  border-top: 0; }
  .header h4 {
    padding-bottom: 2rem; }

.toggle-collapse {
  cursor: pointer;
  overflow: hidden !important; }

.sticky-nav {
  width: 19%;
  position: absolute;
  background-color: #fff;
  padding: 4rem;
  margin-top: 8rem;
  z-index: 5; }
  @media only screen and (max-width: 960px) {
    .sticky-nav {
      width: 78%;
      margin: auto;
      margin-bottom: 8rem;
      position: relative;
      text-align: center; } }
  @media only screen and (min-width: 1680px) {
    .sticky-nav {
      width: 14%; } }

.stuck {
  position: fixed;
  top: 0; }

.good-to-know, .fundraiser-love {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .good-to-know .col-1, .fundraiser-love .col-1 {
    width: 20%;
    margin-right: 6.66%; }
    .good-to-know .col-1 h3, .fundraiser-love .col-1 h3 {
      text-align: center; }
    .good-to-know .col-1 h4, .fundraiser-love .col-1 h4 {
      padding-bottom: 4rem; }
    .good-to-know .col-1 img, .fundraiser-love .col-1 img {
      width: auto;
      height: 12rem;
      margin: auto; }
    @media only screen and (max-width: 960px) {
      .good-to-know .col-1, .fundraiser-love .col-1 {
        width: 100%;
        margin-right: 0;
        padding-bottom: 8rem; } }
  .good-to-know .col-2, .fundraiser-love .col-2 {
    width: 26.66%;
    margin-right: 6.66%; }
    .good-to-know .col-2 p, .good-to-know .col-2 li, .fundraiser-love .col-2 p, .fundraiser-love .col-2 li {
      font-family: "GT-Sectra-Book";
      font-size: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .good-to-know .col-2 p, .good-to-know .col-2 li, .fundraiser-love .col-2 p, .fundraiser-love .col-2 li {
          font-size: 2.5rem; } }
    .good-to-know .col-2 > p:not(:last-child), .fundraiser-love .col-2 > p:not(:last-child) {
      padding-bottom: 2rem; }
    .good-to-know .col-2 h5, .fundraiser-love .col-2 h5 {
      font-size: 1.25rem;
      padding-bottom: 0.5rem; }
    .good-to-know .col-2 ul, .fundraiser-love .col-2 ul {
      list-style-type: disc;
      padding-bottom: 4rem;
      counter-reset: foo;
      display: table; }
    .good-to-know .col-2 ul > li, .fundraiser-love .col-2 ul > li {
      counter-increment: foo;
      display: table-row; }
    .good-to-know .col-2 ul > li::before, .fundraiser-love .col-2 ul > li::before {
      content: "\2022";
      display: table-cell;
      /* aha! */
      text-align: right;
      padding-right: 2rem;
      line-height: 225%; }
    @media only screen and (max-width: 960px) {
      .good-to-know .col-2, .fundraiser-love .col-2 {
        width: 100%;
        margin-right: 0;
        padding-bottom: 4rem; } }
  .good-to-know .col-3, .fundraiser-love .col-3 {
    width: 26.67%;
    margin-right: 13.33%; }
    .good-to-know .col-3 p, .good-to-know .col-3 li, .fundraiser-love .col-3 p, .fundraiser-love .col-3 li {
      font-family: "GT-Sectra-Book";
      font-size: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .good-to-know .col-3 p, .good-to-know .col-3 li, .fundraiser-love .col-3 p, .fundraiser-love .col-3 li {
          font-size: 2.5rem; } }
    .good-to-know .col-3 > ul:not(:last-child), .fundraiser-love .col-3 > ul:not(:last-child) {
      padding-bottom: 2rem; }
    .good-to-know .col-3 p, .fundraiser-love .col-3 p {
      padding-bottom: 2rem; }
    .good-to-know .col-3 h5, .fundraiser-love .col-3 h5 {
      font-size: 1.25rem;
      padding-bottom: 0.5rem; }
    .good-to-know .col-3 ul, .fundraiser-love .col-3 ul {
      list-style-type: disc;
      counter-reset: foo;
      display: table; }
    .good-to-know .col-3 ul > li, .fundraiser-love .col-3 ul > li {
      counter-increment: foo;
      display: table-row;
      line-height: 175%; }
    .good-to-know .col-3 ul > li::before, .fundraiser-love .col-3 ul > li::before {
      content: "\2022";
      display: table-cell;
      /* aha! */
      text-align: right;
      padding-right: 1rem; }
    @media only screen and (max-width: 960px) {
      .good-to-know .col-3, .fundraiser-love .col-3 {
        width: 100%;
        margin-right: 0; } }

.difference-title {
  width: 100%;
  margin-left: 6.67%; }

.difference-explained {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 6.67%; }
  .difference-explained .col-cell {
    width: 26.66%;
    margin-bottom: 8rem; }
    .difference-explained .col-cell p {
      font-family: "GT-Sectra-Book";
      font-size: 1.5rem;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .difference-explained .col-cell p {
          font-size: 3rem; } }
    .difference-explained .col-cell h3 {
      padding-top: 0;
      padding-bottom: 2rem;
      text-align: center; }
    .difference-explained .col-cell img {
      width: auto;
      height: 10rem;
      margin: auto;
      margin-bottom: 4rem; }
    @media only screen and (max-width: 768px) {
      .difference-explained .col-cell {
        width: 86%;
        margin: auto;
        margin-bottom: 8rem; } }
  .difference-explained > .col-cell:nth-child(3n+2) {
    margin: 0 10%; }
    @media only screen and (max-width: 768px) {
      .difference-explained > .col-cell:nth-child(3n+2) {
        margin: auto;
        margin-bottom: 8rem; } }
  @media only screen and (max-width: 768px) {
    .difference-explained {
      padding-left: 0; } }

.what-to-bring {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .what-to-bring .col-cell {
    width: 20.5%; }
    .what-to-bring .col-cell h4 {
      text-align: center;
      padding-bottom: 2rem;
      width: 100%; }
    .what-to-bring .col-cell a {
      font-size: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .what-to-bring .col-cell a {
          font-size: 2rem; } }
    .what-to-bring .col-cell img {
      width: auto;
      height: 12rem;
      margin: auto;
      margin-bottom: 4rem; }
    .what-to-bring .col-cell:not(:last-child) {
      margin-right: 6%; }
      @media only screen and (max-width: 768px) {
        .what-to-bring .col-cell:not(:last-child) {
          margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .what-to-bring > .col-cell:nth-of-type(odd) {
      width: 45%;
      margin-right: 5%;
      margin-bottom: 4rem; }
    .what-to-bring > .col-cell:nth-of-type(even) {
      width: 45%;
      margin-left: 5%;
      margin-bottom: 4rem; } }
  .what-to-bring h3 {
    width: 100%;
    display: block;
    padding-bottom: 4rem; }

.contain-list {
  font-family: "GT-Sectra-Book";
  line-height: 160%;
  font-size: 2rem; }
  .contain-list ol {
    counter-reset: li;
    list-style-type: none; }
    .contain-list ol > li {
      position: relative;
      list-style: none;
      line-height: 175%; }
    .contain-list ol > li:before {
      content: counter(li,decimal-leading-zero) ".";
      counter-increment: li;
      padding-right: 2rem;
      width: 2rem;
      text-align: right; }
  .contain-list ul {
    list-style-type: disc;
    padding-bottom: 4rem;
    counter-reset: foo;
    display: table; }
    .contain-list ul > li {
      counter-increment: foo;
      display: table-row;
      line-height: 175%; }
    .contain-list ul > li::before {
      content: "\2022";
      display: table-cell;
      /* aha! */
      text-align: right;
      padding-right: 2rem; }
    .contain-list ul:not(:last-child) {
      padding-bottom: 4rem; }

.find-trip h3, .find-trip h4 {
  padding-bottom: 4rem; }
.find-trip > .program:not(:last-child) {
  margin-bottom: 16rem; }
.find-trip .program-info {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 4rem; }
  .find-trip .program-info .container {
    width: 78%; }
    @media only screen and (max-width: 960px) {
      .find-trip .program-info .container {
        width: 100%; } }
  .find-trip .program-info img {
    width: 16%;
    height: 12rem;
    margin-right: 4rem; }
    @media only screen and (max-width: 960px) {
      .find-trip .program-info img {
        margin-bottom: 4rem; } }

.backpack-distribution {
  margin: auto;
  padding-bottom: 8rem !important; }
  .backpack-distribution h3 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15rem; }
  .backpack-distribution img {
    margin: auto;
    width: auto;
    height: 36rem; }

#browserupgrade {
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: #fff;
  padding: 8rem; }

input {
  width: 100%;
  background-color: #ededed;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid #ddd;
  color: #000;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  height: 5rem;
  outline: none;
  padding: 0 2rem 0 2rem;
  transition: all 0.4s ease; }
  @media only screen and (max-width: 768px) {
    input {
      font-size: 2rem; } }

textarea {
  width: 100%;
  background-color: #ededed;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid #ddd;
  color: #000;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  line-height: 160%;
  height: 16rem;
  outline: none;
  padding: 2rem;
  transition: all 0.4s ease;
  resize: none; }
  @media only screen and (max-width: 768px) {
    textarea {
      font-size: 2rem; } }

input:focus, textarea:focus {
  background-color: #ddd;
  border: 1px solid #ededed; }

input[type="text"], input[type="submit"], input[type="email"], input[type="phone"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.input-label {
  display: inline-block;
  width: 60%;
  margin: 0 20%;
  font-family: "Averta-ExtraBold";
  font-size: 1.5rem;
  padding-bottom: 2rem; }
  @media only screen and (max-width: 768px) {
    .input-label {
      width: 100%;
      margin: 0;
      font-size: 2rem; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  height: 4rem;
  padding: 0 2rem;
  text-align: left;
  border-radius: 0;
  text-decoration: none;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  border: none;
  box-shadow: 0.3rem 0.3rem #ccc;
  background: #ddd;
  outline: none;
  background-position: right 2rem center;
  background-repeat: no-repeat;
  background-image: url(../images/ux/dropdown-arrow.svg);
  background-size: 0.75rem; }
  @media only screen and (max-width: 768px) {
    select {
      font-size: 2rem; } }

select#position-interest {
  width: 33.33%;
  margin: auto;
  margin-bottom: 4rem;
  padding: 0 4rem 0 2rem; }
  @media only screen and (max-width: 960px) {
    select#position-interest {
      width: 78%; } }

button, .upload {
  height: 5rem;
  padding: 0 2rem;
  text-align: left;
  border-radius: 0;
  text-decoration: none;
  font-family: "Averta-ExtraBold";
  font-size: 1.4rem;
  border: none;
  cursor: pointer; }
  @media only screen and (max-width: 960px) {
    button, .upload {
      font-size: 2rem; } }
  button.prefer-sms, .upload.prefer-sms {
    margin-bottom: 4rem; }

button.push-gray {
  box-shadow: 0.3rem 0.3rem #ccc;
  background: #ddd;
  color: #ccc; }

.what-to-bring button.push-gray {
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 0.1rem; }

button.push-gray:active {
  box-shadow: 0 0 #ccc;
  background: #ddd; }

button.push-blue {
  box-shadow: 0.3rem 0.3rem #99edff;
  background: #33ccee;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1rem; }

button.push-blue:active {
  box-shadow: 0 0 #99edff;
  background: #33ccee; }

button:active {
  position: relative;
  top: 0.3rem;
  left: 0.3rem; }

button.hamburger--spin:active {
  position: relative;
  top: 0;
  left: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

::-webkit-input-placeholder {
  color: #000;
  opacity: 1; }

:-moz-placeholder {
  color: #000; }

::-moz-placeholder {
  color: #000; }

:-ms-input-placeholder {
  color: #000; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px #fff inset;
  -webkit-text-fill-color: #000; }

form.get-in-touch, form.get-to-info-night, form.what-if {
  width: 33%;
  margin: auto; }
  form.get-in-touch input, form.get-in-touch textarea, form.get-to-info-night input, form.get-to-info-night textarea, form.what-if input, form.what-if textarea {
    background-color: #fff;
    border: 1px solid #ededed;
    margin-bottom: 2rem; }
  form.get-in-touch input:focus, form.get-in-touch textarea:focus, form.get-to-info-night input:focus, form.get-to-info-night textarea:focus, form.what-if input:focus, form.what-if textarea:focus {
    background-color: #fff;
    border: 1px solid #ddd; }
  form.get-in-touch select, form.get-to-info-night select, form.what-if select {
    margin-bottom: 2rem; }
  @media only screen and (max-width: 960px) {
    form.get-in-touch, form.get-to-info-night, form.what-if {
      width: 78%; } }

form.job-application {
  width: 56%;
  margin: auto; }
  form.job-application input, form.job-application textarea {
    width: 60%;
    margin: 0 20% 2rem;
    background-color: #fff;
    border: 1px solid #ededed; }
    @media only screen and (max-width: 960px) {
      form.job-application input, form.job-application textarea {
        width: 100%;
        margin: 0  0 2rem; } }
  form.job-application input:focus, form.job-application textarea:focus {
    background-color: #fff;
    border: 1px solid #ddd; }
  form.job-application select {
    width: 60%;
    margin: 0 20% 4rem; }
    @media only screen and (max-width: 960px) {
      form.job-application select {
        width: 100%;
        margin: 0  0 2rem; } }
  form.job-application .upload-label {
    width: 60%;
    height: 4rem;
    border: 1px solid #ddd;
    color: #000;
    font-family: "Averta-Regular";
    font-size: 1.5rem;
    padding: 0 2rem;
    display: inline-block;
    margin: 0 20% 4rem;
    box-shadow: 0.15rem 0.15rem #ccc;
    background: #ddd;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      form.job-application .upload-label {
        width: 100%;
        margin: 0  0 2rem;
        font-size: 2rem; } }
  form.job-application .helper, form.job-application .footer-cta label, .footer-cta form.job-application label {
    width: 60%; }
  form.job-application > .input-label:not(:last-child) {
    margin-top: 4rem; }
  form.job-application > .upload-label:not(:last-child) {
    margin-top: 0; }
  form.job-application .leader-job-info {
    width: 100%;
    margin: auto;
    display: block; }
  form.job-application button {
    margin-left: 20%; }
    @media only screen and (max-width: 960px) {
      form.job-application button {
        margin: 0; } }
  form.job-application .inputfile {
    width: 0.01px;
    height: 0.01px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  @media only screen and (max-width: 960px) {
    form.job-application {
      width: 78%; } }

.visible {
  display: block; }

.hidden {
  display: none; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  vertical-align: middle;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }

.hamburger-box {
  width: 3rem;
  height: 18px;
  display: inline-block;
  position: relative; }
  @media only screen and (max-width: 960px) {
    .hamburger-box {
      width: 2.8rem; } }

.hamburger-inner {
  display: block;
  margin: auto;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 3rem;
    height: 2px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
    @media only screen and (max-width: 960px) {
      .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 2.8rem; } }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
    @media only screen and (max-width: 767px) {
      .hamburger-inner::before {
        top: -6px; } }
  .hamburger-inner::after {
    bottom: -8px; }
    @media only screen and (max-width: 767px) {
      .hamburger-inner::after {
        bottom: -6px; } }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

footer {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 6rem 6% 8rem;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  color: #000;
  align-items: flex-start;
  z-index: 997; }
  footer h3 {
    padding-top: 0; }
  footer .footer-main {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    footer .footer-main .footer-monogram {
      width: 6.25%; }
      footer .footer-main .footer-monogram img {
        width: auto;
        height: 4rem; }
      @media only screen and (max-width: 960px) {
        footer .footer-main .footer-monogram {
          width: 100%;
          margin-bottom: 8rem; } }
    footer .footer-main .footer-primary-cell {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 75%;
      margin: auto;
      margin-bottom: 8rem; }
      footer .footer-main .footer-primary-cell ul {
        list-style: none;
        padding-bottom: 4rem; }
      footer .footer-main .footer-primary-cell h3 {
        padding-bottom: 2rem; }
      footer .footer-main .footer-primary-cell li {
        font-family: "Averta-Regular";
        font-size: 1.5rem;
        padding-bottom: 0.75rem; }
        @media only screen and (max-width: 960px) {
          footer .footer-main .footer-primary-cell li {
            font-size: 2.5rem; } }
      footer .footer-main .footer-primary-cell > .footer-primary-col {
        width: 16.66%;
        margin-right: 8.33%; }
        @media only screen and (max-width: 768px) {
          footer .footer-main .footer-primary-cell > .footer-primary-col {
            width: 50% !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            margin-bottom: 4rem; } }
      footer .footer-main .footer-primary-cell > .footer-primary-col:nth-child(4n+4) {
        width: 25%;
        margin-right: 0; }
      footer .footer-main .footer-primary-cell .footer-col-4 {
        width: 25%; }
      @media only screen and (max-width: 960px) {
        footer .footer-main .footer-primary-cell {
          width: 100%;
          margin-bottom: 4rem; }
          footer .footer-main .footer-primary-cell .footer-col-1, footer .footer-main .footer-primary-cell .footer-col-2, footer .footer-main .footer-primary-cell .footer-col-3, footer .footer-main .footer-primary-cell .footer-col-4 {
            width: 50%;
            margin-right: 0; } }
  footer .footer-social {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 6.25%; }
    footer .footer-social img {
      width: 2rem;
      height: auto; }
      @media only screen and (max-width: 768px) {
        footer .footer-social img {
          width: 3rem; } }
    footer .footer-social > :nth-child(odd) {
      margin-right: 1.5rem;
      margin-bottom: 1.5rem; }
    @media only screen and (max-width: 960px) {
      footer .footer-social {
        width: 100%;
        margin-bottom: 8rem; }
        footer .footer-social > :nth-child(odd) {
          margin-right: 2rem;
          margin-bottom: 0; }
        footer .footer-social > a {
          margin-right: 2rem; } }
  footer .footer-bottom {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    footer .footer-bottom .footer-phone img {
      display: inline;
      width: auto;
      height: 2rem;
      vertical-align: middle;
      margin-right: 1rem; }
    footer .footer-bottom .bff-credit {
      text-align: right;
      margin-left: auto; }
      footer .footer-bottom .bff-credit img {
        width: auto;
        height: 2rem; }
        @media only screen and (max-width: 960px) {
          footer .footer-bottom .bff-credit img {
            height: 4rem; } }
      @media only screen and (max-width: 960px) {
        footer .footer-bottom .bff-credit {
          display: block;
          width: 100%;
          font-size: 2.5rem;
          text-align: left;
          padding-top: 8rem; } }
  @media only screen and (max-width: 960px) {
    footer {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1680px) {
    footer {
      padding: 6rem 14% 8rem; } }
  @media only screen and (min-width: 1920px) {
    footer {
      padding: 6rem 18% 8rem; } }

.footer-cta .button-wrap:first-of-type {
  margin-right: 4%; }
.footer-cta.home-cta {
  transition: all 4s cubic-bezier(0.2, 1, 0.2, 1); }
  .footer-cta.home-cta form {
    width: 100%; }
.footer-cta form {
  width: 82%; }
  .footer-cta form .wrap {
    display: inline-block;
    width: 24%;
    margin-right: 4%; }
    @media only screen and (max-width: 968px) {
      .footer-cta form .wrap {
        display: block;
        width: 100%;
        margin-right: 0;
        padding-bottom: 2rem; } }
    .footer-cta form .wrap select {
      box-shadow: none;
      background-color: #ededed;
      height: 5rem;
      border: 1px solid #ddd; }
  .footer-cta form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px #ededed inset;
    -webkit-text-fill-color: #000; }
  @media only screen and (max-width: 968px) {
    .footer-cta form {
      width: 100%;
      margin-left: 0; } }
.footer-cta .visible {
  display: inline-block; }
.footer-cta .hidden {
  display: none; }
.footer-cta button {
  width: 100%; }
.footer-cta .selected-toggle {
  color: #000; }
.footer-cta .unselected-toggle {
  color: #ccc; }
.footer-cta .button-wrap {
  display: inline-block;
  width: 13%; }
  @media only screen and (max-width: 968px) {
    .footer-cta .button-wrap {
      display: block;
      width: 40%; } }
.footer-cta label {
  float: left; }
  @media only screen and (max-width: 968px) {
    .footer-cta label {
      padding-bottom: 2rem; } }

.footer-illustration {
  position: relative;
  width: 100%;
  height: 64rem;
  position: relative;
  z-index: 996;
  margin-bottom: -10px;
  overflow: hidden; }
  @media only screen and (max-width: 968px) {
    .footer-illustration {
      height: 36rem; } }
  @media only screen and (min-width: 1920px) {
    .footer-illustration {
      height: 90rem; } }
  .footer-illustration .layer-base {
    width: 115%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .footer-illustration .layer-sun {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .footer-illustration .cloud-01 {
    position: absolute;
    left: 3%;
    width: 20%; }
  .footer-illustration .cloud-01-path {
    position: relative;
    width: 100%;
    top: 38%; }
    @media only screen and (max-width: 960px) {
      .footer-illustration .cloud-01-path {
        top: 58%; } }
  .footer-illustration .cloud-02 {
    position: absolute;
    width: 10%;
    left: 40%; }
  .footer-illustration .cloud-02-path {
    position: relative;
    width: 100%;
    top: 30%; }
    @media only screen and (max-width: 960px) {
      .footer-illustration .cloud-02-path {
        top: 65%; } }
  .footer-illustration .cloud-03 {
    position: absolute;
    width: 25%;
    right: 28%; }
  .footer-illustration .cloud-03-path {
    position: relative;
    width: 100%;
    top: 15%; }
    @media only screen and (max-width: 960px) {
      .footer-illustration .cloud-03-path {
        top: 55%; } }
  .footer-illustration .cloud-04 {
    position: absolute;
    width: 32%;
    right: 3%; }
  .footer-illustration .cloud-04-path {
    position: relative;
    width: 100%;
    top: 45%; }
    @media only screen and (max-width: 960px) {
      .footer-illustration .cloud-04-path {
        top: 75%; } }
  .footer-illustration .layer-01, .footer-illustration .layer-02 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -2%; }

.animated-container {
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 960px) {
    .animated-container {
      height: 60vh; } }

.animated-container-full {
  position: relative;
  width: 100%;
  overflow: hidden; }

.animated-content {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0; }
  @media only screen and (max-width: 960px) {
    .animated-content {
      height: 60vh; } }

.animated-content-full {
  width: 67%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0; }

.leader-bio {
  width: 56%;
  margin: auto;
  position: absolute; }
  .leader-bio#bio-02, .leader-bio#bio-03 {
    opacity: 0; }
  @media only screen and (max-width: 960px) {
    .leader-bio {
      width: 78%; } }

.invisible {
  -webkit-visibility: hidden;
  -moz-visibility: hidden;
  -ms-visibility: hidden;
  -o-visibility: hidden;
  visibility: hidden; }

#from-left-01 {
  z-index: -1; }

#from-left-02, #from-left-03, #from-left-04, #from-left-05 {
  transform: translate(-100%, 0); }

#from-right-01 {
  z-index: 0; }

#from-right-02 {
  z-index: 1;
  transform: translate(100%, 0); }

#from-right-03 {
  z-index: 2;
  transform: translate(100%, 0); }

#from-right-04 {
  z-index: 3;
  transform: translate(100%, 0); }

#animated-text-01 {
  opacity: 1;
  z-index: 1; }

#animated-text-02 {
  opacity: 0;
  z-index: 2; }

#animated-text-03 {
  opacity: 0;
  z-index: 3; }

#animated-text-04 {
  opacity: 0;
  z-index: 4; }

#animated-text-05 {
  opacity: 0;
  z-index: 5; }

.parallax-block {
  position: absolute;
  width: 100%; }
  .parallax-block img {
    width: 100%; }

.parallax-text-container {
  position: relative;
  top: 50%; }

#countries-parallax-01 {
  width: 26%;
  top: 24rem;
  right: 6%;
  z-index: -1; }

#countries-parallax-02 {
  width: 46%;
  top: 46rem;
  left: 6%;
  z-index: 2; }

#countries-parallax-03 {
  width: 28%;
  top: 4rem;
  left: 6%;
  z-index: 2; }

#countries-parallax-04 {
  width: 36%;
  top: 46rem;
  right: 6%;
  z-index: 2; }

#countries-parallax-05 {
  width: 17%;
  top: 52rem;
  right: 6%;
  z-index: 2; }

#expeditions-parallax-01 {
  width: 26%;
  top: 15rem;
  right: 6%;
  z-index: -1; }

#expeditions-parallax-02 {
  width: 12%;
  top: 54rem;
  left: 6%;
  z-index: 2; }

#expeditions-parallax-03 {
  width: 32%;
  top: 30rem;
  right: 6%;
  z-index: 2; }

#comp1-parallax-01 {
  width: 26%;
  top: 20rem;
  right: 6%;
  z-index: -1; }

#comp1-parallax-02 {
  width: 12%;
  top: 54rem;
  left: 6%;
  z-index: 2; }

#comp1-parallax-03 {
  width: 32%;
  top: 90rem;
  right: 6%;
  z-index: 1; }

#comp2-parallax-01 {
  width: 26%;
  top: 20rem;
  left: 6%;
  z-index: -1; }

#comp2-parallax-02 {
  width: 12%;
  top: 84rem;
  right: 6%;
  z-index: 2; }

#comp2-parallax-03 {
  width: 36%;
  top: 250rem;
  left: 6%;
  z-index: 2; }

#comp3-parallax-01 {
  width: 26%;
  top: 20rem;
  right: 6%;
  z-index: -1; }

#comp3-parallax-02 {
  width: 18%;
  top: 130rem;
  right: 12%;
  z-index: 2; }

#comp3-parallax-03 {
  width: 20%;
  top: 84rem;
  left: 6%;
  z-index: 2; }

#home-parallax-01 {
  width: 28%;
  top: 10%;
  right: 6%;
  z-index: 9; }
  @media only screen and (max-width: 960px) {
    #home-parallax-01 {
      top: 5%; } }

#home-parallax-02 {
  width: 11%;
  top: 90%;
  left: 6%;
  z-index: 9; }

#home-parallax-03 {
  width: 36%;
  top: 80%;
  right: 6%;
  z-index: 9; }

#home-parallax-04 {
  width: 28%;
  top: 80%;
  left: 6%;
  z-index: 9; }

#home-parallax-05 {
  width: 36%;
  top: 10%;
  right: 6%;
  z-index: 9; }

#home-parallax-06 {
  width: 46%;
  top: 90%;
  left: 6%;
  z-index: 9; }

#home-parallax-07 {
  width: 20%;
  top: -5%;
  right: 6%;
  z-index: 9; }

#home-parallax-08 {
  width: 32%;
  top: 100%;
  left: 6%;
  z-index: 9; }

#home-parallax-09 {
  width: 56%;
  top: -10%;
  left: 6%;
  z-index: 9; }

#home-parallax-10 {
  width: 26%;
  top: 20%;
  left: 6%;
  z-index: 9; }

#home-parallax-11 {
  width: 17%;
  top: 70%;
  right: 6%;
  z-index: 9; }

#parallax-text-05 {
  top: 100%;
  z-index: 9; }
  @media only screen and (max-width: 960px) {
    #parallax-text-05 {
      top: 80%; } }

@media only screen and (max-width: 960px) {
  #parallax-text-01 {
    top: 50%; } }

.pulse-in {
  animation: pulseIn 0.4s 1 linear; }

.pulse-out {
  animation: pulseOut 0.4s 1 linear; }

.pre-slide {
  -webkit-transform: translate3d(0, 20%, 0);
  -moz-transform: translate3d(0, 20%, 0);
  -ms-transform: translate3d(0, 20%, 0);
  -o-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0); }

@keyframes pulseIn {
  from {
    opacity: 0;
    transform: scale(1); }
  to {
    opacity: 1;
    transform: scale(1.5); } }
@keyframes pulseOut {
  from {
    opacity: 1;
    transform: scale(1.5); }
  to {
    opacity: 0;
    transform: scale(1); } }
.slide-right {
  animation: slide-right 1.6s cubic-bezier(0.2, 1, 0.2, 1);
  animation-delay: 1; }

@keyframes slide-right {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0%, 0); } }
.fade-in {
  animation: fadein 0.1s linear 1 forwards; }

.fade-out {
  animation: fadeout 0.1s linear 1 forwards; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes pop {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
.flex-horizontally-centred, nav, nav .nav-phone, form.job-application .upload-label, footer .footer-bottom, .sticky-cta, .sticky-cta .wrapper, .sticky-cta .wrapper .cta, .split {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }

.flex-horizontally-top, .menu .social, .country-facts, .country-facts .col-1 .container, .antips-effect .container, .one-col, .good-to-know, .fundraiser-love, .difference-explained, .what-to-bring, .find-trip .program-info, footer .footer-main, footer .footer-main .footer-primary-cell, footer .footer-social, .text-block.two-col-list, .text-block.three-col-list, .cta-para-block {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start; }

.flex-vertically-centred, .country-facts .col-1 .container .program-for, .what-to-bring .col-cell, .flex-block {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0; }

html {
  box-sizing: border-box; }

body {
  background: #eee;
  color: #000;
  font-family: "GT-Sectra-Book";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  font-size: 2rem;
  line-height: 160%; }
  @media only screen and (max-width: 768px) {
    p {
      font-size: 3rem; } }

div > p:not(:last-child), span > p:not(:last-child) {
  padding-bottom: 4rem; }

a {
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #33ccee;
  cursor: pointer; }
  a.anchor {
    position: absolute; }

.stripped, nav .nav-phone a, .share-this .share-container a, .menu a, footer .footer-main a {
  text-decoration: none;
  border-bottom: none; }

h1 {
  font-family: "Averta-ExtraBold";
  font-size: 5rem;
  font-weight: normal;
  color: #000;
  text-align: left;
  padding-bottom: 4rem; }
  h1 a {
    border-bottom: 2px solid #33ccee; }
  @media only screen and (max-width: 960px) {
    h1 {
      font-size: 4rem; } }

.heading {
  padding: 8rem 0; }
  .heading h1 {
    font-size: 3rem;
    text-align: center;
    padding-bottom: 8rem; }
  .heading p {
    text-align: center; }
  .heading > p:not(last-child) {
    padding-bottom: 0; }
  .heading .su-logo {
    width: auto;
    height: 12rem;
    margin: auto;
    margin-bottom: 8rem; }

h2 {
  font-family: "Averta-ExtraBold";
  font-size: 3rem;
  font-weight: normal;
  color: #000;
  line-height: 125%;
  text-align: left;
  padding-bottom: 6rem; }

h3 {
  font-family: "Averta-ExtraBold";
  font-size: 2rem;
  font-weight: normal;
  color: #000;
  line-height: 125%;
  padding-bottom: 2rem; }
  @media only screen and (max-width: 960px) {
    h3 {
      font-size: 2.5rem; } }

h4 {
  font-family: "Averta-ExtraBold";
  font-size: 1.5rem;
  font-weight: normal;
  color: #000;
  line-height: 150%;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  text-align: left; }

h5, .country-facts .col-2 h5, .country-facts .col-3 h5, .good-to-know .col-2 h5, .fundraiser-love .col-2 h5, .good-to-know .col-3 h5, .fundraiser-love .col-3 h5 {
  font-family: "Averta-ExtraBold";
  font-size: 1rem;
  font-weight: normal;
  color: #000;
  line-height: 250%;
  letter-spacing: 0.1rem;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    h5, .country-facts .col-2 h5, .country-facts .col-3 h5, .good-to-know .col-2 h5, .fundraiser-love .col-2 h5, .good-to-know .col-3 h5, .fundraiser-love .col-3 h5 {
      font-size: 2rem; } }

p.small, .disclaimer p {
  font-size: 1.5rem;
  line-height: 150%; }

.disclaimer p {
  padding-top: 8rem; }

p.medium, .leader-description p, .leader-info p, .leader-bio p, .heading p, blockquote, blockquote p, .intro p, .medium p, .para-leadout p {
  font-family: "GT-Sectra-Book";
  font-size: 4rem;
  line-height: 150%; }
  p.medium a, .leader-description p a, .leader-info p a, .leader-bio p a, .heading p a, blockquote a, blockquote p a, .intro p a, .medium p a, .para-leadout p a {
    border-bottom: 2px solid #33ccee; }

p.large {
  font-family: "Averta-ExtraBold";
  font-size: 9rem;
  line-height: 115%; }
  p.large a {
    border-bottom: 2px solid #33ccee; }
  @media only screen and (max-width: 960px) {
    p.large {
      font-size: 6rem; } }

p.footer {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  line-height: 150%; }

p.caption {
  font-family: "Averta-Light";
  font-size: 1.5rem;
  color: #999; }
  @media only screen and (max-width: 768px) {
    p.caption {
      font-size: 2rem; } }

p.media-caption {
  display: block;
  width: 100%;
  font-family: "GT-Sectra-Book";
  font-size: 1.5rem;
  color: #000;
  padding: 2rem 0 0 6%; }
  @media only screen and (max-width: 768px) {
    p.media-caption {
      font-size: 2rem; } }

p.media-caption-right {
  font-family: "GT-Sectra-Book";
  font-size: 1.5rem;
  color: #000;
  padding: 2rem 0 0 0; }
  @media only screen and (max-width: 768px) {
    p.media-caption-right {
      font-size: 2rem; } }

p.stats {
  font-family: "GT-Sectra-Display-Regular";
  font-size: 10rem;
  color: #000;
  line-height: 100%; }

span.error-message {
  width: 100%;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  float: left;
  color: #cc3333;
  margin-top: -1rem;
  margin-bottom: 3rem;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.error-message {
      font-size: 2rem; } }

span.error-message-cta {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  float: left;
  color: #cc3333;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.error-message-cta {
      font-size: 2rem; } }

span.error-message-inline {
  width: 100%;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  float: left;
  color: #cc3333;
  margin: auto;
  margin-top: -1rem;
  margin-bottom: 3rem;
  padding: 0 20%;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.error-message-inline {
      padding: 0;
      font-size: 2rem; } }

span.submit-message-cta {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  float: left;
  color: #999;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.submit-message-cta {
      font-size: 2rem; } }

span.submit-message {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  color: #999;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.submit-message {
      font-size: 2rem; } }

span.submit-message-inline {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  color: #999;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  padding: 0 20%;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.submit-message-inline {
      font-size: 2rem; } }

span.submit-error {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  color: #cc3333;
  margin-top: 1.5rem;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.submit-error {
      font-size: 2rem; } }

span.submit-error-inline {
  width: 100%;
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  float: left;
  color: #cc3333;
  margin: auto;
  margin-top: 1.5rem;
  padding: 0 20%;
  display: none; }
  @media only screen and (max-width: 768px) {
    span.submit-error-inline {
      padding: 0;
      font-size: 2rem; } }

span.sub {
  font-family: "Averta-ExtraBold";
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  padding-right: 0.5rem; }

span.author {
  font-family: "GT-Sectra-Book";
  font-size: 2rem;
  line-height: 175%; }

blockquote, blockquote p {
  padding-bottom: 2rem; }

.helper, .footer-cta label {
  font-family: "Averta-Regular";
  font-size: 1.5rem;
  line-height: 150%;
  display: block;
  margin: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #999; }
  @media only screen and (max-width: 768px) {
    .helper, .footer-cta label {
      font-size: 2rem; } }

.text-left {
  text-align: left; }

.text-centre h2 {
  text-align: center; }

img {
  width: 100%;
  height: auto;
  position: relative;
  display: block; }

video {
  background-color: transparent !important; }

video::-webkit-media-controls {
  display: none !important; }

ul, li {
  font-family: "GT-Sectra-Book";
  font-size: 2rem;
  list-style: none; }
  @media only screen and (max-width: 768px) {
    ul, li {
      font-size: 3rem; } }

hr {
  border-left: 0;
  border-top: 1px solid #999;
  margin: 2rem 0; }

.flex-video {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .flex-video iframe {
    position: absolute;
    width: 200%;
    height: 100%;
    top: 50%;
    left: -50%;
    transform: translate(0%, -50%); }

.sticky-cta {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  margin-left: 2%;
  margin-bottom: 6rem;
  z-index: 997;
  transition: all 0.4s ease; }
  .sticky-cta.active .wrapper .icon {
    top: 0;
    left: 0; }
  .sticky-cta.active .wrapper .cta {
    transform: translate(0);
    -webkit-transform: translate3d(0, 0, 0); }
  .sticky-cta.unfixed {
    position: relative;
    padding-left: 14%; }
    .sticky-cta.unfixed .icon {
      pointer-events: none; }
    @media only screen and (max-width: 768px) {
      .sticky-cta.unfixed {
        padding-left: 0; }
        .sticky-cta.unfixed .icon {
          top: 0; }
        .sticky-cta.unfixed .wrapper .cta {
          height: auto;
          padding: 4rem 0 0;
          border-radius: 4rem 4rem; }
          .sticky-cta.unfixed .wrapper .cta p {
            width: 82%;
            margin: auto;
            display: block;
            padding: 4rem 0; }
          .sticky-cta.unfixed .wrapper .cta a {
            width: 100%;
            position: relative; }
            .sticky-cta.unfixed .wrapper .cta a button {
              font-size: 2rem; } }
  @media only screen and (max-width: 768px) {
    .sticky-cta.fixed {
      padding-left: 0; }
      .sticky-cta.fixed .icon {
        top: calc(100% - 4rem); }
      .sticky-cta.fixed .wrapper .cta {
        height: auto;
        padding: 4rem 0 0;
        border-radius: 4rem 4rem; }
        .sticky-cta.fixed .wrapper .cta p {
          width: 82%;
          margin: auto;
          display: block;
          padding: 4rem 0; }
        .sticky-cta.fixed .wrapper .cta a {
          width: 100%;
          position: relative; }
          .sticky-cta.fixed .wrapper .cta a button {
            font-size: 2rem; }
      .sticky-cta.fixed.active .icon {
        top: 0; } }
  .sticky-cta.hidden {
    pointer-events: none; }
    .sticky-cta.hidden .icon img {
      transform: scale(0); }
  .sticky-cta .icon {
    width: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 5;
    cursor: pointer;
    transition: all 0.4s ease; }
    .sticky-cta .icon img {
      width: auto;
      height: 12rem;
      transition: all 0.2s ease; }
    .sticky-cta .icon:hover img {
      transform: scale(1.05); }
  .sticky-cta .wrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 78%;
    left: 1%;
    position: relative;
    border-radius: 10rem 10rem;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .sticky-cta .wrapper {
        width: 94%;
        border-radius: 2rem 2rem; } }
    .sticky-cta .wrapper .cta {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      height: 8rem;
      background: #fff;
      border-radius: 10rem 10rem;
      padding-left: 14rem;
      padding-right: 20%;
      text-align: center;
      transition: all 0.8s cubic-bezier(0.2, 1, 0.2, 1);
      transform: translate(-105%, 0);
      -webkit-transform: translate3d(-105%, 0, 0);
      font: normal 1.5rem "Averta-ExtraBold";
      z-index: 4; }
      .sticky-cta .wrapper .cta p {
        padding-bottom: 0; }
      .sticky-cta .wrapper .cta a {
        width: 20%;
        position: absolute;
        right: 0;
        border-bottom: none; }
      .sticky-cta .wrapper .cta button {
        width: 100%;
        height: 8rem;
        font: normal 1.5rem "Averta-ExtraBold";
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.075rem;
        color: #fff;
        background: #33ccee;
        border-radius: 10rem 10rem;
        z-index: 5;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; }
        .sticky-cta .wrapper .cta button:hover {
          background: #11aacc; }
        .sticky-cta .wrapper .cta button:active {
          top: 0;
          left: 0; }

.above-4rem {
  padding-top: 4rem; }

.above-6rem {
  padding-top: 6rem; }

.above-8rem {
  padding-top: 8rem; }

.above-16rem {
  padding-top: 16rem; }

.below-4rem {
  padding-bottom: 4rem; }

.below-6rem {
  padding-bottom: 6rem; }

.below-8rem {
  padding-bottom: 8rem; }

.below-16rem {
  padding-bottom: 16rem; }

.below-48rem {
  padding-bottom: 48rem; }
  @media only screen and (max-width: 960px) {
    .below-48rem {
      padding-bottom: 24rem; } }

.both-4rem {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.both-6rem {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.both-8rem {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.both-16rem {
  padding-top: 16rem;
  padding-bottom: 16rem; }

.margin-above-2rem {
  margin-top: 2rem; }

.offset-4rem {
  margin-bottom: -4rem; }

.offset-8rem {
  margin-bottom: -8rem; }

.left {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start; }

.right {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -o-align-self: flex-end;
  align-self: flex-end; }

.centre {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
  align-self: center; }

.flex-left {
  order: -1; }

.flex-right {
  order: 1; }

main {
  width: 100%; }
  @media only screen and (min-width: 1680px) {
    main {
      padding: 0 6%; } }
  @media only screen and (min-width: 1920px) {
    main {
      padding: 0 8%; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .large-block, .medium-block {
    height: 100%; } }
.large-block {
  width: 88%;
  position: relative; }

.medium-block {
  width: 67%;
  position: relative; }

.half-block {
  width: 50%;
  position: relative; }

.small-block {
  width: 44%;
  position: relative; }

.hero, .vp-image {
  width: 100%;
  height: 80vh;
  -webkit-background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  animation-fill-mode: forwards; }
  @media only screen and (max-width: 960px) {
    .hero, .vp-image {
      height: 60vh; } }

.full-image {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  animation-fill-mode: forwards; }

video {
  width: 100%;
  height: auto; }

.embed-container {
  z-index: -2; }

.large-text-block, .para-leadout {
  width: 78%;
  margin: auto; }

.text-block {
  margin: auto;
  z-index: 99; }
  .text-block p {
    width: 100%; }
  .text-block > h3:first-of-type {
    padding-top: 0; }
  .text-block > h3 {
    padding-top: 2rem; }
  .text-block > .medium:first-of-type {
    padding-bottom: 0; }
  .text-block ol {
    counter-reset: li;
    list-style-type: none;
    padding-bottom: 4rem;
    display: table; }
    .text-block ol > li {
      position: relative;
      display: table-row;
      list-style: none;
      line-height: 175%; }
    .text-block ol > li:before {
      content: counter(li,decimal-leading-zero) ".";
      counter-increment: li;
      display: table-cell;
      /* aha! */
      text-align: right;
      padding-right: 2rem; }
  .text-block ul {
    list-style-type: disc;
    padding-bottom: 4rem;
    counter-reset: foo;
    display: table; }
  .text-block ul > li {
    counter-increment: foo;
    display: table-row;
    line-height: 175%; }
  .text-block ul > li::before {
    content: "•";
    display: table-cell;
    /* aha! */
    text-align: right;
    padding-right: 2rem; }
  .text-block em {
    float: left;
    padding: 2rem 1rem 0 0;
    font-family: "GT-Sectra-Book";
    font-size: 6rem;
    font-style: normal; }
  .text-block.two-col-list {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .text-block.two-col-list ul {
      width: 50%; }
      @media only screen and (max-width: 960px) {
        .text-block.two-col-list ul {
          width: 100%; } }
  .text-block.three-col-list {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .text-block.three-col-list ul {
      width: 33%; }
  .text-block.clean-list ul {
    list-style-type: none;
    padding-bottom: 4rem;
    counter-reset: foo; }
  .text-block.clean-list ul > li {
    counter-increment: foo;
    display: table-row;
    line-height: 175%; }
  .text-block.clean-list ul > li::before {
    content: "";
    display: table-cell;
    /* aha! */
    text-align: right;
    padding-right: 0; }

.para-leadout {
  padding: 8rem 0; }

.medium-text-block {
  width: 39%;
  margin: auto; }

.small-text-block {
  width: 33%;
  margin: auto;
  z-index: 99; }

.cta-block {
  position: relative;
  width: 94%;
  background-color: #fff;
  padding: 4rem 6%;
  z-index: 996; }
  .cta-block h2 {
    padding: 4rem 0 8rem; }
  .cta-block h3 {
    padding-top: 0; }
  @media only screen and (max-width: 960px) {
    .cta-block {
      padding: 4rem 4rem; } }

.cta-para-block {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 89%;
  margin: auto; }
  @media only screen and (max-width: 768px) {
    .cta-para-block {
      width: 78%; } }
  .cta-para-block .cta-button {
    width: 12%;
    margin-left: 6%;
    transition: scale 0.4s ease; }
    @media only screen and (max-width: 768px) {
      .cta-para-block .cta-button {
        width: 32%;
        margin-left: 68%; } }
    .cta-para-block .cta-button a {
      display: block;
      position: relative;
      border-bottom: none;
      transform: scale(0); }
      .cta-para-block .cta-button a::before {
        padding-bottom: 100%;
        content: "";
        display: block;
        border-radius: 100%;
        background: #33ccee;
        box-shadow: 0.4rem 0.4rem #99edff;
        transition: all 0.4s ease; }
      .cta-para-block .cta-button a:hover::before {
        transform: scale(1.05); }
      .cta-para-block .cta-button a span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #fff;
        font-family: "Averta-ExtraBold";
        font-size: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 0.075rem; }
        @media only screen and (max-width: 768px) {
          .cta-para-block .cta-button a span {
            font-size: 2rem; } }
      .cta-para-block .cta-button a.active {
        animation: pop 0.8s cubic-bezier(0.2, 1, 0.2, 1) 1 forwards;
        animation-delay: 0.4s; }
  .cta-para-block .content {
    width: 82%;
    padding-left: 20%; }
    @media only screen and (max-width: 768px) {
      .cta-para-block .content {
        width: 100%;
        padding-left: 0; } }

.content-block img, .content-block video {
  transition: all 4s cubic-bezier(0.2, 1, 0.2, 1); }

.leader-block {
  transition: all 4s cubic-bezier(0.2, 1, 0.2, 1); }

.text-overlay-block {
  position: absolute;
  top: 45%;
  left: 22%;
  z-index: 99;
  animation-fill-mode: forwards; }
  @media only screen and (max-width: 960px) {
    .text-overlay-block {
      top: 30%; } }

.medium-text-overlay-block {
  position: absolute;
  top: 50%;
  left: 22%;
  z-index: 3; }
  @media only screen and (max-width: 960px) {
    .medium-text-overlay-block {
      top: 40%; } }

.long-text-overlay-block {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
  top: 50%;
  left: 22%;
  z-index: 3; }
  @media only screen and (max-width: 960px) {
    .long-text-overlay-block {
      -webkit-transform: translateY(-70%);
      -moz-transform: translateY(-70%);
      -ms-transform: translateY(-70%);
      -o-transform: translateY(-70%);
      transform: translateY(-70%); } }

.short {
  width: 42%; }
  @media only screen and (max-width: 960px) {
    .short {
      width: 54%; } }

.long {
  width: 50%; }
  @media only screen and (max-width: 960px) {
    .long {
      width: 68%; } }

.split {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .split img {
    width: 50%; }

.split-content-text {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 960px) {
    .split-content-text > .content-block {
      width: 89%; }
    .split-content-text > .small-text-block {
      width: 78%; }
    .split-content-text > div > img {
      padding-bottom: 8rem; }
    .split-content-text > .flex-right > img, .split-content-text > .flex-right > a > img {
      margin-left: 13%; }
    .split-content-text .flex-right, .split-content-text .flex-left {
      order: 0; }
    .split-content-text > .leader-description {
      padding-bottom: 16rem; } }

.white {
  color: #fff; }

.blue {
  color: #33ccee; }

.above div, .above img, .above video {
  z-index: 1; }

.below div, .below img, .below video {
  z-index: 0; }

.below-below div, .below-below img, .below-below video {
  z-index: -1; }

button {
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none; }

.antispam {
  display: none;
  position: absolute;
  top: -3000px;
  left: -3000px; }

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