/**
 * @project        @oms/omscraft
 * @author         Tom King <webmaster@oxfordmartin.ox.ac.uk>
 * @build          Mon, Aug 19, 2019 11:36 AM ET
 * @release        fb7bceac8a0c852069c3cb2ecdd279b49bb47a3a [master]
 * @copyright      Copyright (c) 2019, University of Oxford
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  transition: all 0.4s ease; }
  html.wf-loading {
    opacity: 0; }
  html.wf-active, html.wf-inactive {
    opacity: 1; }

body {
  padding-top: 154px;
  min-width: 340px; }
  @media all and (max-width: 768px) {
    body {
      padding-top: 99px; } }

body.no-pad-long-read {
  padding-top: 0; }

.container {
  max-width: 1260px;
  padding: 0px 30px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media all and (max-width: 768px) {
    .container {
      padding: 0px 20px; } }

input {
  -webkit-appearance: none;
  border-radius: 0px; }

.strip {
  clear: both;
  overflow: hidden; }
  .strip.top-border > .container {
    border-top: 1px solid #1E2832; }

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

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

.button {
  position: relative;
  display: inline-block;
  margin: 15px 5px;
  padding: 15px 45px 15px 25px;
  background: #1E2832;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  border: none;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
  .button:first-of-type {
    margin-left: 0px; }
  .button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
  .button svg {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .button svg polygon {
      transition: fill 0.2s ease-in-out;
      fill: #ffffff; }
  .button:hover, .button:focus, .button:active {
    color: #1E2832;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); }
    .button:hover:before, .button:focus:before, .button:active:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1); }
    .button:hover svg polygon, .button:focus svg polygon, .button:active svg polygon {
      fill: #1E2832; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .selected {
    position: relative;
    background: #E74683;
    display: inline-block;
    min-width: 200px;
    padding: 15px;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    z-index: 6;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
    .dropdown .selected svg {
      position: absolute;
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg);
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .dropdown .selected svg polygon {
        fill: #ffffff; }
  .dropdown .options {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 5;
    max-height: 350px;
    overflow-y: scroll; }
    .dropdown .options li a, .dropdown .options li span {
      display: block;
      padding: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
      font-family: "Roboto Slab", serif;
      font-size: 14px;
      font-weight: 400;
      color: #1E2832; }
      .dropdown .options li a.active, .dropdown .options li span.active {
        background: #E74683;
        color: #ffffff; }
    .dropdown .options li:last-child a {
      border-bottom: none !important; }
  .dropdown.open .selected svg {
    -webkit-transform: translateY(-50%) rotate(270deg);
        -ms-transform: translateY(-50%) rotate(270deg);
            transform: translateY(-50%) rotate(270deg); }
  .dropdown.open .selected, .dropdown:hover .selected {
    background: #1E2832; }

.search-form {
  float: right; }
  .search-form button[type=submit] {
    background: #E74683;
    border: none;
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-appearance: none !important; }
    .search-form button[type=submit]:hover, .search-form button[type=submit]:focus {
      background: #1E2832; }
  .search-form input {
    padding: 10px; }
    .search-form input[type=text] {
      width: 200px;
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.1);
      font-family: "Roboto Condensed", sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #333;
      outline: none;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      -webkit-appearance: none !important; }
      .search-form input[type=text]:focus {
        color: #1E2832;
        border-color: rgba(0, 0, 0, 0.3); }

.logos {
  float: left;
  position: relative;
  z-index: 2; }
  .logos a[data-logo] {
    display: block;
    float: left;
    margin-right: 10px; }
    .logos a[data-logo] svg {
      width: 95px;
      height: auto; }

xmp {
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 30px 0;
  padding: 0px 20px;
  white-space: pre-wrap;
  max-height: 490px;
  overflow: hidden;
  overflow-y: scroll; }

.example {
  background: #f1f1f1;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .example *:first-child {
    margin-top: 0; }
  .example *:last-child {
    margin-bottom: 0; }

body {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px; }

a {
  color: #1E2832;
  text-decoration: none; }

blockquote {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin: 20px 0; }

figure {
  float: left;
  width: 250px;
  margin: 0px 30px 15px 0px;
  text-align: left; }
  figure > img {
    margin: 5px 0px 10px 0 !important; }
  figure figcaption * {
    margin: 10px 0; }
  figure figcaption *:first-child {
    margin-top: 0; }
  figure figcaption *:last-child {
    margin-bottom: 0; }
  figure.right-align {
    float: right;
    margin: 0px 0px 15px 30px; }
  @media all and (max-width: 640px) {
    figure {
      float: none !important;
      width: 100%;
      margin: 0 !important; } }

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1E2832;
  margin: 20px 0; }

p {
  font-family: "Roboto Slab", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px; }

p a {
  color: #E74683; }
  p a:hover {
    text-decoration: underline; }

h1 {
  font-family: "din-condensed", sans-serif;
  font-size: 116px;
  line-height: 96px;
  font-weight: 400;
  letter-spacing: -5px;
  text-transform: uppercase; }
  @media all and (max-width: 980px) {
    h1 {
      font-size: 100px;
      line-height: 92px; } }
  @media all and (max-width: 768px) {
    h1 {
      font-size: 90px;
      line-height: 84px; } }
  @media all and (max-width: 640px) {
    h1 {
      font-size: 82px;
      line-height: 78px; } }
  @media all and (max-width: 480px) {
    h1 {
      font-size: 74px;
      line-height: 70px; } }

h2 {
  font-family: "din-condensed", sans-serif;
  font-size: 64px;
  line-height: 58px;
  font-weight: 400;
  letter-spacing: -3px;
  text-transform: uppercase; }
  @media all and (max-width: 980px) {
    h2 {
      font-size: 58px;
      line-height: 54px; } }
  @media all and (max-width: 640px) {
    h2 {
      font-size: 54px;
      line-height: 51px; } }
  @media all and (max-width: 480px) {
    h2 {
      font-size: 44px;
      line-height: 42px; } }

h3 {
  font-family: "din-condensed", sans-serif;
  font-size: 56px;
  line-height: 52px;
  font-weight: 400;
  letter-spacing: -2px;
  text-transform: uppercase; }

h4 {
  font-family: "Roboto Slab", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 29px; }
  h4.large {
    font-size: 27px;
    line-height: 1.4em;
    font-weight: 400; }

h5 {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  line-height: 32px; }

.col {
  display: block;
  float: left;
  box-sizing: border-box; }
  .col.colfull {
    width: 100%; }
  .col.col1of2 {
    width: 50%; }
  .col.col1of3 {
    width: 33.333%; }
  .col.col2of3 {
    width: 66.666%; }
  .col.col1of4 {
    width: 25%; }
  .col.col2of4 {
    width: 50%; }
  .col.col3of4 {
    width: 75%; }

.row {
  margin: 20px 0;
  clear: both;
  overflow: hidden; }
  .row .col1of2:nth-child(odd) {
    padding-right: 20px; }
  .row .col1of2:nth-child(even) {
    padding-left: 20px; }
  .row .col1of3:nth-child(3n-2) {
    padding-right: 30px; }
  .row .col1of3:nth-child(3n-1) {
    padding: 0 10px; }
  .row .col1of3:nth-child(3n) {
    padding-left: 30px; }
  .row .col2of3:nth-child(odd) {
    padding-right: 20px; }
  .row .col1of4:nth-child(4n-3) {
    padding-right: 20px; }
  .row .col1of4:nth-child(4n-2) {
    padding-left: 10px;
    padding-right: 10px; }
  .row .col1of4:nth-child(4n-1) {
    padding-left: 10px;
    padding-right: 10px; }
  .row .col1of4:nth-child(4n) {
    padding-left: 20px;
    padding-right: 0px; }
  .row .col2of4:nth-child(4n-1) {
    padding-right: 0px;
    padding-left: 10px; }
  .row .col2of4:nth-child(4n-2) {
    padding-right: 10px;
    padding-left: 10px; }
  .row .col2of4:nth-child(4n-3) {
    padding-right: 10px;
    padding-left: 0px; }
  .row .col3of4:nth-child(odd) {
    padding-right: 20px; }

@media all and (max-width: 768px) {
  .col {
    display: block;
    float: none;
    width: 100% !important;
    padding: 0 !important; } }

/*
 *  Owl Carousel - Core
 */
.carousel, .single-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .carousel .owl-stage, .single-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .carousel .owl-stage:after, .single-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .carousel .owl-stage-outer, .single-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .carousel .owl-wrapper,
  .carousel .owl-item, .single-carousel .owl-wrapper,
  .single-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .carousel .owl-item, .single-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .carousel .owl-item img, .single-carousel .owl-item img {
    display: block;
    width: 100%; }
  .carousel .owl-nav.disabled,
  .carousel .owl-dots.disabled, .single-carousel .owl-nav.disabled,
  .single-carousel .owl-dots.disabled {
    display: none; }
  .carousel .owl-nav .owl-prev,
  .carousel .owl-nav .owl-next,
  .carousel .owl-dot, .single-carousel .owl-nav .owl-prev,
  .single-carousel .owl-nav .owl-next,
  .single-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .carousel .owl-nav button.owl-prev,
  .carousel .owl-nav button.owl-next,
  .carousel button.owl-dot, .single-carousel .owl-nav button.owl-prev,
  .single-carousel .owl-nav button.owl-next,
  .single-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .carousel.owl-loaded, .single-carousel.owl-loaded {
    display: block; }
  .carousel.owl-loading, .single-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .carousel.owl-hidden, .single-carousel.owl-hidden {
    opacity: 0; }
  .carousel.owl-refresh .owl-item, .single-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .carousel.owl-drag .owl-item, .single-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .carousel.owl-grab, .single-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .carousel.owl-rtl, .single-carousel.owl-rtl {
    direction: rtl; }
  .carousel.owl-rtl .owl-item, .single-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

.single-carousel-pad {
  /*padding: 0 160px 80px 160px;*/
  margin: 0 120px 80px; }

.single-carousel .owl-item .slide-text {
  padding: 0 20px 20px 20px;
  position: relative; }

