/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
/* @group Hero Section (.SPHero) */
.SPHero {
  padding-top: 100px;
  margin-bottom: 4.5rem; }
  .SPHero .heroImage {
    position: relative;
    height: 75vh; }
    .SPHero .heroImage h1 {
      margin-top: 0px;
      color: white;
      background: rgba(0, 0, 0, 0.13);
      padding: 1.8rem 1.35rem 1.35rem;
      position: absolute;
      top: 2rem;
      left: 2rem;
      z-index: 2; }
    .SPHero .heroImage .parallax {
      height: 100%; }

@media only screen and (min-width: 0px) and (max-width: 900px) {
  .SPHero {
    padding-top: 85px;
    margin-bottom: 2rem; }
    .SPHero .heroImage {
      height: 290px; }
      .SPHero .heroImage h1 {
        top: 1rem;
        left: 1rem; } }

/* @end */
/* @group Intro Section (.SPIntro) */
.SPIntro {
  padding-left: 4.5rem; }
  .SPIntro article {
    margin-bottom: 2rem;
    padding-right: 2rem; }

.ScrollContentPag {
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 1.75em; }
  .ScrollContentPag a {
    opacity: 0.6;
    filter: alpha(opacity=60);
    color: #000000;
    margin-left: .35rem; }
  .ScrollContentPag a:hover, .ScrollContentPag a:active, .ScrollContentPag a:focus {
    opacity: 1;
    filter: alpha(opacity=100); }

@media only screen and (min-width: 0px) and (max-width: 900px) {
  .SPIntro {
    padding-left: 0px; }
    .SPIntro article {
      padding-right: 0px; }
  .ScrollContentPag {
    position: relative; } }

/* @end */
/* @group Rows (.SPRows) */
.ScrollContent {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }
  .ScrollContent p.quote {
    padding-right: 2rem; }
  .ScrollContent .SpaceQuote {
    margin-top: 2rem;
    margin-bottom: 2rem; }

.ScrollContent.Even p.SpaceQuote {
  margin-bottom: 0px; }

/* @end */
@media only screen and (min-width: 0px) and (max-width: 900px) {
  .ScrollContent {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .ScrollContent p.quote {
      margin-top: 1rem;
      padding-right: 0px; }
  .ProjectScrollMedia {
    margin-bottom: .75rem; } }

/* @end */
.YTPlayerCont2 {
  overflow: hidden !important; }

/* @group Media */
.ProjectScrollMedia {
  position: relative; }
  .ProjectScrollMedia img {
    width: 100%;
    height: auto; }
  .ProjectScrollMedia .vimeo_player_wrapper, .ProjectScrollMedia .mbYTP_wrapper {
    position: relative;
    z-index: 1 !important; }
  .ProjectScrollMedia a {
    width: 100%;
    height: 100%;
    display: block; }
  .ProjectScrollMedia .caption {
    position: absolute;
    z-index: 2;
    bottom: .7rem;
    left: .7rem;
    background: white;
    display: inline-block;
    padding: .2rem .5rem; }

/* @end */
/* @group Related (.SPRelated) */
.SPRelated {
  padding-top: 2rem;
  padding-bottom: 2rem; }

/* @end */