@charset "UTF-8";
/* CSS Normalize/Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, h2, 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%;
  font: inherit;
  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; }

a {
  text-decoration: none; }

input {
  border: 0;
  outline: none; }

button {
  outline: none;
  box-shadow: none; }

* {
  box-sizing: border-box; }

/* Background Group
--------------------------------------------------------------*/
/* Box Group
--------------------------------------------------------------*/
/* Border Group
--------------------------------------------------------------*/
/* Transform Group
--------------------------------------------------------------*/
/* Gradients
--------------------------------------------------------------*/
/* Other
--------------------------------------------------------------*/
/* Fonts
--------------------------------------------------------------*/
/* Font weights - normal: 400, bold: 700 */
/* Font weights - normal: 400, medium bold: 700 */
/* Easing
--------------------------------------------------------------*/
/* Breakpoint sizes
--------------------------------------------------------------*/
/* Colors
--------------------------------------------------------------*/
/* Z-indexes
--------------------------------------------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  /*padding-left: 15px;
	padding-right: 15px;*/
  width: calc(100% - 120px); }
  @media only screen and (max-width: 61.9375em) {
    .container {
      width: calc(100% - 80px); } }
  @media only screen and (max-width: 47.9375em) {
    .container {
      width: calc(100% - 40px); } }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  @media screen and (max-width: 34.375em) {
    .row {
      margin-left: 0;
      margin-right: 0; } }

.col-xs-1, .col-sm-1, .col-md-1,
.col-lg-1, .col-xs-2, .col-sm-2,
.col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4,
.col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6,
.col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9,
.col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10,
.col-lg-10, .col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11, .col-xs-12,
.col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 34.375em) {
    .col-xs-1, .col-sm-1, .col-md-1,
    .col-lg-1, .col-xs-2, .col-sm-2,
    .col-md-2, .col-lg-2, .col-xs-3,
    .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4,
    .col-lg-4, .col-xs-5, .col-sm-5,
    .col-md-5, .col-lg-5, .col-xs-6,
    .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7,
    .col-lg-7, .col-xs-8, .col-sm-8,
    .col-md-8, .col-lg-8, .col-xs-9,
    .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10,
    .col-lg-10, .col-xs-11, .col-sm-11,
    .col-md-11, .col-lg-11, .col-xs-12,
    .col-sm-12, .col-md-12, .col-lg-12 {
      padding-left: 0;
      padding-right: 0; } }

.col-xs-1, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

/*
*
* Tablet Query - <= 768px;
*
*/
@media only screen and (min-width: 48em) {
  .col-sm-1, .col-sm-2,
  .col-sm-3, .col-sm-4,
  .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8,
  .col-sm-9, .col-sm-10,
  .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

/*
*
* Desktop Query - <= 992px;
*
*/
@media only screen and (min-width: 62em) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

/*
*
* Desktop Query - <= 1200px;
*
*/
@media only screen and (min-width: 75em) {
  .col-lg-1, .col-lg-2, .col-lg-3,
  .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9,
  .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

/* Fonts
--------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  font-size: 100%;
  font-family: "akzidenz-grotesk", Helvetica, sans-serif; }

/* Headings
--------------------------------------------------------------*/
h1 {
  font-size: 9em; }

h2 {
  font-size: 3vw; }

/* Breaks
--------------------------------------------------------------*/
/* Paragraphs
--------------------------------------------------------------*/
p, h2 {
  font-size: 2.67vw;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -1px; }
  @media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    p, h2 {
      font-size: 4vw; } }
  @media only screen and (max-width: 47.9375em) {
    p, h2 {
      font-size: 6vw; } }
  p + p, h2 + p, p + h2, h2 + h2 {
    margin-top: 5vh; }

a {
  color: white;
  font-size: 2vw; }
  @media only screen and (max-width: 47.9375em) {
    a {
      font-size: 4vw; } }
  a:hover {
    text-decoration: underline; }

/* Block quotes
--------------------------------------------------------------*/
blockquote {
  font-weight: 500;
  font-family: "adobe-caslon-pro", serif;
  font-style: italic; }
  blockquote.box {
    padding: 2em; }
  @media only screen and (min-width: 48em) {
    blockquote.pushed {
      margin-left: 7.5vw; } }

q {
  quotes: "“" "”";
  font-size: 1.8vw;
  margin-bottom: 0.33333em;
  line-height: 1.2;
  display: block; }
  @media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    q {
      font-size: 2vw; } }
  @media only screen and (max-width: 47.9375em) {
    q {
      font-size: 4vw; } }
  q span {
    display: block; }

.referee {
  display: block;
  font-size: 1.4vw;
  text-align: right; }
  @media only screen and (max-width: 47.9375em) {
    .referee {
      font-size: 3.2vw; } }
  .referee:before {
    content: '\2014';
    margin-left: 0.5em;
    margin-right: 0.5em; }

/* Colours
--------------------------------------------------------------*/
.white {
  color: white; }

.uppercase {
  text-transform: uppercase; }

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

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

