/* This stylesheet generated by Transfonter (https://transfonter.org) on December 1, 2017 3:15 AM */
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-LightItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-Semibold.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-SemiboldItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Citrix New Sans';
  src: url("font/CitrixNewSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic; }
html, body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  scroll-behavior: smooth; }

html {
  background-color: #23aae2;
  font-size: 14px;
  font-size: calc(( 100vw - 480px ) / 297.1428571429 + 10.5px); }
  @media screen and (min-width: 1521px) {
    html {
      font-size: 14px; } }
  @media screen and (max-width: 479px) {
    html {
      font-size: 10.5px; } }

body {
  font-family: "Citrix New Sans", Calibri, sans-serif;
  color: #ffffff;
  line-height: 1.5;
  background-color: #f9423a;
  background-size: cover;
  background-attachment: fixed;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  color: inherit;
  line-height: 1.25; }

.extra-padding {
  padding-top: 5em;
  padding-bottom: 5em; }

.no-margin {
  margin: 0; }

.no-wrap {
  white-space: nowrap; }

h1 {
  font-size: 3.125rem; }

h2 {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 2.5rem; }
  section > article > h2:first-child {
    font-weight: 700;
    text-transform: uppercase;
    max-width: 499px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 0.5em;
    margin-bottom: 1.9em; }
  section > article > h2.no-underline:first-child {
    border-bottom: 0;
    margin-bottom: 0.6em; }

h3 {
  font-size: 1.875rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

p, li, td {
  margin-top: 0;
  font-size: 1.5rem; }
  p.small, li.small, td.small {
    font-size: 1.125rem; }
  p.tiny, li.tiny, td.tiny {
    font-size: 1rem; }
  p + a.button, p + label.button, li + a.button, li + label.button, td + a.button, td + label.button {
    margin-top: 1em; }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
  margin-bottom: 0; }

p.line-before {
  position: relative; }
  p.line-before::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -1em;
    height: 2px;
    width: 48px;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%); }

ol li {
  margin-bottom: 0.5em; }

strong {
  font-weight: 700; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }
  img[src$="img/transparent.png"] {
    background: url(../img/dark-triangles.png) transparent center center repeat; }

