:root
{
  --color-white: #FFFFFF;
  --color-orange: #EE8032;
  --color-red: #CA054D;

  --color-blue: #276CCE;
  --color-dark-blue: #203C65;

  --color-darker-grey: #393D44;
  --color-dark-grey: #8E8E8F;
  --color-grey: #393D44;
  --color-light-grey: #F9FBFC;
  --color-lighter-grey: #DFDFDF;
  --color-lightest-grey: #B2BBC6;
  --color-footer-grey: #D9D9D9;

  --color-black-10: rgba( 0, 0, 0, 0.1 );
  --color-black-20: rgba( 0, 0, 0, 0.2 );
  --color-black-50: rgba( 0, 0, 0, 0.5 );

  --color-light-brown: #c8ac94;
}

*
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder
{
  color: var( --color-dark-grey );
}

::-moz-placeholder
{
  color: var( --color-dark-grey );
}

:-ms-input-placeholder
{
  color: var( --color-dark-grey );
}

:-moz-placeholder
{
  color: var( --color-dark-grey );
}



body
{
  font-family: "Quicksand", sans-serif;
  color: var( --color-grey );
  overflow-x: hidden;
}



.header
{
  width: 100%;
  padding: 0 24px 48px 24px;
  position: relative;
  z-index: 1000;
  background-color: var( --color-light-brown );

  -webkit-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

body.--show-background-image .header
{
  background: none;
}

.header__head
{
  padding: 48px 24px 0 24px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;

  -webkit-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.header__head::before
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 125%;
  content: "";
  display: block;
  z-index: 1;
  opacity: 0;

  background-image: linear-gradient( 0deg, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.75 ) 100% );

  -webkit-transition: opacity 200ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: opacity 200ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: opacity 200ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: opacity 200ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

body.--sticky-header .header__head::before
{
  opacity: 1;
}

body.--show-background-image .header__head
{
  background: none;
}

.header__logo
{
  position: relative;
  z-index: 2000;
  width: auto;
  max-width: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.header__logo a
{
  display: inline-block;
  vertical-align: top;
}

.header__logo a svg
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 27px;
}

.header__menu
{
  position: absolute;
  z-index: 2000;
  width: 50%;
  font-size: 0;
  background-color: var( --color-white );
  border-radius: 6px;
  padding: 9px 0;
  top: calc( 100% + 24px );
  right: 24px;
  display: none;

  -webkit-box-shadow: 0 6px 21px var( --color-black-10 );
  -moz-box-shadow: 0 6px 21px var( --color-black-10 );
  -ms-box-shadow: 0 6px 21px var( --color-black-10 );
  box-shadow: 0 6px 21px var( --color-black-10 );
}

.header__menu.--visible
{
  display: block;
}

.header__menu nav
{
  width: auto;
  display: inline-block;
  vertical-align: top;
}

.header__menu nav ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.header__menu nav ul li
{
  display: block;
}

.header__menu nav ul li a
{
  display: block;
  font-size: 18px;
  line-height: 1.5;
  color: var( --color-black );
  text-decoration: none;
  padding: 9px 18px;
}

.header__body
{
  position: relative;
  z-index: 2000;
  padding: 114px 0 0 0;
}

.header__body h1
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
  color: var( --color-white );
}

.header__body p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  color: var( --color-white );
}

.header__body h1 + p
{
  margin-top: 15px;
}

.header__body-buttons
{
  width: auto;
  font-size: 0;
}

.header__body h1 + .header__body-buttons,
.header__body p + .header__body-buttons
{
  margin-top: 48px;
}

.header__body-button
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 18px;
  line-height: 1.6;
  background-color: var( --color-white );
  padding: 15px 24px;
  text-decoration: none;
  color: var( --color-blue );
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid var( --color-white );

  -webkit-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.header__body-button:hover
{
  color: var( --color-white );
  border-color: var( --color-dark-blue );
  background-color: var( --color-dark-blue );
}

.header__body-button + .header__body-button
{
  margin-left: 24px;
}

.header__body-button.--outline
{
  background-color: transparent;
  color: var( --color-white );
}

.header__body-button.--outline:hover
{
  border-color: var( --color-blue );
}

.header__background
{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var( --color-light-brown );
}

.header__hamburger
{
  position: absolute;
  top: 27px;
  right: 0;
  display: inline-block;
  font-size: 0;
  padding: 24px;
  z-index: 2000;
}

.header__hamburger svg
{
  width: auto;
  height: 21px;
  display: inline-block;
}

.header__hamburger svg path
{
  stroke: var( --color-white ) !important;
}

@media ( min-width: 576px )
{

  .header
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

  .header__head
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .header
  {
    padding-left: calc( ( 100% - 720px ) / 2 );
    padding-right: calc( ( 100% - 720px ) / 2 );
    padding-top: 75px;
  }

  .header__head
  {
    width: 100%;
    padding: 48px calc( ( 100% - 720px ) / 2 );

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
  }

  .header__logo
  {
    order: 0;
    flex: 0 0 auto;
    align-self: auto;
  }

  .header__menu
  {
    width: auto;
    margin-left: auto;
    display: block !important;
    position: static;
    top: auto;
    right: auto;
    padding: 0;
    background: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;

    order: 0;
    flex: 0 0 auto;
    align-self: auto;
  }

  .header__logo + .header__menu
  {
    margin-top: 0;
  }

  .header__menu nav ul li
  {
    display: inline-block;
    vertical-align: top;
    width: auto;
  }

  .header__menu nav ul li a
  {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0;
    color: var( --color-white );
  }

  .header__menu nav ul li + li
  {
    margin-left: 36px;
  }

  .header__body
  {
    padding-right: calc( 100% - 540px );
    padding-top: 57px;
    padding-bottom: 24px;
  }

  .header__body h1
  {
    font-size: 42px;
  }

  .header__hamburger
  {
    display: none !important;
  }

}

@media ( min-width: 992px )
{

  .header
  {
    padding-left: calc( ( 100% - 960px ) / 2 );
    padding-right: calc( ( 100% - 960px ) / 2 );
  }

  .header__head
  {
    padding-left: calc( ( 100% - 960px ) / 2 );
    padding-right: calc( ( 100% - 960px ) / 2 );
  }

  .header__body
  {
    padding-right: calc( 100% - 720px );
    padding-top: 75px;
    padding-bottom: 48px;
  }

  .header__body h1
  {
    font-size: 51px;
  }

  .header__body p
  {
    padding-right: calc( 100% - 540px );
  }

  .header__body-button + .header__body-button
  {
    margin-left: 30px;
  }

}