.carousel .owl-nav, .single-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none; }
  .carousel .owl-nav button.owl-prev,
  .carousel .owl-nav button.owl-next, .single-carousel .owl-nav button.owl-prev,
  .single-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: auto;
    outline: none;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0.5; }
    .carousel .owl-nav button.owl-prev span,
    .carousel .owl-nav button.owl-next span, .single-carousel .owl-nav button.owl-prev span,
    .single-carousel .owl-nav button.owl-next span {
      display: block;
      width: 50px;
      height: 50px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
  .carousel .owl-nav button.owl-prev, .single-carousel .owl-nav button.owl-prev {
    left: -100px; }
    .carousel .owl-nav button.owl-prev span, .single-carousel .owl-nav button.owl-prev span {
      border-bottom: 1px solid #1E2832;
      border-left: 1px solid #1E2832; }
  .carousel .owl-nav button.owl-next, .single-carousel .owl-nav button.owl-next {
    right: -100px; }
    .carousel .owl-nav button.owl-next span, .single-carousel .owl-nav button.owl-next span {
      border-top: 1px solid #1E2832;
      border-right: 1px solid #1E2832; }
  .carousel .owl-nav button:hover, .single-carousel .owl-nav button:hover {
    opacity: 1; }
  .carousel .owl-nav button.disabled, .single-carousel .owl-nav button.disabled {
    opacity: 0;
    pointer-events: none; }

.carousel .owl-dots, .single-carousel .owl-dots {
  text-align: center;
  padding: 50px 0 20px;
  position: absolute;
  bottom: -90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  .carousel .owl-dots .owl-dot, .single-carousel .owl-dots .owl-dot {
    outline: none; }
    .carousel .owl-dots .owl-dot span, .single-carousel .owl-dots .owl-dot span {
      display: block;
      width: 10px;
      height: 10px;
      margin: 3px;
      border-radius: 50%;
      background: #1E2832;
      opacity: 0.5; }
    .carousel .owl-dots .owl-dot.active span, .single-carousel .owl-dots .owl-dot.active span {
      opacity: 1; }

.background-light-blue .single-carousel button.owl-prev span, .background-light-blue .carousel button.owl-prev span, .background-green .single-carousel button.owl-prev span, .background-green .carousel button.owl-prev span, .background-orange .single-carousel button.owl-prev span, .background-orange .carousel button.owl-prev span, .background-purple .single-carousel button.owl-prev span, .background-purple .carousel button.owl-prev span, .background-dark-blue .single-carousel button.owl-prev span, .background-dark-blue .carousel button.owl-prev span, .background-pink .single-carousel button.owl-prev span, .background-pink .carousel button.owl-prev span {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff; }

.background-light-blue .single-carousel button.owl-next span, .background-light-blue .carousel button.owl-next span, .background-green .single-carousel button.owl-next span, .background-green .carousel button.owl-next span, .background-orange .single-carousel button.owl-next span, .background-orange .carousel button.owl-next span, .background-purple .single-carousel button.owl-next span, .background-purple .carousel button.owl-next span, .background-dark-blue .single-carousel button.owl-next span, .background-dark-blue .carousel button.owl-next span, .background-pink .single-carousel button.owl-next span, .background-pink .carousel button.owl-next span {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.background-dark-blue .owl-dots .owl-dot span {
  background: #ffffff; }

nav ul li {
  display: inline-block;
  margin-left: 30px; }
  nav ul li:first-child {
    margin-left: 0; }
  nav ul li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.226s ease-in-out; }
  nav ul li.active {
    position: relative; }
    nav ul li.active:after {
      content: '';
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #1E2832; }

.social-media {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr 1fr;
      grid-template-columns: 3fr 1fr 1fr;
  padding: 20px 0;
  border-top: 1px solid #ffffff;
  text-align: center; }
  .social-media .social-links {
    text-align: left; }
    .social-media .social-links a {
      display: inline-block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      margin-left: 5px; }
      .social-media .social-links a:first-child {
        margin-left: 0; }
      .social-media .social-links a svg {
        width: 36px;
        height: auto; }
        .social-media .social-links a svg path {
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          fill: #ffffff; }
      .social-media .social-links a:hover svg path {
        fill: #E74683; }
  .social-media .social-join a {
    font-family: "Roboto slab";
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    color: #ffffff;
    padding: 10px;
    line-height: 13px;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .social-media .social-sub .button {
    width: 100%;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    box-sizing: border-box; }
  @media all and (max-width: 980px) {
    .social-media {
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
      grid-gap: 10px; }
      .social-media .social-links {
        text-align: center; } }

#main-header {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  padding: 30px 0px 0px;
  background: #1E2832;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  overflow: visible;
  z-index: 99; }
  #main-header .container {
    position: relative; }
  #main-header .logos {
    padding-bottom: 20px; }
    @media all and (max-width: 768px) {
      #main-header .logos {
        padding-bottom: 0px; } }
  #main-header:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 200vh;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease; }
  #main-header.mobile-nav-open:after {
    opacity: 0.6;
    pointer-events: auto; }
  #main-header .search-area {
    display: none;
    position: absolute;
    top: -30px;
    right: 30px;
    padding: 25px 0;
    min-width: 670px;
    text-align: right;
    background: #1E2832; }
    #main-header .search-area .close-button {
      display: inline-block;
      position: relative;
      top: 2px;
      left: -2px;
      padding: 10px; }
      #main-header .search-area .close-button svg {
        width: 15px;
        height: 15px; }
        #main-header .search-area .close-button svg path {
          fill: #ffffff; }
    #main-header .search-area input[type=text] {
      padding: 12px 15px;
      width: 100%;
      max-width: 360px;
      box-sizing: border-box;
      border: none;
      outline: none;
      font-family: "Roboto Slab";
      font-size: 16px; }
    #main-header .search-area button {
      position: absolute;
      top: 25px;
      right: 0;
      border: none;
      outline: none;
      cursor: pointer;
      background: transparent;
      padding: 10.5px 10px !important;
      height: 46.8px !important;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      #main-header .search-area button svg {
        width: 20px;
        height: 20px; }
        #main-header .search-area button svg ellipse,
        #main-header .search-area button svg line {
          stroke: #1E2832;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      #main-header .search-area button:hover, #main-header .search-area button:focus {
        background: #E74683; }
        #main-header .search-area button:hover svg ellipse,
        #main-header .search-area button:hover svg line, #main-header .search-area button:focus svg ellipse,
        #main-header .search-area button:focus svg line {
          stroke: #ffffff; }
    @media all and (max-width: 768px) {
      #main-header .search-area {
        min-width: 0;
        width: 100%;
        right: 0;
        top: -16px;
        padding-right: 15px;
        z-index: 1; }
        #main-header .search-area input[type=text] {
          max-width: 55vw; }
        #main-header .search-area button {
          right: 15px; } }
    @media all and (max-width: 480px) {
      #main-header .search-area {
        z-index: 3; }
        #main-header .search-area input[type=text] {
          max-width: calc(100% - 65px); } }
  #main-header nav {
    float: right;
    clear: right; }
    #main-header nav.top-nav {
      clear: none;
      font-family: "Roboto Slab";
      font-size: 14px;
      font-weight: 300; }
      #main-header nav.top-nav li:after {
        height: 1px; }
    #main-header nav.search {
      position: relative;
      margin-left: 30px;
      top: -4px; }
      #main-header nav.search svg#search-icon {
        width: 20px;
        height: auto; }
        #main-header nav.search svg#search-icon ellipse,
        #main-header nav.search svg#search-icon line {
          stroke: #ffffff; }
    #main-header nav.primary-nav {
      margin-top: 38px;
      font-family: "din-condensed", sans-serif;
      font-size: 25px;
      font-weight: 400;
      text-transform: uppercase; }
      #main-header nav.primary-nav ul li {
        position: relative; }
        #main-header nav.primary-nav ul li a {
          padding: 20px 0; }
        #main-header nav.primary-nav ul li:hover > ul.sub-menu {
          -webkit-transform: translateX(-50%) scale(1);
              -ms-transform: translateX(-50%) scale(1);
                  transform: translateX(-50%) scale(1);
          pointer-events: auto; }
      #main-header nav.primary-nav ul.sub-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        min-width: 200px;
        background: #E74683;
        z-index: 99;
        -webkit-transform: translateX(-50%) scale(0);
            -ms-transform: translateX(-50%) scale(0);
                transform: translateX(-50%) scale(0);
        -webkit-transform-origin: top;
            -ms-transform-origin: top;
                transform-origin: top;
        pointer-events: none;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
        #main-header nav.primary-nav ul.sub-menu:before {
          content: '';
          position: absolute;
          top: -10px;
          left: 50%;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #E74683;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        #main-header nav.primary-nav ul.sub-menu li {
          display: block;
          margin: 0;
          transition: background 0.2s ease; }
          #main-header nav.primary-nav ul.sub-menu li a {
            display: block;
            padding: 15px;
            font-family: "Roboto Slab", serif;
            font-size: 15px;
            font-weight: 400;
            color: #ffffff;
            text-transform: none; }
          #main-header nav.primary-nav ul.sub-menu li:hover {
            background: rgba(255, 255, 255, 0.1); }
          #main-header nav.primary-nav ul.sub-menu li:nth-child(even) {
            background: rgba(0, 0, 0, 0.05); }
            #main-header nav.primary-nav ul.sub-menu li:nth-child(even):hover {
              background: rgba(255, 255, 255, 0.1); }
    #main-header nav.hamburger {
      display: none;
      margin-left: 20px;
      padding: 0px;
      position: relative;
      top: -3px;
      right: -5px; }
      #main-header nav.hamburger a {
        display: block;
        padding: 0px 5px; }
      #main-header nav.hamburger svg path {
        fill: #fff; }
    @media all and (max-width: 980px) {
      #main-header nav.top-nav {
        display: none;
        padding: 20px 0 0 0;
        clear: right;
        text-align: right;
        width: calc(100% - 220px);
        line-height: 24px; }
        #main-header nav.top-nav ul {
          width: 100%; }
          #main-header nav.top-nav ul li.active:after {
            display: none; }
          #main-header nav.top-nav ul li a {
            display: inline-block; }
      #main-header nav.hamburger {
        display: inline-block; }
      #main-header nav.hamburger, #main-header nav.search {
        clear: none;
        position: relative;
        width: 45px;
        height: 45px;
        margin-left: 10px;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.2); }
        #main-header nav.hamburger a, #main-header nav.search a {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      #main-header nav.primary-nav {
        margin-top: 15px; }
      #main-header nav.search {
        top: 0;
        margin-left: 0; } }
    @media all and (max-width: 768px) {
      #main-header nav.primary-nav {
        display: block;
        display: none;
        float: left;
        width: 50%;
        margin-top: 20px;
        clear: none; }
        #main-header nav.primary-nav ul {
          width: 100%; }
          #main-header nav.primary-nav ul li {
            display: block;
            margin: 10px 0;
            margin-left: 0; }
            #main-header nav.primary-nav ul li.active:after {
              display: none; }
            #main-header nav.primary-nav ul li a {
              display: inline-block;
              padding: 0; }
            #main-header nav.primary-nav ul li ul.sub-menu {
              display: none; }
      #main-header nav.top-nav {
        width: 50%;
        line-height: inherit; }
        #main-header nav.top-nav ul li {
          display: block;
          margin: 10px 0;
          margin-left: 0; }
      #main-header nav.hamburger, #main-header nav.search {
        width: 62px;
        height: 62px; } }
  @media all and (max-width: 768px) {
    #main-header {
      padding: 20px 0px 13px; }
      #main-header .logos a[data-logo] svg {
        width: 60px; } }
  #main-header.transparent-header {
    background: rgba(0, 0, 0, 0.3) !important; }
  #main-header.light-header {
    background: #ffffff; }
    #main-header.light-header .logos a[data-logo="oxford-martin-school"] svg .oms-logo1,
    #main-header.light-header .logos a[data-logo="oxford-martin-school"] svg .oms-logo2 {
      fill: #1E2832; }
    #main-header.light-header .search-area {
      background: #ffffff; }
      #main-header.light-header .search-area .close-button svg path {
        fill: #1E2832; }
      #main-header.light-header .search-area input[type=text] {
        border: 1px solid #1E2832; }
      #main-header.light-header .search-area button {
        padding: 10px; }
        #main-header.light-header .search-area button:hover {
          background: #1E2832; }
    #main-header.light-header nav ul li:not(.active) a:not(:hover) {
      color: #1E2832; }
    @media all and (max-width: 980px) {
      #main-header.light-header nav.search {
        background: rgba(0, 0, 0, 0.075); } }
    #main-header.light-header nav.search svg#search-icon ellipse,
    #main-header.light-header nav.search svg#search-icon line {
      stroke: #1E2832; }
    #main-header.light-header nav.hamburger {
      background: rgba(0, 0, 0, 0.075); }
      #main-header.light-header nav.hamburger svg path {
        fill: #1E2832; }

@media all and (min-width: 769px) {
  #main-header nav.primary-nav {
    display: block !important; } }

@media all and (min-width: 981px) {
  #main-header nav.top-nav {
    display: block !important; }
  #main-header:after {
    display: none; } }