a {
  color: #ff5f14;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  color: #000000; }

button, a.button, a.button-small, label.button, label.button-small {
  background-color: #ffffff;
  color: #f9423a;
  display: inline-block;
  width: 80%;
  max-width: 400px;
  padding: 0.4em 1em 0.2em;
  text-align: center;
  font-weight: 600;
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  button:hover, button:focus, a.button:hover, a.button:focus, a.button-small:hover, a.button-small:focus, label.button:hover, label.button:focus, label.button-small:hover, label.button-small:focus {
    background-color: #ff5f14;
    color: #ffffff !important; }

a.button-small, button.button-small, label.button-small {
  padding: 0.5em 1.5em 0.34em 1.5em;
  border-radius: 3em; }

img.round {
  -webkit-border-radius: 48%;
  -moz-border-radius: 48%;
  border-radius: 48%; }

form label, form p {
  font-size: 1.125rem; }

section.sizer {
  display: none; }

.slider, .lg-slider {
  text-align: center;
  overflow: hidden; }
  .slider > section, .slider > section.sizer > section, .lg-slider > section, .lg-slider > section.sizer > section {
    padding: 6rem 0; }
  .slider > section, .lg-slider > section {
    position: absolute;
    width: 100vw;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
    .slider > section > article, .lg-slider > section > article {
      display: flex;
      height: 100%;
      z-index: 20;
      position: relative; }
    .slider > section > div.bg, .lg-slider > section > div.bg {
      -webkit-filter: blur(30px);
      -moz-filter: blur(30px);
      -o-filter: blur(30px);
      -ms-filter: blur(30px);
      filter: url(#blur);
      filter: blur(30px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
      -webkit-transition: 1.5s -webkit-filter ease;
      -moz-transition: 1.5s -moz-filter ease;
      -o-transition: 1.5s -o-filter ease;
      transition: 1.5s filter ease;
      background-color: transparent;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: -30px;
      left: -30px;
      right: -30px;
      bottom: -30px;
      z-index: 10; }
  .slider > section.sizer, .lg-slider > section.sizer {
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    opacity: 0;
    padding: 0 !important;
    visibility: hidden;
    margin-bottom: -1.5em;
    max-width: none;
    flex-direction: row !important; }
  .slider input[type="radio"], .lg-slider input[type="radio"] {
    display: none; }
    .slider input[type="radio"]:checked + section, .lg-slider input[type="radio"]:checked + section {
      opacity: 1; }
      .slider input[type="radio"]:checked + section > div.bg, .lg-slider input[type="radio"]:checked + section > div.bg {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: url(#blur);
        filter: blur(0); }
      .slider input[type="radio"]:checked + section + label::before, .lg-slider input[type="radio"]:checked + section + label::before {
        background-color: #7f7f7f; }
  .slider label, .lg-slider label {
    position: relative;
    z-index: 200;
    bottom: 2em;
    cursor: pointer; }
    .slider label::before, .lg-slider label::before {
      display: inline-block;
      width: 1em;
      height: 1em;
      content: '';
      background-color: #ffffff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      margin: 0 0.2em; }
      @media screen and (max-width: 768px) {
        .slider label::before, .lg-slider label::before {
          width: 2em;
          height: 2em; } }
  .slider .controls, .lg-slider .controls {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

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

.align-right, .tar {
  text-align: right; }

.align-center, .center, .tac {
  text-align: center; }

p.margin-top {
  margin-top: 2em; }

.colour-change {
  background-color: #aa0061;
  animation: colour-change 120s infinite; }

.element-sizer {
  position: relative;
  font-size: 0 !important; }
  .element-sizer::after {
    width: 0;
    height: 0;
    content: '';
    display: inline-block; }
  .element-sizer[data-ratio="16/9"]::after {
    padding-bottom: 56.25%; }
  .element-sizer > * {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem; }

@media screen and (max-width: 767px) {
  .bg-container {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 0; }
    .bg-container .bg-cover {
      display: none; }
    .bg-container .bg-content {
      position: relative !important;
      width: 100vw !important;
      height: 80vw;
      margin-top: 3em;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important; } }

.bg-cover {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3; }
  .bg-cover svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(32%);
    height: 101%;
    max-height: 101%; }

.bg-content {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%; }
  .bg-content ~ * {
    position: relative;
    z-index: 5; }

.circle-title {
  width: auto;
  margin: 0;
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
  padding: 3em;
  z-index: 7; }
  .circle-title::before {
    height: 0;
    padding-bottom: 100%;
    float: left;
    display: block;
    content: ''; }
  .circle-title div {
    display: flex;
    border-radius: 50%;
    padding: 3em;
    box-shadow: 0.2em 0.2em 1em -0.5em black; }
  .circle-title h2 {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center;
    text-transform: uppercase;
    text-align: center; }
  @media screen and (max-width: 1024px) {
    .circle-title {
      margin: 0 auto;
      max-width: 90%;
      width: 1328px;
      position: static;
      border-radius: 0;
      background-color: transparent;
      justify-content: center;
      transform: none;
      margin-top: -7rem;
      padding: 0; }
      .circle-title::before {
        display: none; }
      .circle-title > div {
        box-shadow: none;
        padding: 0;
        display: block;
        border-radius: 0;
        background-color: transparent !important; }
        .circle-title > div > h2 {
          font-weight: 700;
          text-transform: uppercase;
          max-width: 499px;
          margin: 0 auto 1.9em !important;
          text-align: center;
          border-bottom: 1px solid !important;
          padding-bottom: 0.5em !important; } }

.svg-icon {
  -webkit-border-radius: 49.7%;
  -moz-border-radius: 49.7%;
  border-radius: 49.7%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0.9em; }
  .svg-icon::after {
    width: 0;
    height: 0;
    padding-bottom: 100%;
    display: inline-block;
    content: ''; }
  .svg-icon svg {
    width: 100%;
    height: 100%; }

@media screen and (max-width: 768px) {
  .mobile-hide {
    display: none; } }
@media screen and (min-width: 1025px) {
  .lg-hide {
    display: none; } }
@media screen and (max-width: 1024px) {
  .md-hide {
    display: none; } }
@media screen and (max-width: 767px) {
  .sm-hide {
    display: none; } }
@media screen and (max-width: 500px) {
  .xs-hide {
    display: none; } }
header, footer, section {
  max-width: 100%;
  width: 100%;
  padding: 1rem 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  header > section, footer > section, section > section {
    padding: 0; }
  header > article, footer > article, section > article {
    margin: 0 auto;
    max-width: 90%;
    width: 1328px; }
  header article.row, footer article.row, section article.row {
    font-size: 0; }
    header article.row > *, footer article.row > *, section article.row > * {
      display: inline-block;
      font-size: 1rem;
      vertical-align: top; }
  header article > .col-1, footer article > .col-1, section article > .col-1 {
    width: 5.5833333333%;
    margin-right: 3%; }
  header article > .offset-1, footer article > .offset-1, section article > .offset-1 {
    margin-left: 8.5833333333%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-1, footer article > .md-col-1, section article > .md-col-1 {
      width: 5.5833333333%;
      margin-right: 3%; }
    header article > .md-offset-1, footer article > .md-offset-1, section article > .md-offset-1 {
      margin-left: 8.5833333333%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-1, footer article > .sm-col-1, section article > .sm-col-1 {
      width: 5.5833333333%;
      margin-right: 3%; }
    header article > .sm-offset-1, footer article > .sm-offset-1, section article > .sm-offset-1 {
      margin-left: 8.5833333333%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-1, footer article > .xs-col-1, section article > .xs-col-1 {
      width: 5.5833333333%;
      margin-right: 3%; }
    header article > .xs-offset-1, footer article > .xs-offset-1, section article > .xs-offset-1 {
      margin-left: 8.5833333333%; } }
  header article > .col-2, footer article > .col-2, section article > .col-2 {
    width: 14.1666666667%;
    margin-right: 3%; }
  header article > .offset-2, footer article > .offset-2, section article > .offset-2 {
    margin-left: 17.1666666667%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-2, footer article > .md-col-2, section article > .md-col-2 {
      width: 14.1666666667%;
      margin-right: 3%; }
    header article > .md-offset-2, footer article > .md-offset-2, section article > .md-offset-2 {
      margin-left: 17.1666666667%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-2, footer article > .sm-col-2, section article > .sm-col-2 {
      width: 14.1666666667%;
      margin-right: 3%; }
    header article > .sm-offset-2, footer article > .sm-offset-2, section article > .sm-offset-2 {
      margin-left: 17.1666666667%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-2, footer article > .xs-col-2, section article > .xs-col-2 {
      width: 14.1666666667%;
      margin-right: 3%; }
    header article > .xs-offset-2, footer article > .xs-offset-2, section article > .xs-offset-2 {
      margin-left: 17.1666666667%; } }
  header article > .col-3, footer article > .col-3, section article > .col-3 {
    width: 22.75%;
    margin-right: 3%; }
  header article > .offset-3, footer article > .offset-3, section article > .offset-3 {
    margin-left: 25.75%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-3, footer article > .md-col-3, section article > .md-col-3 {
      width: 22.75%;
      margin-right: 3%; }
    header article > .md-offset-3, footer article > .md-offset-3, section article > .md-offset-3 {
      margin-left: 25.75%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-3, footer article > .sm-col-3, section article > .sm-col-3 {
      width: 22.75%;
      margin-right: 3%; }
    header article > .sm-offset-3, footer article > .sm-offset-3, section article > .sm-offset-3 {
      margin-left: 25.75%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-3, footer article > .xs-col-3, section article > .xs-col-3 {
      width: 22.75%;
      margin-right: 3%; }
    header article > .xs-offset-3, footer article > .xs-offset-3, section article > .xs-offset-3 {
      margin-left: 25.75%; } }
  header article > .col-4, footer article > .col-4, section article > .col-4 {
    width: 31.3333333333%;
    margin-right: 3%; }
  header article > .offset-4, footer article > .offset-4, section article > .offset-4 {
    margin-left: 34.3333333333%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-4, footer article > .md-col-4, section article > .md-col-4 {
      width: 31.3333333333%;
      margin-right: 3%; }
    header article > .md-offset-4, footer article > .md-offset-4, section article > .md-offset-4 {
      margin-left: 34.3333333333%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-4, footer article > .sm-col-4, section article > .sm-col-4 {
      width: 31.3333333333%;
      margin-right: 3%; }
    header article > .sm-offset-4, footer article > .sm-offset-4, section article > .sm-offset-4 {
      margin-left: 34.3333333333%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-4, footer article > .xs-col-4, section article > .xs-col-4 {
      width: 31.3333333333%;
      margin-right: 3%; }
    header article > .xs-offset-4, footer article > .xs-offset-4, section article > .xs-offset-4 {
      margin-left: 34.3333333333%; } }
  header article > .col-5, footer article > .col-5, section article > .col-5 {
    width: 39.9166666667%;
    margin-right: 3%; }
  header article > .offset-5, footer article > .offset-5, section article > .offset-5 {
    margin-left: 42.9166666667%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-5, footer article > .md-col-5, section article > .md-col-5 {
      width: 39.9166666667%;
      margin-right: 3%; }
    header article > .md-offset-5, footer article > .md-offset-5, section article > .md-offset-5 {
      margin-left: 42.9166666667%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-5, footer article > .sm-col-5, section article > .sm-col-5 {
      width: 39.9166666667%;
      margin-right: 3%; }
    header article > .sm-offset-5, footer article > .sm-offset-5, section article > .sm-offset-5 {
      margin-left: 42.9166666667%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-5, footer article > .xs-col-5, section article > .xs-col-5 {
      width: 39.9166666667%;
      margin-right: 3%; }
    header article > .xs-offset-5, footer article > .xs-offset-5, section article > .xs-offset-5 {
      margin-left: 42.9166666667%; } }
  header article > .col-6, footer article > .col-6, section article > .col-6 {
    width: 48.5%;
    margin-right: 3%; }
  header article > .offset-6, footer article > .offset-6, section article > .offset-6 {
    margin-left: 51.5%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-6, footer article > .md-col-6, section article > .md-col-6 {
      width: 48.5%;
      margin-right: 3%; }
    header article > .md-offset-6, footer article > .md-offset-6, section article > .md-offset-6 {
      margin-left: 51.5%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-6, footer article > .sm-col-6, section article > .sm-col-6 {
      width: 48.5%;
      margin-right: 3%; }
    header article > .sm-offset-6, footer article > .sm-offset-6, section article > .sm-offset-6 {
      margin-left: 51.5%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-6, footer article > .xs-col-6, section article > .xs-col-6 {
      width: 48.5%;
      margin-right: 3%; }
    header article > .xs-offset-6, footer article > .xs-offset-6, section article > .xs-offset-6 {
      margin-left: 51.5%; } }
  header article > .col-7, footer article > .col-7, section article > .col-7 {
    width: 57.0833333333%;
    margin-right: 3%; }
  header article > .offset-7, footer article > .offset-7, section article > .offset-7 {
    margin-left: 60.0833333333%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-7, footer article > .md-col-7, section article > .md-col-7 {
      width: 57.0833333333%;
      margin-right: 3%; }
    header article > .md-offset-7, footer article > .md-offset-7, section article > .md-offset-7 {
      margin-left: 60.0833333333%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-7, footer article > .sm-col-7, section article > .sm-col-7 {
      width: 57.0833333333%;
      margin-right: 3%; }
    header article > .sm-offset-7, footer article > .sm-offset-7, section article > .sm-offset-7 {
      margin-left: 60.0833333333%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-7, footer article > .xs-col-7, section article > .xs-col-7 {
      width: 57.0833333333%;
      margin-right: 3%; }
    header article > .xs-offset-7, footer article > .xs-offset-7, section article > .xs-offset-7 {
      margin-left: 60.0833333333%; } }
  header article > .col-8, footer article > .col-8, section article > .col-8 {
    width: 65.6666666667%;
    margin-right: 3%; }
  header article > .offset-8, footer article > .offset-8, section article > .offset-8 {
    margin-left: 68.6666666667%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-8, footer article > .md-col-8, section article > .md-col-8 {
      width: 65.6666666667%;
      margin-right: 3%; }
    header article > .md-offset-8, footer article > .md-offset-8, section article > .md-offset-8 {
      margin-left: 68.6666666667%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-8, footer article > .sm-col-8, section article > .sm-col-8 {
      width: 65.6666666667%;
      margin-right: 3%; }
    header article > .sm-offset-8, footer article > .sm-offset-8, section article > .sm-offset-8 {
      margin-left: 68.6666666667%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-8, footer article > .xs-col-8, section article > .xs-col-8 {
      width: 65.6666666667%;
      margin-right: 3%; }
    header article > .xs-offset-8, footer article > .xs-offset-8, section article > .xs-offset-8 {
      margin-left: 68.6666666667%; } }
  header article > .col-9, footer article > .col-9, section article > .col-9 {
    width: 74.25%;
    margin-right: 3%; }
  header article > .offset-9, footer article > .offset-9, section article > .offset-9 {
    margin-left: 77.25%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-9, footer article > .md-col-9, section article > .md-col-9 {
      width: 74.25%;
      margin-right: 3%; }
    header article > .md-offset-9, footer article > .md-offset-9, section article > .md-offset-9 {
      margin-left: 77.25%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-9, footer article > .sm-col-9, section article > .sm-col-9 {
      width: 74.25%;
      margin-right: 3%; }
    header article > .sm-offset-9, footer article > .sm-offset-9, section article > .sm-offset-9 {
      margin-left: 77.25%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-9, footer article > .xs-col-9, section article > .xs-col-9 {
      width: 74.25%;
      margin-right: 3%; }
    header article > .xs-offset-9, footer article > .xs-offset-9, section article > .xs-offset-9 {
      margin-left: 77.25%; } }
  header article > .col-10, footer article > .col-10, section article > .col-10 {
    width: 82.8333333333%;
    margin-right: 3%; }
  header article > .offset-10, footer article > .offset-10, section article > .offset-10 {
    margin-left: 85.8333333333%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-10, footer article > .md-col-10, section article > .md-col-10 {
      width: 82.8333333333%;
      margin-right: 3%; }
    header article > .md-offset-10, footer article > .md-offset-10, section article > .md-offset-10 {
      margin-left: 85.8333333333%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-10, footer article > .sm-col-10, section article > .sm-col-10 {
      width: 82.8333333333%;
      margin-right: 3%; }
    header article > .sm-offset-10, footer article > .sm-offset-10, section article > .sm-offset-10 {
      margin-left: 85.8333333333%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-10, footer article > .xs-col-10, section article > .xs-col-10 {
      width: 82.8333333333%;
      margin-right: 3%; }
    header article > .xs-offset-10, footer article > .xs-offset-10, section article > .xs-offset-10 {
      margin-left: 85.8333333333%; } }
  header article > .col-11, footer article > .col-11, section article > .col-11 {
    width: 91.4166666667%;
    margin-right: 3%; }
  header article > .offset-11, footer article > .offset-11, section article > .offset-11 {
    margin-left: 94.4166666667%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-11, footer article > .md-col-11, section article > .md-col-11 {
      width: 91.4166666667%;
      margin-right: 3%; }
    header article > .md-offset-11, footer article > .md-offset-11, section article > .md-offset-11 {
      margin-left: 94.4166666667%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-11, footer article > .sm-col-11, section article > .sm-col-11 {
      width: 91.4166666667%;
      margin-right: 3%; }
    header article > .sm-offset-11, footer article > .sm-offset-11, section article > .sm-offset-11 {
      margin-left: 94.4166666667%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-11, footer article > .xs-col-11, section article > .xs-col-11 {
      width: 91.4166666667%;
      margin-right: 3%; }
    header article > .xs-offset-11, footer article > .xs-offset-11, section article > .xs-offset-11 {
      margin-left: 94.4166666667%; } }
  header article > .col-12, footer article > .col-12, section article > .col-12 {
    width: 100%;
    margin-right: 3%; }
  header article > .offset-12, footer article > .offset-12, section article > .offset-12 {
    margin-left: 103%; }
  @media screen and (max-width: 1024px) {
    header article > .md-col-12, footer article > .md-col-12, section article > .md-col-12 {
      width: 100%;
      margin-right: 3%; }
    header article > .md-offset-12, footer article > .md-offset-12, section article > .md-offset-12 {
      margin-left: 103%; } }
  @media screen and (max-width: 767px) {
    header article > .sm-col-12, footer article > .sm-col-12, section article > .sm-col-12 {
      width: 100%;
      margin-right: 3%; }
    header article > .sm-offset-12, footer article > .sm-offset-12, section article > .sm-offset-12 {
      margin-left: 103%; } }
  @media screen and (max-width: 500px) {
    header article > .xs-col-12, footer article > .xs-col-12, section article > .xs-col-12 {
      width: 100%;
      margin-right: 3%; }
    header article > .xs-offset-12, footer article > .xs-offset-12, section article > .xs-offset-12 {
      margin-left: 103%; } }
  header article > .last, header article > :last-child, footer article > .last, footer article > :last-child, section article > .last, section article > :last-child {
    margin-right: 0; }
  header article > :first-child, footer article > :first-child, section article > :first-child {
    margin-top: 0; }

header {
  padding: 1rem 0; }
  header.overlay {
    position: absolute;
    z-index: 1000; }
  header > article.row {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center; }
  header #logo svg {
    max-height: 3.5rem;
    width: auto;
    vertical-align: bottom; }
    header #logo svg > * {
      fill: #ffffff; }
  header #menu > ul {
    list-style-type: none;
    font-size: 0; }
    header #menu > ul > * {
      display: inline-block;
      font-size: 1rem;
      vertical-align: middle; }
    header #menu > ul > li {
      width: 24.25%;
      margin-right: 1%; }
      header #menu > ul > li:last-child {
        margin-right: 0; }
      header #menu > ul > li a {
        background-color: #FCFBF8;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 0.5em 1em 0.3em;
        display: block;
        text-align: center;
        font-weight: bold; }
  @media screen and (max-width: 767px) {
    header #menu {
      display: none; } }

footer {
  z-index: 20;
  background-color: #f9423a; }
  footer .social a {
    margin-right: 1em;
    color: #ffffff; }
  footer .links {
    text-align: right; }
    footer .links a {
      margin-left: 2em;
      color: #ffffff; }

body > section {
  padding: 6rem 0; }
  body > section:nth-child(1) {
    z-index: 140; }
  body > section.z-reverse:nth-child(1) {
    z-index: 155; }
  body > section:nth-child(2) {
    z-index: 130; }
  body > section.z-reverse:nth-child(2) {
    z-index: 145; }
  body > section:nth-child(3) {
    z-index: 120; }
  body > section.z-reverse:nth-child(3) {
    z-index: 135; }
  body > section:nth-child(4) {
    z-index: 110; }
  body > section.z-reverse:nth-child(4) {
    z-index: 125; }
  body > section:nth-child(5) {
    z-index: 100; }
  body > section.z-reverse:nth-child(5) {
    z-index: 115; }
  body > section:nth-child(6) {
    z-index: 90; }
  body > section.z-reverse:nth-child(6) {
    z-index: 105; }
  body > section:nth-child(7) {
    z-index: 80; }
  body > section.z-reverse:nth-child(7) {
    z-index: 95; }
  body > section:nth-child(8) {
    z-index: 70; }
  body > section.z-reverse:nth-child(8) {
    z-index: 85; }
  body > section:nth-child(9) {
    z-index: 60; }
  body > section.z-reverse:nth-child(9) {
    z-index: 75; }
  body > section:nth-child(10) {
    z-index: 50; }
  body > section.z-reverse:nth-child(10) {
    z-index: 65; }
  body > section:nth-child(11) {
    z-index: 40; }
  body > section.z-reverse:nth-child(11) {
    z-index: 55; }
  body > section:nth-child(12) {
    z-index: 30; }
  body > section.z-reverse:nth-child(12) {
    z-index: 45; }
  body > section:nth-child(13) {
    z-index: 20; }
  body > section.z-reverse:nth-child(13) {
    z-index: 35; }
  body > section:nth-child(14) {
    z-index: 10; }
  body > section.z-reverse:nth-child(14) {
    z-index: 25; }
  body > section:nth-child(15) {
    z-index: 0; }
  body > section.z-reverse:nth-child(15) {
    z-index: 15; }
section > article.row + article.row {
  margin-top: 4rem !important; }
section.colour-medium-blue {
  background-color: #5894d3;
  color: #ffffff; }
section .box-columns {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal; }
  section .box-columns > div {
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    section .box-columns > div :first-child {
      margin-top: 0; }
section#top {
  padding-bottom: 12rem; }
  section#top .slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
    section#top .slider ~ * {
      position: relative;
      z-index: 1; }
  section#top .row {
    padding: 3rem 0 5rem; }
    section#top .row h1 {
      font-weight: 100;
      font-size: calc(( 100vw - 480px ) / 693.3333333333 + 3em);
      text-align: right; }
      @media screen and (min-width: 1521px) {
        section#top .row h1 {
          font-size: 4.5em; } }
      @media screen and (max-width: 479px) {
        section#top .row h1 {
          font-size: 3em; } }
    section#top .row img {
      -webkit-border-radius: 49.5%;
      -moz-border-radius: 49.5%;
      border-radius: 49.5%; }
  section#top .registration-cta {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    padding: 1.5em 0 3em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em; }
    section#top .registration-cta h3 {
      text-align: center; }
      section#top .registration-cta h3 span {
        font-size: 1.2rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        border-bottom: 0.2em solid white; }
    section#top .registration-cta blockquote {
      margin: 0 1.5em 2rem 1.5em;
      font-weight: 100;
      font-size: 3.625em;
      font-size: calc(( 100vw - 480px ) / 693.3333333333 + 2.125rem);
      text-align: center; }
      @media screen and (min-width: 1521px) {
        section#top .registration-cta blockquote {
          font-size: 3.625rem; } }
      @media screen and (max-width: 479px) {
        section#top .registration-cta blockquote {
          font-size: 2.125rem; } }
section#overview {
  background-color: #ececeb;
  color: #f9423a;
  padding-top: 18rem; }
  section#overview .overview-features {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-wrap: wrap;
    margin-bottom: -9rem; }
    section#overview .overview-features > div {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-direction: column; }
      @media screen and (max-width: 767px) {
        section#overview .overview-features > div {
          margin-bottom: 2em; } }
    section#overview .overview-features .image {
      -webkit-border-radius: 49.7%;
      -moz-border-radius: 49.7%;
      border-radius: 49.7%;
      overflow: hidden;
      position: relative;
      font-size: 0; }
      section#overview .overview-features .image::after {
        width: 0;
        height: 0;
        padding-bottom: 100%;
        display: inline-block;
        content: ''; }
      section#overview .overview-features .image img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%; }
      section#overview .overview-features .image + div {
        background-color: #ffffff;
        flex-grow: 1;
        padding: 15% 2em 1.5em;
        margin-top: -15%;
        text-align: center; }
        section#overview .overview-features .image + div h3 span {
          text-transform: uppercase;
          letter-spacing: 0.1em;
          color: #2071c5;
          background-image: linear-gradient(to right, #e8e8e7 0%, #e8e8e7 100%);
          background-position: 0 0.9em;
          background-repeat: repeat-x;
          background-size: 8px 3px; }
        section#overview .overview-features .image + div img {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
        section#overview .overview-features .image + div .svg-icon {
          background-color: #f9423a;
          width: 80px;
          height: 80px; }
        section#overview .overview-features .image + div p {
          font-size: 1.1em;
          font-weight: 500;
          color: #63666a;
          margin-top: 1.5em; }
          section#overview .overview-features .image + div p a {
            text-decoration: underline; }
section#futurion {
  color: #ffffff; }
  section#futurion .bg-cover {
    right: 70%;
    background-color: #f9423a; }
    section#futurion .bg-cover svg * {
      fill: #f9423a; }
  section#futurion .bg-content {
    width: 70%;
    background: url(../img/FutureCity.jpg) #f9423a right center no-repeat;
    background-size: cover; }
  section#futurion h2 {
    font-family: "Citrix New Sans", Calibri, sans-serif;
    font-weight: 100;
    font-size: 3em; }
    section#futurion h2 strong {
      font-weight: 500; }
  section#futurion p {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1.2em; }
    section#futurion p.large {
      font-family: "Citrix New Sans", Calibri, sans-serif;
      font-size: 2em; }
section#manifesto {
  background-color: #ff5f14;
  color: #ffffff;
  padding-top: 13rem; }
  section#manifesto .circle-title div {
    background-color: #ff5f14; }
  section#manifesto ul {
    list-style-type: none;
    padding: 0; }
    section#manifesto ul li {
      margin-bottom: 0.3em;
      font-size: 2.7em;
      font-size: calc(( 100vw - 480px ) / 1485.7142857143 + 2em);
      line-height: 1em; }
      @media screen and (min-width: 1521px) {
        section#manifesto ul li {
          font-size: 2.7em; } }
      @media screen and (max-width: 479px) {
        section#manifesto ul li {
          font-size: 2em; } }