@media ( min-width: 1200px )
{

  .header
  {
    padding-left: calc( ( 100% - 1140px ) / 2 );
    padding-right: calc( ( 100% - 1140px ) / 2 );
  }

  .header__head
  {
    padding-left: calc( ( 100% - 1140px ) / 2 );
    padding-right: calc( ( 100% - 1140px ) / 2 );
  }

  .header__body
  {
    padding-right: calc( 100% - 960px );
    padding-top: 96px;
    padding-bottom: 72px;
  }

  .header__body h1
  {
    font-size: 60px;
  }

}

@media ( min-width: 1400px )
{

  .header
  {
    padding-left: calc( ( 100% - 1320px ) / 2 );
    padding-right: calc( ( 100% - 1320px ) / 2 );
  }

  .header__head
  {
    padding-left: calc( ( 100% - 1320px ) / 2 );
    padding-right: calc( ( 100% - 1320px ) / 2 );
  }

  .header__body
  {
    padding-right: calc( 100% - 1140px );
    padding-top: 114px;
    padding-bottom: 96px;
  }

}



.mpus
{
  width: 100%;
  padding: 0 24px;
  position: relative;
  z-index: 2000;
  font-size: 0;
}

.mpus::before
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  content: "";
  z-index: 1000;
  background-color: var( --color-light-brown );

  -webkit-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: background 500ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

body.--show-background-image .mpus::before
{
  background: none;
}

