.popup .wrap {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.stacked-cols.three-boxes.with-link .cols .col .info-box p, .slider.three-boxes.with-link .swiper-container .cols .col .info-box p, .text-panel .wrap h2, .three-boxes .wrap .cols .col .info-box p {
  font-family: 'Helvetica Md'; }

.sticky-link .green-link, header[role="banner"] .wrap .mainNav nav ul li, header[role="banner"] .wrap .mainNav nav ul li button, header[role="banner"] .wrap .mainNav nav ul li .green-btn, header[role="banner"] .wrap .mainNav nav ul li .purple-btn, header[role="banner"] .wrap .mainNav nav ul li .yellow-btn, header[role="banner"] .wrap .mainNav nav ul li .red-btn, .hero .wrap .content .text-box .green-btn, .hero .wrap .bottom-bar a.purple-btn, .hero .wrap .bottom-bar a.red-btn, .hero .wrap .bottom-bar a.green-btn, .hero .wrap .bottom-bar a.yellow-btn {
  font-family: 'Helvetica Bd'; }

.stacked-cols .wrap .heading h2, .slider .heading h2 {
  font-family: 'Compacta Bd BT'; }

.stacked-cols .wrap .heading h2 em, .slider .heading h2 em {
  font-family: 'Peckham Press'; }

@font-face {
  font-family: 'Helvetica Lt';
  src: url("/assets/css/fonts/Helvetica/Helvetica-Light.woff2") format("woff2"), url("/assets/css/fonts/Helvetica/Helvetica-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Helvetica';
  src: url("/assets/css/fonts/Helvetica/Helvetica.woff2") format("woff2"), url("/assets/css/fonts/Helvetica/Helvetica.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Helvetica Md';
  src: url("/assets/css/fonts/Helvetica/HelveticaMedium.woff2") format("woff2"), url("/assets/css/fonts/Helvetica/HelveticaMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Helvetica Bd';
  src: url("/assets/css/fonts/Helvetica/Helvetica-Bold.woff2") format("woff2"), url("/assets/css/fonts/Helvetica/Helvetica-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Compacta BT';
  src: url("/assets/css/fonts/Compacta/CompactaBT-Roman.woff2") format("woff2"), url("/assets/css/fonts/Compacta/CompactaBT-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Compacta Bd BT';
  src: url("/assets/css/fonts/Compacta/CompactaBT-Bold.woff2") format("woff2"), url("/assets/css/fonts/Compacta/CompactaBT-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("/assets/css/fonts/Myriad/MyriadPro-Regular.woff2") format("woff2"), url("/assets/css/fonts/Myriad/MyriadPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Peckham Press';
  src: url("/assets/css/fonts/PeckhamPress/PeckhamPress-Regular.woff2") format("woff2"), url("/assets/css/fonts/PeckhamPress/PeckhamPress-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
.desktop {
  display: block; }

.mobile {
  display: none; }

.vjs-big-play-button {
  display: none !important; }

.video, .video-js {
  height: 618px !important;
  padding-bottom: 0 !important; }

.sitewide, body, html {
  max-width: 100%;
  overflow-x: hidden; }

.sticky-link {
  position: fixed;
  top: 50%;
  right: -129px;
  width: 100%;
  max-width: 335px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 9; }
  .sticky-link .green-link {
    display: block;
    width: 100%;
    height: 40px;
    color: #9306ff;
    background-color: #00ffc3;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 80px;
    font-size: 1.080625rem;
    text-decoration: none;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all;
    display: block;
    position: relative;
    font-size: 1.3525rem;
    height: 77px;
    max-width: 312px;
    line-height: 77px;
    text-align: left;
    padding-left: 23px; }
    .sticky-link .green-link:hover {
      background-color: #9306ff;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      color: white; }
    .sticky-link .green-link:after {
      content: '';
      display: block;
      background-image: url("/assets/images/icons/arrow-purple.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 27px;
      height: 20px;
      position: absolute;
      top: 50%;
      right: 28px;
      -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg); }

.popup .wrap {
  margin: 0 auto;
  width: 500px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%; }
  .popup .wrap h2 {
    padding: 36px 0 0 30px;
    max-width: 350px; }
  .popup .wrap form {
    margin: 10px 30px 0;
    position: relative; }
    .popup .wrap form legend {
      margin-bottom: 20px; }
    .popup .wrap form button {
      margin-top: 0;
      position: absolute;
      top: 49px;
      right: 0; }
    .popup .wrap form .input {
      width: 326px; }

header[role="banner"] .wrap h1 {
  width: 261px;
  height: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 44px; }
header[role="banner"] .wrap .nav-btn {
  display: none; }
header[role="banner"] .wrap .mainNav nav ul {
  position: absolute;
  bottom: 32px;
  left: -moz-calc(50% + 180px);
  left: -o-calc(50% + 180px);
  left: -webkit-calc(50% + 180px);
  left: calc(50% + 180px);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center; }
  header[role="banner"] .wrap .mainNav nav ul li {
    position: relative;
    display: inline-block;
    font-size: 1.125rem;
    color: #9306ff;
    letter-spacing: -0.02em; }
    header[role="banner"] .wrap .mainNav nav ul li.active.green:after {
      background-color: #00ffc3; }
    header[role="banner"] .wrap .mainNav nav ul li.active.red:after {
      background-color: #ff7a6d; }
    header[role="banner"] .wrap .mainNav nav ul li.active.yellow:after {
      background-color: #ffdc00; }
    header[role="banner"] .wrap .mainNav nav ul li.active.purple:after {
      background-color: #9306ff; }
    header[role="banner"] .wrap .mainNav nav ul li.active:after {
      content: '';
      display: block;
      width: 100%;
      height: 8px;
      background-color: transparent;
      position: absolute;
      bottom: -15px;
      left: 0;
      pointer-events: none; }
    header[role="banner"] .wrap .mainNav nav ul li + li {
      margin-left: 42px; }
    header[role="banner"] .wrap .mainNav nav ul li button {
      display: block;
      width: 100%;
      height: 40px;
      color: #9306ff;
      background-color: #00ffc3;
      line-height: 40px;
      letter-spacing: -0.02em;
      text-align: center;
      max-width: 80px;
      font-size: 1.080625rem;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      width: 80px;
      height: 54px;
      max-width: unset;
      padding-top: 10px;
      display: block; }
      header[role="banner"] .wrap .mainNav nav ul li button:hover {
        background-color: #9306ff;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        color: white; }
    header[role="banner"] .wrap .mainNav nav ul li .green-btn {
      display: block;
      width: 100%;
      height: 40px;
      color: #9306ff;
      background-color: #00ffc3;
      line-height: 40px;
      letter-spacing: -0.02em;
      text-align: center;
      max-width: 80px;
      font-size: 1.080625rem;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      header[role="banner"] .wrap .mainNav nav ul li .green-btn:hover {
        background-color: #9306ff;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        color: white; }
    header[role="banner"] .wrap .mainNav nav ul li .purple-btn {
      display: block;
      color: white;
      font-size: 1.080625rem;
      letter-spacing: -0.02em;
      background-color: #9306ff;
      position: relative;
      width: 183px;
      height: 52px;
      line-height: 52px;
      padding-left: 24px;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      header[role="banner"] .wrap .mainNav nav ul li .purple-btn:hover {
        background-color: #00ffc3;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    header[role="banner"] .wrap .mainNav nav ul li .yellow-btn {
      display: block;
      width: 100%;
      max-width: fit-content;
      height: 40px;
      color: #9306ff;
      background-color: #ffdc00;
      line-height: 40px;
      letter-spacing: -0.02em;
      text-align: center;
      max-width: 80px;
      font-size: 1.080625rem;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      header[role="banner"] .wrap .mainNav nav ul li .yellow-btn:hover {
        background-color: #ff7a6d;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    header[role="banner"] .wrap .mainNav nav ul li .red-btn {
      display: block;
      color: white;
      font-size: 1.080625rem;
      letter-spacing: -0.02em;
      background-color: #ff7a6d;
      position: relative;
      width: 183px;
      height: 52px;
      line-height: 52px;
      padding-left: 24px;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      header[role="banner"] .wrap .mainNav nav ul li .red-btn:hover {
        background-color: #ffdc00;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    header[role="banner"] .wrap .mainNav nav ul li .green-btn, header[role="banner"] .wrap .mainNav nav ul li .purple-btn, header[role="banner"] .wrap .mainNav nav ul li .yellow-btn, header[role="banner"] .wrap .mainNav nav ul li .red-btn {
      width: 100%;
      max-width: fit-content;
      padding: 10px 7px 0 7px;
      height: 43px;
      max-width: unset;
      display: block; }
    header[role="banner"] .wrap .mainNav nav ul li a {
      display: block;
      position: relative; }
      header[role="banner"] .wrap .mainNav nav ul li a:before {
        content: '';
        display: block;
        background-color: #9306ff;
        width: 100%;
        position: absolute;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        height: 8px;
        position: absolute;
        bottom: -15px;
        left: 0;
        pointer-events: none; }
      header[role="banner"] .wrap .mainNav nav ul li a:after {
        content: '';
        display: block;
        width: -moz-calc(100% + 20px);
        width: -o-calc(100% + 20px);
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        height: -moz-calc(100% + 20px);
        height: -o-calc(100% + 20px);
        height: -webkit-calc(100% + 20px);
        height: calc(100% + 20px);
        position: absolute;
        top: -10px;
        left: -10px;
        background-color: transparent; }
      header[role="banner"] .wrap .mainNav nav ul li a:hover:before {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
header[role="banner"] .wrap .mainNav nav .extraLinks ul {
  bottom: unset;
  left: unset;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  max-width: fit-content;
  position: absolute;
  top: 0;
  right: 40px; }
  header[role="banner"] .wrap .mainNav nav .extraLinks ul li {
    font-size: 0.9375rem; }

.hero {
  position: relative;
  padding-bottom: 25px; }
  .hero + .image-with-text {
    margin-top: 74px; }
  .hero + .slider.dots {
    margin-top: 78px; }
  .hero + .coloured-panel {
    margin-top: 0; }
  .hero.video-hero {
    padding-bottom: 0; }
    .hero.video-hero .wrap .content {
      position: absolute;
      bottom: 0;
      left: 25px;
      width: 100%;
      background-color: transparent;
      padding: 0;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all;
      margin-bottom: 25px; }
      .hero.video-hero .wrap .content + .bottom-bar {
        margin-top: 0; }
      .hero.video-hero .wrap .content .text-box {
        margin: 0;
        padding: 30px 0 15px 35px; }
        .hero.video-hero .wrap .content .text-box p {
          max-width: unset; }
    .hero.video-hero .wrap .bottom-bar {
      display: none; }
      .hero.video-hero .wrap .bottom-bar .purple-btn {
        right: 25px; }
    .hero.video-hero .wrap .video, .hero.video-hero .wrap .video-js {
      height: 74vh !important; }
      .hero.video-hero .wrap .video video, .hero.video-hero .wrap .video-js video {
        height: 74vh !important; }
  .hero.purple {
    padding-bottom: 25px; }
    .hero.purple + .slider.dots + .text-panel.rules-and-regulations {
      margin-top: 80px; }
    .hero.purple .wrap .bottom-bar {
      background-color: #9306ff;
      display: none; }
    .hero.purple .wrap .content {
      padding-bottom: 0; }
  .hero.red {
    padding-bottom: 25px; }
    .hero.red .wrap .bottom-bar {
      background-color: #ff7a6d;
      display: none; }
    .hero.red .wrap .content {
      padding-bottom: 0; }
      .hero.red .wrap .content + .bottom-bar {
        margin-top: -72px; }
  .hero.green .wrap .bottom-bar {
    background-color: #00ffc3;
    display: none; }
  .hero.yellow .wrap .bottom-bar {
    background-color: #ffdc00;
    display: none; }
  .hero.yellow .wrap .content {
    padding-bottom: 0; }
  .hero.white {
    margin-top: 130px; }
    .hero.white + .slider.dots {
      margin-top: 15px; }
    .hero.white .wrap .content {
      padding-top: 95px;
      padding-bottom: 0; }
      .hero.white .wrap .content h2 {
        max-width: 1089px; }
        .hero.white .wrap .content h2 + .text-box {
          margin-top: 65px; }
  .hero .wrap .content {
    padding: 179px 0 130px 0; }
    .hero .wrap .content + .bottom-bar {
      margin-top: -49px; }
    .hero .wrap .content h2, .hero .wrap .content h4, .hero .wrap .content .text-box {
      margin-left: 35px;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
    .hero .wrap .content h4 {
      position: relative;
      z-index: 1;
      font-size: 1.75rem;
      pointer-events: none; }
      .hero .wrap .content h4 + h2 {
        margin-top: 42px; }
    .hero .wrap .content h2 {
      position: relative;
      font-size: 5rem;
      line-height: 0.9;
      max-width: 980px;
      z-index: 1;
      pointer-events: none; }
      .hero .wrap .content h2 + .video {
        margin-top: 53px; }
      .hero .wrap .content h2 br {
        display: none; }
      .hero .wrap .content h2.peckham-heading {
        font-size: 9.9875rem;
        text-align: left;
        line-height: 0.9; }
      .hero .wrap .content h2.large-heading {
        font-size: 9.9875rem;
        max-width: fit-content;
        margin: 0 auto; }
        .hero .wrap .content h2.large-heading br {
          display: block; }
    .hero .wrap .content .text-box {
      position: relative;
      margin: 0 0 0 35px;
      padding: 30px 0 41px 35px;
      z-index: 2;
      min-height: 67px; }
      .hero .wrap .content .text-box h3 + p {
        margin-top: 5px; }
      .hero .wrap .content .text-box p {
        max-width: 360px; }
        .hero .wrap .content .text-box p + a {
          margin-top: 25px; }
        .hero .wrap .content .text-box p + p {
          margin-top: 0; }
      .hero .wrap .content .text-box a.mobile {
        display: none; }
      .hero .wrap .content .text-box a.desktop {
        display: block; }
      .hero .wrap .content .text-box.green.purple-desktop {
        border-top: 12px solid #9306ff; }
      .hero .wrap .content .text-box .purple-btn {
        left: unset;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        right: 0;
        width: 187px;
        font-size: 1.080625rem; }
      .hero .wrap .content .text-box .green-btn {
        display: block;
        width: 100%;
        height: 40px;
        color: #9306ff;
        background-color: #00ffc3;
        line-height: 40px;
        letter-spacing: -0.02em;
        text-align: center;
        max-width: 80px;
        font-size: 1.080625rem;
        text-decoration: none;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        position: absolute;
        left: unset;
        right: 0;
        top: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        max-width: 237px;
        text-align: left;
        padding-left: 25px;
        height: 61px;
        line-height: 61px;
        max-width: fit-content;
        padding-right: 50px; }
        .hero .wrap .content .text-box .green-btn:hover {
          background-color: #9306ff;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          color: white; }
        .hero .wrap .content .text-box .green-btn:after {
          content: '';
          display: block;
          background-image: url("/assets/images/icons/arrow-purple.svg");
          background-size: contain;
          background-repeat: no-repeat;
          width: 22px;
          height: 16px;
          position: absolute;
          top: 50%;
          right: 20px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
    .hero .wrap .content .video {
      position: absolute;
      top: 0;
      right: 35px;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
    .hero .wrap .content .image {
      position: absolute;
      top: 0;
      right: 35px;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
      .hero .wrap .content .image img {
        max-width: 848px; }
    .hero .wrap .content .image {
      overflow: hidden;
      max-width: 815px;
      max-height: 500px; }
    .hero .wrap .content .video, .hero .wrap .content .video-js {
      max-width: 845px;
      max-height: 525px; }
  .hero .wrap .bottom-bar {
    position: relative;
    z-index: 1;
    height: 35px;
    width: 100%; }
    .hero .wrap .bottom-bar a.purple-btn {
      display: block;
      color: white;
      font-size: 1.080625rem;
      letter-spacing: -0.02em;
      background-color: #9306ff;
      position: relative;
      width: 183px;
      height: 52px;
      line-height: 52px;
      padding-left: 24px;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .hero .wrap .bottom-bar a.purple-btn:hover {
        background-color: #00ffc3;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    .hero .wrap .bottom-bar a.red-btn {
      display: block;
      color: white;
      font-size: 1.080625rem;
      letter-spacing: -0.02em;
      background-color: #ff7a6d;
      position: relative;
      width: 183px;
      height: 52px;
      line-height: 52px;
      padding-left: 24px;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .hero .wrap .bottom-bar a.red-btn:hover {
        background-color: #ffdc00;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    .hero .wrap .bottom-bar a.green-btn {
      display: block;
      width: 100%;
      height: 40px;
      color: #9306ff;
      background-color: #00ffc3;
      line-height: 40px;
      letter-spacing: -0.02em;
      text-align: center;
      max-width: 80px;
      font-size: 1.080625rem;
      text-decoration: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .hero .wrap .bottom-bar a.green-btn:hover {
        background-color: #9306ff;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        color: white; }
    .hero .wrap .bottom-bar a.yellow-btn {
      display: block;
      width: 100%;
      max-width: fit-content;
      height: 40px;
      color: #9306ff;
      background-color: #ffdc00;
      line-height: 40px;
      letter-spacing: -0.02em;
      text-align: center;
      max-width: 80px;
      font-size: 1.080625rem;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .hero .wrap .bottom-bar a.yellow-btn:hover {
        background-color: #ff7a6d;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
    .hero .wrap .bottom-bar a.purple-btn, .hero .wrap .bottom-bar a.red-btn, .hero .wrap .bottom-bar a.green-btn, .hero .wrap .bottom-bar a.yellow-btn {
      font-size: 0.875rem;
      width: 183px;
      height: 54px;
      position: absolute;
      bottom: 35px;
      right: 61px;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
      .hero .wrap .bottom-bar a.purple-btn:after, .hero .wrap .bottom-bar a.red-btn:after, .hero .wrap .bottom-bar a.green-btn:after, .hero .wrap .bottom-bar a.yellow-btn:after {
        content: '';
        display: block;
        background-image: url("/assets/images/icons/play-button-white.svg");
        width: 29px;
        height: 29px;
        position: absolute;
        top: 50%;
        right: 17px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }

.image-with-text + .slider {
  margin-top: 70px; }
  .image-with-text + .slider.three-boxes {
    margin-top: 124px; }
.image-with-text + .banner-image {
  margin-top: 134px; }
.image-with-text .wrap .cols .col {
  width: -moz-calc(56% - 48px);
  width: -o-calc(56% - 48px);
  width: -webkit-calc(56% - 48px);
  width: calc(56% - 48px); }
  .image-with-text .wrap .cols .col + .col {
    margin-top: 0;
    width: -moz-calc(44% - 48px);
    width: -o-calc(44% - 48px);
    width: -webkit-calc(44% - 48px);
    width: calc(44% - 48px); }
  .image-with-text .wrap .cols .col h2 {
    font-size: 2.5rem; }
  .image-with-text .wrap .cols .col h5 {
    font-size: 1.125rem;
    line-height: 1.27;
    max-width: 400px; }
  .image-with-text .wrap .cols .col p {
    font-size: 1rem;
    line-height: 1.375;
    max-width: 440px; }
.image-with-text .wrap .button-link {
  max-width: 90%;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 200ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 200ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 200ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 200ms;
  transition-property: all; }
  .image-with-text .wrap .button-link:after {
    width: 100%;
    margin-left: 0;
    height: 10px;
    margin-top: -10px; }
  .image-with-text .wrap .button-link a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -108px; }
    .image-with-text .wrap .button-link a + .green-btn {
      margin-top: 0; }
  .image-with-text .wrap .button-link .green-btn {
    margin-left: auto;
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    right: unset;
    top: unset; }
  .image-with-text .wrap .button-link .bottom-link {
    right: 80px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 84px; }

.stacked-cols.three-boxes + .text-banner {
  margin-top: 117px; }
.stacked-cols.three-boxes + .info-box-cols {
  margin-top: 22px; }
.stacked-cols.three-boxes.with-image + .slider.three-boxes.with-link {
  margin-top: 61px; }
.stacked-cols.three-boxes.with-image .cols .col .info-box {
  border-top: 13px solid transparent;
  padding: 32px 0 0 0;
  margin: 0;
  min-height: unset; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box.green {
    border-color: #00ffc3; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box.red {
    border-color: #ff7a6d; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box.yellow {
    border-color: #ffdc00; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box.purple {
    border-color: #9306ff; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box h3 {
    max-width: 223px;
    margin-left: 36px; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box p {
    min-height: 107px;
    margin-left: 36px;
    margin-right: 29px; }
    .stacked-cols.three-boxes.with-image .cols .col .info-box p + figure {
      margin-top: 40px; }
  .stacked-cols.three-boxes.with-image .cols .col .info-box figure {
    position: unset;
    height: 215px; }
.stacked-cols.three-boxes.with-link .heading + .swiper-container {
  margin-top: 60px; }
.stacked-cols.three-boxes.with-link .cols .col .info-box {
  min-height: unset; }
  .stacked-cols.three-boxes.with-link .cols .col .info-box p {
    max-width: 303px; }
    .stacked-cols.three-boxes.with-link .cols .col .info-box p + p {
      margin-top: 16px; }
    .stacked-cols.three-boxes.with-link .cols .col .info-box p + .link {
      margin-top: 2px; }
    .stacked-cols.three-boxes.with-link .cols .col .info-box p + .button {
      margin-top: 23px; }
  .stacked-cols.three-boxes.with-link .cols .col .info-box .link {
    font-size: 1rem; }
    .stacked-cols.three-boxes.with-link .cols .col .info-box .link + p {
      margin-top: 25px; }
    .stacked-cols.three-boxes.with-link .cols .col .info-box .link + .button {
      margin-top: 23px; }
  .stacked-cols.three-boxes.with-link .cols .col .info-box .button {
    position: unset; }
.stacked-cols.three-boxes .heading + .swiper-container {
  margin-top: 37px; }
.stacked-cols.three-boxes .heading .peckham-heading {
  font-size: 4.375rem; }
.stacked-cols.three-boxes .cols .col {
  margin-bottom: 32px; }
  .stacked-cols.three-boxes .cols .col .info-box {
    padding: 44px 34px 0 34px;
    max-width: unset;
    min-height: 295px; }
    .stacked-cols.three-boxes .cols .col .info-box h3 {
      font-size: 2.5rem;
      max-width: unset; }
      .stacked-cols.three-boxes .cols .col .info-box h3 + p {
        margin-top: 30px; }
    .stacked-cols.three-boxes .cols .col .info-box p {
      font-size: 1rem;
      line-height: 1.38; }
.stacked-cols .wrap .heading h3 {
  font-size: 0.875rem; }
.stacked-cols .wrap .heading h2 {
  font-size: 6.199375rem;
  color: white;
  text-transform: uppercase;
  color: #9306ff;
  text-align: left;
  display: inline-block;
  font-size: 4.383125rem; }
  .stacked-cols .wrap .heading h2 + h2 {
    margin-left: 8px; }
.stacked-cols .wrap .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }
  .stacked-cols .wrap .cols .col {
    width: -moz-calc(33% - 27px);
    width: -o-calc(33% - 27px);
    width: -webkit-calc(33% - 27px);
    width: calc(33% - 27px);
    margin-bottom: 88px; }
    .stacked-cols .wrap .cols .col h3 {
      line-height: 1.2; }
    .stacked-cols .wrap .cols .col p + p {
      margin-top: 22px; }

.slider {
  margin-top: 37px; }
  .slider + .slider.info-boxes {
    margin-top: 117px; }
  .slider.info-boxes {
    max-width: 1326px;
    margin-top: 143px;
    margin-left: auto;
    margin-right: auto; }
    .slider.info-boxes .heading {
      margin-bottom: 35px; }
    .slider.info-boxes + .three-cols {
      margin-top: 140px; }
    .slider.info-boxes + .slider.three-boxes {
      margin-top: 152px; }
    .slider.info-boxes .heading {
      margin-left: 39px; }
      .slider.info-boxes .heading + .swiper-container {
        margin-top: 37px; }
    .slider.info-boxes .swiper-container .cols .col {
      width: -moz-calc(33% - 20px);
      width: -o-calc(33% - 20px);
      width: -webkit-calc(33% - 20px);
      width: calc(33% - 20px); }
    .slider.info-boxes .swiper-container .swiper-wrapper .swiper-slide .info-box {
      margin: 0;
      max-width: unset;
      min-height: 220px; }
      .slider.info-boxes .swiper-container .swiper-wrapper .swiper-slide .info-box .bottom-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
      .slider.info-boxes .swiper-container .swiper-wrapper .swiper-slide .info-box h2 + p {
        margin-top: 23px; }
      .slider.info-boxes .swiper-container .swiper-wrapper .swiper-slide .info-box p {
        font-size: 1rem; }
        .slider.info-boxes .swiper-container .swiper-wrapper .swiper-slide .info-box p strong {
          font-size: 1.25rem; }
        .slider.info-boxes .swiper-container .swiper-wrapper .swiper-slide .info-box p + .bottom-bar {
          margin-top: 36px; }
  .slider.logos .swiper-container .cols .col {
    width: -moz-calc(25% - 150px);
    width: -o-calc(25% - 150px);
    width: -webkit-calc(25% - 150px);
    width: calc(25% - 150px);
    margin: 0 auto !important; }
  .slider.dots + .text-panel {
    margin-top: 0px;
    padding-bottom: 10px; }
  .slider.dots + .image-with-text {
    margin-top: 85px; }
  .slider.dots + .three-boxes {
    margin-top: 125px; }
  .slider.dots .swiper-container {
    cursor: pointer !important; }
    .slider.dots .swiper-container .swiper-wrapper .swiper-slide {
      width: auto; }
    .slider.dots .swiper-container .cols .col {
      width: auto; }
  .slider.three-boxes + .text-banner {
    margin-top: 117px; }
  .slider.three-boxes + .info-box-cols {
    margin-top: 22px; }
  .slider.three-boxes.with-image + .slider.three-boxes.with-link {
    margin-top: 61px; }
  .slider.three-boxes.with-image .swiper-container .swiper-wrapper .swiper-slide {
    width: -moz-calc(33% - 12px);
    width: -o-calc(33% - 12px);
    width: -webkit-calc(33% - 12px);
    width: calc(33% - 12px); }
  .slider.three-boxes.with-image .swiper-container .cols .col .info-box {
    border-top: 13px solid transparent;
    padding: 32px 0 0 0;
    margin: 0;
    min-height: unset; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box.green {
      border-color: #00ffc3; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box.red {
      border-color: #ff7a6d; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box.yellow {
      border-color: #ffdc00; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box.purple {
      border-color: #9306ff; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box h3 {
      max-width: 223px;
      margin-left: 36px; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box p {
      min-height: 107px;
      margin-left: 36px;
      margin-right: 29px; }
      .slider.three-boxes.with-image .swiper-container .cols .col .info-box p + figure {
        margin-top: 40px; }
    .slider.three-boxes.with-image .swiper-container .cols .col .info-box figure {
      position: unset;
      height: 215px; }
  .slider.three-boxes.with-link .heading + .swiper-container {
    margin-top: 60px; }
  .slider.three-boxes.with-link .swiper-container .swiper-wrapper .swiper-slide {
    width: -moz-calc(33% - 12px);
    width: -o-calc(33% - 12px);
    width: -webkit-calc(33% - 12px);
    width: calc(33% - 12px); }
  .slider.three-boxes.with-link .swiper-container .cols .col .info-box {
    min-height: unset; }
    .slider.three-boxes.with-link .swiper-container .cols .col .info-box p {
      max-width: 303px; }
      .slider.three-boxes.with-link .swiper-container .cols .col .info-box p + p {
        margin-top: 16px; }
      .slider.three-boxes.with-link .swiper-container .cols .col .info-box p + .link {
        margin-top: 2px; }
      .slider.three-boxes.with-link .swiper-container .cols .col .info-box p + .button {
        margin-top: 23px; }
    .slider.three-boxes.with-link .swiper-container .cols .col .info-box .link {
      font-size: 1rem; }
      .slider.three-boxes.with-link .swiper-container .cols .col .info-box .link + p {
        margin-top: 25px; }
      .slider.three-boxes.with-link .swiper-container .cols .col .info-box .link + .button {
        margin-top: 23px; }
    .slider.three-boxes.with-link .swiper-container .cols .col .info-box .button {
      position: unset; }
  .slider.three-boxes.wrapped + .coloured-panel {
    margin-top: 55px; }
  .slider.three-boxes.wrapped .swiper-container .cols {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .slider.three-boxes.wrapped .swiper-container .cols .col .info-box h3 {
      font-size: 1.875rem; }
      .slider.three-boxes.wrapped .swiper-container .cols .col .info-box h3 + p {
        margin-top: 50px; }
  .slider.three-boxes .heading + .swiper-container {
    margin-top: 37px; }
  .slider.three-boxes .heading .peckham-heading {
    font-size: 4.375rem; }
  .slider.three-boxes .swiper-container {
    margin: 0;
    cursor: default !important; }
    .slider.three-boxes .swiper-container .cols .col {
      margin-bottom: 32px; }
      .slider.three-boxes .swiper-container .cols .col .info-box {
        padding: 44px 34px 0 34px;
        max-width: unset;
        min-height: 295px; }
        .slider.three-boxes .swiper-container .cols .col .info-box h3 {
          font-size: 2.5rem;
          max-width: unset; }
          .slider.three-boxes .swiper-container .cols .col .info-box h3 + p {
            margin-top: 30px; }
        .slider.three-boxes .swiper-container .cols .col .info-box p {
          font-size: 1rem;
          line-height: 1.38; }
  .slider.mentors .heading + .swiper-container {
    margin-top: 37px; }
  .slider.mentors .swiper-container .swiper-wrapper .swiper-slide .info-box {
    padding-top: 30px; }
    .slider.mentors .swiper-container .swiper-wrapper .swiper-slide .info-box h2 + p {
      margin-top: 14px; }
    .slider.mentors .swiper-container .swiper-wrapper .swiper-slide .info-box h2 br {
      display: block; }
    .slider.mentors .swiper-container .swiper-wrapper .swiper-slide .info-box p {
      max-width: 303px; }
      .slider.mentors .swiper-container .swiper-wrapper .swiper-slide .info-box p + figure {
        margin-top: 33px; }
  .slider.mentors .swiper-menu button {
    background-color: transparent; }
    .slider.mentors .swiper-menu button.previous {
      display: block;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
      .slider.mentors .swiper-menu button.previous:after {
        content: '';
        display: block;
        background-image: url("/assets/images/icons/arrow-purple.svg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
        transform: translateX(-50%) translateY(-50%) rotate(180deg); }
  .slider .heading h3 {
    font-size: 0.875rem; }
  .slider .heading h2 {
    font-size: 6.199375rem;
    color: white;
    text-transform: uppercase;
    color: #9306ff;
    text-align: left;
    display: inline-block;
    font-size: 4.383125rem; }
    .slider .heading h2 + h2 {
      margin-left: 8px; }
  .slider .swiper-container {
    margin: 0 39px; }
    .slider .swiper-container + .link {
      margin-top: 50px; }
    .slider .swiper-container .cols {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      .slider .swiper-container .cols .col {
        width: -moz-calc(33% - 27px);
        width: -o-calc(33% - 27px);
        width: -webkit-calc(33% - 27px);
        width: calc(33% - 27px); }
        .slider .swiper-container .cols .col h3 {
          line-height: 1.2; }
        .slider .swiper-container .cols .col p + p {
          margin-top: 22px; }
  .slider .swiper-menu.desktop {
    display: block; }
  .slider .swiper-menu button {
    background-color: #00ffc3;
    width: 61px;
    height: 61px; }
    .slider .swiper-menu button.previous {
      display: none; }
    .slider .swiper-menu button.next {
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
      .slider .swiper-menu button.next:after {
        content: '';
        display: block;
        background-image: url("/assets/images/icons/arrow-purple.svg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }

.three-cols + .text-image-cols {
  margin-top: 136px; }
.three-cols + .banner-image {
  margin-top: 135px; }
.three-cols .wrap {
  margin: 0 39px; }
  .three-cols .wrap .cols .col {
    width: -moz-calc(33% - 14px);
    width: -o-calc(33% - 14px);
    width: -webkit-calc(33% - 14px);
    width: calc(33% - 14px);
    order: 2; }
    .three-cols .wrap .cols .col + .col {
      order: 1; }
      .three-cols .wrap .cols .col + .col + .col {
        order: 3; }
    .three-cols .wrap .cols .col .info-box {
      border-top: 13px solid transparent;
      padding-top: 32px; }
      .three-cols .wrap .cols .col .info-box h2 {
        font-size: 2.5rem;
        margin: 0 14px 0 35px;
        min-height: 120px; }
        .three-cols .wrap .cols .col .info-box h2 + p {
          margin-top: 34px; }
      .three-cols .wrap .cols .col .info-box p {
        font-size: 1rem;
        line-height: 1.375;
        height: 130px;
        margin: 0 23px 0 35px; }
        .three-cols .wrap .cols .col .info-box p + figure {
          margin-top: 48px; }
      .three-cols .wrap .cols .col .info-box figure {
        height: 215px;
        border-bottom: 25px solid #9306ff; }
        .three-cols .wrap .cols .col .info-box figure + a {
          margin-top: -25px; }
      .three-cols .wrap .cols .col .info-box a {
        max-width: 204px; }
        .three-cols .wrap .cols .col .info-box a:after {
          width: 22px;
          height: 16px;
          right: 23px; }
        .three-cols .wrap .cols .col .info-box a.green-btn, .three-cols .wrap .cols .col .info-box a.red-btn, .three-cols .wrap .cols .col .info-box a.yellow-btn {
          height: 50px;
          line-height: 50px;
          padding-left: 27px; }

.text-image-cols {
  margin: 0 39px; }
  .text-image-cols + .text-image-cols {
    margin-top: 89px; }
  .text-image-cols + .banner-image {
    margin-top: 140px; }
  .text-image-cols + .slider.three-boxes.with-image {
    margin-top: 110px; }
  .text-image-cols + .slider.info-boxes {
    margin-top: 152px; }
  .text-image-cols + .social-banner {
    margin-top: 156px; }
  .text-image-cols.half-height + .text-image-cols.half-height {
    margin-top: 110px; }
  .text-image-cols.half-height.flip .wrap .cols .col .content {
    padding: 0; }
  .text-image-cols.half-height .wrap .cols .col {
    width: -moz-calc(60% - 41px);
    width: -o-calc(60% - 41px);
    width: -webkit-calc(60% - 41px);
    width: calc(60% - 41px); }
    .text-image-cols.half-height .wrap .cols .col + .col {
      width: -moz-calc(40% - 41px);
      width: -o-calc(40% - 41px);
      width: -webkit-calc(40% - 41px);
      width: calc(40% - 41px); }
    .text-image-cols.half-height .wrap .cols .col figure {
      height: 493px; }
    .text-image-cols.half-height .wrap .cols .col .content {
      padding-left: 40px; }
      .text-image-cols.half-height .wrap .cols .col .content p {
        max-width: unset; }
  .text-image-cols.graphic .wrap .cols .col figure {
    background-position: center right; }
  .text-image-cols .wrap .heading + .cols {
    margin-top: 52px; }
  .text-image-cols .wrap .heading .peckham-heading {
    font-size: 4.383125rem; }
  .text-image-cols .wrap .cols {
    position: relative; }
    .text-image-cols .wrap .cols.yellow:after, .text-image-cols .wrap .cols.green:after, .text-image-cols .wrap .cols.red:after, .text-image-cols .wrap .cols.purple:after {
      content: '';
      display: block;
      width: 100%;
      height: 15px;
      position: absolute;
      bottom: 0px;
      left: 0;
      z-index: -1;
      background-color: #ffdc00; }
    .text-image-cols .wrap .cols.yellow .col .content, .text-image-cols .wrap .cols.green .col .content, .text-image-cols .wrap .cols.red .col .content, .text-image-cols .wrap .cols.purple .col .content {
      border: 0; }
    .text-image-cols .wrap .cols.yellow:after {
      background-color: #ffdc00; }
    .text-image-cols .wrap .cols.green:after {
      background-color: #00ffc3; }
    .text-image-cols .wrap .cols.red:after {
      background-color: #ff7a6d; }
    .text-image-cols .wrap .cols.purple:after {
      background-color: #9306ff; }
    .text-image-cols .wrap .cols .col {
      width: -moz-calc(50% - 32px);
      width: -o-calc(50% - 32px);
      width: -webkit-calc(50% - 32px);
      width: calc(50% - 32px); }
      .text-image-cols .wrap .cols .col + .col {
        width: -moz-calc(50% - 92px);
        width: -o-calc(50% - 92px);
        width: -webkit-calc(50% - 92px);
        width: calc(50% - 92px); }
      .text-image-cols .wrap .cols .col figure {
        height: 584px; }
      .text-image-cols .wrap .cols .col a {
        max-width: 184px;
        margin-left: 0; }
        .text-image-cols .wrap .cols .col a:after {
          width: 22px;
          height: 16px;
          right: 23px; }
        .text-image-cols .wrap .cols .col a.green-btn {
          height: 50px;
          line-height: 50px;
          padding-left: 27px; }
          .text-image-cols .wrap .cols .col a.green-btn.mobile {
            display: none; }
          .text-image-cols .wrap .cols .col a.green-btn.desktop {
            display: block; }
        .text-image-cols .wrap .cols .col a.mobile {
          display: none; }
        .text-image-cols .wrap .cols .col a.desktop {
          display: block; }
      .text-image-cols .wrap .cols .col .content {
        margin: 0; }
        .text-image-cols .wrap .cols .col .content h3 {
          font-size: 1.75rem; }
          .text-image-cols .wrap .cols .col .content h3 + h2 {
            margin-top: 38px; }
        .text-image-cols .wrap .cols .col .content h2 {
          font-size: 5.8vw;
          line-height: 0.9; }
          .text-image-cols .wrap .cols .col .content h2 + p {
            margin-top: 31px; }
        .text-image-cols .wrap .cols .col .content h4 {
          max-width: 460px;
          font-size: 2.5rem;
          margin-top: 0; }
          .text-image-cols .wrap .cols .col .content h4 br {
            display: none; }
            .text-image-cols .wrap .cols .col .content h4 br.show {
              display: block; }
          .text-image-cols .wrap .cols .col .content h4 + p {
            margin-top: 40px; }
        .text-image-cols .wrap .cols .col .content p {
          font-size: 1rem;
          line-height: 1.375;
          max-width: 418px; }
          .text-image-cols .wrap .cols .col .content p + a {
            margin-top: 25px; }
          .text-image-cols .wrap .cols .col .content p + p {
            margin-top: 20px; }

.banner-image .wrap h2 {
  font-size: 3.9vw;
  margin: 0 39px; }

.social-banner {
  background-color: #9306ff;
  padding: 65px 0; }
  .social-banner .wrap .social {
    text-align: center; }
    .social-banner .wrap .social ul li {
      display: inline-block;
      vertical-align: middle; }
      .social-banner .wrap .social ul li + li {
        margin-left: 70px; }
    .social-banner .wrap .social ul a {
      font-size: 0;
      display: block; }
      .social-banner .wrap .social ul a:before {
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat; }
      .social-banner .wrap .social ul a.instagram:before {
        background-image: url("/assets/images/icons/insta-white.svg");
        width: 39px;
        height: 39px; }
      .social-banner .wrap .social ul a.facebook:before {
        background-image: url("/assets/images/icons/facebook-white.svg");
        width: 24px;
        height: 46px; }
      .social-banner .wrap .social ul a.tik-tok:before {
        background-image: url("/assets/images/icons/tiktok-white.svg");
        width: 39px;
        height: 46px; }
      .social-banner .wrap .social ul a.vimeo:before {
        width: 34px;
        height: 34px; }

.text-panel {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto; }
  .text-panel + .slider.three-boxes {
    margin-top: 86px; }
  .text-panel + .text-image-cols {
    margin-top: 102px; }
  .text-panel + .staff-cols {
    margin-top: 128px; }
  .text-panel.rules-and-regulations {
    padding-bottom: 66px; }
    .text-panel.rules-and-regulations .wrap h3 {
      font-size: 2.5rem; }
  .text-panel .wrap h5 {
    font-size: 1.5rem; }
    .text-panel .wrap h5 + p {
      margin-top: 65px; }
  .text-panel .wrap h2 {
    font-size: 3.143125rem; }
    .text-panel .wrap h2 + p {
      margin-top: 46px; }
  .text-panel .wrap p {
    font-size: 1.25rem;
    max-width: 810px; }
    .text-panel .wrap p + p {
      margin-top: 28px; }

.text-banner {
  padding: 68px 0 73px 0; }
  .text-banner + .slider.info-boxes {
    margin-top: 143px; }
  .text-banner + .text-panel {
    margin-top: 120px; }
  .text-banner .wrap .heading .peckham-heading {
    font-size: 9rem;
    text-align: center; }
  .text-banner .wrap .content p {
    font-size: 1rem;
    text-align: center;
    max-width: 745px;
    margin: 0 auto; }
  .text-banner .wrap .content .button {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .text-banner .wrap .content .button button, .text-banner .wrap .content .button a {
      margin: 0 auto; }
      .text-banner .wrap .content .button button.yellow-btn, .text-banner .wrap .content .button button.green-btn, .text-banner .wrap .content .button button.purple-btn, .text-banner .wrap .content .button button.red-btn, .text-banner .wrap .content .button a.yellow-btn, .text-banner .wrap .content .button a.green-btn, .text-banner .wrap .content .button a.purple-btn, .text-banner .wrap .content .button a.red-btn {
        max-width: 211px; }

.info-box-cols + .text-image-cols {
  margin-top: 148px; }
.info-box-cols .wrap {
  margin: 0 35px; }
  .info-box-cols .wrap .heading .peckham-heading {
    font-size: 4.383125rem; }
  .info-box-cols .wrap .heading + .cols {
    margin-top: 37px; }
  .info-box-cols .wrap .cols .col {
    width: -moz-calc(50% - 36px);
    width: -o-calc(50% - 36px);
    width: -webkit-calc(50% - 36px);
    width: calc(50% - 36px); }
    .info-box-cols .wrap .cols .col .info-box {
      padding: 31px 53px 38px 53px; }
      .info-box-cols .wrap .cols .col .info-box h2 {
        font-size: 2.5rem; }
        .info-box-cols .wrap .cols .col .info-box h2 + h5 {
          margin-top: 17px; }
      .info-box-cols .wrap .cols .col .info-box h5 {
        font-size: 1.25rem; }
        .info-box-cols .wrap .cols .col .info-box h5 + ul {
          margin-top: 34px; }
      .info-box-cols .wrap .cols .col .info-box ul {
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
        .info-box-cols .wrap .cols .col .info-box ul li:before {
          margin-right: 12px; }
    .info-box-cols .wrap .cols .col .buttons a.green-btn, .info-box-cols .wrap .cols .col .buttons a.red-btn, .info-box-cols .wrap .cols .col .buttons a.yellow-btn, .info-box-cols .wrap .cols .col .buttons a.purple-btn {
      height: 69px;
      line-height: 69px;
      max-width: 289px;
      padding-left: 36px;
      font-size: 1.56375rem; }
      .info-box-cols .wrap .cols .col .buttons a.green-btn:after, .info-box-cols .wrap .cols .col .buttons a.red-btn:after, .info-box-cols .wrap .cols .col .buttons a.yellow-btn:after, .info-box-cols .wrap .cols .col .buttons a.purple-btn:after {
        width: 32px;
        height: 24px; }
    .info-box-cols .wrap .cols .col .buttons a.bottom-link {
      margin-right: 120px; }

.coloured-panel {
  padding: 108px 0 98px 0; }
  .coloured-panel + .social-banner {
    margin-top: 6px; }
  .coloured-panel + .text-panel {
    margin-top: 133px; }
  .coloured-panel.with-image .wrap h2 br {
    display: block; }
  .coloured-panel .wrap h3 {
    font-size: 1.75rem; }
    .coloured-panel .wrap h3 + h2 {
      margin-top: -30px;
      margin-left: 203px; }
  .coloured-panel .wrap h2 {
    font-size: 5rem; }
    .coloured-panel .wrap h2 + .image {
      margin-top: 78px; }
    .coloured-panel .wrap h2 + p {
      margin-top: 33px; }
  .coloured-panel .wrap p {
    font-size: 1rem;
    line-height: 1.28; }
    .coloured-panel .wrap p + a {
      margin-top: 52px; }
  .coloured-panel .wrap a.green-btn, .coloured-panel .wrap a.red-btn, .coloured-panel .wrap a.yellow-btn, .coloured-panel .wrap a.purple-btn {
    height: 69px;
    line-height: 69px;
    max-width: 325px;
    padding-left: 36px;
    font-size: 1.56375rem; }
    .coloured-panel .wrap a.green-btn:after, .coloured-panel .wrap a.red-btn:after, .coloured-panel .wrap a.yellow-btn:after, .coloured-panel .wrap a.purple-btn:after {
      width: 32px;
      height: 24px; }
  .coloured-panel .wrap a.bottom-link {
    margin-right: 120px; }
  .coloured-panel .wrap .image h4 {
    font-size: 5rem; }

.video-js.vjs-playing .vjs-big-play-button {
  display: none !important; }
.video-js.purple .vjs-big-play-button {
  background-color: #9306ff !important; }
.video-js.red .vjs-big-play-button {
  background-color: #ff7a6d !important; }
  .video-js.red .vjs-big-play-button:hover {
    background-color: #9306ff !important; }
.video-js.yellow .vjs-big-play-button {
  background-color: #ffdc00 !important; }
.video-js.green .vjs-big-play-button {
  background-color: #00ffc3 !important; }
  .video-js.green .vjs-big-play-button:hover {
    background-color: #9306ff !important; }
.video-js .vjs-big-play-button {
  display: block !important;
  background-color: transparent !important;
  top: unset !important;
  left: unset !important;
  -webkit-transform: translateX(0) translateY(0) !important;
  -ms-transform: translateX(0) translateY(0) !important;
  transform: translateX(0) translateY(0) !important;
  bottom: 0;
  right: 72px;
  border: none !important;
  box-shadow: none !important;
  position: relative;
  background-color: transparent !important;
  border-radius: 0 !important;
  width: 183px !important;
  height: 54px !important;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 200ms !important;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 200ms !important;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 200ms !important;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 200ms !important;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 200ms !important;
  transition-property: all; }
  .video-js .vjs-big-play-button:hover {
    background-color: #00ffc3 !important;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms !important;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms !important;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms !important;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms !important;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms !important;
    transition-property: all; }
  .video-js .vjs-big-play-button:before {
    content: '';
    display: block;
    position: absolute;
    width: 183px;
    height: 54px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url("/assets/images/icons/text-play-button.svg") !important; }

.three-boxes + .slider.three-boxes + .slider.three-boxes {
  margin-top: 106px; }
  .three-boxes + .slider.three-boxes + .slider.three-boxes + .text-banner {
    margin-top: 19px; }
.three-boxes .wrap {
  margin: 0 39px; }
  .three-boxes .wrap .heading {
    margin: 0; }
    .three-boxes .wrap .heading + .cols {
      margin-top: 62px; }
    .three-boxes .wrap .heading .peckham-heading {
      font-size: 4.383125rem; }
  .three-boxes .wrap .cols {
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left; }
    .three-boxes .wrap .cols .col {
      width: -moz-calc(33% - 17px);
      width: -o-calc(33% - 17px);
      width: -webkit-calc(33% - 17px);
      width: calc(33% - 17px);
      margin-right: 30px; }
      .three-boxes .wrap .cols .col:nth-of-type(3n) {
        margin-right: 0; }
      .three-boxes .wrap .cols .col .info-box {
        margin: 0;
        min-height: unset;
        max-width: unset; }
        .three-boxes .wrap .cols .col .info-box h3 {
          font-size: 2.5rem; }
          .three-boxes .wrap .cols .col .info-box h3 + p {
            margin-top: 22px; }
        .three-boxes .wrap .cols .col .info-box p {
          max-width: 303px;
          font-size: 1rem;
          line-height: 1.38; }
          .three-boxes .wrap .cols .col .info-box p + p {
            margin-top: 16px; }
          .three-boxes .wrap .cols .col .info-box p + .link {
            margin-top: 2px; }
          .three-boxes .wrap .cols .col .info-box p + .button {
            margin-top: 41px; }
        .three-boxes .wrap .cols .col .info-box .link {
          font-size: 1rem; }
          .three-boxes .wrap .cols .col .info-box .link + p {
            margin-top: 25px; }
          .three-boxes .wrap .cols .col .info-box .link + .button {
            margin-top: 23px; }
        .three-boxes .wrap .cols .col .info-box .button {
          position: unset; }

.staff-cols + .three-cols {
  margin-top: 122px; }
.staff-cols .wrap .cols {
  padding-top: 101px;
  max-width: 851px;
  margin-left: auto;
  margin-right: auto; }
  .staff-cols .wrap .cols .col {
    width: -moz-calc(50% - 41px);
    width: -o-calc(50% - 41px);
    width: -webkit-calc(50% - 41px);
    width: calc(50% - 41px); }
    .staff-cols .wrap .cols .col figure + .content {
      margin-top: 56px; }
    .staff-cols .wrap .cols .col .content h3 {
      font-size: 1.5rem; }
      .staff-cols .wrap .cols .col .content h3 + p {
        margin-top: 35px; }
    .staff-cols .wrap .cols .col .content p {
      font-size: 1rem; }
      .staff-cols .wrap .cols .col .content p + p {
        margin-top: 19px; }

.gallery {
  margin-top: 182px; }
  .gallery + .three-cols {
    margin-top: 175px; }
  .gallery .wrap {
    max-width: 1308px;
    margin-left: auto;
    margin-right: auto; }
    .gallery .wrap .show-more {
      max-width: 211px; }
      .gallery .wrap .show-more.green-btn, .gallery .wrap .show-more.red-btn, .gallery .wrap .show-more.yellow-btn, .gallery .wrap .show-more.purple {
        height: 50px;
        line-height: 55px;
        padding-left: 27px;
        font-size: 1.080625rem; }
      .gallery .wrap .show-more:after {
        right: 25px;
        width: 22px;
        height: 16px; }
    .gallery .wrap .cols + .show-more {
      margin-top: 42px; }
    .gallery .wrap .cols .col {
      width: -moz-calc(25% - 25px);
      width: -o-calc(25% - 25px);
      width: -webkit-calc(25% - 25px);
      width: calc(25% - 25px);
      margin-bottom: 32px; }
      .gallery .wrap .cols .col .gallery-modal-image figure {
        top: -moz-calc(50% - 100px);
        top: -o-calc(50% - 100px);
        top: -webkit-calc(50% - 100px);
        top: calc(50% - 100px);
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        max-width: 50%;
        max-height: 50%; }
      .gallery .wrap .cols .col figure img {
        max-width: 750px;
        margin: 0 auto; }

.contact-form {
  padding: 104px 0 102px 0; }
  .contact-form + .three-cols {
    margin-top: 100px; }
  .contact-form .wrap .form form .input + .input {
    margin-top: 33px; }
  .contact-form .wrap .form form .input input, .contact-form .wrap .form form .input select, .contact-form .wrap .form form .input textarea {
    font-size: 1.080625rem;
    line-height: 43px; }
    .contact-form .wrap .form form .input input::placeholder, .contact-form .wrap .form form .input select::placeholder, .contact-form .wrap .form form .input textarea::placeholder {
      font-size: 1.080625rem; }
  .contact-form .wrap .form form .input input[data-invalid="true"] + ul li, .contact-form .wrap .form form .input textarea[data-invalid="true"] + ul li {
    font-size: 1.080625rem;
    margin-top: 8px; }
  .contact-form .wrap .form form .input label {
    font-size: 1.080625rem; }
    .contact-form .wrap .form form .input label + input, .contact-form .wrap .form form .input label + select, .contact-form .wrap .form form .input label + textarea {
      margin-top: 5px; }
  .contact-form .wrap .form form .input.textarea textarea {
    min-height: 100px; }
  .contact-form .wrap .form form button[type="submit"] {
    font-size: 1.080625rem;
    padding-left: 27px;
    height: 61px;
    line-height: 61px;
    max-width: 211px; }
    .contact-form .wrap .form form button[type="submit"]:after {
      right: 22px; }

footer {
  padding: 58px 0 95px 0;
  max-width: 1383px;
  margin: 0 auto; }
  footer .wrap {
    margin: 0 59px; }
    footer .wrap .cols {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      footer .wrap .cols .col {
        width: 25%;
        position: relative; }
        footer .wrap .cols .col:nth-of-type(1) {
          order: 1;
          margin-top: 0;
          width: 23%; }
        footer .wrap .cols .col:nth-of-type(2) {
          order: 2;
          margin-top: 0;
          width: 18%; }
        footer .wrap .cols .col:nth-of-type(3) {
          order: 3;
          width: 25%;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 200ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 200ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 200ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 200ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 200ms;
          transition-property: all; }
        footer .wrap .cols .col:nth-of-type(4) {
          order: 4;
          margin-top: 0;
          width: 29%;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 200ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 200ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 200ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 200ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 200ms;
          transition-property: all; }
        footer .wrap .cols .col .green-btn + .link {
          margin-left: 0; }
        footer .wrap .cols .col .link {
          margin-right: 10px; }
          footer .wrap .cols .col .link.mobile {
            display: none; }
          footer .wrap .cols .col .link.desktop {
            display: inline-block; }

@media only screen and (min-width: 1120px) {
  .info-box-cols .wrap .cols .col .info-box ul {
    margin-left: 65px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all; } }
@media only screen and (min-width: 1287px) {
  .coloured-panel.with-image .wrap {
    max-width: 1217px;
    margin-left: auto;
    margin-right: auto; }
    .coloured-panel.with-image .wrap .image:before {
      width: 150vw;
      left: -50vw; }

  .staff-cols {
    max-width: 1217px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-width: 1223px) {
  header[role="banner"] .wrap .mainNav nav ul {
    left: 50%;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all; }

  .hero.video-hero .wrap .content {
    left: 133px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
    .hero.video-hero .wrap .content h2, .hero.video-hero .wrap .content h4, .hero.video-hero .wrap .content .text-box {
      margin-left: 0; }
  .hero.video-hero .wrap .bottom-bar a.purple-btn, .hero.video-hero .wrap .bottom-bar a.green-btn, .hero.video-hero .wrap .bottom-bar a.yellow-btn, .hero.video-hero .wrap .bottom-bar a.red-btn {
    right: 130px; }
  .hero .wrap .content h2, .hero .wrap .content h4, .hero .wrap .content .text-box {
    margin-left: 135px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
  .hero .wrap .content .video, .hero .wrap .content .image {
    right: 145px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
  .hero .wrap .bottom-bar a.purple-btn, .hero .wrap .bottom-bar a.green-btn, .hero .wrap .bottom-bar a.yellow-btn, .hero .wrap .bottom-bar a.red-btn {
    right: 171px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; } }
@media only screen and (min-width: 1262px) {
  .banner-image .wrap h2 {
    font-size: 3.291875rem;
    margin: 0; } }
@media only screen and (min-width: 1313px) {
  .image-with-text .wrap {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }
    .image-with-text .wrap .button-link {
      max-width: 1023px;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }

  .slider.info-boxes .heading {
    max-width: 1225px;
    margin-left: auto;
    margin-right: auto; }
  .slider.three-boxes {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }
  .slider .swiper-container, .slider .heading {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }

  .three-boxes .wrap {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }

  .info-box-cols .wrap {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }

  .text-image-cols {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }
    .text-image-cols .wrap .cols .col .content h2 {
      font-size: 5rem; }

  .three-cols .wrap {
    max-width: 1235px;
    margin-left: auto;
    margin-right: auto; }

  footer .wrap .cols .col:nth-of-type(3) {
    width: 38%;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
  footer .wrap .cols .col:nth-of-type(4) {
    width: 20%;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; } }
@media only screen and (min-width: 1360px) {
  .slider .swiper-menu button.next {
    right: -49px !important;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
  .slider .swiper-menu button.previous {
    left: -49px !important;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; } }

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