section#speakers {
  background-color: #2071c5;
  color: #ffffff;
  padding: 0; }
  section#speakers > article {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    padding-top: 6rem; }
  section#speakers article.row > div {
    box-sizing: border-box;
    line-height: 1.8em; }
    section#speakers article.row > div h3 {
      font-size: 3.5em;
      font-weight: 100; }
      section#speakers article.row > div h3 strong {
        font-weight: 500; }
    section#speakers article.row > div p {
      padding-right: 4vw;
      font-size: 1.2em;
      font-family: "Poppins", Arial, sans-serif; }
  section#speakers .bg {
    opacity: 0.6; }
  section#speakers .slider > section, section#speakers .slider > section.sizer > section {
    padding: 0 0 7rem 0; }
  @media screen and (max-width: 767px) {
    section#speakers {
      padding-top: 6rem; }
      section#speakers > article {
        position: static;
        transform: none;
        padding-top: 0; }
      section#speakers .slider h3 {
        margin-top: 0; }
      section#speakers .slider > section, section#speakers .slider > section.sizer > section {
        display: flex;
        flex-direction: column-reverse; }
      section#speakers .slider > section.sizer > section {
        width: 100vw;
        max-width: 100vw; }
      section#speakers .slider .bg {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: 1em;
        width: 100vw;
        height: 70vw;
        min-height: 70vw;
        max-height: 70vw;
        opacity: 0.9;
        background-size: 220vw; } }