.shadow {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

.nowrap {
  white-space: nowrap;
  display: block; }

i {
  font-style: italic; }

/* Extends
--------------------------------------------------------------*/
/*
 * Reset Properties
 */
.clearfix, .container, .row {
  *zoom: 1; }
  .clearfix:before, .container:before, .row:before, .clearfix:after, .container:after, .row:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after, .container:after, .row:after {
    clear: both; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); }

/*
 * Visually Hidden, shamelessly borrowed from H5BP:
 * https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/css/main.css#L145
 */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.hidden {
  display: none; }

.inline-block {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1; }

.ir, .clear {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

/* Assets
--------------------------------------------------------------*/
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); }
  60% {
    -ms-transform: translateY(-7px);
    transform: translateY(-7px); } }

[animate] {
  opacity: 0;
  display: block;
  transform: translate3d(0, 0, 0); }

.slide {
  position: relative;
  padding: 5em 0;
  width: 100%;
  height: 100vh;
  background-color: #222;
  color: white;
  overflow: hidden; }
  @media only screen and (max-width: 47.9375em) {
    .slide {
      padding: 5em 0 2em; } }

.full-bleed {
  background-position: center center;
  background-repeat: repeat-y;
  background-size: cover; }
  @media only screen and (max-width: 61.9375em) {
    .full-bleed {
      padding: 5em 0 2em; } }

/* Need to move this in a suitable place */
.template-one .content {
  margin-bottom: 30vh; }

.template-one .row, .template-two .row {
  width: 100%; }

/* Large Background Image Template */
@media only screen and (max-width: 47.9375em) {
  .template-one .content {
    margin-bottom: 0; } }

/* Background Video Template */
  .template-two .play-button {
    top: 50vh;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }

@media only screen and (max-width: 47.9375em) {
  .template-three, .template-four, .template-seven {
    padding-bottom: 0; } }

.template-three .row, .template-four .row, .template-seven .row {
  width: 100%; }

.template-five blockquote {
  margin-top: 10vh; }
  @media only screen and (min-width: 48em) {
    .template-five blockquote {
      left: 0;
      position: absolute; } }
  @media only screen and (max-width: 47.9375em) {
    .template-five blockquote {
      margin-top: 5vh; } }

@media only screen and (max-width: 47.9375em) {
  .template-five .container {
    -ms-flex-direction: column;
        flex-direction: column; } }

@media only screen and (max-width: 47.9375em) {
  .template-five .row {
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (min-width: 48em) {
  .template-five p, .template-five h2 {
    text-align: center; } }

@media only screen and (max-width: 47.9375em) {
  .template-six, .template-five {
    display: -ms-flexbox;
    display: flex; } }

.template-six .row, .template-five .row {
  width: 100%; }

@media only screen and (max-width: 47.9375em) {
  .template-six .container, .template-five .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end; } }

@media only screen and (max-width: 47.9375em) {
  .template-six .content, .template-five .content {
    margin-bottom: 0; } }

@media only screen and (min-width: 48em) {
  .template-six .shadow {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.8); } }

@media only screen and (max-width: 47.9375em) {
  .template-six .shadow {
    text-shadow: none; } }

@media only screen and (max-width: 47.9375em) {
  .template-seven .poster-one-third-width {
    display: none; } }

/* Layout
--------------------------------------------------------------*/
body,
html {
  -webkit-font-smoothing: antialiased; }

.mobile-only {
  display: none; }

.centered, .template-five, .template-six, .play-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.scroll-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }
  .scroll-container .scroll-wrapper {
    transition: all 0s; }

.offset {
  -ms-transform: translateY(-120%);
      transform: translateY(-120%); }
  @media only screen and (max-width: 61.9375em) {
    .offset {
      -ms-transform: translateY(0);
          transform: translateY(0); } }

.site-container {
  display: block;
  overflow: hidden; }
  .site-container.hide-site {
    height: 0; }

.flex, .template-one, .template-two, .template-three, .template-four, .template-seven, .play-button {
  display: -ms-flexbox;
  display: flex; }

.flex-right-align {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.flex-left-align {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.flex-start {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start; }

.flex-bottom, .template-one .container, .template-two .container, .template-three .container, .template-four .container, .template-seven .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end; }

/* Component
--------------------------------------------------------------*/
loading {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  pointer-events: none; }
  loading .loading-text {
    font-size: 18px;
    letter-spacing: 1px; }
  loading .content {
    width: 30%;
    text-align: center; }
  loading .line {
    width: 100%;
    height: 1px;
    background: white;
    display: block;
    margin: 10px auto; }

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 16px;
  bottom: 2px;
  top: 2px;
  right: 2px; }
  .iScrollVerticalScrollbar .iScrollIndicator {
    position: absolute;
    width: 100%;
    background-color: #e6e5e5;
    height: 80px;
    border-radius: 2px;
    cursor: pointer; }
    @media only screen and (max-width: 47.9375em) {
      .iScrollVerticalScrollbar .iScrollIndicator {
        background-color: black;
        height: 40px; } }
  @media only screen and (max-width: 47.9375em) {
    .iScrollVerticalScrollbar {
      width: 8px; } }

/* Page
--------------------------------------------------------------*/
home progress-bar, home .bar {
  position: absolute;
  height: 8px;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1001229; }

