/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0px; }

.clearfix, nav.primary ul, nav.primary ul li, nav.primary ul.social li button, header, div#main, section, section.overlay.locked, section.overlay.locked section.video section.player, section.about, section.video .tile.vimeo-play.fullscreen, section.video .tile h2 {
  zoom: 1; }
  .clearfix:after, nav.primary ul:after, nav.primary ul li:after, nav.primary ul.social li button:after, header:after, div#main:after, section:after, section.overlay.locked:after, section.overlay.locked section.video section.player:after, section.about:after, section.video .tile.vimeo-play.fullscreen:after, section.video .tile h2:after {
    content: "";
    display: table;
    clear: both; }

[class*='col-'] {
  float: left;
  padding-right: 5px; }

.grid {
  width: 100%;
  max-width: 2700px;
  margin: 0 auto;
  overflow: hidden; }

.grid:after {
  content: "";
  display: table;
  clear: both; }

.grid-pad {
  padding: 5px 0 0px 5px; }

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 5px; }

.push-right {
  float: right; }

/* Content Columns */
.col-1-1 {
  width: 100%; }

.col-2-3, .col-8-12 {
  width: 66.6666%; }

.col-1-2, .col-6-12 {
  width: 50%; }

.col-1-3, .col-4-12 {
  width: 33.3333%; }

.col-1-4, .col-3-12 {
  width: 25%; }

.col-1-5 {
  width: 20%; }

.col-4-5 {
  width: 80%; }

.col-1-6, .col-2-12 {
  width: 16.667%; }

.col-1-7 {
  width: 14.28%; }

.col-1-8 {
  width: 12.5%; }

.col-1-9 {
  width: 11.1%; }

.col-1-10 {
  width: 10%; }

.col-1-11 {
  width: 9.09%; }

.col-1-12 {
  width: 8.33%; }

.col-11-12 {
  width: 91.66%; }

.col-10-12 {
  width: 83.333%; }

.col-3-4, .col-9-12 {
  width: 75%; }

.col-5-12 {
  width: 41.66%; }

.col-7-12 {
  width: 58.33%; }

@media handheld, only screen and (max-width: 45em) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }

  [class*='col-'] {
    width: auto;
    float: none;
    /*margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;*/
    margin: 0;
    padding: 0;
    clear: both; }
 }