section#agenda {
  background-color: #23aae2;
  color: #ffffff;
  padding-bottom: 19rem; }
  section#agenda table {
    border: 1px solid #ffffff; }
    section#agenda table th {
      white-space: nowrap;
      font-size: 1.2em;
      font-weight: 100;
      border-top: 1px solid #ffffff; }
      @media screen and (max-width: 768px) {
        section#agenda table th {
          white-space: normal; } }
    section#agenda table td {
      font-weight: 100;
      padding: 0.5em 0.5em 0.4em;
      border-top: 1px solid #ffffff;
      border-left: 1px solid #ffffff;
      text-align: center;
      width: 28%; }
      section#agenda table td.session {
        padding: 0; }
        section#agenda table td.session a, section#agenda table td.session label {
          color: inherit;
          display: flex;
          min-height: 63px;
          justify-content: center;
          align-items: center;
          text-decoration: none;
          padding: 0.5em;
          cursor: pointer; }
        section#agenda table td.session:hover {
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
          background-color: rgba(0, 0, 0, 0.2); }
    section#agenda table .heading, section#agenda table .heading-black, section#agenda table .heading-grey {
      color: #ffffff; }
    section#agenda table .heading {
      background-color: #ffffff;
      color: #23aae2; }
    section#agenda table .heading-black {
      background-color: #ff5f14; }
    section#agenda table .heading-grey {
      background-color: #76d2f8; }