home .bar {
  z-index: 1001228;
  opacity: 0.2; }

home .percentage {
  transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: white; }

.download-print {
  position: absolute;
  top: 33px;
  right: 30px;
  font-size: 1.6em;
  font-weight: bold;
  pointer-events: all; }
  .download-print:hover {
    text-decoration: underline; }
  @media only screen and (max-width: 47.9375em) {
    .download-print {
      font-size: 1.1em;
      right: 20px; } }

.poster {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute; }
  .poster.poster-full-height {
    height: 100%; }
  @media only screen and (min-width: 62em) {
    .poster.poster-one-third-width {
      width: calc(33.4% - 30px); } }
  @media only screen and (min-width: 48em) {
    .poster.poster-one-third-width {
      float: left; } }
  @media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .poster.poster-one-third-width {
      width: calc(33.4% - 30px); } }
  @media only screen and (min-width: 48em) {
    .poster.poster-half-width {
      width: 50%;
      float: left; } }
  @media only screen and (min-width: 62em) {
    .poster.poster-two-thirds-width {
      width: 66.6%; } }
  @media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .poster.poster-two-thirds-width {
      width: 60%; } }
  @media only screen and (min-width: 48em) {
    .poster.poster-two-thirds-width {
      float: left; } }
  @media only screen and (min-width: 48em) {
    .poster.poster-half-height {
      height: calc(50% - 15px); } }
  @media only screen and (min-width: 48em) {
    .poster.poster-right {
      right: 0;
      left: auto; } }
  .poster.poster-video-full {
    overflow: hidden; }
    .poster.poster-video-full video {
      height: 100%;
      width: 177.77777778vh;
      /* 100 * 16 / 9 */
      min-width: 105%;
      min-height: 56.25vw;
      /* 100 * 9 / 16 */ }
  .poster.poster-bottom {
    bottom: 0;
    top: initial; }

.pushed-text {
  margin-top: 50vh; }

@media only screen and (min-width: 48em) {
  .pushed-text-sm {
    margin-top: 50vh; } }

@media only screen and (max-width: 47.9375em) {
  .pushed-text-bottom-xs {
    margin-top: 70vh; } }

.arrow {
  animation: bounce 2s infinite;
  width: 5vw;
  cursor: pointer; }
  @media only screen and (max-width: 61.9375em) {
    .arrow {
      width: 10vw; } }
  .arrow .icon {
    fill: #fff; }
    .arrow .icon:hover {
      fill: rgba(255, 255, 255, 0.8); }

@media only screen and (max-width: 47.9375em) {
  .content {
    margin-bottom: 20px; } }

.col-no-padding {
  padding-left: 0;
  padding-right: 0; }

@media only screen and (min-width: 62em) {
  .boxed-content {
    padding: 4em; } }

@media only screen and (min-width: 48em) {
  .boxed-content {
    padding: 3em; } }

@media only screen and (max-width: 47.9375em) {
  .boxed-content {
    padding: 2em; } }

@media only screen and (min-width: 62em) {
  .boxed-content p, .boxed-content h2 {
    font-size: 2vw; } }

@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
  .boxed-content p, .boxed-content h2 {
    font-size: 3vw; } }

.orange-bg {
  background-color: rgba(229,73,0, 0.85); }

  .purpleKids-bg {
  background-color: rgba(143,96,186, 0.85); }

  .paularego-box-bg {
  background-color: rgba(152,69,62, 0.85); }

    .lime-bg {
  background-color: rgba(61,153,132, 0.85); }

     .candyBlue-bg {
  background-color: rgba(134,187,199, 0.85); }

    .candyBlue-1-bg {
  background-color: rgba( 134,187,217, 0.85); }

  .green-bg {
  background-color: rgba(0,153,40, 0.85); }

  .gulfStream-bg {
    background-color: rgba(118, 165, 175, 1);
  }

  .magenta-bg {
  background-color: rgba(235,46,172, 0.85); }


.darkOrange-bg {
  background-color: rgba(240,137,9, 0.85); }

.brown-bg {
  background-color: rgba(192, 132, 40, 0.85); }

.black-bg {
  background-color: rgba(0, 0, 0, 0.85); }

.shopBlue-bg {
  background-color: rgba(57, 168, 187, 0.85); }

.royalBlueTrans-bg {
  background-color: rgba(57, 53, 74, 0.85); }