#main-footer {
  background: #1E2832;
  padding: 50px 0 20px 0; }
  @media all and (max-width: 768px) {
    #main-footer {
      padding-top: 30px; } }
  #main-footer .content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
    grid-gap: 50px; }
    @media all and (max-width: 768px) {
      #main-footer .content .footer-info {
        padding-bottom: 30px; } }
    @media all and (max-width: 480px) {
      #main-footer .content .footer-info .logos a {
        float: none; } }
    #main-footer .content .footer-info .ou-logo1 {
      fill: none; }
    #main-footer .content .footer-info .info {
      clear: both;
      padding: 15px 0; }
      @media all and (max-width: 768px) {
        #main-footer .content .footer-info .info {
          clear: none;
          padding: 0;
          padding-left: 4%;
          -webkit-column-count: 2;
                  column-count: 2; }
          #main-footer .content .footer-info .info p:first-child {
            margin-top: 0; } }
      @media all and (max-width: 600px) {
        #main-footer .content .footer-info .info {
          -webkit-column-count: 1;
                  column-count: 1; } }
    #main-footer .content .footer-info p, #main-footer .content .footer-info a {
      color: #ffffff;
      font-size: 13px;
      line-height: 18px;
      font-weight: 300; }
      @media all and (max-width: 768px) {
        #main-footer .content .footer-info p, #main-footer .content .footer-info a {
          font-size: 12px;
          line-height: 17px; } }
    #main-footer .content .footer-info a:hover {
      text-decoration: underline; }
    #main-footer .content .footer-nav .quick-links {
      padding: 30px 0;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
      #main-footer .content .footer-nav .quick-links li.active:after {
        bottom: -5px; }
      #main-footer .content .footer-nav .quick-links a {
        font-family: "Roboto slab";
        font-size: 13px;
        font-weight: 300; }
      @media all and (max-width: 980px) {
        #main-footer .content .footer-nav .quick-links {
          padding: 15px 0; }
          #main-footer .content .footer-nav .quick-links ul {
            -webkit-column-count: 2;
                    column-count: 2;
            -webkit-column-gap: 0px;
                    column-gap: 0px; }
            #main-footer .content .footer-nav .quick-links ul li {
              display: block;
              margin: 10px 0; }
              #main-footer .content .footer-nav .quick-links ul li.active:after {
                display: none; }
              #main-footer .content .footer-nav .quick-links ul li:first-child {
                margin-top: 0; } }
      @media all and (max-width: 380px) {
        #main-footer .content .footer-nav .quick-links ul {
          -webkit-column-count: 1;
                  column-count: 1; }
          #main-footer .content .footer-nav .quick-links ul li:first-child {
            margin-top: 10px; } }
    #main-footer .content .footer-nav .main-footer-nav {
      padding: 30px 0; }
      #main-footer .content .footer-nav .main-footer-nav ul {
        margin: 20px 0; }
        #main-footer .content .footer-nav .main-footer-nav ul li {
          display: block;
          margin: 10px 0; }
          #main-footer .content .footer-nav .main-footer-nav ul li a {
            display: inline-block;
            font-family: "din-condensed", sans-serif;
            font-size: 18px;
            font-weight: 300;
            color: #BEC6C3;
            text-transform: uppercase; }
          #main-footer .content .footer-nav .main-footer-nav ul li.active:after {
            display: none; }
          #main-footer .content .footer-nav .main-footer-nav ul li.active a {
            text-decoration: underline; }
      #main-footer .content .footer-nav .main-footer-nav .col > a {
        font-family: "din-condensed", sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        transition: all 0.2s ease; }
        #main-footer .content .footer-nav .main-footer-nav .col > a.active {
          text-decoration: underline; }
      #main-footer .content .footer-nav .main-footer-nav .highlight-green a:hover, #main-footer .content .footer-nav .main-footer-nav .highlight-green .active a, #main-footer .content .footer-nav .main-footer-nav .highlight-green a.active {
        color: #00AD68; }
      #main-footer .content .footer-nav .main-footer-nav .highlight-pink a:hover, #main-footer .content .footer-nav .main-footer-nav .highlight-pink .active a, #main-footer .content .footer-nav .main-footer-nav .highlight-pink a.active {
        color: #E74683; }
      #main-footer .content .footer-nav .main-footer-nav .highlight-purple a:hover, #main-footer .content .footer-nav .main-footer-nav .highlight-purple .active a, #main-footer .content .footer-nav .main-footer-nav .highlight-purple a.active {
        color: #84235E; }
      #main-footer .content .footer-nav .main-footer-nav .highlight-light-blue a:hover, #main-footer .content .footer-nav .main-footer-nav .highlight-light-blue .active a, #main-footer .content .footer-nav .main-footer-nav .highlight-light-blue a.active {
        color: #00ACC8; }
      #main-footer .content .footer-nav .main-footer-nav .highlight-orange a:hover, #main-footer .content .footer-nav .main-footer-nav .highlight-orange .active a, #main-footer .content .footer-nav .main-footer-nav .highlight-orange a.active {
        color: #FA8D29; }
      @media all and (max-width: 980px) {
        #main-footer .content .footer-nav .main-footer-nav .col1of4 {
          margin-bottom: 20px;
          width: 50% !important;
          float: left; } }
      @media all and (max-width: 380px) {
        #main-footer .content .footer-nav .main-footer-nav .col1of4 {
          float: none;
          width: 100%;
          margin-bottom: 40px; } }
    @media all and (max-width: 768px) {
      #main-footer .content {
        display: block; } }
  #main-footer .bottom-bar {
    overflow: hidden;
    margin-top: 30px;
    border-top: 1px solid #ffffff;
    clear: both; }
    #main-footer .bottom-bar a, #main-footer .bottom-bar p {
      display: inline-block;
      font-family: "Roboto slab";
      font-size: 11px;
      font-weight: 300;
      color: #BEC6C3;
      margin: 0;
      line-height: 44px; }
    #main-footer .bottom-bar ul li {
      margin-left: 10px; }
      #main-footer .bottom-bar ul li a:hover {
        color: #ffffff;
        text-decoration: underline; }
      #main-footer .bottom-bar ul li:after {
        content: '|';
        color: #BEC6C3;
        margin-left: 10px; }
      #main-footer .bottom-bar ul li:first-child {
        margin-left: 0; }
      #main-footer .bottom-bar ul li:last-child:after {
        display: none; }
    @media all and (max-width: 768px) {
      #main-footer .bottom-bar {
        padding-top: 10px; }
        #main-footer .bottom-bar .col {
          float: none;
          width: 100%;
          text-align: left; } }