section#register {
  background-color: #ffffff;
  color: #63666a; }
  section#register form {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 1.5rem; }
    section#register form div {
      margin-bottom: 1em; }
      section#register form div:last-child {
        margin-bottom: 0; }
    section#register form label {
      display: block;
      font-size: inherit; }
      section#register form label.checkbox {
        font-size: 0.8em; }
    section#register form input, section#register form select {
      font-size: inherit;
      display: block;
      width: 100%;
      padding: 0.8em 1em 0.6em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    section#register form input[type="checkbox"] {
      display: inline-block;
      width: auto;
      margin: 0;
      margin-right: 0.5em; }
    section#register form span.error {
      color: #f9423a; }
    section#register form button {
      font-size: 1.5em;
      background-color: #ff5f14;
      color: #ffffff;
      width: 100%;
      display: block;
      max-width: none;
      margin-top: 2em; }
      section#register form button:hover {
        background-color: #2071c5; }
  section#register p.success {
    text-align: left;
    max-width: 500px;
    margin: 0 auto; }
  section#register > article > h2:first-child {
    max-width: 499px; }
section#sponsors {
  background-color: #AA0061;
  color: #ffffff;
  padding-top: 18rem; }
  section#sponsors .circle-title div {
    background-color: #2071c5;
    color: #ffffff; }