.royalBlue-bg {
  background-color: #1a1823; }

.blue-bg, .play-button {
  background-color: rgba(29, 102, 228, 0.85); }

.deepRed-bg {
  background-color: rgba(193, 47, 48, 0.85); }

.mustard-bg {
  background-color: rgba(250, 200, 72, 0.85);
  color: black; }

.darkerGrey-bg {
  background-color: rgba(41, 44, 47, 0.85); }

.deepGrey {
  background-color: rgba(6, 6, 6, 0.85); }

.navyBlue-bg {
  background-color: rgba(0,101,162, 0.85); }

.lightBlue-bg{
  background-color: rgba(0,95,120,0.85);
}  

.burgundyPurple-bg {
  background-color: #b9187a; }

.purple-bg {
  background-color: rgba(199, 155, 193, 0.85);
  color: white; }

.deepPurple-bg {
  background-color: #5f1241; }

  .deepYellow-bg {
    background-color: rgba(232,182,0, 0.85);
 }

.white-bg, .yellow-bg {
  background-color: rgba(255, 255, 255, 0.85);
  color: black; }

.yellow-bg {
  background-color: rgba(253, 241, 0, 0.85); }

.greyBlack-bg {
  background-color: rgba(35, 43, 46, 0.85); }

.lightGrey-bg {
  background-color: rgba(237, 237, 236, 0.85); }

.red-bg {
  background-color: rgba(204,34,0, 0.85); }

.purple-bg{
  background-color: rgba(219,0,93,0.85);
}

.pink-bg{
  background-color: #eaa376;
}

.brightGreen-bg {
  color: #232B2E;
  background-color: rgba(131, 200, 143, 0.85); }

.greyBlue-bg {
  background-color: rgba(189, 197, 207, 0.85); }

.overlayed-text, .template-six .content, .template-five .content {
  position: relative;
  z-index: 2; }

.overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2; }

.image-collage {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute; }
  .image-collage .image-big {
    position: absolute;
    display: block;
    top: 50%;
    right: 6em;
    width: 63%;
    max-width: 620px; }
    @media only screen and (min-width: 48em) {
      .image-collage .image-big {
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }
    @media only screen and (max-width: 47.9375em) {
      .image-collage .image-big {
        top: 5em;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 90%; } }
    .image-collage .image-big img {
      width: 100%;
      display: block; }
  .image-collage .image-one {
    position: absolute;
    display: block;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    width: 45%;
    padding-top: 45%;
    top: -8%;
    right: -14%; }
    @media only screen and (max-width: 47.9375em) {
      .image-collage .image-one {
        top: -18%; } }
  .image-collage .image-two {
    width: 25%;
    padding-top: 25%;
    position: absolute;
    margin-top: -18%;
    right: 9%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
  .image-collage .image-three {
    padding: 56% 0 0 0 !important;
    width: 45%;
    position: absolute;
    left: -15%;
    margin-top: -35%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 47.9375em) {
      .image-collage .image-three {
        left: -10%;
        margin-top: -15%; } }

.thumbnail img {
  width: 100%; }

.with-gradient:after, .template-one:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 40%, transparent 60%); }
  @media only screen and (min-width: 48em) {
    .with-gradient:after, .template-one:after {
      top: 0; } }
  @media only screen and (max-width: 47.9375em) {
    .with-gradient:after, .template-one:after {
      bottom: 0;
      height: 60%; } }

.with-gradient .container, .template-one .container {
  position: relative;
  z-index: 2; }

#landing-slide {
  z-index: 9929; }
  #landing-slide .heading-review {
    font-size: 4.1vw; }
    @media only screen and (max-width: 47.9375em) {
      #landing-slide .heading-review {
        font-size: 7vw; } }
  #landing-slide .shadow {
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.9); }
  #landing-slide .logo {
    width: 20vw;
    fill: white;
    margin-left: -2.5vw;
    margin-bottom: 25vh;
    position: fixed;
    z-index: 222; }
    @media only screen and (max-width: 61.9375em) {
      #landing-slide .logo {
        width: 50vw; } }
    @media only screen and (max-width: 47.9375em) {
      #landing-slide .logo {
        margin-bottom: 10vh; } }
  #landing-slide.slide {
    background-image: url("/assets/image/2017/desktop/1-intro.jpg"); }
    @media only screen and (max-width: 47.9375em) {
      #landing-slide.slide {
        background-image: url("/assets/image/2017/mobile/1-intro.jpg"); } }
  #landing-slide .arrow {
    left: 0;
    position: absolute;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 5vh;
    z-index: 2; }
  #landing-slide .landing-column {
    height: calc(100vh - 10em); }
  #landing-slide .content {
    position: absolute;
    bottom: calc(25vh - 120px); }
    @media only screen and (max-width: 37.5em) {
      #landing-slide .content {
        width: calc(100vw - 40px);
        bottom: calc(25vh - 70px); } }
  @media only screen and (max-width: 47.9375em) {
    #landing-slide.with-gradient:after, #landing-slide.template-one:after {
      height: 80%; } }

#learning.slide {
  background-image: url("/assets/image/desktop/learning/learning-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #learning.slide {
      background-image: url("/assets/image/mobile/learning/learning-background.jpg"); } }

#link.slide {
  background-image: url("/assets/image/2017/mobile/2-link.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #link.slide {
      background-image: url("/assets/image/2017/mobile/2-link.jpg"); } }

#link p, #link h2 {
  margin-bottom: 2.5vh; }



  #deacon.slide {
  background-image: url("/assets/image/2017/desktop/3-deacon.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #deacon.slide {
      background-image: url("/assets/image/2017/mobile/3-deacon.jpg"); } }

#deacon p, #deacon h2 {
  margin-bottom: 2.5vh; }

   #abstract.slide {
  background-image: url("/assets/image/2017/desktop/4-abstract.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #abstract.slide {
      background-image: url("/assets/image/2017/mobile/4-abstract.jpg"); } }