.tiles {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(150px, 1fr))[3];
      grid-template-columns: repeat(3, minmax(150px, 1fr));
  grid-gap: 40px;
  margin: 50px 0 0 0; }
  .tiles[data-columns="2"] {
    -ms-grid-columns: (minmax(150px, 1fr))[2];
        grid-template-columns: repeat(2, minmax(150px, 1fr)); }
  .tiles[data-columns="3"] {
    -ms-grid-columns: (minmax(150px, 1fr))[3];
        grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .tiles[data-columns="4"] {
    -ms-grid-columns: (minmax(150px, 1fr))[4];
        grid-template-columns: repeat(4, minmax(150px, 1fr)); }
    .tiles[data-columns="4"] .tile .image {
      max-height: 175px; }
  .tiles[data-columns="6"] {
    -ms-grid-columns: (minmax(100px, 1fr))[6];
        grid-template-columns: repeat(6, minmax(100px, 1fr)); }
    .tiles[data-columns="6"] .tile .image {
      height: 10vw;
      max-height: 120px; }
  .tiles .tile {
    position: relative;
    display: block;
    padding-bottom: 50px;
    cursor: pointer;
    overflow: hidden;
    top: 0px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-duration: 1.6s;
    transition-timing-function: ease; }
    .tiles .tile:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0px;
      height: 100%;
      background: rgba(0, 0, 0, 0.075);
      z-index: 0;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-delay: 0s; }
    .tiles .tile.no-image {
      padding-top: 30px; }
      .tiles .tile.no-image:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 40px;
        height: 10px;
        margin-top: 20px;
        background: #BEC6C3;
        z-index: 1;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        transition-delay: 0.1s; }
    .tiles .tile .image {
      position: relative;
      height: 220px;
      background-size: cover;
      background-position: center;
      background-color: #f5f5f5;
      z-index: 1;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-duration: 2s;
      transition-timing-function: ease;
      -webkit-transform-origin: bottom center;
          -ms-transform-origin: bottom center;
              transform-origin: bottom center;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .tiles .tile .image-no-height {
      position: relative;
      z-index: 1;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-duration: 2s;
      transition-timing-function: ease;
      -webkit-transform-origin: bottom center;
          -ms-transform-origin: bottom center;
              transform-origin: bottom center;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .tiles .tile .content {
      position: relative;
      padding-right: 40px;
      z-index: 1;
      transition-delay: 0.1s;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .tiles .tile .content .details {
        margin: 15px 0; }
        .tiles .tile .content .details p {
          margin: 5px 0; }
        .tiles .tile .content .details svg {
          margin-right: 5px; }
    .tiles .tile footer {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      font-size: 16px;
      font-weight: 400;
      padding: 15px 20px 15px 0px;
      color: #1E2832;
      text-align: left;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-delay: 0.1s; }
      .tiles .tile footer .article-type {
        font-weight: 600;
        text-transform: uppercase; }
    .tiles .tile.person {
      padding-bottom: 0px; }
      .tiles .tile.person h4 {
        font-size: 17px;
        line-height: 20px;
        margin: 20px 0 0 0; }
      .tiles .tile.person p {
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0 20px 0; }
    .tiles .tile.video .play-button {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 88px;
      height: 88px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.5);
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-duration: 0.8s;
      transition-delay: 0.2s; }
      .tiles .tile.video .play-button::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        margin-left: 3px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 30px solid #fff; }
    .tiles .tile.video:hover .play-button {
      width: 100%;
      height: 100%;
      border-radius: 0px; }
    .tiles .tile.publication {
      padding-bottom: 0; }
      .tiles .tile.publication:before {
        display: none; }
      .tiles .tile.publication .image {
        float: left;
        width: 150px;
        background-color: transparent; }
      .tiles .tile.publication .content {
        padding: 0px 20px 0px 30px !important;
        overflow: hidden;
        box-sizing: border-box; }
        .tiles .tile.publication .content > *:first-child {
          margin-top: 0; }
        .tiles .tile.publication .content footer {
          position: relative;
          padding-left: 0;
          margin: 0; }
      @media all and (max-width: 480px) {
        .tiles .tile.publication .image {
          float: none;
          width: 100%;
          margin-bottom: 20px; }
        .tiles .tile.publication .content {
          padding: 0px !important; } }
    .tiles .tile.editorial {
      padding-bottom: 0; }
      .tiles .tile.editorial:before {
        display: none; }
      .tiles .tile.editorial .image {
        float: left;
        width: 150px;
        height: 150px; }
      .tiles .tile.editorial .content {
        padding: 0px 20px 0px 30px !important;
        overflow: hidden;
        box-sizing: border-box; }
        .tiles .tile.editorial .content > *:first-child {
          margin-top: 0; }
        .tiles .tile.editorial .content footer {
          position: relative;
          padding-left: 0;
          margin: 0; }
      @media all and (max-width: 480px) {
        .tiles .tile.editorial .image {
          float: none;
          width: 100%;
          height: 200px;
          margin-bottom: 20px; }
        .tiles .tile.editorial .content {
          padding: 0px !important; } }
    .tiles .tile.bottom-border {
      border-bottom: 1px solid #1E2832;
      padding-bottom: 10px; }
    .tiles .tile:hover:before {
      width: 100%;
      transition-delay: 0.3s; }
    .tiles .tile:hover .content,
    .tiles .tile:hover footer {
      transition-delay: 0s; }
    .tiles .tile:hover .content {
      padding: 0px 20px; }
    .tiles .tile:hover.no-image:after {
      margin-left: 20px;
      transition-delay: 0s; }
    .tiles .tile:hover footer {
      padding-left: 20px; }
    .tiles .tile.featured {
      -ms-grid-column: span 2 / 3;
          grid-column: span 2 / 3;
      height: 100%;
      padding-bottom: 0; }
      .tiles .tile.featured .image {
        height: 100%;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center; }
      .tiles .tile.featured .content {
        position: absolute;
        bottom: 30px;
        left: 0px;
        background: rgba(255, 255, 255, 0.8);
        padding: 25px;
        max-width: 52.5%;
        box-sizing: border-box; }
        .tiles .tile.featured .content > *:first-child {
          margin-top: 0; }
      .tiles .tile.featured footer {
        position: relative;
        padding: 15px 0 0 0; }
      .tiles .tile.featured:hover .image {
        -webkit-transform: scale(1.1) !important;
            -ms-transform: scale(1.1) !important;
                transform: scale(1.1) !important; }
  .tiles.large-tiles {
    grid-gap: 0px;
    margin: 0; }
    .tiles.large-tiles .tile {
      position: relative;
      height: 25vw;
      padding: 0;
      top: 0; }
      .tiles.large-tiles .tile:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        pointer-events: none;
        z-index: 2;
        transition: opacity 0.3s ease-in-out; }
      .tiles.large-tiles .tile .image {
        height: 100%;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        z-index: 2; }
      .tiles.large-tiles .tile .content {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 0;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 3; }
        .tiles.large-tiles .tile .content * {
          text-align: center;
          color: #ffffff; }
        .tiles.large-tiles .tile .content h4 {
          font-size: 27px;
          line-height: 34px; }
      .tiles.large-tiles .tile:hover:after {
        opacity: 0.5; }
      .tiles.large-tiles .tile:hover:hover .image {
        -webkit-transform: scale(1.1) !important;
            -ms-transform: scale(1.1) !important;
                transform: scale(1.1) !important; }
    @media all and (max-width: 980px) {
      .tiles.large-tiles {
        -ms-grid-columns: (minmax(150px, 1fr))[1];
            grid-template-columns: repeat(1, minmax(150px, 1fr)); } }
  @media all and (max-width: 1180px) {
    .tiles[data-columns="3"] {
      -ms-grid-columns: (minmax(150px, 1fr))[2];
          grid-template-columns: repeat(2, minmax(150px, 1fr)); }
    .tiles[data-columns="4"] {
      -ms-grid-columns: (minmax(150px, 1fr))[3];
          grid-template-columns: repeat(3, minmax(150px, 1fr)); }
    .tiles[data-columns="6"] {
      -ms-grid-columns: (minmax(150px, 1fr))[3];
          grid-template-columns: repeat(3, minmax(150px, 1fr)); }
      .tiles[data-columns="6"] .tile.person .image {
        max-height: 240px;
        height: 18vw; } }
  @media all and (max-width: 980px) {
    .tiles {
      -ms-grid-columns: (minmax(150px, 1fr))[2];
          grid-template-columns: repeat(2, minmax(150px, 1fr)); }
      .tiles[data-columns="4"] {
        -ms-grid-columns: (minmax(150px, 1fr))[2];
            grid-template-columns: repeat(2, minmax(150px, 1fr)); }
      .tiles .tile.featured {
        min-height: 360px;
        -ms-grid-column: span 2;
            grid-column: span 2; }
        .tiles .tile.featured:nth-child(2) {
          -webkit-order: -1;
              -ms-flex-order: -1;
                  order: -1;
          transition-delay: 0s; }
        .tiles .tile.featured .content {
          max-width: 75%; } }
  @media all and (max-width: 768px) {
    .tiles[data-columns="3"] {
      -ms-grid-columns: (minmax(150px, 1fr))[1];
          grid-template-columns: repeat(1, minmax(150px, 1fr)); } }
  @media all and (max-width: 640px) {
    .tiles {
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; }
      .tiles[data-columns="4"] {
        -ms-grid-columns: (minmax(150px, 1fr))[1];
            grid-template-columns: repeat(1, minmax(150px, 1fr)); }
      .tiles[data-columns="6"] {
        -ms-grid-columns: (minmax(150px, 1fr))[2];
            grid-template-columns: repeat(2, minmax(150px, 1fr)); }
        .tiles[data-columns="6"] .tile.person .image {
          max-height: 180px;
          height: 25vw; }
      .tiles .tile.featured {
        -ms-grid-column: auto;
            grid-column: auto;
        min-height: auto; }
        .tiles .tile.featured .image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .tiles .tile.featured .content {
          max-width: 100%;
          position: relative;
          bottom: 0;
          margin: 50px 50px 50px 0px; }
      .tiles.large-tiles .tile {
        height: 100vw;
        max-height: 300px; } }
  @media all and (max-width: 380px) {
    .tiles[data-columns="6"] {
      -ms-grid-columns: (minmax(150px, 1fr))[1];
          grid-template-columns: repeat(1, minmax(150px, 1fr)); }
      .tiles[data-columns="6"] .tile.person .image {
        max-height: 200px;
        height: 100vw; } }

.custom-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(150px, 1fr))[3];
      grid-template-columns: repeat(3, minmax(150px, 1fr));
  grid-gap: 40px; }
  .custom-grid[data-columns="2"] {
    -ms-grid-columns: (minmax(150px, 1fr))[2];
        grid-template-columns: repeat(2, minmax(150px, 1fr)); }
  .custom-grid[data-columns="3"] {
    -ms-grid-columns: (minmax(150px, 1fr))[3];
        grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .custom-grid[data-columns="4"] {
    -ms-grid-columns: (minmax(150px, 1fr))[4];
        grid-template-columns: repeat(4, minmax(150px, 1fr)); }
  .custom-grid[data-columns="6"] {
    -ms-grid-columns: (minmax(100px, 1fr))[6];
        grid-template-columns: repeat(6, minmax(100px, 1fr)); }
  @media all and (max-width: 1180px) {
    .custom-grid[data-columns="3"] {
      -ms-grid-columns: (minmax(150px, 1fr))[2];
          grid-template-columns: repeat(2, minmax(150px, 1fr)); }
    .custom-grid[data-columns="4"] {
      -ms-grid-columns: (minmax(150px, 1fr))[3];
          grid-template-columns: repeat(3, minmax(150px, 1fr)); }
    .custom-grid[data-columns="6"] {
      -ms-grid-columns: (minmax(150px, 1fr))[3];
          grid-template-columns: repeat(3, minmax(150px, 1fr)); } }
  @media all and (max-width: 980px) {
    .custom-grid {
      -ms-grid-columns: (minmax(150px, 1fr))[2];
          grid-template-columns: repeat(2, minmax(150px, 1fr)); }
      .custom-grid[data-columns="4"] {
        -ms-grid-columns: (minmax(150px, 1fr))[2];
            grid-template-columns: repeat(2, minmax(150px, 1fr)); } }
  @media all and (max-width: 768px) {
    .custom-grid[data-columns="3"] {
      -ms-grid-columns: (minmax(150px, 1fr))[1];
          grid-template-columns: repeat(1, minmax(150px, 1fr)); } }
  @media all and (max-width: 640px) {
    .custom-grid {
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; }
      .custom-grid[data-columns="4"] {
        -ms-grid-columns: (minmax(150px, 1fr))[1];
            grid-template-columns: repeat(1, minmax(150px, 1fr)); }
      .custom-grid[data-columns="6"] {
        -ms-grid-columns: (minmax(150px, 1fr))[2];
            grid-template-columns: repeat(2, minmax(150px, 1fr)); } }
  @media all and (max-width: 380px) {
    .custom-grid[data-columns="6"] {
      -ms-grid-columns: (minmax(150px, 1fr))[1];
          grid-template-columns: repeat(1, minmax(150px, 1fr)); } }

.pagination {
  padding-top: 20px;
  text-align: center; }
  .pagination a {
    display: inline-block;
    background: #f5f5f5;
    padding: 12px 16px;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    margin: 0px 2px;
    color: rgba(0, 0, 0, 0.3);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
    .pagination a:hover {
      color: rgba(0, 0, 0, 0.8); }
    .pagination a.active {
      background: #1E2832;
      color: #ffffff; }
    .pagination a.prev, .pagination a.next {
      background: transparent;
      color: #1E2832; }
      .pagination a.prev svg, .pagination a.next svg {
        position: relative;
        top: 2px; }
    .pagination a.prev svg {
      margin-right: 6px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .pagination a.next svg {
      left: 5px; }

.highlight-pink .pagination a.active {
  background: #E74683; }

.highlight-pink .pagination a.prev, .highlight-pink .pagination a.next {
  color: #E74683; }

.header-strip {
  position: relative;
  padding: 120px 0;
  background: no-repeat center/cover transparent;
  min-height: 120px;
  overflow: hidden;
  opacity: 0; }
  .header-strip.small-header {
    padding: 60px 0;
    min-height: 60px; }
    .header-strip.small-header .sub-nav + .container {
      padding-top: 70px; }
    @media all and (max-width: 980px) {
      .header-strip.small-header {
        padding-top: 0px; }
        .header-strip.small-header .sub-nav + .container {
          padding-top: 15px; } }
  .header-strip .sub-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 0; }
    .header-strip .sub-nav a {
      display: block;
      font-size: 23px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      font-family: "din-condensed", sans-serif;
      font-weight: 300; }
    .header-strip .sub-nav ul li {
      margin: 10px 30px 10px 0px;
      opacity: 0;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-duration: 1s; }
      .header-strip .sub-nav ul li:nth-child(1n) {
        transition-delay: 0.2s; }
      .header-strip .sub-nav ul li:nth-child(2n) {
        transition-delay: 0.4s; }
      .header-strip .sub-nav ul li:nth-child(3n) {
        transition-delay: 0.6s; }
      .header-strip .sub-nav ul li:nth-child(4n) {
        transition-delay: 0.8s; }
      .header-strip .sub-nav ul li:nth-child(5n) {
        transition-delay: 1s; }
      .header-strip .sub-nav ul li:nth-child(6n) {
        transition-delay: 1.2s; }
      .header-strip .sub-nav ul li:nth-child(7n) {
        transition-delay: 1.4s; }
      .header-strip .sub-nav ul li:nth-child(8n) {
        transition-delay: 1.6s; }
      .header-strip .sub-nav ul li:nth-child(9n) {
        transition-delay: 1.8s; }
      .header-strip .sub-nav ul li:nth-child(10n) {
        transition-delay: 2s; }
      .header-strip .sub-nav ul li:nth-child(11n) {
        transition-delay: 2.2s; }
      .header-strip .sub-nav ul li:nth-child(12n) {
        transition-delay: 2.4s; }
      .header-strip .sub-nav ul li:nth-child(13n) {
        transition-delay: 2.6s; }
      .header-strip .sub-nav ul li:nth-child(14n) {
        transition-delay: 2.8s; }
      .header-strip .sub-nav ul li:nth-child(15n) {
        transition-delay: 3s; }
      .header-strip .sub-nav ul li:nth-child(16n) {
        transition-delay: 3.2s; }
      .header-strip .sub-nav ul li:nth-child(17n) {
        transition-delay: 3.4s; }
      .header-strip .sub-nav ul li:nth-child(18n) {
        transition-delay: 3.6s; }
      .header-strip .sub-nav ul li:nth-child(19n) {
        transition-delay: 3.8s; }
      .header-strip .sub-nav ul li:nth-child(20n) {
        transition-delay: 4s; }
      .header-strip .sub-nav ul li:nth-child(21n) {
        transition-delay: 4.2s; }
      .header-strip .sub-nav ul li:nth-child(22n) {
        transition-delay: 4.4s; }
      .header-strip .sub-nav ul li:nth-child(23n) {
        transition-delay: 4.6s; }
      .header-strip .sub-nav ul li:nth-child(24n) {
        transition-delay: 4.8s; }
      .header-strip .sub-nav ul li:nth-child(25n) {
        transition-delay: 5s; }
      .header-strip .sub-nav ul li:nth-child(26n) {
        transition-delay: 5.2s; }
      .header-strip .sub-nav ul li:nth-child(27n) {
        transition-delay: 5.4s; }
      .header-strip .sub-nav ul li:nth-child(28n) {
        transition-delay: 5.6s; }
      .header-strip .sub-nav ul li:nth-child(29n) {
        transition-delay: 5.8s; }
      .header-strip .sub-nav ul li:nth-child(30n) {
        transition-delay: 6s; }
  .header-strip .col:first-child {
    padding-right: 100px;
    padding-left: 0 !important; }
  .header-strip .col:last-child {
    padding-left: 40px; }
  .header-strip .col {
    position: relative;
    top: 50px;
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 1.2s;
    transition-delay: 1s; }
    .header-strip .col:last-child {
      transition-delay: 1.4s; }
  .header-strip .container > *:not(.col) {
    position: relative;
    left: -50px;
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 1.2s;
    transition-delay: 0.5s; }
    .header-strip .container > *:not(.col):nth-child(1n) {
      transition-delay: 0.9s; }
    .header-strip .container > *:not(.col):nth-child(2n) {
      transition-delay: 1.3s; }
    .header-strip .container > *:not(.col):nth-child(3n) {
      transition-delay: 1.7s; }
    .header-strip .container > *:not(.col):nth-child(4n) {
      transition-delay: 2.1s; }
    .header-strip .container > *:not(.col):nth-child(5n) {
      transition-delay: 2.5s; }
    .header-strip .container > *:not(.col):nth-child(6n) {
      transition-delay: 2.9s; }
    .header-strip .container > *:not(.col):nth-child(7n) {
      transition-delay: 3.3s; }
    .header-strip .container > *:not(.col):nth-child(8n) {
      transition-delay: 3.7s; }
    .header-strip .container > *:not(.col):nth-child(9n) {
      transition-delay: 4.1s; }
    .header-strip .container > *:not(.col):nth-child(10n) {
      transition-delay: 4.5s; }
    .header-strip .container > *:not(.col):nth-child(11n) {
      transition-delay: 4.9s; }
    .header-strip .container > *:not(.col):nth-child(12n) {
      transition-delay: 5.3s; }
    .header-strip .container > *:not(.col):nth-child(13n) {
      transition-delay: 5.7s; }
    .header-strip .container > *:not(.col):nth-child(14n) {
      transition-delay: 6.1s; }
    .header-strip .container > *:not(.col):nth-child(15n) {
      transition-delay: 6.5s; }
    .header-strip .container > *:not(.col):nth-child(16n) {
      transition-delay: 6.9s; }
    .header-strip .container > *:not(.col):nth-child(17n) {
      transition-delay: 7.3s; }
    .header-strip .container > *:not(.col):nth-child(18n) {
      transition-delay: 7.7s; }
    .header-strip .container > *:not(.col):nth-child(19n) {
      transition-delay: 8.1s; }
    .header-strip .container > *:not(.col):nth-child(20n) {
      transition-delay: 8.5s; }
    .header-strip .container > *:not(.col):nth-child(21n) {
      transition-delay: 8.9s; }
    .header-strip .container > *:not(.col):nth-child(22n) {
      transition-delay: 9.3s; }
    .header-strip .container > *:not(.col):nth-child(23n) {
      transition-delay: 9.7s; }
    .header-strip .container > *:not(.col):nth-child(24n) {
      transition-delay: 10.1s; }
    .header-strip .container > *:not(.col):nth-child(25n) {
      transition-delay: 10.5s; }
    .header-strip .container > *:not(.col):nth-child(26n) {
      transition-delay: 10.9s; }
    .header-strip .container > *:not(.col):nth-child(27n) {
      transition-delay: 11.3s; }
    .header-strip .container > *:not(.col):nth-child(28n) {
      transition-delay: 11.7s; }
    .header-strip .container > *:not(.col):nth-child(29n) {
      transition-delay: 12.1s; }
    .header-strip .container > *:not(.col):nth-child(30n) {
      transition-delay: 12.5s; }
  .header-strip p, .header-strip h1, .header-strip h2, .header-strip h3, .header-strip h4, .header-strip h5, .header-strip h6 {
    color: #ffffff; }
  .header-strip.active {
    opacity: 1; }
    .header-strip.active .sub-nav {
      height: auto;
      padding: 15px 0; }
      .header-strip.active .sub-nav ul li {
        opacity: 1; }
    .header-strip.active .col {
      opacity: 1;
      top: 0; }
    .header-strip.active .container > *:not(.col) {
      opacity: 1;
      left: 0; }
  .header-strip.light-header p, .header-strip.light-header h1, .header-strip.light-header h2, .header-strip.light-header h3, .header-strip.light-header h4, .header-strip.light-header h5, .header-strip.light-header h6 {
    color: #1E2832; }
  @media all and (max-width: 980px) {
    .header-strip {
      padding-top: 0;
      padding-bottom: 50px; }
      .header-strip > .container:first-child {
        padding-top: 40px; }
      .header-strip .col,
      .header-strip .col:first-child,
      .header-strip .col:last-child {
        float: none;
        width: 100%;
        max-width: 600px;
        padding-left: 0px;
        padding-right: 0px; }
      .header-strip .sub-nav {
        position: relative;
        top: 0;
        margin-bottom: 50px; } }
  @media all and (max-width: 768px) {
    .header-strip .sub-nav ul {
      -webkit-column-count: 2;
              column-count: 2; }
      .header-strip .sub-nav ul li {
        white-space: nowrap;
        margin-right: 100%; } }
  @media all and (max-width: 480px) {
    .header-strip .sub-nav ul {
      -webkit-column-count: 1;
              column-count: 1; } }

.parallax-mirror {
  display: none; }

.giant-header {
  min-height: 650px;
  padding-top: 20%; }
  .giant-header .content {
    width: 80%; }

.nav-strip {
  background: #f5f5f5;
  padding: 5px 0; }
  .nav-strip li {
    margin: 15px 30px 15px 0; }
    .nav-strip li a {
      color: #1E2832;
      font-size: 23px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      font-family: "din-condensed", sans-serif;
      font-weight: 300; }
    .nav-strip li.active a:not(:hover) {
      color: #1E2832; }
  .nav-strip.background-dark-blue {
    color: #ffffff; }
    .nav-strip.background-dark-blue li a {
      color: #ffffff; }
    .nav-strip.background-dark-blue li.active a {
      color: inherit; }

.list-strip {
  padding: 40px 0; }
  .list-strip ul {
    display: -ms-grid;
    display: grid;
    clear: both;
    -ms-grid-columns: (minmax(250px, 1fr))[3];
        grid-template-columns: repeat(3, minmax(250px, 1fr));
    grid-gap: 0px 40px; }
    .list-strip ul li {
      position: relative; }
      .list-strip ul li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0px;
        height: 100%;
        z-index: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .list-strip ul li svg {
        position: absolute;
        top: 50%;
        right: 0px;
        width: 9px;
        height: auto;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        pointer-events: none;
        z-index: 2;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
        .list-strip ul li svg polygon {
          fill: #1E2832;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .list-strip ul li a {
        position: relative;
        display: block;
        font-family: "Roboto Slab", sans-serif;
        padding: 20px 0;
        transition: 0.2s ease-in-out;
        z-index: 2;
        border-bottom: 1px solid #1E2832;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .list-strip ul li:nth-child(-n+3) a {
        border-top: 1px solid #1E2832; }
      .list-strip ul li:hover:before, .list-strip ul li.active:before {
        width: 100%; }
      .list-strip ul li:hover a, .list-strip ul li.active a {
        padding: 20px;
        color: #ffffff; }
      .list-strip ul li:hover svg, .list-strip ul li.active svg {
        right: 20px; }
        .list-strip ul li:hover svg polygon, .list-strip ul li.active svg polygon {
          fill: #ffffff; }
    @media all and (max-width: 980px) {
      .list-strip ul {
        -ms-grid-columns: (minmax(250px, 1fr))[2];
            grid-template-columns: repeat(2, minmax(250px, 1fr)); }
        .list-strip ul li:nth-child(-n+3) a {
          border-top: none; }
        .list-strip ul li:nth-child(-n+2) a {
          border-top: 1px solid #1E2832; } }
    @media all and (max-width: 640px) {
      .list-strip ul {
        -ms-grid-columns: (minmax(250px, 1fr))[1];
            grid-template-columns: repeat(1, minmax(250px, 1fr)); }
        .list-strip ul li:nth-child(-n+2) a {
          border-top: none; }
        .list-strip ul li:first-child a {
          border-top: 1px solid #1E2832; } }

.landing-strip {
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
  opacity: 1; }
  .landing-strip .container > .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: all 1s ease;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; }
    @media all and (max-width: 1200px) {
      .landing-strip .container > .image {
        width: 66%; } }
    @media all and (max-width: 980px) {
      .landing-strip .container > .image {
        width: 100%; } }
  .landing-strip .container > .content {
    position: relative;
    width: 50%;
    padding: 100px 100px 100px 0;
    box-sizing: border-box;
    z-index: 2;
    transition: all 2s 0.2s ease;
    left: -50px;
    opacity: 0; }
    .landing-strip .container > .content p {
      max-width: 85%; }
    .landing-strip .container > .content *:not(.button) {
      color: #ffffff; }
    @media all and (max-width: 1200px) {
      .landing-strip .container > .content {
        width: 66%; } }
    @media all and (max-width: 980px) {
      .landing-strip .container > .content {
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 50px 0px;
        max-width: 500px;
        left: auto;
        top: 75px; }
        .landing-strip .container > .content p {
          max-width: 100%; } }
  .landing-strip .tiles {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    margin: 0;
    z-index: 5;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); }
    .landing-strip .tiles .tile {
      position: relative;
      display: block;
      background-size: cover;
      background-position: center;
      top: 0;
      opacity: 1;
      min-height: 250px; }
      .landing-strip .tiles .tile .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        opacity: 1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
        .landing-strip .tiles .tile .image:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 100%;
          background: #1E2832;
          transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); }
      .landing-strip .tiles .tile span {
        display: block;
        position: absolute;
        left: 30px;
        bottom: 30px;
        z-index: 2;
        width: 0;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        transition: all 1.2s 1.2s cubic-bezier(0.86, 0, 0.07, 1); }
        .landing-strip .tiles .tile span h4 {
          font-family: "din-condensed", sans-serif;
          font-size: 32px;
          font-weight: 400;
          color: #ffffff;
          text-transform: uppercase; }
        .landing-strip .tiles .tile span * {
          display: inline-block;
          margin: 0; }
        .landing-strip .tiles .tile span svg {
          width: 24px;
          height: auto;
          margin-left: 10px; }
          .landing-strip .tiles .tile span svg rect {
            fill: #1E2832;
            transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
          .landing-strip .tiles .tile span svg polygon {
            fill: #ffffff; }
      .landing-strip .tiles .tile:nth-child(1) span {
        transition-delay: 0.4s; }
      .landing-strip .tiles .tile:nth-child(2) span {
        transition-delay: 0.7s; }
      .landing-strip .tiles .tile:nth-child(3) span {
        transition-delay: 1s; }
      .landing-strip .tiles .tile:nth-child(4) span {
        transition-delay: 1.3s; }
      .landing-strip .tiles .tile.highlight-green span svg rect {
        fill: #00AD68; }
      .landing-strip .tiles .tile.highlight-pink span svg rect {
        fill: #E74683; }
      .landing-strip .tiles .tile.highlight-purple span svg rect {
        fill: #84235E; }
      .landing-strip .tiles .tile.highlight-orange span svg rect {
        fill: #FA8D29; }
      .landing-strip .tiles .tile.highlight-light-blue span svg rect {
        fill: #00ACC8; }
      .landing-strip .tiles .tile.highlight-green .image:before {
        background: #00AD68; }
      .landing-strip .tiles .tile.highlight-pink .image:before {
        background: #E74683; }
      .landing-strip .tiles .tile.highlight-purple .image:before {
        background: #84235E; }
      .landing-strip .tiles .tile.highlight-orange .image:before {
        background: #FA8D29; }
      .landing-strip .tiles .tile.highlight-light-blue .image:before {
        background: #00ACC8; }
      .landing-strip .tiles .tile:hover .content {
        padding: 0px; }
        .landing-strip .tiles .tile:hover .content svg rect {
          fill: #1E2832; }
      .landing-strip .tiles .tile:hover .image {
        -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
                transform: scale(1) !important; }
        .landing-strip .tiles .tile:hover .image:before {
          width: 100%; }
    @media all and (max-width: 1200px) {
      .landing-strip .tiles {
        -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        left: 66%;
        width: 44%; }
        .landing-strip .tiles .tile span {
          min-height: 100px;
          bottom: auto;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); } }
    @media all and (max-width: 980px) {
      .landing-strip .tiles {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        position: relative;
        left: 0;
        width: 100%;
        height: auto; }
        .landing-strip .tiles .tile {
          height: 100px; } }
    @media all and (max-width: 640px) {
      .landing-strip .tiles {
        -ms-grid-columns: 1fr;
            grid-template-columns: 1fr; } }
  .landing-strip.active .container > .image {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .landing-strip.active .container > .content {
    left: 0;
    opacity: 1; }
    @media all and (max-width: 980px) {
      .landing-strip.active .container > .content {
        left: auto;
        top: 0; } }
  .landing-strip.active .tiles {
    opacity: 1; }
    .landing-strip.active .tiles .tile span {
      width: 100%; }

.tiles-strip {
  background: #ffffff; }
  .tiles-strip.no-padding-top .container {
    padding-top: 0; }
  .tiles-strip .container {
    padding: 50px 30px; }
  .tiles-strip .carousel {
    margin: 40px 0 60px; }
  .tiles-strip header {
    position: relative;
    overflow: hidden; }
    .tiles-strip header h3:after,
    .tiles-strip header a:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 120%;
      background: #ffffff;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-duration: 1.5s; }
    .tiles-strip header h3 {
      position: relative;
      display: inline-block;
      margin: 0; }
    .tiles-strip header a {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: 10px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-family: "Roboto Slab", sans-serif;
      font-size: 18px;
      font-weight: 600;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .tiles-strip header a:after {
        transition-delay: 0.5s; }
      .tiles-strip header a svg {
        margin-left: 5px; }
    @media all and (max-width: 640px) {
      .tiles-strip header {
        white-space: pre-line; }
        .tiles-strip header > a {
          position: relative;
          top: 0;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          float: none;
          white-space: normal;
          margin-top: 10px;
          margin: 15px 0 0 0;
          display: inline-block; } }
  .tiles-strip footer {
    position: relative;
    bottom: 0;
    margin-top: 30px;
    text-align: center; }
  .tiles-strip.background-light-grey header h3:after,
  .tiles-strip.background-light-grey header a:after {
    background-color: #f5f5f5; }
  .tiles-strip.background-green footer .button, .tiles-strip.background-pink footer .button, .tiles-strip.background-purple footer .button, .tiles-strip.background-light-blue footer .button, .tiles-strip.background-orange footer .button {
    background-color: #1E2832; }

.video-strip {
  padding: 60px 0;
  overflow: hidden;
  background: #f5f5f5; }
  .video-strip .container .content:first-child {
    padding-right: 60px; }
  .video-strip .container .content:last-child {
    padding-left: 60px; }
  .video-strip .container .content > *:first-child {
    margin-top: 0; }
  .video-strip .video {
    position: relative; }
    .video-strip .video iframe {
      width: 100%;
      height: auto;
      min-height: 300px;
      max-height: 450px; }
    .video-strip .video .video-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%; }
      .video-strip .video .video-container .cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover; }
        .video-strip .video .video-container .cover .play-button {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 88px;
          height: 88px;
          border-radius: 50%;
          background: rgba(0, 0, 0, 0.5);
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
          .video-strip .video .video-container .cover .play-button:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 30px solid #fff;
            margin-left: 3px; }
          .video-strip .video .video-container .cover .play-button:hover {
            background: #E74683; }
      .video-strip .video .video-container iframe,
      .video-strip .video .video-container object,
      .video-strip .video .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  @media all and (max-width: 1180px) {
    .video-strip .col {
      width: 50%; } }
  @media all and (max-width: 768px) {
    .video-strip .container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .video-strip .container .col {
        width: 100%; }
        .video-strip .container .col.content {
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          padding: 30px 0 0 0 !important; } }

.content-strip {
  position: relative;
  padding: 60px 0;
  overflow: hidden; }
  .content-strip.small-padding {
    padding: 0; }
  .content-strip .container > h1,
  .content-strip .container > h2,
  .content-strip .container > h3,
  .content-strip .container > h4,
  .content-strip .container > p {
    max-width: 80%; }
  .content-strip .container > h4:first-child {
    margin-top: -20px; }
  .content-strip img {
    display: block;
    max-width: 100%;
    margin: 20px 0; }
  .content-strip ul {
    list-style: none;
    margin-left: 1em; }
    .content-strip ul li {
      font-family: "Roboto Slab", sans-serif;
      font-size: 15px;
      font-weight: 300;
      line-height: 23px; }
      .content-strip ul li::before {
        content: "\2022";
        color: #1E2832;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em; }

.article-strip {
  position: relative;
  padding: 40px 0;
  overflow: hidden;
  opacity: 0; }
  .article-strip.active {
    opacity: 1; }
  .article-strip .container {
    padding-left: 130px; }
  .article-strip .container > .content {
    float: left;
    width: calc(100% - 250px);
    padding-right: 40px;
    box-sizing: border-box; }
    .article-strip .container > .content img {
      display: block;
      max-width: 100%;
      margin: 20px 0; }
    .article-strip .container > .content h1, .article-strip .container > .content h2, .article-strip .container > .content h3, .article-strip .container > .content h4, .article-strip .container > .content h5, .article-strip .container > .content p {
      max-width: 85%; }
    .article-strip .container > .content > *:first-child {
      margin-top: 0; }
  .article-strip .container > .sidebar {
    position: relative;
    float: right;
    width: 250px;
    min-height: 100px; }
    .article-strip .container > .sidebar > p:first-child {
      text-transform: uppercase;
      font-family: "Roboto Condensed", sans-serif;
      margin: 0;
      position: absolute;
      top: -40px; }
    .article-strip .container > .sidebar .tiles {
      -ms-grid-columns: (minmax(150px, 1fr))[1];
          grid-template-columns: repeat(1, minmax(150px, 1fr));
      grid-row-gap: 15px;
      margin-top: 0; }
      .article-strip .container > .sidebar .tiles .tile {
        top: 0;
        opacity: 1; }
        .article-strip .container > .sidebar .tiles .tile .content {
          width: auto; }
        .article-strip .container > .sidebar .tiles .tile .image {
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          opacity: 1;
          transition-delay: 0.2s;
          transition-duration: 1s;
          height: 150px; }
    .article-strip .container > .sidebar .panel {
      background: #f5f5f5;
      padding: 20px; }
      .article-strip .container > .sidebar .panel *:first-child {
        margin-top: 0; }
      .article-strip .container > .sidebar .panel *:last-child {
        margin-bottom: 0; }
  .article-strip .article-header {
    padding-right: 290px;
    margin-bottom: 0px; }
    .article-strip .article-header h1, .article-strip .article-header h2, .article-strip .article-header h3 {
      text-transform: none; }
    .article-strip .article-header blockquote {
      position: relative;
      padding-left: 100px; }
      .article-strip .article-header blockquote img {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 80px;
        height: 80px; }
    .article-strip .article-header .article-details {
      margin-top: 40px; }
      .article-strip .article-header .article-details p {
        font-family: "Roboto Condensed";
        font-weight: 400;
        color: #E74683;
        margin: 0; }
      .article-strip .article-header .article-details > .col {
        float: left !important;
        width: 50% !important; }
    .article-strip .article-header .social-media {
      display: block;
      float: right;
      padding: 0; }
      .article-strip .article-header .social-media .social-links a {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        top: 0;
        margin-left: 2px; }
        .article-strip .article-header .social-media .social-links a svg {
          width: 24px; }
          .article-strip .article-header .social-media .social-links a svg path {
            fill: #1E2832; }
        .article-strip .article-header .social-media .social-links a:hover svg path {
          fill: #E74683; }
  @media all and (max-width: 980px) {
    .article-strip .container {
      padding-left: 30px; }
    .article-strip .container > .sidebar {
      width: 200px; }
    .article-strip .container > .content {
      width: calc(100% - 200px); }
    .article-strip .article-header {
      padding-right: 200px; } }
  @media all and (max-width: 800px) {
    .article-strip {
      padding-top: 30px; }
      .article-strip .container > .sidebar,
      .article-strip .container > .content {
        width: 100%;
        box-sizing: border-box; }
      .article-strip .container > .sidebar {
        margin-top: 70px; }
      .article-strip .container > .content {
        padding-right: 0; }
        .article-strip .container > .content h1, .article-strip .container > .content h2, .article-strip .container > .content h3, .article-strip .container > .content h4, .article-strip .container > .content h5, .article-strip .container > .content p {
          max-width: 95%; }
      .article-strip .container > .sidebar .tiles {
        -ms-grid-columns: (minmax(150px, 1fr))[3];
            grid-template-columns: repeat(3, minmax(150px, 1fr)); }
      .article-strip .article-header {
        padding-right: 70px;
        margin-bottom: 30px; } }
  @media all and (max-width: 768px) {
    .article-strip .container {
      padding-left: 20px; } }
  @media all and (max-width: 640px) {
    .article-strip .container > .sidebar .tiles {
      -ms-grid-columns: (minmax(150px, 1fr))[2];
          grid-template-columns: repeat(2, minmax(150px, 1fr)); }
    .article-strip .article-header {
      padding-right: 20px; } }
  @media all and (max-width: 480px) {
    .article-strip .container > .sidebar .tiles {
      -ms-grid-columns: (minmax(150px, 1fr))[1];
          grid-template-columns: repeat(1, minmax(150px, 1fr)); } }

.bio-strip {
  padding: 60px 0; }
  .bio-strip > .container {
    padding: 0px 130px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 1fr;
        grid-template-columns: 25% 1fr;
    grid-gap: 30px; }
  .bio-strip aside.sidebar > img {
    display: block;
    width: 100%;
    height: auto; }
  .bio-strip aside.sidebar ul {
    padding: 30px 0; }
    .bio-strip aside.sidebar ul li {
      position: relative;
      display: block;
      border-bottom: 1px solid #1E2832; }
      .bio-strip aside.sidebar ul li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background: #1E2832;
        pointer-events: none;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        z-index: 1; }
      .bio-strip aside.sidebar ul li a {
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 10px 0;
        font-family: "Roboto Slab", serif;
        font-weight: 600;
        z-index: 2;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
        .bio-strip aside.sidebar ul li a svg {
          margin-right: 10px; }
          .bio-strip aside.sidebar ul li a svg path {
            transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .bio-strip aside.sidebar ul li:first-child {
        border-top: 1px solid #1E2832; }
      .bio-strip aside.sidebar ul li:hover:before {
        width: 100%; }
      .bio-strip aside.sidebar ul li:hover a {
        padding: 10px;
        color: #ffffff; }
        .bio-strip aside.sidebar ul li:hover a svg path:not(.st1) {
          fill: #ffffff; }
        .bio-strip aside.sidebar ul li:hover a svg path.st1 {
          fill: #1E2832; }
  .bio-strip .content header {
    border-top: 1px solid #1E2832;
    border-bottom: 1px solid #1E2832; }
    .bio-strip .content header h3 {
      color: #1E2832; }
    .bio-strip .content header h4 {
      max-width: 65%; }
  .bio-strip .content content p:first-of-type {
    font-size: 20px;
    line-height: 30px; }
  .bio-strip .content footer {
    margin: 70px 0; }
    .bio-strip .content footer h3 {
      color: #1E2832; }
    .bio-strip .content footer .programme {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 150px 1fr;
          grid-template-columns: 150px 1fr;
      grid-gap: 20px;
      padding: 20px 0;
      border-bottom: 1px solid #1E2832; }
      .bio-strip .content footer .programme:first-of-type {
        border-top: 1px solid #1E2832; }
      .bio-strip .content footer .programme .image {
        min-height: 100px;
        background-size: cover;
        background-position: center; }
      .bio-strip .content footer .programme .content {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center; }
        .bio-strip .content footer .programme .content span {
          color: #E74683; }
  @media all and (max-width: 980px) {
    .bio-strip > .container {
      padding: 0px 30px; } }
  @media all and (max-width: 640px) {
    .bio-strip > .container {
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }

.filter-strip {
  position: relative;
  padding: 20px 0;
  overflow: visible;
  z-index: 10;
  min-height: 46px; }
  .filter-strip > .container > div:not(.row) {
    display: block;
    width: 50%; }
  .filter-strip > .container > div:not(.row):first-child {
    float: left; }
  .filter-strip > .container > div:not(.row):nth-child(2) {
    float: right; }
  .filter-strip > .container .filters h1, .filter-strip > .container .filters h2, .filter-strip > .container .filters h3, .filter-strip > .container .filters h4, .filter-strip > .container .filters h5, .filter-strip > .container .filters h6 {
    margin-bottom: 0; }
  .filter-strip > .container .filters .row {
    margin: 0;
    padding-bottom: 5px; }
  .filter-strip > .container .filters label {
    display: inline-block;
    position: relative;
    padding: 2px 2px 2px 30px;
    margin: 10px 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    cursor: pointer; }
    .filter-strip > .container .filters label * {
      pointer-events: none; }
    .filter-strip > .container .filters label input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .filter-strip > .container .filters label input:checked ~ .checkmark {
        background: #E74683;
        border-color: #E74683; }
        .filter-strip > .container .filters label input:checked ~ .checkmark:after {
          opacity: 1;
          -webkit-transform: rotate(45deg) scale(1);
              -ms-transform: rotate(45deg) scale(1);
                  transform: rotate(45deg) scale(1); }
      .filter-strip > .container .filters label input[type=radio] ~ .checkmark {
        border-radius: 50%; }
        .filter-strip > .container .filters label input[type=radio] ~ .checkmark:after {
          border: none;
          top: 50%;
          left: 50%;
          width: 8.5px;
          height: 8.5px;
          background: #fff;
          border-radius: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
    .filter-strip > .container .filters label .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 16px;
      width: 16px;
      border-radius: 5px;
      border: 2px solid #BEC6C3;
      cursor: pointer;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .filter-strip > .container .filters label .checkmark:after {
        content: "";
        position: absolute;
        left: 5.5px;
        top: 2px;
        width: 3px;
        height: 7px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg) scale(0);
            -ms-transform: rotate(45deg) scale(0);
                transform: rotate(45deg) scale(0);
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
    .filter-strip > .container .filters label:hover input:not(:checked) ~ .checkmark {
      background: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.2); }
  .filter-strip > .container .filters.vertical label {
    display: table; }
  @media all and (max-width: 980px) {
    .filter-strip > .container > div {
      float: none !important;
      width: auto; }
    .filter-strip > .container .dropdown {
      display: block; }
      .filter-strip > .container .dropdown .selected {
        display: block; }
    .filter-strip > .container .search-form {
      float: none;
      margin-top: 10px; }
      .filter-strip > .container .search-form input[type=text] {
        width: calc(100% - 112px);
        font-size: 16px;
        height: 17px; }
      .filter-strip > .container .search-form button {
        float: right; } }
  .filter-strip.highlight-green .dropdown .selected {
    background: #00AD68; }
  .filter-strip.highlight-green .dropdown li:hover a:not(.active) {
    color: #00AD68; }
  .filter-strip.highlight-green .dropdown li a.active {
    background: #00AD68; }
  .filter-strip.highlight-green .search-form button[type=submit]:not(:hover),
  .filter-strip.highlight-green .search-form button[type=submit]:not(:focus) {
    background: #00AD68; }
  .filter-strip.highlight-green .filters label input:checked ~ .checkmark {
    background: #00AD68;
    border-color: #00AD68; }
  .filter-strip.highlight-pink .dropdown .selected {
    background: #E74683; }
  .filter-strip.highlight-pink .dropdown li:hover a:not(.active) {
    color: #E74683; }
  .filter-strip.highlight-pink .dropdown li a.active {
    background: #E74683; }
  .filter-strip.highlight-pink .search-form button[type=submit]:not(:hover),
  .filter-strip.highlight-pink .search-form button[type=submit]:not(:focus) {
    background: #E74683; }
  .filter-strip.highlight-pink .filters label input:checked ~ .checkmark {
    background: #E74683;
    border-color: #E74683; }
  .filter-strip.highlight-purple .dropdown .selected {
    background: #84235E; }
  .filter-strip.highlight-purple .dropdown li:hover a:not(.active) {
    color: #84235E; }
  .filter-strip.highlight-purple .dropdown li a.active {
    background: #84235E; }
  .filter-strip.highlight-purple .search-form button[type=submit]:not(:hover),
  .filter-strip.highlight-purple .search-form button[type=submit]:not(:focus) {
    background: #84235E; }
  .filter-strip.highlight-purple .filters label input:checked ~ .checkmark {
    background: #84235E;
    border-color: #84235E; }
  .filter-strip.highlight-light-blue .dropdown .selected {
    background: #00ACC8; }
  .filter-strip.highlight-light-blue .dropdown li:hover a:not(.active) {
    color: #00ACC8; }
  .filter-strip.highlight-light-blue .dropdown li a.active {
    background: #00ACC8; }
  .filter-strip.highlight-light-blue .search-form button[type=submit]:not(:hover),
  .filter-strip.highlight-light-blue .search-form button[type=submit]:not(:focus) {
    background: #00ACC8; }
  .filter-strip.highlight-light-blue .filters label input:checked ~ .checkmark {
    background: #00ACC8;
    border-color: #00ACC8; }
  .filter-strip.highlight-orange .dropdown .selected {
    background: #FA8D29; }
  .filter-strip.highlight-orange .dropdown li:hover a:not(.active) {
    color: #FA8D29; }
  .filter-strip.highlight-orange .dropdown li a.active {
    background: #FA8D29; }
  .filter-strip.highlight-orange .search-form button[type=submit]:not(:hover),
  .filter-strip.highlight-orange .search-form button[type=submit]:not(:focus) {
    background: #FA8D29; }
  .filter-strip.highlight-orange .filters label input:checked ~ .checkmark {
    background: #FA8D29;
    border-color: #FA8D29; }

.search-filter-strip {
  position: relative;
  padding: 20px 0;
  overflow: visible;
  z-index: 10;
  min-height: 46px; }
  .search-filter-strip > .container > div:not(.row) {
    display: block;
    width: 50%; }
  .search-filter-strip > .container > div:not(.row):first-child {
    float: left; }
  .search-filter-strip > .container > div:not(.row):nth-child(2) {
    float: right; }
  .search-filter-strip > .container .filters h1, .search-filter-strip > .container .filters h2, .search-filter-strip > .container .filters h3, .search-filter-strip > .container .filters h4, .search-filter-strip > .container .filters h5, .search-filter-strip > .container .filters h6 {
    margin-bottom: 0; }
  .search-filter-strip > .container .filters .row {
    margin: 0;
    padding-bottom: 5px; }
  .search-filter-strip > .container .filters label {
    display: inline-block;
    position: relative;
    padding: 2px 2px 2px 30px;
    margin: 10px 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    cursor: pointer; }
    .search-filter-strip > .container .filters label * {
      pointer-events: none; }
    .search-filter-strip > .container .filters label input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .search-filter-strip > .container .filters label input:checked ~ .checkmark {
        background: #E74683;
        border-color: #E74683; }
        .search-filter-strip > .container .filters label input:checked ~ .checkmark:after {
          opacity: 1;
          -webkit-transform: rotate(45deg) scale(1);
              -ms-transform: rotate(45deg) scale(1);
                  transform: rotate(45deg) scale(1); }
      .search-filter-strip > .container .filters label input[type=radio] ~ .checkmark {
        border-radius: 50%; }
        .search-filter-strip > .container .filters label input[type=radio] ~ .checkmark:after {
          border: none;
          top: 50%;
          left: 50%;
          width: 8.5px;
          height: 8.5px;
          background: #fff;
          border-radius: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
    .search-filter-strip > .container .filters label .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 16px;
      width: 16px;
      border-radius: 5px;
      border: 2px solid #BEC6C3;
      cursor: pointer;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
      .search-filter-strip > .container .filters label .checkmark:after {
        content: "";
        position: absolute;
        left: 5.5px;
        top: 2px;
        width: 3px;
        height: 7px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg) scale(0);
            -ms-transform: rotate(45deg) scale(0);
                transform: rotate(45deg) scale(0);
        opacity: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
    .search-filter-strip > .container .filters label:hover input:not(:checked) ~ .checkmark {
      background: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.2); }
  .search-filter-strip > .container .filters.vertical label {
    display: table; }
  .search-filter-strip > .container button {
    float: right;
    width: 90px;
    padding: 10px;
    margin: 0; }
  @media all and (max-width: 980px) {
    .search-filter-strip > .container > div {
      float: none !important;
      width: auto; }
    .search-filter-strip > .container .dropdown {
      display: block; }
      .search-filter-strip > .container .dropdown .selected {
        display: block; }
    .search-filter-strip > .container .search-form {
      float: none;
      margin-top: 10px; }
      .search-filter-strip > .container .search-form input[type=text] {
        width: calc(100% - 112px);
        font-size: 16px;
        height: 17px; }
      .search-filter-strip > .container .search-form button {
        float: right; } }
  .search-filter-strip.highlight-pink .dropdown .selected {
    background: #E74683; }
  .search-filter-strip.highlight-pink .dropdown li:hover a:not(.active) {
    color: #E74683; }
  .search-filter-strip.highlight-pink .dropdown li a.active {
    background: #E74683; }
  .search-filter-strip.highlight-pink .search-form button[type=submit]:not(:hover),
  .search-filter-strip.highlight-pink .search-form button[type=submit]:not(:focus) {
    background: #E74683; }
  .search-filter-strip.highlight-pink .filters label input:checked ~ .checkmark {
    background: #E74683;
    border-color: #E74683; }

.highlight-pink .color-highlight,
.highlight-pink p a,
.highlight-pink .button:hover,
.highlight-pink li.active a,
.highlight-pink li:hover a,
.highlight-pink .strip .color-highlight,
.highlight-pink.strip .color-highlight,
.highlight-pink .content h3,
.highlight-pink header a:hover,
.highlight-pink .tiles .tile .content .details p,
.highlight-pink ul li::before {
  color: #E74683; }

.highlight-pink .button,
.highlight-pink li.active:after,
.highlight-pink .tiles .tile.no-image:after,
.highlight-pink.list-strip ul li:before,
.highlight-pink .list-strip ul li:before {
  background-color: #E74683; }

.highlight-pink .button:hover svg polygon,
.highlight-pink ul li svg polygon,
.highlight-pink header svg polygon,
.highlight-pink .tiles .tile .content .details svg .st0,
.highlight-pink .tiles .tile .content .details svg .st1 {
  fill: #E74683; }

.highlight-pink ul li a,
.highlight-pink ul li:nth-child(-n+3) a {
  border-color: #E74683; }

.highlight-green .color-highlight,
.highlight-green p a,
.highlight-green .button:hover,
.highlight-green li.active a,
.highlight-green li:hover a,
.highlight-green .strip .color-highlight,
.highlight-green.strip .color-highlight,
.highlight-green .content h3,
.highlight-green header a:hover,
.highlight-green .tiles .tile .content .details p,
.highlight-green ul li::before {
  color: #00AD68; }

.highlight-green .button,
.highlight-green li.active:after,
.highlight-green .tiles .tile.no-image:after,
.highlight-green.list-strip ul li:before,
.highlight-green .list-strip ul li:before {
  background-color: #00AD68; }

.highlight-green .button:hover svg polygon,
.highlight-green ul li svg polygon,
.highlight-green header svg polygon,
.highlight-green .tiles .tile .content .details svg .st0,
.highlight-green .tiles .tile .content .details svg .st1 {
  fill: #00AD68; }

.highlight-green ul li a,
.highlight-green ul li:nth-child(-n+3) a {
  border-color: #00AD68; }

.highlight-purple .color-highlight,
.highlight-purple p a,
.highlight-purple .button:hover,
.highlight-purple li.active a,
.highlight-purple li:hover a,
.highlight-purple .strip .color-highlight,
.highlight-purple.strip .color-highlight,
.highlight-purple .content h3,
.highlight-purple header a:hover,
.highlight-purple .tiles .tile .content .details p,
.highlight-purple ul li::before {
  color: #84235E; }

.highlight-purple .button,
.highlight-purple li.active:after,
.highlight-purple .tiles .tile.no-image:after,
.highlight-purple.list-strip ul li:before,
.highlight-purple .list-strip ul li:before {
  background-color: #84235E; }

.highlight-purple .button:hover svg polygon,
.highlight-purple ul li svg polygon,
.highlight-purple header svg polygon,
.highlight-purple .tiles .tile .content .details svg .st0,
.highlight-purple .tiles .tile .content .details svg .st1 {
  fill: #84235E; }

.highlight-purple ul li a,
.highlight-purple ul li:nth-child(-n+3) a {
  border-color: #84235E; }

.highlight-light-blue .color-highlight,
.highlight-light-blue p a,
.highlight-light-blue .button:hover,
.highlight-light-blue li.active a,
.highlight-light-blue li:hover a,
.highlight-light-blue .strip .color-highlight,
.highlight-light-blue.strip .color-highlight,
.highlight-light-blue .content h3,
.highlight-light-blue header a:hover,
.highlight-light-blue .tiles .tile .content .details p,
.highlight-light-blue ul li::before {
  color: #00ACC8; }

.highlight-light-blue .button,
.highlight-light-blue li.active:after,
.highlight-light-blue .tiles .tile.no-image:after,
.highlight-light-blue.list-strip ul li:before,
.highlight-light-blue .list-strip ul li:before {
  background-color: #00ACC8; }

.highlight-light-blue .button:hover svg polygon,
.highlight-light-blue ul li svg polygon,
.highlight-light-blue header svg polygon,
.highlight-light-blue .tiles .tile .content .details svg .st0,
.highlight-light-blue .tiles .tile .content .details svg .st1 {
  fill: #00ACC8; }

.highlight-light-blue ul li a,
.highlight-light-blue ul li:nth-child(-n+3) a {
  border-color: #00ACC8; }

.highlight-orange .color-highlight,
.highlight-orange p a,
.highlight-orange .button:hover,
.highlight-orange li.active a,
.highlight-orange li:hover a,
.highlight-orange .strip .color-highlight,
.highlight-orange.strip .color-highlight,
.highlight-orange .content h3,
.highlight-orange header a:hover,
.highlight-orange .tiles .tile .content .details p,
.highlight-orange ul li::before {
  color: #FA8D29; }

.highlight-orange .button,
.highlight-orange li.active:after,
.highlight-orange .tiles .tile.no-image:after,
.highlight-orange.list-strip ul li:before,
.highlight-orange .list-strip ul li:before {
  background-color: #FA8D29; }

.highlight-orange .button:hover svg polygon,
.highlight-orange ul li svg polygon,
.highlight-orange header svg polygon,
.highlight-orange .tiles .tile .content .details svg .st0,
.highlight-orange .tiles .tile .content .details svg .st1 {
  fill: #FA8D29; }

.highlight-orange ul li a,
.highlight-orange ul li:nth-child(-n+3) a {
  border-color: #FA8D29; }

.highlight-white .color-highlight,
.highlight-white p a,
.highlight-white .button:hover,
.highlight-white li.active a,
.highlight-white li:hover a,
.highlight-white .strip .color-highlight,
.highlight-white.strip .color-highlight,
.highlight-white .content h3,
.highlight-white header a:hover,
.highlight-white .tiles .tile .content .details p,
.highlight-white ul li::before {
  color: white; }

.highlight-white .button {
  background-color: transparent;
  border: 1px solid white; }

.highlight-white .button:hover {
  color: #1E2832; }

.highlight-white li.active:after,
.highlight-white .tiles .tile.no-image:after,
.highlight-white.list-strip ul li:before,
.highlight-white .list-strip ul li:before {
  background-color: white; }

.highlight-white .button:hover svg polygon,
.highlight-white ul li svg polygon,
.highlight-white header svg polygon,
.highlight-white .tiles .tile .content .details svg .st0,
.highlight-white .tiles .tile .content .details svg .st1 {
  fill: white; }

.highlight-white ul li a,
.highlight-white ul li:nth-child(-n+3) a {
  border-color: white;
  color: white; }

.highlight-white ul li:hover {
  color: #1E2832 a;
    color-color: #1E2832; }

.background-white {
  background: #ffffff !important; }

.background-light-grey {
  background: #f5f5f5 !important; }

.background-dark-blue {
  background: #1E2832 !important; }
  .background-dark-blue p,
  .background-dark-blue h1,
  .background-dark-blue h2,
  .background-dark-blue h3,
  .background-dark-blue h4,
  .background-dark-blue h5,
  .background-dark-blue h6,
  .background-dark-blue footer,
  .background-dark-blue cite {
    color: #ffffff; }
  .background-dark-blue svg path {
    fill: #ffffff; }

.background-green {
  background: #00AD68 !important; }
  .background-green.tiles-strip header h3:after,
  .background-green.tiles-strip header a:after {
    background: #00AD68; }
  .background-green.content-strip * {
    color: #ffffff; }
  .background-green svg path {
    fill: #ffffff; }

.background-pink {
  background: #E74683 !important; }
  .background-pink.tiles-strip header h3:after,
  .background-pink.tiles-strip header a:after {
    background: #E74683; }
  .background-pink.content-strip * {
    color: #ffffff; }
  .background-pink svg path {
    fill: #ffffff; }

.background-purple {
  background: #84235E !important; }
  .background-purple.tiles-strip header h3:after,
  .background-purple.tiles-strip header a:after {
    background: #84235E; }
  .background-purple.content-strip * {
    color: #ffffff; }
  .background-purple svg path {
    fill: #ffffff; }

.background-light-blue {
  background: #00ACC8 !important; }
  .background-light-blue.tiles-strip header h3:after,
  .background-light-blue.tiles-strip header a:after {
    background: #00ACC8; }
  .background-light-blue.content-strip * {
    color: #ffffff; }
  .background-light-blue svg path {
    fill: #ffffff; }

.background-orange {
  background: #FA8D29 !important; }
  .background-orange.tiles-strip header h3:after,
  .background-orange.tiles-strip header a:after {
    background: #FA8D29; }
  .background-orange.content-strip * {
    color: #ffffff; }
  .background-orange svg path {
    fill: #ffffff; }

.background-green p,
.background-green h1,
.background-green h2,
.background-green h3,
.background-green h4,
.background-green h5,
.background-green h6,
.background-green footer,
.background-green cite,
.background-pink p,
.background-pink h1,
.background-pink h2,
.background-pink h3,
.background-pink h4,
.background-pink h5,
.background-pink h6,
.background-pink footer,
.background-pink cite,
.background-purple p,
.background-purple h1,
.background-purple h2,
.background-purple h3,
.background-purple h4,
.background-purple h5,
.background-purple h6,
.background-purple footer,
.background-purple cite,
.background-light-blue p,
.background-light-blue h1,
.background-light-blue h2,
.background-light-blue h3,
.background-light-blue h4,
.background-light-blue h5,
.background-light-blue h6,
.background-light-blue footer,
.background-light-blue cite,
.background-orange p,
.background-orange h1,
.background-orange h2,
.background-orange h3,
.background-orange h4,
.background-orange h5,
.background-orange h6,
.background-orange footer,
.background-orange cite {
  color: #ffffff; }

.background-green svg path,
.background-pink svg path,
.background-purple svg path,
.background-light-blue svg path,
.background-orange svg path {
  fill: #ffffff; }

.background-green header a:hover,
.background-pink header a:hover,
.background-purple header a:hover,
.background-light-blue header a:hover,
.background-orange header a:hover {
  color: #ffffff; }

.background-green header svg polygon,
.background-pink header svg polygon,
.background-purple header svg polygon,
.background-light-blue header svg polygon,
.background-orange header svg polygon {
  fill: #1E2832; }

.background-green .light-button,
.background-pink .light-button,
.background-purple .light-button,
.background-light-blue .light-button,
.background-orange .light-button {
  border: 1px solid white; }

.background-green p a,
.background-pink p a,
.background-purple p a,
.background-light-blue p a,
.background-orange p a {
  text-decoration: underline; }

/* Top Page Admin Links */
#admin-links {
  position: fixed;
  top: 0;
  background: #222;
  padding: 10px;
  z-index: 10000; }
  #admin-links a {
    color: white;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.08rem; }

/* Inline Search form */
.button-search {
  border: none;
  font-size: 100%;
  margin-left: 0; }
  .button-search:hover {
    cursor: pointer; }

.search-input {
  padding: 15px 15px;
  width: 100%;
  max-width: 360px;
  box-sizing: border-box;
  border: 1px solid #BEC6C3;
  outline: none;
  font-family: "Roboto Slab"; }

/* Full Width Image */
figure.full-width, figure.full-width-nocaption {
  float: none;
  width: 100%; }

.content {
  /* Redactor Version */
  /* Neo Version */ }
  .content blockquote {
    padding: 20px; }
  .content blockquote.row {
    padding: 0 20px 20px 20px;
    position: relative;
    padding-left: 100px; }
    .content blockquote.row img {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 80px;
      height: 80px; }

/* Quote for page builder*/
.large-quote {
  padding: 0 20px 20px 20px;
  position: relative;
  padding-left: 200px;
  border-top: none;
  border-bottom: none;
  min-height: 160px; }
  .large-quote .quote-body {
    font-size: 1.6em;
    line-height: 26px;
    width: 80%; }
  .large-quote img {
    margin-top: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 160px; }

/* Photo Gallery */
aside.photo-gallery {
  padding: 20px 20px 10px 30px;
  margin-top: 20px;
  margin-bottom: 20px; }

/* ULs in Articles */
article.content ul {
  font-family: "Roboto Slab", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  padding-left: 25px; }
  article.content ul li {
    list-style-type: square; }
    article.content ul li a {
      color: #E74683 !important; }

article.content ol {
  font-family: "Roboto Slab", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  padding-left: 25px; }
  article.content ol li {
    display: block;
    margin-bottom: 5px; }
    article.content ol li a {
      color: #E74683 !important; }

/* Copyright */
.article-strip figure.fullwidth, .article-strip figure.full-width-nocaption {
  border-bottom: 1px solid #1E2832;
  padding-bottom: 15px; }

.article-featured-image footer small, figure.full-width footer small, figure.full-width-nocaption footer small {
  /* Copyright Notice */
  margin-top: -26px;
  position: absolute;
  padding: 2px;
  background: black;
  color: white;
  opacity: 0.7;
  font-size: 80%; }

figure.full-width footer small {
  /* Copyright Notice */
  margin-top: -36px; }

/* article-linked-list */
.article-linked-list {
  padding: 20px 10px 10px 10px; }
  .article-linked-list ul li {
    margin-bottom: 10px; }
    .article-linked-list ul li a {
      font-weight: 700; }

/* Video */
.new-play-button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-duration: 0.8s;
  transition-delay: 0.2s; }
  .new-play-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #fff; }
  .new-play-button:hover {
    width: 100%;
    height: 100%;
    border-radius: 0px; }

/* Article Related Programmes */
.article-strip .article-footer {
  margin-top: 60px; }

.article-strip .programme {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 150px 1fr;
      grid-template-columns: 150px 1fr;
  grid-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #1E2832; }
  .article-strip .programme:first-of-type {
    border-top: 1px solid #1E2832; }
  .article-strip .programme .image {
    min-height: 100px;
    background-size: cover;
    background-position: center; }
  .article-strip .programme .content {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
    .article-strip .programme .content span {
      color: #E74683; }

.lead {
  font-family: "Roboto Slab", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 29px; }
  .lead small {
    font-size: 16px; }

.atoz a {
  position: relative;
  display: inline-block;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 600;
  font-size: 16px;
  background-color: #f5f5f5;
  padding: 10px; }
  .atoz a:hover {
    color: white;
    background-color: #E74683; }

.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .resp-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.search-results .search-result {
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5; }
  .search-results .search-result .search-result-image {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #1E2832;
    margin: 0; }
  .search-results .search-result .search-result-content {
    padding-left: 70px;
    width: 80%; }
    .search-results .search-result .search-result-content p a {
      color: #1E2832; }
      .search-results .search-result .search-result-content p a:hover {
        text-decoration: none; }
    .search-results .search-result .search-result-content code {
      font-size: 80%; }

.speaker-biography {
  border-top: 1px solid #1E2832;
  clear: both; }
  .speaker-biography img {
    float: left;
    padding-top: 0; }
  .speaker-biography .speaker-biography-content {
    padding-left: 180px; }

.event-meta {
  border-top: 1px solid #1E2832;
  border-bottom: 1px solid #1E2832; }

.publication-cover {
  border: 1px solid #e8e8e8; }

.dark-overlay {
  background: rgba(0, 0, 0, 0.3); }

.light-overlay {
  background: rgba(255, 255, 255, 0.3); }

.form-filter {
  /* The container must be positioned relative: */
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */ }
  .form-filter .tiles {
    margin: 0 !important; }
  .form-filter .custom-select {
    position: relative;
    font-family: "Roboto Slab", serif;
    font-size: 14px; }
  .form-filter .custom-select select {
    display: none;
    /*hide original SELECT element: */ }
  .form-filter .select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent; }
  .form-filter .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 14px; }
  .form-filter .select-items div, .form-filter .select-selected {
    color: #1E2832;
    padding: 15px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer; }
  .form-filter .select-selected {
    background-color: #E74683;
    color: #ffffff;
    font-weight: 600; }
  .form-filter .select-items {
    position: absolute;
    background-color: #f5f5f5;
    font-weight: 400;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); }
  .form-filter .select-hide {
    display: none; }
  .form-filter .select-items div:hover, .form-filter .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

.highlight-pink a.filter-tag {
  padding: 7px 10px;
  margin-right: 7px;
  background-color: #f5f5f5;
  color: #1E2832; }
  .highlight-pink a.filter-tag:hover {
    text-decoration: none;
    color: #E74683; }

section.no-padding-top {
  padding-top: 0; }

section.no-padding-bottom {
  padding-bottom: 0; }

section.no-padding {
  padding-top: 0;
  padding-bottom: 0; }

.hidden {
  display: none; }

.large-button {
  min-height: 70px;
  line-height: 26px; }

.events-strip {
  position: relative;
  padding: 60px 0;
  overflow: hidden; }
  .events-strip .event-month {
    margin-top: 60px; }
  .events-strip .big-day {
    font-family: "din-condensed", sans-serif;
    font-size: 56px;
    line-height: 96px;
    color: #1E2832;
    padding: 0 10px;
    max-width: 60px;
    position: absolute; }
  .events-strip .big-day.featured-event {
    background: #E74683;
    color: #ffffff; }
  .events-strip .event-row {
    padding-left: 100px; }

.no-float {
  float: none; }

.registration-form .form-field-checkbox input {
  -webkit-appearance: checkbox; }

.registration-form .form-field {
  margin-bottom: 5px; }
  .registration-form .form-field label {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 80%;
    display: block; }

.registration-form input {
  padding: 10px; }
  .registration-form input[type=text] {
    width: 80%;
    background: #ffffff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    outline: none;
    border: 1px solid darkgray;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-appearance: none !important; }
    .registration-form input[type=text]:focus {
      color: #1E2832;
      border-color: rgba(0, 0, 0, 0.3); }

.registration-form select {
  padding: 10px; }

button[type=submit] {
  background: #E74683;
  border: none;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  cursor: pointer;
  width: 150px;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-appearance: none !important; }
  button[type=submit]:hover, button[type=submit]:focus {
    color: #1E2832; }

blockquote.left-blockquote, blockquote.right-blockquote {
  font-size: 22px;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 500;
  line-height: 28px;
  width: 40%;
  border-top: none;
  margin-top: 0; }

blockquote.left-blockquote:before, blockquote.right-blockquote:before {
  display: block;
  content: ' ';
  background-image: url("/assets/img/quote.svg");
  background-size: 53px 35px;
  height: 35px;
  width: 53px;
  margin-bottom: 20px; }

blockquote.left-blockquote {
  padding: 0 20px 20px 0;
  margin-right: 20px;
  float: left; }

blockquote.right-blockquote {
  padding: 0 0 20px 0;
  float: right;
  margin-left: 20px; }

.byline {
  border-bottom: 1px solid #1E2832; }
  .byline img {
    float: left;
    margin-right: 10px;
    margin-top: 0; }
  .byline p {
    padding-left: 70px; }



body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/*# sourceMappingURL=site.combined.min.css.map */