section#landmark-sponsors {
  background-color: #5894d3;
  color: #ffffff; }
section#sponsors .flex-grid.grid-4 > *, section#sponsors .flex-grid.grid-3 > *, section#landmark-sponsors .flex-grid.grid-4 > *, section#landmark-sponsors .flex-grid.grid-3 > * {
  height: auto;
  max-height: 4vw;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  justify-content: center;
  justify-items: center; }
section#sponsors .flex-grid.larger-grid > *, section#landmark-sponsors .flex-grid.larger-grid > * {
  max-height: 5vw; }
section#sponsors .flex-grid.grid-3 > *, section#landmark-sponsors .flex-grid.grid-3 > * {
  max-height: 5vw; }
  @media screen and (max-width: 1024px) {
    section#sponsors .flex-grid.grid-3 > *, section#landmark-sponsors .flex-grid.grid-3 > * {
      max-height: 10vw; } }
section#sponsors .flex-grid .mah70p svg, section#landmark-sponsors .flex-grid .mah70p svg {
  max-height: 70%; }
section#sponsors .flex-grid .mah80p svg, section#landmark-sponsors .flex-grid .mah80p svg {
  max-height: 80%; }
section#sponsors .flex-grid .asc svg, section#landmark-sponsors .flex-grid .asc svg {
  align-self: center; }