#abstract p, #abstract h2 {
  margin-bottom: 2.5vh; }

   #abexquiz.slide {
  background-image: url("/assets/image/2017/desktop/5-abexquiz.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #abexquiz.slide {
      background-image: url("/assets/image/2017/mobile/5-abexquiz.jpg"); } }

#abexquiz p, #abexquiz h2 {
  margin-bottom: 2.5vh; }

    #revolution.slide {
  background-image: url("/assets/image/2017/desktop/6-revolution.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #revolution.slide {
      background-image: url("/assets/image/2017/mobile/6-revolution.jpg"); } }

#revolution p, #revolution h2 {
  margin-bottom: 2.5vh; }

   #maxmeichowski.slide {
  background-image: url("/assets/image/2017/desktop/24-friends/25-friends-maxmeichowski.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #maxmeichowski.slide {
      background-image: url("/assets/image/2017/desktop/24-friends/25-friends-maxmeichowski.jpg"); } }

#maxmeichowski p, #maxmeichowski h2 {
  margin-bottom: 2.5vh; }

  #paularego.slide {
  background-image: url("/assets/image/2017/desktop/23-gilbert_george.jpg"); }
  @media only screen and (max-width: 64em) {
    #paularego.slide {
      background-image: url("/assets/image/2017/mobile/23-gilbert_george.jpg"); } }



   #kids.slide {
  background-image: url("/assets/image/2017/desktop/19-kids.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #kids.slide {
      background-image: url("/assets/image/2017/mobile/19-kids.jpg"); } }



   #courses.slide {
  background-image: url("/assets/image/2017/desktop/21-courses.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #courses.slide {
      background-image: url("/assets/image/2017/mobile/21-courses.jpg"); } }

#courses p, #courses h2 {
  margin-bottom: 2.5vh; }

    #tunnicliffe.slide {
  background-image: url("/assets/image/2017/desktop/18-tunnicliffe.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #tunnicliffe.slide {
      background-image: url("/assets/image/2017/mobile/18-tunnicliffe.jpg"); } }

#tunnicliffe p, #tunnicliffe h2 {
  margin-bottom: 2.5vh; }

     #architecture-16.slide {
  background-image: url("/assets/image/2017/desktop/16-architecture.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #architecture-16.slide {
      background-image: url("/assets/image/2017/mobile/16-architecture.jpg"); } }

#architecture-16 p, #architecture-16 h2 {
  margin-bottom: 2.5vh; }

       #artweekend.slide {
  background-image: url("/assets/image/2017/desktop/17-artweekend.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #artweekend.slide {
      background-image: url("/assets/image/2017/mobile/17-artweekend.jpg"); } }

#artweekend p, #artweekend h2 {
  margin-bottom: 2.5vh; }

      #technology.slide {
  background-image: url("/assets/image/2017/desktop/14-technology.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #technology.slide {
      background-image: url("/assets/image/2017/mobile/14-technology.jpg"); } }


     #afff.slide {
  background-image: url("/assets/image/2017/desktop/9-aatf.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #afff.slide {
      background-image: url("/assets/image/2017/mobile/9-aatf.jpg"); } }

#afff p, #afff h2 {
  margin-bottom: 2.5vh; }

   #ensor.slide {
  background-image: url("/assets/image/2017/desktop/8-ensor.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #ensor.slide {
      background-image: url("/assets/image/2017/mobile/8-ensor.jpg"); } }

#summer-exhibition.slide {
  background-image: url("/assets/image/desktop/summer-exhibition/summer-exhibition-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #summer-exhibition.slide {
      background-image: url("/assets/image/mobile/summer-exhibition/summer-exhibition-background.jpg"); } }

#summer-exhibition .thumbnail {
  background-image: url("/assets/image/desktop/summer-exhibition/summer-exhibition-cutout.png"); }
  @media only screen and (max-width: 47.9375em) {
    #summer-exhibition .thumbnail {
      display: none; } }

#summer-exhibition .overlay-image {
  z-index: 5; }

#summer-exhibition p, #summer-exhibition h2 {
  color: #FE0400; }
  @media only screen and (max-width: 47.9375em) {
    #summer-exhibition p, #summer-exhibition h2 {
      padding: 1em;
      text-shadow: none;
      font-size: 6vw;
      margin-bottom: 0;
      background-color: rgba(255, 255, 255, 0.85); } }

@media only screen and (min-width: 48em) {
  #summer-exhibition blockquote {
    margin-top: 3.5vh; } }

#summer-exhibition:after {
  display: none; }

@media only screen and (min-width: 48em) {
  #summer-exhibition .content {
    margin-bottom: 10vh; } }

#dreamed-up .poster {
  background-image: url("/assets/image/desktop/dreamed-up/dreamed-up-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #dreamed-up .poster {
      background-image: url("/assets/image/mobile/dreamed-up/dreamed-up-background.jpg"); } }

#friends .poster {
  background-image: url("/assets/image/desktop/friends/friends-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #friends .poster {
      background-image: url("/assets/image/mobile/friends/friends-background.jpg"); } }

#friends-week .image-one {
  background-image: url("/assets/image/desktop/friends-week/friends-week-top.jpg"); }