@font-face {
  font-family: 'icons';
  src: url('../fonts/icons.eot');
  src: url('../fonts/icons.eot') format('embedded-opentype'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Bryant-Medium';
  src: url('../fonts/Bryant-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Bryant-Medium.woff') format('woff'), url('../fonts/Bryant-Medium.ttf') format('truetype'), url('../fonts/Bryant-Medium.svg#Bryant-Medium') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Bryant-Regular';
  src: url('../fonts/Bryant-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Bryant-Regular.woff') format('woff'), url('../fonts/Bryant-Regular.ttf') format('truetype'), url('../fonts/Bryant-Regular.svg#Bryant-Regular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-c2bso1');
  src: url('../fonts/icomoon.eot?#iefix-c2bso1') format('embedded-opentype'), url('../fonts/icomoon.woff?-c2bso1') format('woff'), url('../fonts/icomoon.ttf?-c2bso1') format('truetype'), url('../fonts/icomoon.svg?-c2bso1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\e61b"; }

.icon-facebook-square:before {
  content: "\e61c"; }

.icon-instagram:before {
  content: "\e61a"; }

.icon-tv:before {
  content: "\e618"; }

.icon-movie:before {
  content: "\e619"; }

.icon-video-collection:before {
  content: "\e617"; }

.icon-move-down:before {
  content: "\e614"; }

.icon-move-up:before {
  content: "\e615"; }

.icon-shuffle:before {
  content: "\e616"; }

.icon-x:before {
  content: "\f081"; }

.icon-play:before {
  content: "\e61d"; }

.icon-pause:before {
  content: "\e61e"; }

.icon-shrink2:before {
  content: "\e98c"; }

.icon-link:before {
  content: "\e9cb"; }

.icon-bookmark:before {
  content: "\e9d2"; }

.icon-star-empty:before {
  content: "\e9d7"; }

.icon-star-half:before {
  content: "\e9d8"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-heart:before {
  content: "\e9da"; }

.icon-plus:before {
  content: "\ea0a"; }

.icon-minus:before {
  content: "\ea0b"; }

.icon-play3:before {
  content: "\ea1c"; }

.icon-pause2:before {
  content: "\ea1d"; }

.icon-stop2:before {
  content: "\ea1e"; }

.icon-twitter:before {
  content: "\ea91"; }

.icon-vimeo:before {
  content: "\ea9c"; }

.icon-number1:before {
  content: "\e60a"; }

.icon-number2:before {
  content: "\e60b"; }

.icon-number3:before {
  content: "\e60c"; }

.icon-number4:before {
  content: "\e60d"; }

.icon-number5:before {
  content: "\e60e"; }

.icon-number6:before {
  content: "\e60f"; }

.icon-number7:before {
  content: "\e610"; }

.icon-number8:before {
  content: "\e611"; }

.icon-number9:before {
  content: "\e612"; }

.icon-number-high:before {
  content: "\e612"; }

.icon-number-high:after {
  content: "\ea0a";
  font-size: 0.2rem;
  vertical-align: text-top; }

/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */
x-object-fit {
  position: relative !important;
  display: inline-block !important; }

x-object-fit > .x-object-fit-taller, x-object-fit > .x-object-fit-wider {
  position: absolute !important;
  left: -100% !important;
  right: -100% !important;
  top: -100% !important;
  bottom: -100% !important;
  margin: auto !important; }

.x-object-fit-none > .x-object-fit-taller, .x-object-fit-none > .x-object-fit-wider {
  width: auto !important;
  height: auto !important; }

.x-object-fit-fill > .x-object-fit-taller, .x-object-fit-fill > .x-object-fit-wider {
  width: 100% !important;
  height: 100% !important; }

.x-object-fit-contain > .x-object-fit-taller {
  width: auto !important;
  height: 100% !important; }

.x-object-fit-contain > .x-object-fit-wider {
  width: 100% !important;
  height: auto !important; }

.x-object-fit-cover > .x-object-fit-taller, .x-object-fit-cover > .x-object-fit-wider {
  max-width: none !important;
  max-height: none !important; }

.x-object-fit-cover > .x-object-fit-taller {
  width: 100% !important;
  height: auto !important;
  max-width: none !important; }

.x-object-fit-cover > .x-object-fit-wider {
  width: auto !important;
  height: 100% !important;
  max-width: none !important; }

.x-object-position-top > .x-object-fit-taller, .x-object-position-top > .x-object-fit-wider {
  top: 0 !important;
  bottom: auto !important; }

.x-object-position-right > .x-object-fit-taller, .x-object-position-right > .x-object-fit-wider {
  left: auto !important;
  right: 0 !important; }

.x-object-position-bottom > .x-object-fit-taller, .x-object-position-bottom > .x-object-fit-wider {
  top: auto !important;
  bottom: 0 !important; }

.x-object-position-left > .x-object-fit-taller, .x-object-position-left > .x-object-fit-wider {
  left: 0 !important;
  right: auto !important; }

@keyframes flash {
  from {
    background: black; }

  to {
    background: #CCC; } }

@-webkit-keyframes flash {
  from {
    background: black; }

  to {
    background: #CCC; } }

@-moz-keyframes flash {
  from {
    background: black; }

  to {
    background: #CCC; } }

.dot {
  background: #CCC;
  height: 8px;
  width: 8px;
  border-radius: 12px;
  margin-right: 5px;
  display: inline-block;
  animation-name: flash;
  animation-iteration-count: infinite;
  animation-duration: 2000ms; }

.dot:first-child {
  background: black; }

.dot:nth-child(2) {
  animation-delay: 500ms; }

.dot:nth-child(3) {
  animation-delay: 1000ms; }

html, body {
  height: 100%; }

body {
  font-size: 1.25em;
  background: #00F54D;
  font-family: 'Bryant-Medium', sans-serif;
  color: rgba(1, 1, 1, 0.4);
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body.no-scroll {
    position: absolute;
    overflow: hidden; }

nav.primary {
  position: fixed;
  top: -85px;
  width: 100%;
  background: white;
  left: 0;
  z-index: 1;
  display: table;
  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.9));
  background: -o-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.9));
  background: -moz-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.9));
  background: linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.9));
  border-bottom: 5px solid #00F54D; }
  nav.primary.open {
    top: 0px; }
  nav.primary ul {
    margin: 5px auto;
    position: relative;
    padding: 0px;
    display: table; }
    nav.primary ul li {
      display: table-cell;
      float: none;
      text-align: right;
      vertical-align: middle;
      padding: 5px 0; }
      nav.primary ul li:last-of-type {
        text-align: left; }
      nav.primary ul li a {
        pointer-events: all;
        padding: 20px; }
        nav.primary ul li a.logo {
          padding: 0; }
        nav.primary ul li a:hover {
          color: #00F54D; }
    nav.primary ul.social {
      position: absolute;
      top: 0;
      right: 0;
      display: inline;
      margin: 25px 5px 0 0; }
      nav.primary ul.social li span.playlist-count {
        font-size: 1.4rem;
        color: #00F54D;
        border-right: 1px dotted #212121;
        min-height: 25px;
        padding-right: 10px;
        float: right;
        display: table-cell;
        vertical-align: middle;
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease; }
        nav.primary ul.social li span.playlist-count[class*='icon-'] {
          font-size: 1.6rem; }
      nav.primary ul.social li button {
        pointer-events: all;
        font-size: 1.4rem;
        border: none;
        background: transparent;
        cursor: pointer; }
        nav.primary ul.social li button:hover {
          color: #00F54D; }
        nav.primary ul.social li button.playlist:hover span.playlist-count {
          color: black; }

.implant {
  position: fixed;
  height: 100%;
  overflow: scroll;
  width: 100%;
  margin-top: 0; }
  .implant:empty {
    pointer-events: none; }

header {
  width: 100%;
  height: 100%;
  background-color: black;
  vertical-align: middle;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 0 0 10px 0;
  display: table; }
  header.master {
    width: 100%;
    height: 100%;
    background: transparent;
    position: relative; }
    header.master nav {
      height: 98%; }
      header.master nav ul {
        height: 100%;
        display: inline;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        position: absolute; }
        header.master nav ul li {
          position: relative; }
    header.master .cover {
      transition: all 1000ms ease;
      -moz-transition: all 1000ms ease;
      -webkit-transition: all 1000ms ease;
      -o-transition: all 1000ms ease;
      -webkit-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      height: 100%;
      width: 100%;
      position: absolute;
      clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 99.5%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%);
      -webkit-clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 99.5%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%);
      -moz-clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 99.5%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%);
      -ms-clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 99.5%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%); }
      header.master .cover.up {
        clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 97%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%);
        -webkit-clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 97%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%);
        -moz-clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 97%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%);
        -ms-clip-path: polygon(0% 97%, 50% 97%, 45% 97%, 50% 97%, 55% 97%, 100% 97%, 100% 0%, 0% 0%, 0% 0%); }
      header.master .cover.visible {
        -webkit-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100); }
      header.master .cover img.background {
        -webkit-object-fit: cover;
        -webkit-object-position: center center;
        -o-object-fit: cover;
        -o-object-position: center center;
        object-fit: cover;
        object-position: center center;
        position: relative;
        width: 100%;
        height: 100%;
        margin-top: -1px; }
    header.master .logo {
      vertical-align: middle;
      position: absolute;
      height: 95%;
      width: 100%;
      z-index: 1; }
      header.master .logo h1 {
        display: table-row;
        vertical-align: middle;
        margin: 0 auto;
        width: 100%;
        position: absolute;
        top: 80%;
        text-align: center;
        color: white;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 140%; }
      header.master .logo .links {
        display: table-row;
        vertical-align: middle;
        margin: 0 auto;
        width: 100%;
        position: absolute;
        top: 84%;
        text-align: center;
        color: white;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 140%; }
        header.master .logo .links a {
          cursor: pointer; }
          header.master .logo .links a.email {
            font-size: 1rem;
            margin-top: 10px; }
          header.master .logo .links a:hover {
            color: #00F54D; }

img.logo {
  display: table-row;
  vertical-align: middle;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  border: none;
  pointer-events: none; }
  img.logo.full {
    padding: 5px 30%; }
  img.logo.icon {
    height: 60px; }

/*		SECTIONS
************************/
div#main {
  background-color: #00F54D;
  position: relative; }
  @media all and (max-width: 1023px) {
    div#main.open {
      padding-top: 55.25%;
      margin-top: 5px; } }
  div#main.open section.masthead {
    display: none; }