section .flex-grid {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  section .flex-grid.grid-4 > *, section .flex-grid.grid-3 > * {
    height: 150px;
    width: 250px;
    margin: 0 2em 5em;
    max-width: 22.75%;
    max-height: 10vw;
    text-align: center; }
  section .flex-grid.grid-4 img, section .flex-grid.grid-3 img {
    max-height: 100%;
    width: auto;
    align-self: center;
    justify-self: center; }
  section .flex-grid.grid-4 svg, section .flex-grid.grid-3 svg {
    width: 100%;
    height: 100%; }
  section .flex-grid.grid-3 > * {
    width: 330px;
    max-width: 30%; }
    @media screen and (max-width: 768px) {
      section .flex-grid.grid-3 > * {
        max-width: 40%;
        max-height: 10vw;
        margin-left: 1em;
        margin-right: 1em; } }
section#sponsorship {
  background-color: #2071c5;
  color: #ffffff; }
  section#sponsorship img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  section#sponsorship .svg-icon {
    background-color: #ffffff;
    width: 80px;
    height: 80px;
    cursor: pointer; }
    section#sponsorship .svg-icon svg > * {
      fill: #2071c5;
      stroke: #2071c5; }
    section#sponsorship .svg-icon:hover {
      background-color: #f9423a; }
      section#sponsorship .svg-icon:hover svg > * {
        fill: #ffffff;
        stroke: #ffffff; }
  section#sponsorship a.button, section#sponsorship label.button {
    color: #2071c5;
    margin-top: 1em; }
    section#sponsorship a.button:hover, section#sponsorship label.button:hover {
      background-color: #f9423a; }
section#vision {
  background-color: #ffffff;
  color: #2071c5; }
  section#vision iframe {
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em; }
section#faq {
  background-color: #f3f3f3;
  color: #179716; }
  section#faq div {
    background-color: #ffffff;
    padding: 2em;
    margin-bottom: 11px;
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    section#faq div p:first-child {
      margin-bottom: 0.66666em; }
      section#faq div p:first-child + p {
        border-top: 1px solid #179716; }
  section#faq .slider > section > article {
    height: auto; }
  section#faq .slider > section, section#faq .slider > section.sizer > section {
    padding-top: 0; }
  @media screen and (max-width: 1024px) {
    section#faq .slider {
      overflow: visible;
      text-align: left; }
      section#faq .slider > section {
        position: static;
        opacity: 1;
        overflow: visible;
        padding: 0; }
        section#faq .slider > section.sizer {
          display: none; }
      section#faq .slider > label {
        display: none; } }