#friends-week .image-three {
  background-image: url("/assets/image/desktop/friends-week/friends-week-left.jpg"); }

#discourse .poster {
  background-image: url("/assets/image/desktop/discourse-video/discourse.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #discourse .poster {
      background-image: url("/assets/image/mobile/discourse-video/discourse.jpg"); } }

#conrad .poster {
  background-image: url("/assets/image/desktop/conrad-video/conrad.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #conrad .poster {
      background-image: url("/assets/image/mobile/conrad-video/conrad.jpg"); } }

#ai-weiwei-toys .poster {
  background-image: url("/assets/image/desktop/ai-weiwei-toys-video/ai-weiwei-toys.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #ai-weiwei-toys .poster {
      background-image: url("/assets/image/mobile/ai-weiwei-toys-video/ai-weiwei-toys.jpg"); } }

#collection .poster {
  background-image: url("/assets/image/desktop/collection-video/collection.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #collection .poster {
      background-image: url("/assets/image/mobile/collection-video/collection.jpg"); } }

#ending .poster {
  background-image: url("/assets/image/2017/mobile/24-public/28-public-outro.jpg"); }

#ending .play-button {
  top: 30%;
  -ms-transform: translateY(-30%);
      transform: translateY(-30%); }
  @media only screen and (max-width: 47.9375em) {
    #ending .play-button {
      top: 25%;
      -ms-transform: translateY(-25%);
          transform: translateY(-25%); } }

@media only screen and (max-width: 47.9375em) {
  #ending .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end; } }

#ending .row {
  width: 100%; }

#ending p, #ending h2 {
  line-height: 1;
  margin-bottom: 3vw; }
  @media only screen and (min-width: 62em) {
    #ending p, #ending h2 {
      font-size: 4vw; } }
  @media only screen and (min-width: 48em) {
    #ending p, #ending h2 {
      font-size: 3vw; } }
  @media only screen and (max-width: 47.9375em) {
    #ending p, #ending h2 {
      line-height: 1.2; } }

@media only screen and (max-width: 47.9375em) {
  #ending p + p, #ending h2 + p, #ending p + h2, #ending h2 + h2 {
    margin-top: 3vh; } }

#ending span {
  display: block; }

#ending.smaller p, #ending.smaller h2 {
  font-size: 3vw; }
  @media only screen and (max-width: 61.9375em) {
    #ending.smaller p, #ending.smaller h2 {
      font-size: 6vw !important; } }

#spyre .poster {
  background-image: url("/assets/image/desktop/spyre-video/spyre.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #spyre .poster {
      background-image: url("/assets/image/desktop/spyre-video/spyre.jpg"); } }

      .ralates .poster {
  background-image: url("/assets/image/2017/mobile/12-ralates.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    .ralates .poster {
      background-image: url("/assets/image/2017/mobile/12-ralates.jpg"); } }

        .schools .poster {
  background-image: url("/assets/image/2017/mobile/13-raschools.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    .schools .poster {
      background-image: url("/assets/image/2017/mobile/13-raschools.jpg"); } }

              .lecture .poster {
  background-image: url("/assets/image/2017/mobile/15-architecture.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    .lecture .poster {
      background-image: url("/assets/image/2017/mobile/15-architecture.jpg"); } }

       .mark1 .poster {
  background-image: url("/assets/image/2017/mobile/24-public/25-public-makeyourmark.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    .mark1 .poster {
      background-image: url("/assets/image/2017/mobile/24-public/25-public-makeyourmark.jpg"); } }

      .mark2 .poster {
  background-image: url("/assets/image/2017/mobile/24-public/27-public-makeyourmark.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    .mark2 .poster {
      background-image: url("/assets/image/2017/mobile/24-public/27-public-makeyourmark.jpg"); } }

        .debates .poster {
  background-image: url("/assets/image/2017/mobile/24-friends/26-friends-debates.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    .debates .poster {
      background-image: url("/assets/image/2017/mobile/24-friends/26-friends-debates.jpg"); } }


#spyre p, #spyre h2 {
  color: #f69c66; }

#spyre blockquote {
  background-color: rgba(246, 156, 102, 0.85);
  margin-top: 3.5vh; }

#spyre .play-button, #ai-weiwei-360 .play-button {
  top: 40vh;
  -ms-transform: translateY(-40%);
      transform: translateY(-40%); }

#why-and-how blockquote {
  margin-top: 3.5vh; }
  @media only screen and (min-width: 48em) {
    #why-and-how blockquote {
      margin-left: 16.5vw; } }

#why-and-how .image-one {
  background-image: url("/assets/image/desktop/why-and-how/why-and-how-top.jpg"); }

#why-and-how .image-three {
  background-image: url("/assets/image/desktop//why-and-how/why-and-how-right.jpg"); }

  #artgroup blockquote {
  margin-top: 3.5vh; }
  @media only screen and (min-width: 48em) {
    #artgroup blockquote {
      margin-left: 16.5vw; } }

#artgroup .image-one {
  background-image: url("/assets/image/2017/desktop/22.3-artgroup.jpg"); }