section {
  position: relative; }
  section.overlay {
    width: 100%;
    height: auto;
    min-height: 100%;
    background: #00F54D;
    z-index: 2;
    margin-top: 80px; }
    section.overlay.locked {
      margin-top: 0px;
      position: fixed;
      z-index: 3; }
      section.overlay.locked section.feed {
        height: 0%;
        overflow: auto;
        border-top: 0px; }
        section.overlay.locked section.feed .tile {
          height: auto; }
      section.overlay.locked section.video {
        margin-top: 0px; }
  section.feed {
    border-top: 5px solid #00F54D;
    z-index: 3;
    background: black; }
    section.feed.edit-mode .tile {
      z-index: 10;
      pointer-events: none; }
      section.feed.edit-mode .tile:not(.active) .img-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;
        z-index: 10; }
      section.feed.edit-mode .tile.active {
        z-index: 10;
        pointer-events: all; }
  section.artists {
    background: rgba(255, 255, 255, 0.8);
    height: auto;
    min-height: 100%;
    padding-top: 70px;
    overflow: scroll;
    position: absolute; }
    section.artists h1 {
      width: 3rem;
      text-align: center;
      background: #212121;
      color: white;
      display: inline;
      float: left;
      font-size: 3rem;
      line-height: 120%;
      clear: left; }
    section.artists .entries {
      display: inline;
      float: left;
      width: 100%;
      border-left: 3rem solid #212121; }
      section.artists .entries article {
        padding: 5px; }
        section.artists .entries article .content {
          background: white;
          height: auto; }
          section.artists .entries article .content h2 {
            margin: 0;
            color: #212121;
            padding: 5px;
            width: 100%;
            background: white;
            font-size: 0.9rem; }
          section.artists .entries article .content article {
            margin: 0;
            overflow: hidden;
            padding: 0px; }
            section.artists .entries article .content article .video-mini {
              cursor: pointer;
              padding: 5px;
              overflow: hidden; }
              section.artists .entries article .content article .video-mini h3 {
                color: #f2f2f2;
                font-size: 1rem;
                background: #212121;
                padding: 5px; }
              section.artists .entries article .content article .video-mini img.thumb {
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                width: 100%;
                height: 100%; }
  section.about {
    display: table;
    margin: 0 auto;
    position: relative;
    max-width: 630px; }
    section.about .contain {
      vertical-align: middle;
      margin-top: 190px; }
      section.about .contain h1, section.about .contain h2, section.about .contain p {
        text-align: center;
        width: 100%;
        position: relative;
        vertical-align: middle;
        padding-bottom: 1rem;
        font-family: 'Bryant-Regular', sans-serif; }
      section.about .contain h1 {
        color: #212121;
        font-size: 1.4rem; }
      section.about .contain h2 {
        font-size: 3rem;
        font-weight: normal;
        color: black;
        line-height: 120%; }
      section.about .contain p {
        font-size: 1.1rem;
        margin-bottom: 1rem;
        color: black;
        line-height: 130%; }
      section.about .contain hr {
        width: 10%;
        margin: 0 45%;
        background-color: #00c23d; }
      section.about .contain .cover {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
        section.about .contain .cover img.background {
          -webkit-object-fit: cover;
          -webkit-object-position: center center;
          -o-object-fit: cover;
          -o-object-position: center center;
          object-fit: cover;
          object-position: center center;
          position: relative;
          width: 100%;
          height: 100%;
          margin-top: -1px; }
      section.about .contain .white-wash {
        background: rgba(255, 255, 255, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px; }

img.svg.logo {
  width: auto;
  height: 160px;
  display: inline;
  float: left;
  z-index: 6;
  margin: 5px;
  position: absolute; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0px;
  background: transparent;
  height: 0;
  z-index: 4; }
  .video-container.minimised {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    width: 100%;
    height: 100%;
    pointer-events: none; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; }

@media all and (min-width: 1024px) {
  .video-container {
    padding-bottom: 0px;
    padding-top: 0px;
    width: 783px;
    height: 450px; }
 }

hr.page-break {
  height: 2px;
  background: black; }
hr.init {
  height: 20px;
  width: 100%;
  position: absolute;
  display: inline;
  float: left;
  background: black;
  z-index: 100;
  pointer-events: none;
  bottom: 0px;
  left: 0px; }

/*		Text
************************/
h1, h2, h3, h4, h5, h6, p {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.25rem;
  font-family: 'Bryant-Medium', sans-serif; }

h2 {
  margin: 10px 5px;
  font-size: 1.2rem; }

p {
  white-space: pre-wrap; }
  p.dev {
    color: rgba(255, 255, 255, 0.4);
    margin: 5px;
    padding: 5px;
    text-decoration: underline; }
  p.tags {
    font-size: 0.7rem;
    padding: 5px;
    text-decoration: underline;
    -moz-text-decoration-color: red;
    text-decoration-color: red; }
  p.stat {
    position: absolute;
    top: 0px;
    display: none;
    right: 0px;
    padding: 0 5px 5px 0;
    margin: 0;
    z-index: 4; }
    p.stat span {
      font-size: 0.9rem;
      color: gainsboro; }
      p.stat span:before {
        color: #f2f2f2;
        padding-right: 2px; }

input, textarea {
  outline: none; }

a, button {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  font-family: 'Bryant-Medium', sans-serif; }

/*		Spacer
************************/
hr {
  margin: 0 auto;
  border: none;
  height: 1px;
  width: 100%;
  background-color: rgba(1, 1, 1, 0.45); }

/*		List
************************/
ul li {
  list-style: none; }

@media all and (min-width: 820px) {
  .parallax {
    perspective: 1px;
    -webkit-perspective: 1px;
    -moz-perspective: 1px;
    -ms-perspective: 1px;
    perspective-origin-x: 100%;
    -moz-perspective-origin-x: 100%;
    -webkit-perspective-origin-x: 100%;
    -ms-perspective-origin-x: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto; }
    .parallax .top {
      z-index: 3; }

  .parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

  .parallax__group {
    position: relative;
    height: 100vh;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d; }

  .parallax__layer {
    transform-origin-x: 100%;
    -webkit-transform-origin-x: 100%;
    -moz-transform-origin-x: 100%;
    -ms-transform-origin-x: 100%; }

  .parallax__layer--base {
    -webkit-transform: translateZ(0) scale(1);
    -moz-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1); }

  .parallax__layer--shallow {
    -webkit-transform: translateZ(-1px) scale(2.01);
    -moz-transform: translateZ(-1px) scale(2.01);
    -o-transform: translateZ(-1px) scale(2.01);
    -ms-transform: translateZ(-1px) scale(2.01);
    transform: translateZ(-1px) scale(2.01); }

  .parallax__layer--back {
    -webkit-transform: translateZ(-1px) scale(2);
    -moz-transform: translateZ(-1px) scale(2);
    -o-transform: translateZ(-1px) scale(2);
    -ms-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2); }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-3px) scale(4);
    -moz-transform: translateZ(-3px) scale(4);
    -o-transform: translateZ(-3px) scale(4);
    -ms-transform: translateZ(-3px) scale(4);
    transform: translateZ(-3px) scale(4); }
 }