section#contact {
  background: #2071c5 url(../img/Contact-bg.jpg) center center no-repeat;
  background-size: cover;
  color: #ffffff;
  padding-bottom: 13rem; }
  section#contact h2 {
    margin-top: 0;
    font-size: 4em;
    font-weight: 100;
    font-family: "Citrix New Sans", Calibri, sans-serif; }
  section#contact h3 {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1.2em; }
  section#contact ul {
    list-style-type: none;
    padding: 0; }
    section#contact ul li {
      margin-bottom: 0.4em; }
    section#contact ul a {
      color: inherit;
      font-size: 0.9em; }
      section#contact ul a i {
        width: 1.55em;
        height: 1.55em;
        color: #2071c5;
        background-color: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        line-height: 1.5em;
        margin-right: 0.5em; }
      section#contact ul a:hover {
        color: #f9423a;
        text-decoration: none; }
        section#contact ul a:hover i {
          color: #ffffff;
          background-color: #f9423a; }
  section#contact form label {
    display: none; }
  section#contact form input, section#contact form textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 0;
    margin: 0;
    padding: 1em; }
  section#contact form textarea {
    vertical-align: bottom;
    height: 200px;
    min-width: 100%;
    max-width: 100%; }
  section#contact form button {
    padding: 1em 1em 0.8em;
    width: 100%;
    max-width: none;
    background-color: #000000;
    color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  section#contact form .col-6 {
    width: 49.5%;
    margin-right: 1%; }
    section#contact form .col-6:last-child {
      margin-right: 0; }
  section#contact form article {
    margin-bottom: 1%; }
section#location {
  background-color: #ececeb;
  color: #f9423a;
  padding: 0; }
  section#location .circle-title div {
    background-color: #f9423a;
    color: #ffffff; }
    section#location .circle-title div svg {
      width: 10em;
      height: 10em; }
  section#location article {
    pointer-events: none; }
  section#location section {
    padding: 13rem 0; }
    @media screen and (max-width: 767px) {
      section#location section {
        padding: 3rem 0 0 0; } }
    section#location section h3 {
      font-size: 3.5em;
      font-weight: 100;
      margin-bottom: 1rem; }
    section#location section p {
      font-family: "Poppins", Arial, sans-serif;
      font-size: 1.3em; }
  section#location .stretch-iframe {
    position: relative; }
    section#location .stretch-iframe iframe {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
    section#location .stretch-iframe #map {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
      section#location .stretch-iframe #map .gmnoprint, section#location .stretch-iframe #map .gm-style-cc {
        display: none; }
  section#location .bg-cover {
    right: 77%;
    background-color: #ffffff;
    pointer-events: none; }
    section#location .bg-cover svg * {
      fill: #ffffff; }
  section#location .bg-content {
    width: 82%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 18%; }
section form.styled {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 1.5rem; }
  section form.styled div {
    margin-bottom: 1em; }
    section form.styled div:last-child {
      margin-bottom: 0; }
  section form.styled label {
    display: block;
    font-size: inherit; }
    section form.styled label.checkbox {
      font-size: 0.8em; }
  section form.styled input, section form.styled select {
    font-size: inherit;
    display: block;
    width: 100%;
    padding: 0.8em 1em 0.6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  section form.styled input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin: 0;
    margin-right: 0.5em; }
  section form.styled span.error {
    color: #f9423a; }
  section form.styled button {
    font-size: 1.5em;
    background-color: #ff5f14;
    color: #ffffff;
    width: 100%;
    display: block;
    max-width: none;
    margin-top: 2em; }
    section form.styled button:hover {
      background-color: #2071c5; }
  section form.styled .repeater-controls, section form.styled .repeater-control {
    display: none; }
  section form.styled .repeater + .repeater {
    display: none; }
  section form.styled .repeater {
    border-top: 1px solid rgba(0, 0, 0, 0.4); }
  section form.styled .repeater-controls {
    text-align: right;
    display: flex;
    justify-content: space-between; }
    section form.styled .repeater-controls button {
      width: auto;
      font-size: 1.3rem;
      display: inline-block;
      margin-top: 0;
      margin-bottom: 2rem; }
      section form.styled .repeater-controls button.disabled {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none; }

@keyframes colour-change {
  0% {
    background-color: #aa0061; }
  24% {
    background-color: #aa0061; }
  25% {
    background-color: #23aae2; }
  48% {
    background-color: #23aae2; }
  50% {
    background-color: #f9423a; }
  73% {
    background-color: #f9423a; }
  75% {
    background-color: #2071c5; }
  98% {
    background-color: #2071c5; }
  100% {
    background-color: #aa0061; } }
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }
  .modal-container .modal-window {
    position: relative; }
    .modal-container .modal-window .modal-content {
      overflow: hidden auto;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
      max-height: 80vh;
      max-width: 960px;
      width: 85vw; }
      .modal-container .modal-window .modal-content > * {
        padding: 5em 0;
        background-color: #ffffff;
        color: #63666a; }
        .modal-container .modal-window .modal-content > * > article:first-child {
          text-align: center; }
          .modal-container .modal-window .modal-content > * > article:first-child > h2:first-child {
            max-width: none;
            width: auto;
            display: inline-block;
            min-width: 50%;
            padding-left: 1em;
            padding-right: 1em;
            box-sizing: border-box; }
    .modal-container .modal-window .modal-close {
      cursor: pointer;
      position: absolute;
      bottom: 100%;
      left: 100%;
      width: 40px;
      height: 40px;
      font-size: 40px; }
  .modal-container .modal-close-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }

.modal-toggle {
  display: none; }
  .modal-toggle:checked + .modal-container {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    .modal-toggle:checked + .modal-container ~ *, .modal-toggle:checked + .modal-container ~ * * {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }

.invitation p, .invitation input, .invitation label, .invitation .repeater {
  color: #63666a; }
.invitation p.success {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  color: #f9423a;
  font-family: "Poppins", Arial, sans-serif;
  text-transform: uppercase; }

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