#artgroup .image-three {
  background-image: url("/assets/image/2017/desktop/22.1-artgroup.jpg"); }

#matisse .poster {
  background-image: url("/assets/image/2017/mobile/11-matisse.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #matisse .poster {
      background-image: url("/assets/image/2017/mobile/11-matisse.jpg"); } }

#piccadilly .video-poster {
  background-image: url("/assets/image/desktop/piccadilly-video/piccadilly.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #piccadilly .video-poster {
      background-image: url("/assets/image/mobile/piccadilly-video/piccadilly.jpg"); } }

#schools .poster {
  background-image: url("/assets/image/desktop/schools/schools-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #schools .poster {
      background-image: url("/assets/image/mobile/schools/schools-background.jpg"); } }

@media only screen and (max-width: 47.9375em) {
  #schools .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end; } }

#schools .row {
  width: 100%; }
  @media only screen and (min-width: 48em) {
    #schools .row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; } }

@media only screen and (max-width: 47.9375em) {
  #schools {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0; } }

#schools-polaroids .poster {
  background-image: url("/assets/image/desktop/schools-polaroids/schools-polaroids-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #schools-polaroids .poster {
      background-image: url("/assets/image/mobile/schools-polaroids/schools-polaroids-background.jpg"); } }

#hockney.slide {
  background-image: url("/assets/image/desktop/hockney/hockney-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #hockney.slide {
      background-image: url("/assets/image/mobile/hockney/hockney-background.jpg"); } }

#hockney .thumbnail {
  background-image: url("/assets/image/desktop/hockney/hockney-cutout.png"); }
  @media only screen and (max-width: 47.9375em) {
    #hockney .thumbnail {
      display: none; } }

#white.slide {
  background-image: url("/assets/image/desktop/white/white-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #white.slide {
      background-image: url("/assets/image/mobile/white/white-background.jpg"); } }

#academicians.slide {
  background-image: url("/assets/image/desktop/academicians/academicians-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #academicians.slide {
      background-image: url("/assets/image/mobile/academicians/academicians-background.jpg"); } }

#academicians.with-gradient:after, #academicians.template-one:after {
  height: 100%;
  background: rgba(0, 0, 0, 0.35); }

#academicians p, #academicians h2 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.8); }
  @media only screen and (min-width: 62em) {
    #academicians p, #academicians h2 {
      font-size: 2.68vw; } }
  @media only screen and (min-width: 48em) {
    #academicians p br, #academicians h2 br {
      display: none; } }

#matisse .poster {
  background-image: url("/assets/image/2017/desktop/11-matisse.jpg"); }

#ag .image-one {
  background-image: url("/assets/image/2017/desktop/10.1-ag.jpg"); }

#ag .image-two {
  background-image: url("/assets/image/2017/desktop/10.2-ag.jpg"); }

#ag .image-three {
  background-image: url("/assets/image/2017/desktop/10.3-ag.jpg"); }

#alevel .image-one {
  background-image: url("/assets/image/2017/desktop/20.3-alevel.jpg"); }

#alevel .image-two {
  background-image: url("/assets/image/2017/desktop/20. A Level Summer Exh.gif"); }

#alevel .image-three {
  background-image: url("/assets/image/2017/desktop/20.1-alevel.jpg"); }

#main-mavericks-poster {
  background-image: url("/assets/image/desktop/mavericks/mavericks-background.jpg"); }

#side-mavericks-poster-one {
  background-image: url("/assets/image/desktop/mavericks/mavericks-top.jpg"); }

#side-mavericks-poster-two {
  background-image: url("/assets/image/desktop/mavericks/mavericks-bottom.jpg"); }

  #summer{
    background-image: url("/assets/image/2017/desktop/7.1-summer.jpg"); }


#main-summer-poster {
  background-image: url("/assets/image/2017/desktop/7.1-summer.jpg"); }

#side-summer-poster-one {
  background-image: url("/assets/image/2017/desktop/7.2-summer.jpg"); }

#side-summer-poster-two {
  background-image: url("/assets/image/2017/desktop/7.3-summer.jpg"); }

   #collection-1{
    background-color: #222222;
  }

#main-collection-1-poster {
  background-image: url("/assets/image/2017/desktop/24-public/26.1-public-collection.jpg"); }

#side-collection-1-poster-one {
  background-image: url("/assets/image/2017/desktop/24-public/26.2-public-collection.jpg"); }

#side-collection-1-poster-two {
  background-image: url("/assets/image/2017/desktop/24-public/26.3-public-collection.jpg"); }


#yinka .poster {
  background-image: url("/assets/image/desktop/yinka/yinka-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #yinka .poster {
      background-image: url("/assets/image/mobile/yinka/yinka-background.jpg"); } }

#ra-lates .poster {
  background-image: url("/assets/image/desktop/ra-lates/ra-lates-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #ra-lates .poster {
      background-image: url("/assets/image/mobile/ra-lates/ra-lates-background.jpg"); } }

#ra-lates p, #ra-lates h2 {
  color: #963092; }

#ra-shop.slide {
  background-color: white; }

#ra-shop .poster {
  background-image: url("/assets/image/desktop/ra-shop/ra-shop-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #ra-shop .poster {
      background-image: url("/assets/image/mobile/ra-shop/ra-shop-background.jpg"); } }