#main {
  height: 100%; }
  #main.open {
    width: 25%;
    display: inline;
    float: right;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    right: 0; }
    #main.open [class*='col-'] {
      float: left;
      width: 100%; }
      #main.open [class*='col-'].tile {
        padding: 5px;
        background: black; }
        #main.open [class*='col-'].tile h2 {
          padding: 5px 0 5px 5px;
          border-left: 5px solid black;
          font-size: 1.1rem; }
        #main.open [class*='col-'].tile img {
          border: 0;
          background: black; }
        #main.open [class*='col-'].tile:hover h2 {
          border-left: 5px solid white; }

section.player {
  position: fixed;
  display: none;
  z-index: 2;
  padding: 85px 5% 0% 5%;
  width: 100%;
  height: 100%;
  background: white;
  top: 0%;
  left: 0;
  bottom: 0px;
  position: absolute;
  width: 100%;
  height: 100%; }
  section.player.visible {
    display: inline;
    padding: 80px 15% 10% 15%; }
    section.player.visible.minimised {
      background: transparent;
      display: inline;
      position: absolute;
      left: 0;
      z-index: 10;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 0; }
  section.player .contain {
    background: rgba(1, 1, 1, 0.45); }
    section.player .contain p.info {
      display: inline;
      float: left;
      width: 100%;
      margin-top: -35px;
      text-align: center; }
    section.player .contain iframe.vimeo html {
      display: none !important; }
    section.player .contain iframe.vimeo .video-wrapper, section.player .contain iframe.vimeo #player, section.player .contain iframe.vimeo html {
      display: none;
      background: transparent; }
    section.player .contain button.previous {
      left: 0;
      top: 40%; }
    section.player .contain button.next {
      right: 0;
      margin-left: 10px; }
    section.player .contain button.next, section.player .contain button.previous {
      -webkit-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      display: none;
      position: absolute;
      width: 45px;
      height: auto;
      vertical-align: middle;
      top: 39%;
      font-size: 5rem;
      border: none;
      background: white;
      z-index: 9999;
      text-align: center;
      color: #969696; }
      section.player .contain button.next:hover, section.player .contain button.previous:hover {
        color: black;
        background: #00F54D; }
    section.player .contain:hover button.next, section.player .contain:hover button.previous {
      -webkit-opacity: 1;
      opacity: 1;
      filter: alpha(opacity=100); }
    section.player .contain nav {
      display: inline-block;
      float: left;
      position: absolute;
      top: 100%;
      width: 100%;
      text-align: center;
      margin-top: 25px; }
      section.player .contain nav button {
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        background: white;
        border: none;
        color: black;
        padding: 5px 20px 5px 15px;
        cursor: pointer;
        font-size: 1.2rem;
        color: rgba(1, 1, 1, 0.4);
        font-weight: normal; }
        section.player .contain nav button:not(:last-of-type) {
          border-right: 1px solid black; }
        section.player .contain nav button:hover {
          color: black;
          text-decoration: underline; }
section.video {
  background: black; }
  section.video.feed button.play {
    width: auto;
    border: none;
    padding: none;
    display: inline;
    background: transparent;
    height: 100px;
    margin: 0; }
  section.video .tile {
    background: #212121;
    cursor: pointer;
    position: relative;
    display: block;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 0px;
    height: 200px;
    overflow: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease; }
    section.video .tile.featured-Yes:before {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      z-index: 1; }
    section.video .tile.visible {
      -webkit-opacity: 1;
      opacity: 1;
      filter: alpha(opacity=100); }
    section.video .tile.vimeo-play .video-container {
      display: none; }
      section.video .tile.vimeo-play .video-container.minimised {
        display: inline; }
    section.video .tile.vimeo-play.no-animation {
      transition: all 0ms ease;
      -moz-transition: all 0ms ease;
      -webkit-transition: all 0ms ease;
      -o-transition: all 0ms ease; }
      section.video .tile.vimeo-play.no-animation button.playhead, section.video .tile.vimeo-play.no-animation button.playlist, section.video .tile.vimeo-play.no-animation button.playlist-remove {
        display: none; }
        section.video .tile.vimeo-play.no-animation button.playhead.isPaused, section.video .tile.vimeo-play.no-animation button.playlist.isPaused, section.video .tile.vimeo-play.no-animation button.playlist-remove.isPaused {
          z-index: 99999;
          display: inline; }
      section.video .tile.vimeo-play.no-animation button.pause, section.video .tile.vimeo-play.no-animation button.expand {
        z-index: 99999;
        display: inline; }
        section.video .tile.vimeo-play.no-animation button.pause.isPaused, section.video .tile.vimeo-play.no-animation button.expand.isPaused {
          display: none; }
    section.video .tile.vimeo-play.fullscreen {
      width: 100%;
      z-index: 99;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      max-height: 100%; }
      section.video .tile.vimeo-play.fullscreen h2 {
        display: none; }
      section.video .tile.vimeo-play.fullscreen button.playhead, section.video .tile.vimeo-play.fullscreen button.playlist, section.video .tile.vimeo-play.fullscreen button.playlist-remove, section.video .tile.vimeo-play.fullscreen button.pause, section.video .tile.vimeo-play.fullscreen button.expand {
        display: none; }
        section.video .tile.vimeo-play.fullscreen button.playhead.isPaused, section.video .tile.vimeo-play.fullscreen button.playlist.isPaused, section.video .tile.vimeo-play.fullscreen button.playlist-remove.isPaused, section.video .tile.vimeo-play.fullscreen button.pause.isPaused, section.video .tile.vimeo-play.fullscreen button.expand.isPaused {
          display: none; }
      section.video .tile.vimeo-play.fullscreen img.thumb {
        display: none; }
      section.video .tile.vimeo-play.fullscreen .video-container {
        display: block;
        margin: 4rem auto; }
    section.video .tile.active button.playlist {
      display: none; }
    section.video .tile.active button.playlist-remove {
      display: inline; }
    section.video .tile.active .video-container button.previous, section.video .tile.active .video-container button.next {
      display: initial; }
    section.video .tile.double:nth-of-type(odd) {
      float: left;
      clear: both; }
    section.video .tile.double:nth-of-type(even) {
      float: right;
      clear: both; }
    section.video .tile.double h2 {
      font-size: 1.6rem; }
    section.video .tile.double img {
      max-height: 320px; }
    section.video .tile h2 {
      position: absolute;
      z-index: 1;
      color: white;
      padding: 10px 5px;
      background: rgba(0, 0, 0, 0.7);
      display: inline;
      float: left;
      bottom: 0;
      left: 0;
      font-size: 0.9rem;
      font-weight: bold;
      width: auto;
      text-align: left;
      height: auto;
      margin: 0px;
      width: 100%;
      font-weight: normal; }
    section.video .tile img {
      overflow: hidden;
      background: #212121;
      opacity: 1;
      width: 100%;
      padding: 0px;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
      section.video .tile img.hidden {
        display: none; }
    section.video .tile p.tags {
      font-size: 0.7rem;
      padding: 5px;
      text-decoration: underline;
      -moz-text-decoration-color: red;
      text-decoration-color: red; }
    section.video .tile button.playhead, section.video .tile button.playlist, section.video .tile button.playlist-remove, section.video .tile button.pause, section.video .tile button.expand {
      color: transparent;
      font-size: 2.5rem;
      background: transparent;
      transition: all 100ms ease;
      -moz-transition: all 100ms ease;
      -webkit-transition: all 100ms ease;
      -o-transition: all 100ms ease;
      display: table-cell;
      vertical-align: middle;
      position: absolute;
      border: 0;
      width: 50%;
      height: 100%;
      top: 0;
      z-index: 5; }
    section.video .tile button.playhead {
      right: 0;
      text-align: left; }
    section.video .tile button.pause {
      right: 0;
      text-align: left;
      display: none; }
    section.video .tile button.expand {
      left: 0;
      text-align: right;
      display: none; }
    section.video .tile button.playlist {
      left: 0;
      text-align: right; }
    section.video .tile button.playlist-remove {
      display: none;
      left: 0;
      text-align: right; }
    section.video .tile:hover h2 {
      background: rgba(255, 255, 255, 0.7);
      color: black; }
    section.video .tile:hover img.visible {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
    section.video .tile:hover .stat {
      display: inline;
      line-height: 65%; }
    section.video .tile:hover button.playhead, section.video .tile:hover button.playlist, section.video .tile:hover button.playlist-remove, section.video .tile:hover button.pause, section.video .tile:hover button.expand {
      color: rgba(255, 255, 255, 0.7); }
      section.video .tile:hover button.playhead:hover, section.video .tile:hover button.playlist:hover, section.video .tile:hover button.playlist-remove:hover, section.video .tile:hover button.pause:hover, section.video .tile:hover button.expand:hover {
        color: #00F54D;
        background: rgba(1, 1, 1, 0.45);
        padding: 0 20px;
        font-size: 3rem; }
section.list {
  background: white; }
  section.list .item {
    padding: 5px;
    border-bottom: 1px solid #5a5a5a;
    border-top: 1px solid #969696; }
    section.list .item img {
      border: 5px solid #5a5a5a;
      padding: 0px; }
    section.list .item:nth-of-type(odd) {
      background: #f2f2f2; }
    section.list .item:nth-of-type(even) {
      background: white; }
    section.list .item .detail p {
      line-height: auto;
      margin: 5px; }
      section.list .item .detail p.desc {
        font-size: 0.8rem; }
      section.list .item .detail p.tags {
        font-size: 0.7rem; }

@media all and (max-width: 820px) {
  header.master {
    display: none; }

  nav.primary {
    overflow: visible;
    top: 0px;
    z-index: 9999; }
    nav.primary ul.social {
      top: auto;
      bottom: 0px;
      position: fixed;
      bottom: 0;
      left: 0;
      background: white;
      width: 100%; }

  section.player.visible {
    padding: 20px 0; }

  nav.video-controls button {
    border-right: none; }
    nav.video-controls button.minimise {
      display: none; }
 }

.loader {
  margin: 20% auto 0 auto;
  text-align: center; }

.letter-holder {
  background: #00F54D;
  color: black;
  height: 200px; }
  .letter-holder .letter {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 65px;
    padding-top: 30px;
    height: 135px;
    background-image: url(../img/bcs-logo-border-black.svg);
    background-size: 100px 80px;
    background-position: top center;
    background-repeat: no-repeat; }
    .letter-holder .letter:only-child {
      display: none; }

@keyframes slideIn {
  from {
    right: -100%; }

  50% {
    right: -50%; }

  to {
    right: 0%; } }

@-webkit-keyframes slideIn {
  from {
    right: -100%; }

  50% {
    right: -50%; }

  to {
    right: 0%; } }