.mpus__mpu
{
  padding: 24px;
  border-radius: 18px;
  background-color: var( --color-white );
  position: relative;
  z-index: 2000;

  -webkit-box-shadow: 0 6px 21px var( --color-black-10 );
  -moz-box-shadow: 0 6px 21px var( --color-black-10 );
  -ms-box-shadow: 0 6px 21px var( --color-black-10 );
  box-shadow: 0 6px 21px var( --color-black-10 );

  position: relative;
  top: 48px;
  opacity: 0;

  -webkit-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.mpus__mpu.--visible
{
  top: 0;
  opacity: 1;
}

.mpus__mpu + .mpus__mpu
{
  margin-top: 24px;
}

.mpus__icon
{
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: top;
  background-color: var( --color-blue );
  border-radius: 50%;
  position: relative;
}

.mpus__icon svg
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: auto;

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.mpus__icon.--nudge-up svg
{
  margin-top: -1px;
}

.mpus__mpu h2
{
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
}

.mpus__icon + h2
{
  margin-top: 18px;
}

.mpus__mpu p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.mpus__mpu h2 + p
{
  margin-top: 15px;
}

@media ( min-width: 576px )
{

  .mpus
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .mpus
  {
    padding-left: calc( ( 100% - 720px ) / 2 );
    padding-right: calc( ( 100% - 720px ) / 2 );
  }

  .mpus__mpu
  {
    width: 540px;
  }

  .mpus__mpu:nth-of-type( 2 )
  {
    margin-left: 180px;
  }

}

@media ( min-width: 992px )
{

  .mpus
  {
    padding-left: calc( ( 100% - 960px ) / 2 );
    padding-right: calc( ( 100% - 960px ) / 2 );

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
  }

  .mpus::before
  {
    height: 54px;
  }

  .mpus__mpu
  {
    width: calc( ( 100% - 60px ) / 3 );
    padding: 30px;

    order: 0;
    flex: 0 0 auto;
    align-self: auto;
  }

  .mpus__mpu + .mpus__mpu
  {
    margin-top: 0;
    margin-left: 30px;
  }

}

@media ( min-width: 1200px )
{

  .mpus
  {
    padding-left: calc( ( 100% - 1140px ) / 2 );
    padding-right: calc( ( 100% - 1140px ) / 2 );
  }

}

@media ( min-width: 1400px )
{

  .mpus
  {
    padding-left: calc( ( 100% - 1320px ) / 2 );
    padding-right: calc( ( 100% - 1320px ) / 2 );
  }

}



.your-help
{
  padding: 72px 24px 60px 24px;
}

.your-help__body
{
  position: relative;
  top: 48px;
  opacity: 0;

  -webkit-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.your-help.--in-view .your-help__body
{
  top: 0;
  opacity: 1;
}

.your-help__body h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
}

.your-help__body ul
{
  margin: 0;
  padding: 0 0 0 24px;
  list-style-type: none;
}

.your-help__body h2 + ul
{
  margin-top: 21px;
}

.your-help__body ul li
{
  font-size: 18px;
  line-height: 1.5;
  position: relative;
}

.your-help__body ul li + li
{
  margin-top: 18px;
}

.your-help__body ul li::before
{
  width: 9px;
  height: 9px;
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: -24px;
  border-radius: 50%;
  background-color: var( --color-blue );
}

.your-help__button
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 18px;
  line-height: 1.6;
  background-color: var( --color-blue );
  padding: 15px 24px;
  text-decoration: none;
  color: var( --color-white );
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid var( --color-blue );

  -webkit-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.your-help__button:hover
{
  border-color: var( --color-dark-blue );
  background-color: var( --color-dark-blue );
}

.your-help__body ul + .your-help__button
{
  margin-top: 24px;
}

.your-help__aside
{
  position: relative;
}

.your-help__body + .your-help__aside
{
  margin-top: 48px;
}

.your-help__image
{
  width: 100%;
  padding: 0 0 calc( 100% / ( 16 / 9 ) ) 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 18px;
  background-color: var( --color-light-grey );
}

.your-help__video-button
{
  width: auto;
  display: inline-block;
  padding: 12px 18px;
  background-color: var( --color-blue );
  text-decoration: none;
  color: var( --color-white );
  font-size: 0;
  border-radius: 6px;
  white-space: nowrap;
  position: relative;
  top: -12px;
  left: 50%;

  -webkit-transform: translateX( -50% );
  -moz-transform: translateX( -50% );
  -ms-transform: translateX( -50% );
  transform: translateX( -50% );

  -webkit-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.your-help__video-button:hover
{
  background-color: var( --color-dark-blue );
}

.your-help__video-button svg
{
  width: auto;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.your-help__video-button span
{
  font-size: 15px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.your-help__video-button svg + span
{
  margin-left: 18px;
}

@media ( min-width: 576px )
{

  .your-help
  {
    width: 540px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }

}

@media ( min-width: 768px )
{

  .your-help__body h2
  {
    font-size: 42px;
  }

  .your-help__body h2 + ul
  {
    margin-top: 24px;
  }

  .your-help__body ul + .your-help__button
  {
    margin-top: 27px;
  }

}

@media ( min-width: 992px )
{

  .your-help
  {
    width: 960px;
    padding-top: 96px;
    padding-bottom: 96px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
  }

  .your-help__body
  {
    width: calc( ( 100% - 60px ) / 2 );

    order: 2;
    flex: 0 0 auto;
    align-self: auto;
  }

  .your-help__aside
  {
    width: calc( ( 100% - 60px ) / 2 );
    position: relative;

    order: 1;
    flex: 0 0 auto;
    align-self: auto;
  }

  .your-help__body + .your-help__aside
  {
    margin-top: 0;
    margin-right: 60px;
  }

  .your-help__video-button
  {
    position: absolute;
    top: calc( 100% - 18px );
    left: -18px;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

}

@media ( min-width: 1200px )
{

  .your-help
  {
    width: 1140px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .your-help__body h2
  {
    font-size: 51px;
  }

  .your-help__body h2 + ul
  {
    margin-top: 27px;
  }

  .your-help__body ul + .your-help__button
  {
    margin-top: 30px;
  }

}

@media ( min-width: 1400px )
{

  .your-help
  {
    width: 1320px;
    padding-top: 144px;
    padding-bottom: 144px;
  }

}



.figures
{
  width: 100%;
  padding: 48px 24px 0 24px;
  background-color: var( --color-light-grey );
}

.figures__row
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

.figures__row.--auto-height
{
  align-items: flex-end;
}

.figures__row + .figures__row
{
  margin-top: 24px;
}

.figures__cell
{
  width: calc( ( 100% - 24px ) / 2 );
  margin: 24px 24px 0 0;

  order: 0;
  flex: 0 0 auto;
  align-self: auto;
}

.figures__cell:not( .--heading )
{
  background-color: var( --color-white );
  border-radius: 18px;
  text-align: center;
  padding: 36px 24px;

  -webkit-box-shadow: 0 6px 21px var( --color-black-10 );
  -moz-box-shadow: 0 6px 21px var( --color-black-10 );
  -ms-box-shadow: 0 6px 21px var( --color-black-10 );
  box-shadow: 0 6px 21px var( --color-black-10 );
}

.figures__cell.--double
{
  width: 100%;
}

.figures__cell.--double:first-child
{
  margin-top: 0;
}

.figures__cell:not( .--double ):nth-child( -n + 2 )
{
  margin-top: 0;
}

.figures__cell.--double,
.figures__cell:nth-child( 2n )
{
  margin-right: 0;
}

.figures__cell h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
}

.figures__cell h2 span
{
  color: var( --color-blue );
}

.figures__cell h3
{
  margin: 0;
  font-size: 27px;
  line-height: 1.25;
  color: var( --color-blue );
}

.figures__cell p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.figures__cell h3 + p
{
  margin-top: 6px;
}

.figures__footnote
{
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 24px 0 48px 0;
  background-color: var( --color-light-grey );
  font-size: 12px;
  color: var( --color-lightest-grey );
  text-transform: uppercase;
  font-weight: 700;
}

@media ( min-width: 576px )
{

  .figures
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

  .figures__cell h2
  {
    padding-right: 48px;
  }

}

@media ( min-width: 768px )
{

  .figures
  {
    padding: 60px calc( ( 100% - 720px ) / 2 ) 0 calc( ( 100% - 720px ) / 2 );
  }

  .figures__cell:not( .--heading )
  {
    padding: 54px 36px;
  }

  .figures__cell.--double
  {
    width: calc( ( 100% - 24px ) / 2 );
  }

  .figures__cell.--double + .figures__cell.--double
  {
    margin-top: 0;
    margin-left: 24px;
  }

  .figures__cell h2
  {
    padding-right: 0;
    font-size: 36px;
  }

  .figures__cell h3
  {
    font-size: 30px;
  }

  .figures__footnote
  {
    padding-bottom: 60px;
  }

}

@media ( min-width: 992px )
{

  .figures
  {
    padding: 72px calc( ( 100% - 960px ) / 2 ) 0 calc( ( 100% - 960px ) / 2 );
  }

  .figures__row + .figures__row
  {
    margin-top: 30px;
  }

  .figures__cell
  {
    width: calc( ( 100% - 90px ) / 4 );
    margin: 0 30px 0 0;
  }

  .figures__cell:not( .--double ):nth-of-type( 2n )
  {
    margin-right: 30px;
  }

  .figures__cell:not( .--double ):nth-of-type( 4n )
  {
    margin-right: 0;
  }

  .figures__cell.--double
  {
    width: calc( ( 100% - 30px ) / 2 );
  }

  .figures__cell.--double + .figures__cell.--double
  {
    margin-left: 30px;
  }

  .figures__cell h2
  {
    font-size: 42px;
  }

  .figures__cell h3
  {
    font-size: 33px;
  }

  .figures__footnote
  {
    padding-top: 30px;
    padding-bottom: 72px;
  }

}

@media ( min-width: 1200px )
{

  .figures
  {
    padding: 84px calc( ( 100% - 1140px ) / 2 ) 0 calc( ( 100% - 1140px ) / 2 );
  }

  .figures__cell:not( .--heading )
  {
    padding: 72px 48px;
  }

  .figures__cell h2
  {
    font-size: 51px;
  }

  .figures__cell h3
  {
    font-size: 36px;
  }

  .figures__cell p
  {
    font-size: 21px;
  }

  .figures__cell h3 + p
  {
    margin-top: 9px;
  }

  .figures__footnote
  {
    padding-bottom: 84px;
  }

}

@media ( min-width: 1400px )
{

  .figures
  {
    padding-left: calc( ( 100% - 1320px ) / 2 );
    padding-right: calc( ( 100% - 1320px ) / 2 );
  }

  .figures__cell h2
  {
    font-size: 60px;
  }

  .figures__cell h3
  {
    font-size: 39px;
  }

}



.whats-involved
{
  padding: 72px 24px;
  position: relative;
  top: 48px;
  opacity: 0;

  -webkit-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.whats-involved.--in-view
{
  top: 0;
  opacity: 1;
}

.whats-involved > h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
  width: 100%;
  text-align: center;
}

.whats-involved > p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}

.whats-involved > h2 + p
{
  margin-top: 18px;
}

@media ( min-width: 576px )
{

  .whats-involved
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .whats-involved
  {
    padding-left: calc( ( 100% - 720px ) / 2 );
    padding-right: calc( ( 100% - 720px ) / 2 );
  }

  .whats-involved > h2
  {
    font-size: 42px;
  }

}

@media ( min-width: 992px )
{

  .whats-involved
  {
    padding: 96px calc( ( 100% - 960px ) / 2 );
  }

  .whats-involved > h2
  {
    font-size: 51px;
  }

}

@media ( min-width: 1200px )
{

  .whats-involved
  {
    padding: 120px calc( ( 100% - 1140px ) / 2 );
  }

  .whats-involved > h2
  {
    font-size: 60px;
  }

}

@media ( min-width: 1400px )
{

  .whats-involved
  {
    padding: 144px calc( ( 100% - 1320px ) / 2 );
  }

}



.tabbed
{
  font-size: 0;
}

.whats-involved > p + .tabbed
{
  margin-top: 33px;
}

.questions > h2 + .tabbed
{
  margin-top: 33px;
}

.tabbed__head ul
{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}

.tabbed__head ul li
{
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.tabbed__head ul li a
{
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: var( --color-grey );
  text-decoration: none;
  padding: 15px;
  position: relative;
}

.tabbed__head ul li a::after
{
  position: absolute;
  top: calc( 100% - 2px );
  left: 15px;
  height: 2px;
  width: calc( 100% - 30px );
  display: block;
  content: "";
  background-color: var( --color-white );
}

.tabbed.--accordion .tabbed__head ul li a:not( .--active )::after
{
  background-color: var( --color-light-grey );
}

.tabbed__head ul li a.--active
{
  color: var( --color-blue );
}

.tabbed__head ul li a.--active::after
{
  background-color: var( --color-blue );
}

.tabbed__body
{
  width: 100%;
  padding: 36px;
  border-radius: 18px;
  background-color: var( --color-light-grey );

  -webkit-box-shadow: 0 6px 21px var( --color-black-10 );
  -moz-box-shadow: 0 6px 21px var( --color-black-10 );
  -ms-box-shadow: 0 6px 21px var( --color-black-10 );
  box-shadow: 0 6px 21px var( --color-black-10 );
}

.tabbed.--accordion .tabbed__body
{
  padding: 0;
  border-radius: 0;
  background: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.tabbed__head + .tabbed__body
{
  margin-top: 48px;
}

.tabbed__content
{
  display: none;
}

.tabbed__content.--active
{
  display: block;
}

.tabbed:not( .--accordion ) .tabbed__content h2
{
  font-size: 21px;
  line-height: 1.25;
  margin: 0;
}

.tabbed:not( .--accordion ) .tabbed__content p
{
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

.tabbed:not( .--accordion ) .tabbed__content * + *:not( .tabbed__button )
{
  margin-top: 24px;
}

.tabbed:not( .--accordion ) .tabbed__button
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 18px;
  line-height: 1.6;
  background-color: var( --color-blue );
  padding: 15px 24px;
  text-decoration: none;
  color: var( --color-white );
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid var( --color-blue );

  -webkit-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.tabbed:not( .--accordion ) .tabbed__button:hover
{
  border-color: var( --color-dark-blue );
  background-color: var( --color-dark-blue );
}

.tabbed:not( .--accordion ) .tabbed__content * + .tabbed__button
{
  margin-top: 33px;
}

@media ( min-width: 992px )
{

  .tabbed__body
  {
    padding: 60px;
  }

}

@media ( min-width: 1200px )
{

  .tabbed__body
  {
    padding: 72px calc( ( 100% - 960px ) / 2 );
  }

}

@media ( min-width: 1400px )
{

  .tabbed__body
  {
    padding: 84px calc( ( 100% - 1140px ) / 2 );
  }

}



.how-works
{
  padding: 72px 24px;
}

.how-works.--no-padding-top
{
  padding-top: 0;
}

.how-works__head
{
  width: 100%;
  position: relative;
}

.how-works__head h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
  text-align: center;
}

.how-works__head svg
{
  position: absolute;
  top: 150%;
  left: 35%;
  width: 90px;
  height: auto;

  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;

  -webkit-transform: rotate( 165deg );
  -moz-transform: rotate( 165deg );
  -ms-transform: rotate( 165deg );
  transform: rotate( 165deg );
}

.how-works__steps
{
  font-size: 0;
}

.how-works__head + .how-works__steps
{
  margin-top: 33px;
}

.how-works__steps ul
{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.how-works__steps ul li.--empty
{
  display: none;
}

.how-works__steps ul li
{
  opacity: 0;

  -webkit-transition: opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.how-works__steps ul li.--visible
{
  opacity: 1;
}

.how-works__steps ul li + li
{
  margin-top: 36px;
}

.how-works__badge
{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  background-color: var( --color-blue );
  color: var( --color-white );
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}

.how-works__steps ul li:nth-of-type( even ) .how-works__badge
{
  background-color: var( --color-orange );
}

.how-works__badge span
{
  position: absolute;
  top: 50%;
  left: 50%;

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.how-works__content
{
  padding: 18px 0 0 0;
  margin: 18px 0 0 0;
  border-top: 1px solid var( --color-lighter-grey );
}

.how-works__content h3
{
  font-size: 21px;
  line-height: 1.25;
  margin: 0;
}

.how-works__content p
{
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

.how-works__content h3 + p
{
  margin-top: 12px;
}

.how-works__content p + p
{
  margin-top: 9px;
}

.how-works__content p a
{
  color: var( --color-blue );
  text-decoration: underline;
}

@media ( min-width: 576px )
{

  .how-works
  {
    width: 540px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .how-works__head svg
  {
    left: 25%;
  }

  .how-works__steps ul li
  {
    display: inline-block;
    vertical-align: top;
    width: calc( ( 100% - 36px ) / 2 );
    margin: 36px 36px 0 0;
  }

  .how-works__steps ul li:nth-child( -n + 4 )
  {
    margin-top: 0;
  }

  .how-works__steps ul li:nth-of-type( 2n )
  {
    margin-right: 0;
  }

}

@media ( min-width: 768px )
{

  .how-works
  {
    width: 720px;
  }

  .how-works__head h2
  {
    font-size: 42px;
  }

  .how-works__head svg
  {
    top: 130%;
    width: 102px;
  }

}

@media ( min-width: 992px )
{

  .how-works
  {
    width: 960px;
    padding-top: 96px;
    padding-bottom: 96px;
    position: relative;
  }

  .how-works__head
  {
    position: absolute;
    top: 0;
    left: 0;
    width: calc( ( ( ( 100% - 108px ) / 4 ) * 2 ) + 36px );
    padding-top: 84px;
  }

  .how-works__head h2
  {
    font-size: 51px;
    text-align: left;
  }

  .how-works__head svg
  {
    top: 10%;
    right: 1%;
    left: auto;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .how-works__steps ul li.--empty
  {
    display: inline-block;
    vertical-align: top;
  }

  .how-works__steps ul li
  {
    width: calc( ( 100% - 108px ) / 4 );
  }

  .how-works__steps ul li:nth-of-type( 2n )
  {
    margin-right: 36px;
  }

  .how-works__steps ul li:nth-of-type( 4n )
  {
    margin-right: 0;
  }

}

@media ( min-width: 1200px )
{

  .how-works
  {
    width: 1140px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .how-works__head h2
  {
    font-size: 60px;
  }

  .how-works__head svg
  {
    right: 3%;
    width: 114px;
  }

}

@media ( min-width: 1400px )
{

  .how-works
  {
    width: 1320px;
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .how-works__head svg
  {
    right: 8%;
    width: 126px;
  }

}



@keyframes wiggle1 {
    0% { transform: rotate(160deg); }
   80% { transform: rotate(160deg); }
   85% { transform: rotate(165deg); }
   95% { transform: rotate(155deg); }
  100% { transform: rotate(160deg); }
}

@keyframes wiggle2 {
    0% { transform: rotate(35deg); }
   80% { transform: rotate(35deg); }
   85% { transform: rotate(40deg); }
   95% { transform: rotate(30deg); }
  100% { transform: rotate(35deg); }
}

@keyframes wiggle3 {
    0% { transform: rotate(30deg); }
   80% { transform: rotate(30deg); }
   85% { transform: rotate(35deg); }
   95% { transform: rotate(25deg); }
  100% { transform: rotate(30deg); }
}

.leaflet
{
  width: 100%;
  padding: 0 24px;
  font-size: 0;
  position: relative;
}

.leaflet::before
{
  width: 100%;
  height: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1000;
  background-color: var( --color-light-grey );
}

.leaflet__body
{
  background-color: var( --color-blue );
  border-radius: 18px;
  position: relative;
  padding: 36px;
  z-index: 2000;
}

.leaflet__column
{
  padding: 0;
  position: relative;
  z-index: 2000;
}

.leaflet__column + .leaflet__column
{
  margin-top: 48px;
  margin-bottom: 6px;
}

.leaflet__column h2
{
  font-size: 33px;
  line-height: 1.25;
  margin: 0;
  color: var( --color-white );
}

.leaflet__column svg
{
  position: absolute;
  left: 228px;
  bottom: 42px;
  width: 90px;
  height: auto;

  -webkit-transform: rotate( 160deg );
  -moz-transform: rotate( 160deg );
  -ms-transform: rotate( 160deg );
  transform: rotate( 160deg );
}

.leaflet.--wiggle .leaflet__column svg
{
  animation: wiggle1 2.5s infinite;
}

.leaflet__column svg path
{
  fill: var( --color-white ) !important;
}

.leaflet__button
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 18px;
  line-height: 1.6;
  background-color: var( --color-white );
  padding: 15px 24px;
  text-decoration: none;
  color: var( --color-blue );
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid var( --color-white );

  -webkit-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.leaflet__button:hover
{
  color: var( --color-white );
  background-color: var( --color-dark-blue );
  border-color: var( --color-dark-blue );
}

.leaflet__column h2 + .leaflet__button
{
  margin-top: 36px;
}

.leaflet__column img
{
  width: 100%;
  height: auto;
}

.leaflet__body > svg
{
  position: absolute;
  bottom: -3px;
  right: -3px;
  z-index: 1000;
  opacity: 0.1;
  display: inline-block;
  width: 180px;
  height: auto;
}

@media ( min-width: 576px )
{

  .leaflet
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .leaflet
  {
    padding-left: calc( ( 100% - 720px ) / 2 );
    padding-right: calc( ( 100% - 720px ) / 2 );
  }

  .leaflet__body
  {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
  }

  .leaflet__column
  {
    width: 55%;

    order: 0;
    flex: 1 1 auto;
    align-self: auto;
  }

  .leaflet__column + .leaflet__column
  {
    width: 45%;
    margin-top: 0;
    margin-left: 18px;
  }

  .leaflet__column h2
  {
    font-size: 30px;
  }

  .leaflet__column svg
  {
    left: 231px;
    bottom: 39px;
    width: 81px;
  }

  .leaflet__body > svg
  {
    width: 210px;
    bottom: -6px;
    right: -6px;
  }

}

@media ( min-width: 992px )
{

  .leaflet
  {
    padding-left: calc( ( 100% - 960px ) / 2 );
    padding-right: calc( ( 100% - 960px ) / 2 );
  }

  .leaflet__body
  {
    padding: 60px;
  }

  .leaflet__column h2
  {
    font-size: 33px;
  }

  .leaflet__body > svg
  {
    width: 240px;
    bottom: -9px;
    right: -9px;
  }

}

@media ( min-width: 1200px )
{

  .leaflet
  {
    padding-left: calc( ( 100% - 1140px ) / 2 );
    padding-right: calc( ( 100% - 1140px ) / 2 );
  }

  .leaflet__body
  {
    padding: 72px 108px;
  }

  .leaflet__column
  {
    width: 50%;
  }

  .leaflet__column + .leaflet__column
  {
    width: 50%;
  }

  .leaflet__column h2
  {
    font-size: 36px;
  }

  .leaflet__column svg
  {
    left: -93px;
    bottom: 81px;
    width: 90px;

    -webkit-transform: rotate( 35deg );
    -moz-transform: rotate( 35deg );
    -ms-transform: rotate( 35deg );
    transform: rotate( 35deg );
  }

  .leaflet.--wiggle .leaflet__column svg
  {
    animation: wiggle2 2.5s infinite;
  }

  .leaflet__body > svg
  {
    width: 270px;
    bottom: -12px;
    right: -12px;
  }

}

@media ( min-width: 1400px )
{

  .leaflet
  {
    padding-left: calc( ( 100% - 1320px ) / 2 );
    padding-right: calc( ( 100% - 1320px ) / 2 );
  }

  .leaflet__body
  {
    padding: 84px 126px;
  }

  .leaflet__column h2
  {
    font-size: 39px;
  }

  .leaflet__column svg
  {
    left: -102px;
    bottom: 81px;

    -webkit-transform: rotate( 30deg );
    -moz-transform: rotate( 30deg );
    -ms-transform: rotate( 30deg );
    transform: rotate( 30deg );
  }

  .leaflet.--wiggle .leaflet__column svg
  {
    animation: wiggle3 2.5s infinite;
  }

}



.join
{
  padding: 72px 24px;
  background-color: var( --color-light-grey );
}

.join__body
{
  padding: 36px;
  border-radius: 18px;
  background-color: var( --color-white );
  position: relative;

  -webkit-box-shadow: 0 6px 21px var( --color-black-10 );
  -moz-box-shadow: 0 6px 21px var( --color-black-10 );
  -ms-box-shadow: 0 6px 21px var( --color-black-10 );
  box-shadow: 0 6px 21px var( --color-black-10 );
}

.join.--submitting .join__body::before
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  z-index: 9999;
  border-radius: 18px;
}

.join__body > h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
  width: 100%;
  text-align: center;
}

.join__body > p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}

.join__body > h2 + p
{
  margin-top: 12px;
}

.join__form
{
  margin: 27px 0 0 0;
}

.join.--thank-you .join__form
{
  display: none;
}

.join__form-steps
{
  text-align: center;
  font-size: 0;
}

.join__form-steps ul
{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.join__form-steps ul li
{
  display: inline-block;
  vertical-align: middle;
  padding: 9px;
}

.join__form-badge
{
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  background-color: var( --color-dark-grey );
}

.join__form-badge.--active
{
  background-color: var( --color-blue );
}

.join__form-badge span
{
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  color: var( --color-white );

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.join__form-steps ul li p
{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 9px;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
}

.join__form-groups
{
  display: none;
}

.join__form-groups.--active
{
  display: block;
}

.join__form-group + .join__form-group
{
  margin-top: 18px;
}

.join__form-steps + .join__form-groups
{
  margin-top: 27px;
}

.join__form-group > label
{
  width: 100%;
  font-size: 18px;
  line-height: 1.5;
}

.join__form-group.--danger > label
{
  color: var( --color-red );
  font-weight: 700;
}

.join__form-radios
{
  width: 100%;
  font-size: 0;
}

.join__form-group > label + .join__form-radios
{
  margin-top: 6px;
}

.join__form-radio
{
  font-size: 0;
  display: block;
  width: 100%;
}

.join__form-radios .join__form-radio
{
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.join__form-radios .join__form-radio + .join__form-radio
{
  margin-left: 18px;
}

.join__form-radio label
{
  display: inline-block;
}

.join__form-radio label input
{
  display: none;
}

.join__form-radio label span
{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var( --color-lightest-grey );
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.join__form-group.--danger .join__form-radio label span
{
  border-color: var( --color-red );
}

.join__form-radio label input:checked + span::before
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  display: block;
  content: "";
  border-radius: 50%;
  background-color: var( --color-blue );

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.join__form-radio label p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  display: inline-block;
  vertical-align: middle;
}

.join__form-radio label span + p
{
  margin-left: 9px;
}

.join__form-input
{
  width: 100%;
  height: auto;
  font-size: 0;
  border: 1px solid var( --color-lightest-grey );
  border-radius: 3px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}

.join__form-group.--danger .join__form-input
{
  border-color: var( --color-red );
}

.join__form-group > label + .join__form-input
{
  margin-top: 9px;
}

.join__form-input input
{
  width: auto;
  height: 48px;
  font-size: 18px;
  padding: 0 15px;

  background: none;
  border: none;
  outline: none;

  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;

  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}

.join__form-select
{
  width: 100%;
  height: auto;
  font-size: 0;
  border: 1px solid var( --color-lightest-grey );
  border-radius: 3px;
  position: relative;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}

.join__form-group.--danger .join__form-select
{
  border-color: var( --color-red );
}

.join__form-group > label + .join__form-select
{
  margin-top: 9px;
}

.join__form-select select
{
  width: auto;
  height: 48px;
  font-size: 18px;
  padding: 0 42px 0 15px;
  position: relative;
  z-index: 2000;

  background: none;
  border: none;
  outline: none;

  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;

  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}

.join__form-select select + svg
{
  position: absolute;
  top: 50%;
  right: 15px;
  display: inline-block;
  width: 12px;
  height: auto;
  z-index: 1000;

  -webkit-transform: translateY( -50% );
  -moz-transform: translateY( -50% );
  -ms-transform: translateY( -50% );
  transform: translateY( -50% );
}

.join__form-select.--flags span
{
  width: 30px;
  height: 22.5px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 15px;
  background-color: var( --color-lighter-grey );
  z-index: 1000;

  -webkit-transform: translateY( -50% );
  -moz-transform: translateY( -50% );
  -ms-transform: translateY( -50% );
  transform: translateY( -50% );
}

.join__form-select.--flags span svg
{
  width: 100%;
  height: auto;
  display: inline-block;
}

.join__form-select.--flags select
{
  width: 87px;
  font-size: 0;
}

.join__form-input.--prepend .join__form-select
{
  width: auto;
  border: none;
}

.join__form-input.--prepend .join__form-select + input
{
  padding-left: 0;
}

.join__form-textarea
{
  width: 100%;
  height: auto;
  font-size: 0;
  border: 1px solid var( --color-lightest-grey );
  border-radius: 3px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}

.join__form-group.--danger .join__form-textarea
{
  border-color: var( --color-red );
}

.join__form-group > label + .join__form-textarea
{
  margin-top: 9px;
}

.join__form-textarea textarea
{
  width: auto;
  min-height: 144px;
  font-size: 18px;
  line-height: 1.5;
  padding: 12px 15px;
  resize: vertical;

  background: none;
  border: none;
  outline: none;

  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;

  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}

.join__form-link
{
  display: inline-block;
  width: auto;
  font-size: 18px;
  line-height: 1.5;
  color: var( --color-blue );
  text-decoration: none;
}

.join__form-link + .join__form-link
{
  margin-top: 9px;
}

.join__form-group + .join__form-link
{
  margin-top: 27px;
}

.join__form-link + .join__form-group
{
  margin-top: 27px;
}

.join__form-button
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 18px;
  line-height: 1.6;
  background-color: var( --color-blue );
  padding: 15px 24px;
  text-decoration: none;
  color: var( --color-white );
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid var( --color-blue );

  -webkit-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), border-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 ), background-color 175ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.join__form-button:hover
{
  background-color: var( --color-dark-blue );
  border-color: var( --color-dark-blue );
}

.join__form-button.--danger
{
  background-color: var( --color-red );
  border-color: var( --color-red );
}

.join__form-error
{
  width: 100%;
  margin: 27px 0 0 0;
  font-size: 18px;
  font-weight: 700;
  color: var( --color-red );
  display: none;
}

.join__form-error.--visible
{
  display: block;
}

.join__thank-you
{
  display: none;
  text-align: center;
  padding: 36px 0 0 0;
}

.join.--thank-you .join__thank-you
{
  display: block;
}

.join__thank-you h3
{
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
  color: var( --color-blue );
}

.join__thank-you h4
{
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
}

.join__thank-you h3 + h4
{
  margin-top: 36px;
}

.join__thank-you p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.join__thank-you h4 + p
{
  margin-top: 36px;
}

@media ( min-width: 576px )
{

  .join
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .join
  {
    padding-left: calc( ( 100% - 720px ) / 2 );
    padding-right: calc( ( 100% - 720px ) / 2 );
  }

  .join__body > h2
  {
    font-size: 42px;
  }

  .join__form
  {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
  }

}

@media ( min-width: 992px )
{

  .join
  {
    padding: 96px calc( ( 100% - 960px ) / 2 );
  }

  .join__body
  {
    padding: 60px;
  }

  .join__body > h2
  {
    font-size: 51px;
  }

}

@media ( min-width: 1200px )
{

  .join
  {
    padding: 120px calc( ( 100% - 1140px ) / 2 );
  }

  .join__body
  {
    padding: 72px calc( ( 100% - 960px ) / 2 );
  }

  .join__body > h2
  {
    font-size: 60px;
  }

}

@media ( min-width: 1400px )
{

  .join
  {
    padding: 144px calc( ( 100% - 1320px ) / 2 );
  }

  .join__body
  {
    padding: 84px calc( ( 100% - 1140px ) / 2 );
  }

}



.questions
{
  padding: 72px 24px;
  background-color: var( --color-light-grey );
}

.questions > h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
  width: 100%;
  text-align: center;
}

@media ( min-width: 576px )
{

  .questions
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .questions
  {
    padding-left: calc( ( 100% - 720px ) / 2 );
    padding-right: calc( ( 100% - 720px ) / 2 );
  }

  .questions > h2
  {
    font-size: 42px;
  }

}

@media ( min-width: 992px )
{

  .questions
  {
    padding: 96px calc( ( 100% - 960px ) / 2 );
  }

  .questions > h2
  {
    font-size: 51px;
  }

}

@media ( min-width: 1200px )
{

  .questions
  {
    padding: 120px calc( ( 100% - 1140px ) / 2 );
  }

  .questions > h2
  {
    font-size: 60px;
  }

}

@media ( min-width: 1400px )
{

  .questions
  {
    padding: 144px calc( ( 100% - 1320px ) / 2 );
  }

}



.accordion
{
  width: 100%;
  font-size: 0;
  margin: -30px 0 0 0;
}

.accordion ul
{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.accordion ul li
{
  padding: 0;
  border-bottom: 1px solid var( --color-dark-grey );
  cursor: pointer;
}

.accordion__head
{
  width: 100%;
  padding: 30px 0;
  position: relative;
  z-index: 2000;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordion__head h3
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: top;
  padding: 0 18px 0 0;
  width: calc( 100% - 12px );
}

.accordion__head svg
{
  display: none;
  vertical-align: top;
  width: 12px;
  height: auto;
}

.accordion__head:not( .--active ) svg:nth-of-type( 1 )
{
  display: inline-block;
  margin-top: 7px;
}

.accordion__head.--active svg:nth-of-type( 2 )
{
  display: inline-block;
  margin-top: 12px;
}

.accordion__body
{
  display: none;
  margin: -12px 0 0 0;
  padding: 0 0 30px 0;
  position: relative;
  z-index: 1000;
}

.accordion__head.--active + .accordion__body
{
  display: block;
}

.accordion__body p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

@media ( min-width: 992px )
{

  .accordion
  {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

}

@media ( min-width: 1200px )
{

  .accordion
  {
    width: 960px;
  }

}



.partnering
{
  width: 100%;
  padding: 72px 24px;
  text-align: center;
  position: relative;
  top: 48px;
  opacity: 0;

  -webkit-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -moz-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  -o-transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
  transition: top 1000ms cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), opacity 1000ms cubic-bezier( 0.25, 0.25, 0.75, 0.75 );
}

.partnering.--in-view
{
  top: 0;
  opacity: 1;
}

.partnering > h2
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
}

.partnering > p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.partnering > h2 + p
{
  margin-top: 18px;
}

.partnering__content
{
  width: 100%;
  padding: 36px;
  border-radius: 18px;
  background-color: var( --color-light-grey );
  margin: 48px 0 0 0;

  -webkit-box-shadow: 0 6px 21px var( --color-black-10 );
  -moz-box-shadow: 0 6px 21px var( --color-black-10 );
  -ms-box-shadow: 0 6px 21px var( --color-black-10 );
  box-shadow: 0 6px 21px var( --color-black-10 );
}

.partnering__content > * + *
{
  margin-top: 36px !important;
}

.partnering__content > p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.partnering__content > img
{
  width: 210px;
  height: auto;
}

@media ( min-width: 576px )
{

  .partnering
  {
    width: 540px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }

}

@media ( min-width: 768px )
{

  .partnering
  {
    width: 720px;
  }

  .partnering > h2
  {
    font-size: 42px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .partnering__content > img
  {
    width: 240px;
  }

}

@media ( min-width: 992px )
{

  .partnering
  {
    width: 960px;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .partnering > h2
  {
    font-size: 51px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .partnering > p
  {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .partnering__content
  {
    padding: 60px;
  }

  .partnering__content > img
  {
    width: 270px;
  }

}

@media ( min-width: 1200px )
{

  .partnering
  {
    width: 1140px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .partnering > h2
  {
    font-size: 60px;
    padding-left: 72px;
    padding-right: 72px;
  }

  .partnering__content
  {
    padding: 72px calc( ( 100% - 720px ) / 2 );
  }

}

@media ( min-width: 1400px )
{

  .partnering
  {
    width: 1320px;
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .partnering > h2
  {
    padding-left: 168px;
    padding-right: 168px;
  }

  .partnering__content
  {
    padding: 84px calc( ( 100% - 855px ) / 2 );
  }

}



.footer
{
  background-color: var( --color-darker-grey );
  font-size: 0;
  padding: 36px 24px;
}

.footer__menu
{
  width: 100%;
  display: inline-block;
  text-align: center;
}

.footer__menu nav
{
  width: auto;
  display: inline-block;
}

.footer__menu nav ul
{
  width: auto;
  display: inline-block;
  padding: 0;
  margin: -15px 0;
  list-style-type: none;
}

.footer__menu nav ul li
{
  display: inline-block;
  vertical-align: middle;
}

.footer__menu nav ul li a
{
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: var( --color-footer-grey );
  text-decoration: none;
  padding: 15px;
}

.footer__logo
{
  width: 150px;
  height: auto;
  margin: 36px auto;
}

.footer__logo a
{
  display: inline-block;
}

.footer__logo a svg
{
  display: inline-block;
  width: 100%;
  height: auto;
}

.footer__logo a svg path
{
  fill: var( --color-footer-grey ) !important;
}

.footer__references
{
  text-align: center;
}

.footer__references p
{
  font-size: 15px;
  line-height: 1.5;
  color: var( --color-dark-grey );
  margin: 0;
}

.footer__references p + p
{
  margin-top: 12px;
}

.footer__references p a
{
  color: inherit;
  text-decoration: underline;
}

@media ( min-width: 576px )
{

  .footer
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .footer
  {
    padding: 48px calc( ( 100% - 720px ) / 2 );
  }

}

@media ( min-width: 992px )
{

  .footer
  {
    padding: 60px calc( ( 100% - 960px ) / 2 );
  }

}

@media ( min-width: 1200px )
{

  .footer
  {
    padding-left: calc( ( 100% - 1140px ) / 2 );
    padding-right: calc( ( 100% - 1140px ) / 2 );
  }

}

@media ( min-width: 1400px )
{

  .footer
  {
    padding-left: calc( ( 100% - 1320px ) / 2 );
    padding-right: calc( ( 100% - 1320px ) / 2 );
  }

}



.video-popup
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  font-size: 0;
  display: none;
  background-color: var( --color-black-50 );
}

.video-popup.--visible
{
  display: block;
}

.video-popup__modal
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc( 100% - 48px );
  padding: 0 0 calc( ( 100% - 48px ) / ( 16 / 9 ) );
  background-color: var( --color-black );
  border-radius: 18px;

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.video-popup__modal > iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  border: none;
  outline: none;
}

.video-popup__modal > a
{
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  background-color: var( --color-red );

  -webkit-transform: translate( 50%, -50% );
  -moz-transform: translate( 50%, -50% );
  -ms-transform: translate( 50%, -50% );
  transform: translate( 50%, -50% );
}

.video-popup__modal > a svg
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: auto;
  display: inline-block;

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

@media ( min-width: 576px )
{

  .video-popup__modal
  {
    width: 540px;
    padding-bottom: calc( 540px / ( 16 / 9 ) );
  }

}

@media ( min-width: 768px )
{

  .video-popup__modal
  {
    width: 720px;
    padding-bottom: calc( 720px / ( 16 / 9 ) );
  }

}

@media ( min-width: 992px )
{

  .video-popup__modal
  {
    width: 960px;
    padding-bottom: calc( 960px / ( 16 / 9 ) );
  }

}

@media ( min-width: 1200px )
{

  .video-popup__modal
  {
    width: 1140px;
    padding-bottom: calc( 1140px / ( 16 / 9 ) );
  }

}



.popup
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  font-size: 0;
  display: none;
  background-color: var( --color-black-50 );
}

.popup.--visible
{
  display: block;
}

.popup__modal
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc( 100% - 48px );
  padding: 36px;
  background-color: var( --color-white );
  border-radius: 18px;

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.popup__modal > a
{
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  background-color: var( --color-red );

  -webkit-transform: translate( 50%, -50% );
  -moz-transform: translate( 50%, -50% );
  -ms-transform: translate( 50%, -50% );
  transform: translate( 50%, -50% );
}

.popup__modal > a svg
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: auto;
  display: inline-block;

  -webkit-transform: translate( -50%, -50% );
  -moz-transform: translate( -50%, -50% );
  -ms-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
}

.popup__modal > h2
{
  font-size: 21px;
  line-height: 1.25;
  margin: 0;
}

.popup__modal > p
{
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

.popup__modal > h2 + p
{
  margin-top: 15px;
}

.popup__modal > p + p
{
  margin-top: 12px;
}

.popup__modal > p a
{
  color: var( --color-blue );
  text-decoration: underline;
}

@media ( min-width: 576px )
{

  .popup__modal
  {
    width: 540px;
  }

}



.investigators
{
  background-color: var( --color-light-grey );
  font-size: 0;
}

.investigator
{
  padding: 0 24px 72px 24px;
  font-size: 0;
}

.investigator__left
{
  text-align: center;
}

.investigator__right
{
  margin: 24px 0 0 0;
  text-align: center;
}

.investigator__image
{
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  padding: 6px;
  display: inline-block;
}

.investigator__image::before
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  background-color: var( --color-blue );
  opacity: 0.2;
  z-index: 1000;
}

.investigator__image img
{
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  z-index: 2000;
}

.investigator__heading
{
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
  padding: 0 calc( ( 100% - 500px ) / 2 );
}

.investigator__excerpt
{
  margin: 18px 0;
}

.investigator__excerpt p
{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

.investigator__excerpt p + p
{
  margin-top: 18px;
}

.investigator__link
{
  font-size: 18px;
  line-height: 1.5;
  color: var( --color-blue );
  text-decoration: underline;
}

@media ( min-width: 576px )
{

  .investigator
  {
    padding-left: calc( ( 100% - 540px ) / 2 );
    padding-right: calc( ( 100% - 540px ) / 2 );
  }

}

@media ( min-width: 768px )
{

  .investigators
  {
    padding: 0 calc( ( 100% - 720px ) / 2 ) 72px calc( ( 100% - 720px ) / 2 );
  }

  .investigators .investigator
  {
    padding: 0;
  }

  .investigators:not( .is-singular ) .investigator
  {
    width: calc( ( 100% - 36px ) / 2 );
    display: inline-block;
    vertical-align: top;
  }

  .investigators:not( .is-singular ) .investigator + .investigator
  {
    margin-left: 36px;
  }

  .investigators.is-singular .investigator .investigator__left,
  .investigators.is-singular .investigator .investigator__right
  {
    display: inline-block;
    vertical-align: middle;
  }

  .investigators.is-singular .investigator .investigator__left
  {
    width: 150px;
  }

  .investigators.is-singular .investigator .investigator__right
  {
    width: calc( 100% - 150px );
    text-align: left;
    padding-left: 36px;
  }

  .investigator__heading
  {
    padding: 0;
  }

}

@media ( min-width: 992px )
{

  .investigators
  {
    padding: 0 calc( ( 100% - 960px ) / 2 ) 96px calc( ( 100% - 960px ) / 2 );
  }

  .investigators:not( .is-singular ) .investigator
  {
    width: calc( ( 100% - 48px ) / 2 );
  }

  .investigators:not( .is-singular ) .investigator + .investigator
  {
    margin-left: 48px;
  }

  .investigator__image
  {
    width: 180px;
    height: 180px;
  }

  .investigators.is-singular .investigator .investigator__left
  {
    width: 180px;
  }

  .investigators.is-singular .investigator .investigator__right
  {
    width: calc( 100% - 180px );
    padding-left: 48px;
  }

}

@media ( min-width: 1200px )
{

  .investigators
  {
    padding: 0 calc( ( 100% - 1140px ) / 2 ) 120px calc( ( 100% - 1140px ) / 2 );
  }

  .investigators:not( .is-singular ) .investigator
  {
    width: calc( ( 100% - 60px ) / 2 );
  }

  .investigators:not( .is-singular ) .investigator + .investigator
  {
    margin-left: 60px;
  }

  .investigator__image
  {
    width: 240px;
    height: 240px;
    padding: 9px;
  }

  .investigators.is-singular .investigator .investigator__left
  {
    width: 240px;
  }

  .investigators.is-singular .investigator .investigator__right
  {
    width: calc( 100% - 240px );
    padding-left: 60px;
  }

  .investigator__heading
  {
    font-size: 42px;
  }

  .investigators.is-singular .investigator .investigator__heading
  {
    font-size: 48px;
  }

}

@media ( min-width: 1400px )
{

  .investigators
  {
    padding: 0 calc( ( 100% - 1320px ) / 2 ) 144px calc( ( 100% - 1320px ) / 2 );
  }

  .investigators:not( .is-singular ) .investigator
  {
    width: calc( ( 100% - 72px ) / 2 );
  }

  .investigators:not( .is-singular ) .investigator + .investigator
  {
    margin-left: 72px;
  }

  .investigator__image
  {
    width: 300px;
    height: 300px;
    padding: 12px;
  }

  .investigators.is-singular .investigator .investigator__left
  {
    width: 300px;
  }

  .investigators.is-singular .investigator .investigator__right
  {
    width: calc( 100% - 300px );
    padding-left: 72px;
  }

}