#art-sales .poster {
  background-image: url("/assets/image/desktop/art-sales/art-sales-background.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #art-sales .poster {
      background-image: url("/assets/image/mobile/art-sales/art-sales-background.jpg"); } }

#weiwei-toys.slide {
  background-image: url("/assets/image/desktop/weiwei/desktop.jpg"); }
  @media only screen and (max-width: 47.9375em) {
    #weiwei-toys.slide {
      background-image: url("/assets/image/mobile/weiwei/mobile.jpg"); } }

@media only screen and (max-width: 47.9375em) {
  #sackler blockquote {
    max-width: none; } }

#main-sackler-poster {
  background-image: url("/assets/image/desktop/sackler/sackler-main.jpg"); }

#side-sackler-poster-one {
  background-image: url("/assets/image/desktop/sackler/sackler-top.jpg"); }

#side-sackler-poster-two {
  background-image: url("/assets/image/desktop/sackler/sackler-bottom.jpg"); }

.bottom-links {
  display: block;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 15px 23px;
  color: white;
  bottom: 0;
  position: relative;
  right: 0;
  font-weight: bold;
  width: 29vw;
  margin-top: 1vw; }
  .bottom-links.friends {
    background-color: rgba(0, 0, 0, 0.85); }
    .bottom-links.friends .text-wrapper span {
      font-size: 2.4vw; }
      @media only screen and (max-width: 47.9375em) {
        .bottom-links.friends .text-wrapper span {
          font-size: 5vw; } }
  .bottom-links .text-wrapper {
    display: inline-block;
    width: 80%;
    font-size: 3vw; }
    .bottom-links .text-wrapper span {
      display: block;
      font-size: 3.1vw;
      line-height: 1.2; }
      @media only screen and (max-width: 47.9375em) {
        .bottom-links .text-wrapper span {
          font-size: 5vw; } }
  .bottom-links .arrow-block {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%; }
    .bottom-links .arrow-block svg {
      width: 1.44vw;
      position: absolute;
      top: 20px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      fill: white; }
  .bottom-links a {
    display: inline-block; }
  @media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .bottom-links {
      width: 35vw; } }
  @media only screen and (max-width: 47.9375em) {
    .bottom-links {
      padding: 10px;
      width: 60vw; } }

@media only screen and (max-width: 47.9375em) {
  .link + .link {
    margin-top: 2em; } }

.arrow-end:after, .play-button .arrow-end:before {
  display: inline-block;
  margin-left: 0.5em;
  margin-bottom: 0.2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5vw 0 0.5vw 1vw;
  border-color: transparent transparent transparent white;
  vertical-align: middle; }

.arrow-end:after {
  content: ''; }

.play-button {
  height: 13.5em;
  width: 13.5em;
  position: absolute;
  border-radius: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  cursor: pointer;
  z-index: 2; }
  @media only screen and (min-width: 48em) {
    .play-button {
      display: none; } }
  .play-button span {
    display: block;
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 0.2em; }
    .play-button span:last-child {
      margin-bottom: 0; }
  .play-button .arrow-end:after {
    border: none;
    margin: 0; }
  .play-button .arrow-end:before {
    content: '';
    display: block;
    border-width: 1em 0 1em 1.5em;
    margin-bottom: 0.8em;
    margin-left: 1em; }

.show-credits {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 1.6em;
  cursor: pointer;
  font-weight: bold; }
  .show-credits:hover {
    text-decoration: underline; }
  @media only screen and (min-width: 48em) {
    .show-credits {
      right: 30px; } }
  @media only screen and (max-width: 47.9375em) {
    .show-credits {
      right: 20px;
      bottom: 20px;
      font-size: 1.2em; } }

.credit-container {
  display: block;
  position: relative;
  overflow: hidden; }

#credits {
  max-height: 999vh;
  padding: 10em 0;
  background-color: black;
  color: white; }
  #credits a {
    font-size: inherit;
    color: inherit; }
  #credits ul {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 48em) {
      #credits ul {
        padding-top: 7vh; } }
  #credits li {
    font-size: 1.6em;
    padding: 1vh 0;
    max-width: 600px;
    line-height: 1.4;
    color: white; }
  @media only screen and (max-width: 47.9375em) {
    #credits h2 {
      margin-bottom: 5vh; } }
  @media only screen and (max-width: 47.9375em) {
    #credits {
      padding: 5em 0 2em; } }

/* Partial
--------------------------------------------------------------*/
header {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9999;
  pointer-events: none; }
  header .logo {
    width: 24vw;
    margin-top: 30px;
    margin-left: 10px; }
    @media only screen and (max-width: 61.9375em) {
      header .logo {
        width: 61vw;
        margin-left: 15px; } }
    header .logo path {
      transition: fill 1.5s cubic-bezier(0.19, 1, 0.22, 1);
      fill: white; }

.embed {
  display: none;

}


@media screen and (min-width: 1024px) {
  .embed{
   /* display: block;
    position: absolute;
    top: -500px;
    right: 0;
    max-width: 620px;*/
    display: none;
  }
}