@charset "UTF-8";
/*
Theme Name: Bang
Author: Bang
Description: Bang custom theme.
Version: 1.0
*/
/*-----------------------------------------------
 *
 * Settings
 * 
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Modules
 * 
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Media query
 *
 * @include media-query(laptop) {
 *    color: red;
 * }
 *
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Transitions
 *
 * @include transition();
 *
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Icon
 *
 * @include icon();
 *
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Font face
 *
 * @include icon();
 *
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Base
 * 
-----------------------------------------------*/
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  background-color: #000;
  box-sizing: border-box;
}

body {
  background-color: #000;
  color: #fff;
  font-family: "Fira Sans Condensed", serif;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}
body:before {
  content: "palm";
  display: none;
}

@media screen and (min-width: 63.9375em) {
  body:before {
    content: "lap-and-up";
  }
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

abbr {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 20px 0;
  font-family: "Fira Sans Condensed", serif;
}

p {
  margin: 20px 0;
}

ol,
ul {
  margin: 20px 0;
}

li {
  margin: 20px 0;
}

strong {
  font-weight: 600;
}

button {
  font-family: "Fira Sans Condensed", sans-serif;
}

/*-----------------------------------------------
 *
 * ABOUT US
 * 
-----------------------------------------------*/
.about-title {
  text-transform: uppercase;
}

.about-us__heading {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
}

.about-us {
  clear: both;
  max-width: 660px;
  margin: 0 auto 0;
  padding: 30px 20px 0;
  position: relative;
  width: 100%;
}

.about-us__content {
  font-weight: 300;
}
.about-us__content a {
  color: #C62E26;
}

.hr--decorated {
  border: 0;
  display: block;
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.hr--decorated:after {
  background: #fff;
  background: linear-gradient(to right, transparent, #C62E26, transparent);
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: 100% auto;
  content: " ";
  height: 1px;
  left: 50%;
  position: absolute;
  bottom: 50%;
  transform: translateX(-50%);
  width: 80%;
}

.hr--gutter-strong {
  margin-bottom: 40px;
  margin-top: 40px;
}

.about-us__content h2 {
  transition: all 175ms ease;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: -10px;
  margin-top: 30px;
}
.about-us__content h2:hover {
  color: #C62E26;
}
.about-us__content h2:hover .about-us__role-name {
  color: #fff;
}

.about-us__role-name {
  transition: all 175ms ease;
  color: #C62E26;
  text-transform: uppercase;
  font-weight: 600;
}

.about__bang-name {
  color: #C62E26;
  text-transform: uppercase;
  font-weight: 600;
}

.about__introduction {
  font-size: 16px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}
.about__introduction:after {
  background: #fff;
  background: linear-gradient(to right, transparent, #C62E26, transparent);
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: 100% auto;
  content: " ";
  height: 1px;
  left: 50%;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  width: 80%;
}

.about-us__contact {
  transition: all 175ms ease;
  display: block;
  font-size: 13px;
  font-weight: 200;
  height: 0;
  margin: 0;
  overflow: hidden;
}
.about-us__contact a:hover {
  color: #C62E26;
  text-decoration: none;
}

.main-footer--contact {
  clear: both;
}
.main-footer--contact a {
  transition: all 175ms ease;
  background: #000;
  border-top: solid 1px #fff;
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 80px;
  min-height: 80px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.main-footer--contact a:hover {
  background-color: #C62E26;
  color: #fff;
  text-decoration: none;
}

.about-us-footer {
  font-size: 10px;
  padding-bottom: 20px;
  padding-top: 40px;
}
.about-us-footer p {
  margin: 5px 0;
}
.about-us-footer a:hover {
  text-decoration: none;
  color: #C62E26;
}

@media screen and (min-width: 63.9375em) {
  .page-template-directors .site-content,
  .single-interactive_post .site-content,
  .page-template-about .site-content,
  .page-template-interactive .site-content {
    padding-bottom: 81px;
    position: relative;
  }
  .page-template-directors .main-footer--contact,
  .single-interactive_post .main-footer--contact,
  .page-template-about .main-footer--contact,
  .page-template-interactive .main-footer--contact {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}
/*-----------------------------------------------
 *
 * Awards
 * 
-----------------------------------------------*/
.awards {
  transition: all 175ms ease;
  background-color: #000;
  color: #fff;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.awards:hover {
  cursor: default;
}
.awards + .award {
  border-left: solid 1px #000;
}

.awards__list {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.awards__group {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.awards__group > .award:nth-child(6n) {
  border-right-color: transparent;
}

.award {
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  position: relative;
  display: block;
}
.award:hover {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.award:hover .award__logo__inactive {
  opacity: 1;
}
.award:hover .award__logo__active {
  opacity: 0;
}

.award__logo {
  display: block;
  margin: 0;
  padding: 5px 10px;
  position: relative;
}

.award__logo__inactive {
  transition: all 175ms ease;
  opacity: 0;
}

.award__logo__active {
  transition: all 175ms ease;
  display: block;
  padding: 5px 10px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

.awards__date {
  display: block;
  cursor: default;
  clear: both;
  margin: 0;
  width: 100%;
}

.award__name {
  display: block;
  font-size: 8px;
  line-height: 1.2;
  padding: 0 4px;
}

.awards__group--middle {
  border: solid 1px #000;
  border-width: 1px 0;
}

.player__header--awards {
  padding: 0 0 10px;
}

.directors__reel-awards__item img {
  height: 15px;
}

@media screen and (min-width: 63.9375em) {
  .directors__reel-awards__item {
    margin: 0 5px;
  }
}
.awards-placeholder {
  display: none;
}

.awards__collection {
  list-style: none;
  margin: 60px 0 0;
  padding: 0;
  display: flex;
  text-transform: uppercase;
  flex-direction: row;
  flex-wrap: wrap;
}

.awards__item {
  width: 20%;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 63.9375em) {
  .awards__item {
    width: 8%;
  }
}

/*-----------------------------------------------
 *
 * Directors
 * 
-----------------------------------------------*/
.directors {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -1px 0 0 -1px;
  padding: 0;
}

.directors__item {
  color: #fff;
  cursor: pointer;
  float: left;
  margin: 0;
  padding: 1px 0 0 1px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.directors__item--hidden {
  display: none;
}

.thumbnail__anchor:hover {
  text-decoration: none;
}

.thumbnail__heading {
  font-size: 20px;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 20px;
}
.thumbnail__heading a {
  text-decoration: none;
}
.thumbnail__heading a:hover {
  text-decoration: none;
}

.thumbnail__surtitle {
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: -20px 0 0;
  padding: 0 20px 20px;
}
.thumbnail__surtitle a {
  text-decoration: none;
}
.thumbnail__surtitle a:hover {
  text-decoration: none;
}

.thumbnail__sub-heading {
  display: block;
  opacity: 0.6;
}
.thumbnail__sub-heading a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thumbnail__sub-heading a:hover {
  text-decoration: none;
}
.thumbnail__sub-heading svg {
  width: 13px;
  height: 13px;
  margin-left: 5px;
}

/*-----------------------------------------------
 *
 * Thumnail
 * 
-----------------------------------------------*/
.thumbnail--splash {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.thumbnail--splash img {
  width: 100%;
}
.thumbnail--splash .thumbnail__video-preview {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.thumbnail--splash .thumbnail__video-preview .plyr {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.thumbnail--splash .thumbnail__video-preview .plyr__video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.thumbnail--splash .thumbnail__video-preview video {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
}
.thumbnail--splash .thumbnail__content {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}
.thumbnail--splash .thumbnail__cover {
  transition: all 175ms ease;
  background-color: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.thumbnail--splash:not(.thumbnail--video):hover .thumbnail__cover {
  background-color: rgba(198, 46, 38, 0.75);
  cursor: pointer;
}

.director-title {
  text-transform: uppercase;
}

.director-nav {
  display: flex;
  justify-content: center;
  margin: -10px 0 0 -10px;
  padding-bottom: 20px;
}

@media screen and (min-width: 63.9375em) {
  .director-nav {
    position: absolute;
    right: 250px;
    top: 15px;
    z-index: 70;
  }
  .directors__item {
    max-width: 640px;
    width: 50%;
  }
}
.director-nav__item {
  display: block;
  margin: 10px 0 0 10px;
}

.director-nav__anchor {
  transition: all 175ms ease;
  background: #C62E26;
  border: solid 1px #C62E26;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 1px 12px 2px 12px;
  text-transform: uppercase;
}
.director-nav__anchor:hover {
  background: #fff;
  color: #C62E26;
  text-decoration: none;
}

/*-----------------------------------------------
 *
 * Bio
 * 
-----------------------------------------------*/
.director-bio {
  clear: both;
  font-weight: 300;
  max-width: 660px;
  margin: 0 auto 0;
  padding: 50px 20px 20px;
  position: relative;
  width: 100%;
}

.director-bio__heading {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
  padding-top: 20px;
}

.director-bio__photo {
  margin: 40px auto 0;
  display: block;
  max-width: 360px;
}

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

.site-main .director__index {
  transition: all 175ms ease;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
  transform: translateX(0);
}
.site-main .director__index:hover {
  text-decoration: none;
  color: #C62E26;
  transform: translateX(-10px);
}

@media screen and (min-width: 63.9375em) {
  .director-bio:after {
    background: #fff;
    background: linear-gradient(180deg, transparent, #C62E26, transparent);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
    content: " ";
    height: 160px;
    margin-top: 50px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
  .director-bio:before {
    background: #fff;
    background: linear-gradient(180deg, transparent, #C62E26, transparent);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
    content: " ";
    height: 160px;
    left: -20px;
    margin-top: 50px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}
.director-control {
  text-align: center;
}

.director-filter {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  text-transform: uppercase;
}

.director-filter__label {
  transition: all 175ms ease;
  color: #C62E26;
  cursor: pointer;
  font-size: 16px;
  padding: 0 10px;
}
.director-filter__label:after {
  font-family: "Icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\edc9";
  color: inherit;
  display: inline-block;
  font-size: 18px;
  margin-left: -10px;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.director-filter__label:hover {
  color: #fff;
}

.director-filter--active .director-filter__list {
  opacity: 1;
  visibility: visible;
}

.director-filter__list {
  transition: all 175ms ease;
  background-color: #FFF;
  display: block;
  list-style: none;
  left: 50%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  visibility: hidden;
  z-index: 70;
}

.director-filter__item {
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.director-filter__option {
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
.director-filter__option:hover {
  color: #C62E26;
}

.director-filter__item--active {
  color: #C62E26;
}

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

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

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

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

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

.icon-email:before {
  content: "\e901";
}

.icon-close:before {
  content: "\ed6d";
}

.icon-chevron-left:before {
  content: "\edc6";
}

.icon-chevron-right:before {
  content: "\edbe";
}

.icon-undo:before {
  content: "\eaa5";
}

.icon-redo:before {
  content: "\eaa6";
}

.icon-arrow-left:before {
  content: "\edda";
}

.icon-arrow-right:before {
  content: "\edd6";
}

.icon-carat-down:before {
  content: "\edc9";
}

/*-----------------------------------------------
 *
 * Interactive
 * 
-----------------------------------------------*/
.interactive__heading {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
}

.interactive {
  clear: both;
  max-width: 660px;
  margin: 0 auto 0;
  padding: 30px 20px 0;
  position: relative;
  width: 100%;
}

.interactive__content {
  font-weight: 300;
}
.interactive__content a {
  color: #C62E26;
}

@media screen and (min-width: 63.9375em) {
  .interactive__content:after {
    background: #fff;
    background: linear-gradient(180deg, transparent, #C62E26, transparent);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
    content: " ";
    height: 160px;
    margin-top: 50px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
  .interactive__content:before {
    background: #fff;
    background: linear-gradient(180deg, transparent, #C62E26, transparent);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
    content: " ";
    height: 160px;
    left: -20px;
    margin-top: 50px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}
/*-----------------------------------------------
 *
 * Page
 * 
-----------------------------------------------*/
.skip-link {
  display: none;
}

/*-----------------------------------------------
 *
 * Header
 * 
-----------------------------------------------*/
.site-header {
  height: 80px;
  position: fixed;
  padding: 0;
  top: 0;
  right: 0;
  width: 240px;
  z-index: 80;
}

.site-branding {
  height: 70px;
}

.site-logo {
  display: inline-block;
  height: 110px;
  right: 10px;
  position: absolute;
  top: -15px;
  z-index: 50;
}
.site-logo img {
  max-height: 100%;
}

.html--site-menu {
  overflow: hidden;
}
.html--site-menu body {
  overflow: hidden;
}

/*-----------------------------------------------
 *
 * Menu
 * 
-----------------------------------------------*/
.site-navigation__menu {
  list-style: none;
  margin: 1px 0 0;
  padding: 0;
}

.site-navigation__menu-item {
  margin: -1px 0 0;
}

.site-navigation__menu-anchor {
  transition: all 175ms ease;
  background: transparent;
  border-bottom: solid 1px transparent;
  border-top: solid 1px transparent;
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-family: "Fira Sans Condensed", serif;
  letter-spacing: 0.05em;
  margin-right: -1px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.site-navigation__menu-anchor:hover {
  background: #fff;
  color: #C62E26;
  border-color: #fff;
  border-right-color: #fff;
  text-decoration: none;
}

.site-navigation__menu-item--active .site-navigation__menu-anchor {
  background: #fff;
  color: #C62E26;
  border-color: #fff;
  border-right-color: #fff;
  text-decoration: none;
}

.site-channels {
  border-top: solid 1px #fff;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  width: 100%;
}

.site-channels__item {
  padding: 0 10px;
  margin: 7px 0;
}
.site-channels__item svg {
  width: 12px;
  height: 12px;
}

.site-channels__anchor {
  transition: all 175ms ease;
  font-size: 12px;
}
.site-channels__anchor:hover {
  color: #C62E26;
  text-decoration: none;
}

.site-menu {
  transition: all 175ms ease;
  background: #000;
  display: block;
  height: 0;
  overflow-y: hidden;
  position: fixed;
  top: 0;
  width: 240px;
  z-index: 40;
}

.html--site-menu .site-menu {
  height: 100%;
}

.site-menu__content {
  border-left: solid 1px #fff;
  height: 100vh;
  left: 0;
  position: relative;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.site-menu__channels {
  bottom: 0;
  left: 0;
  width: 100%;
}

.main-navigation {
  padding-top: 90px;
}

.site-menu__contact {
  font-size: 12px;
  margin: 20px 0 0;
  position: relative;
  text-align: center;
}
.site-menu__contact a {
  transition: all 175ms ease;
  display: block;
  padding: 10px;
}
.site-menu__contact a:hover {
  color: #C62E26;
  text-decoration: none;
}
.site-menu__contact .icon-email {
  font-size: 20px;
  margin-right: 5px;
  vertical-align: sub;
}
.site-menu__contact:after {
  background: #fff;
  background: linear-gradient(left, transparent, #C62E26, transparent);
  content: " ";
  height: 1px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 80%;
}
.site-menu__contact:before {
  background: #fff;
  background: linear-gradient(left, transparent, #C62E26, transparent);
  content: " ";
  height: 1px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  width: 80%;
}

@media screen and (min-width: 63.9375em) {
  .site-logo {
    display: block;
    height: auto;
    right: 0;
    margin: 10px 20px 10px;
    position: static;
  }
  .site-header {
    background: #000;
    border-left: solid 1px #fff;
    min-height: 100%;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 240px;
  }
  .site-menu {
    height: auto;
    position: static;
  }
  .site-branding {
    height: auto;
  }
  .main-navigation {
    padding-top: 0;
    flex: 1;
    overflow: auto;
  }
  .site-menu__content {
    border-left: none;
    position: static;
    height: calc(100vh - 219px);
  }
  .site-navigation__menu-anchor {
    padding: 6.6666666667px 10px;
  }
  .site-content-contain {
    margin-right: 240px;
  }
  .site-content {
    min-height: 100vh;
    padding-top: 50px;
  }
}
/*-----------------------------------------------
 *
 * Page title
 * 
-----------------------------------------------*/
.page-header {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: row;
  height: 80px;
  padding-right: 80px;
  position: relative;
  right: 0;
  top: 0;
  z-index: 10;
  width: 100%;
}

.page-title {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin: 0;
  padding-left: 25px;
  text-align: right;
}
.page-title:after {
  background: #fff;
  content: " ";
  display: block;
  height: 1px;
  overflow: hidden;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
  width: 15px;
}

.page-header--decorated {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (min-width: 63.9375em) {
  .page-header {
    height: 50px;
    padding-right: 250px;
    position: absolute;
    z-index: 70;
  }
  .page-title {
    line-height: inherit;
  }
}
.site-content-contain {
  background-color: #000;
}

.page-header {
  background-color: #000;
}

.site-navigation__menu-item--active .site-navigation__menu-anchor {
  background-color: #000;
}

/*-----------------------------------------------
 *
 * Office
 * 
-----------------------------------------------*/
/*-----------------------------------------------
 *
 * Office navigation
 * 
-----------------------------------------------*/
.office-menu {
  display: flex;
  list-style: none;
  margin: -10px 0 0 -10px;
  padding: 0 10px;
}

.office-menu__item {
  display: inline-block;
  font-size: 16px;
  padding: 10px 0 0 10px;
  margin: 0;
}

.office-menu__item--active > .office-menu__anchor {
  color: #C62E26;
}

.office-menu__anchor:hover {
  color: #C62E26;
  text-decoration: none;
}

.office-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

.office-info__location {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
}

.office-address__address {
  font-weight: 300;
}

.office__header {
  display: flex;
  flex-direction: column;
}

.office-map {
  height: 200px;
  width: 100%;
}

.office-info {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 300;
  padding-top: 40px;
  text-align: center;
}
.office-info h2 {
  margin: 0;
}

.office-address {
  width: 100%;
  font-size: 18px;
  text-align: center;
}

@media screen and (min-width: 63.9375em) {
  .office-map {
    width: 66.66666%;
  }
  .office-address {
    width: 33.33333%;
    font-size: 18px;
    text-align: center;
  }
  .office__header {
    flex-direction: row;
  }
}
.office-address__contact {
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  max-width: 400px;
}

.office-address__pn,
.office-address__ea {
  color: #C62E26;
  font-weight: 300;
  margin: 0;
}

.office-address__ea a:hover {
  color: #000;
  text-decoration: none;
}

.office-staff__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  margin: -10px 0 0 -10px;
  padding: 0;
}

.office-staff__item {
  padding: 10px 0 0 10px;
}

.office-staff__name {
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  padding: 0 10px;
}
.office-staff__name .icon-email {
  margin-right: 5px;
}
.office-staff__name:hover {
  color: #C62E26;
}

.office-staff__role {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
}

.office-staff__role--localised {
  font-size: 14px;
  font-weight: 300;
}

.office-staff__phone {
  color: #C62E26;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.office-staff_ea {
  color: #C62E26;
  cursor: pointer;
  margin: 0;
}

.office-staff_visible-ea {
  color: #C62E26;
  font-size: 14px;
  margin: 0;
}

.office-staff_visible-ea {
  transition: all 175ms ease;
  height: 0;
  overflow: hidden;
}
.office-staff_visible-ea a:hover {
  color: #C62E26;
  text-decoration: none;
}

.ea--active {
  height: 1.6em;
}

.offices {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -1px 0 0 -1px;
  padding: 0;
}

.offices__item {
  color: #fff;
  cursor: pointer;
  margin: 0;
  padding: 1px 0 0 1px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.thumbnail__anchor:hover {
  text-decoration: none;
}

.office__anchor {
  transition: all 175ms ease;
  background: #C62E26;
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 20px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: 0.1em;
  text-decoration: none;
  width: 100%;
  justify-content: center;
}
.office__anchor:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

@media screen and (min-width: 63.9375em) {
  .post-type-archive-offices_post .site-main {
    flex-direction: row-reverse;
  }
  .office-aside {
    display: block;
    width: 240px;
  }
  .office-staff__list {
    flex-direction: row;
  }
  .office-staff__item {
    width: 33.33333%;
  }
  .offices__item {
    width: 33.33333%;
  }
  .office-map {
    height: 480px;
  }
}
.office_collection {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.office__item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 0 0 60px 0;
  padding: 0 20px 0;
}

.office__item--reps {
  width: 100%;
}

.office__heading {
  margin: 0 0 5px;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.1em;
  text-align: center;
}

.office-reps__collection {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.office-reps__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.office-reps__heading {
  margin: 0 0 5px;
}

.office-reps__heading__title {
  text-transform: uppercase;
  display: block;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin: 0 0 5px;
  line-height: 28px;
}

.office-reps__heading__name {
  display: block;
  font-size: initial;
  font-weight: 300;
  line-height: initial;
}

.office-reps__email {
  color: #C62E26;
  margin: 0;
}

.office__item__address {
  margin: 0 0 5px;
  font-weight: 300;
  padding: 0 20px;
  font-size: 16px;
  line-height: 24px;
  max-width: 320px;
}

.office__item__email {
  margin: 0;
  color: #C62E26;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.office__item__email + .office__item__phone {
  margin-top: 5px;
}

.office__item__phone {
  margin: 0;
  color: #C62E26;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

@media screen and (min-width: 63.9375em) {
  .office_collection {
    flex-direction: row;
  }
  .office__item {
    width: 50%;
  }
  .office__item--reps {
    width: 100%;
  }
  .office-reps__collection {
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
  }
  .office-reps__item {
    width: 50%;
  }
}
/*-----------------------------------------------
 *
 * Player
 * 
-----------------------------------------------*/
.player__traversal {
  list-style: none;
  margin: 0;
  padding: 0;
}

.player__traversal-direction {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  margin-top: -40px;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.player__traversal-direction--prev {
  right: 100%;
  margin-right: 20px;
}

.player__traversal-direction--next {
  left: 100%;
  margin-left: 20px;
}

.player__close {
  background: transparent;
  border: 0;
  top: 0;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  left: 100%;
  margin: 0 0 0 20px;
  padding: 0;
  position: absolute;
}

.lightbox {
  background: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.lightbox__content {
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 66.66666%;
}

@media screen and (min-width: 63.9375em) {
  .lightbox--main {
    width: calc(100% - 240px);
  }
  .lightbox--main .lightbox__content {
    max-height: 100vh;
    padding: 20px 0;
    width: calc(100% - 140px);
  }
  .lightbox--main .player__close {
    top: 20px;
  }
  .lightbox--main .player {
    background: none;
    padding: 0;
    height: auto;
    max-height: calc(100vh - 106px);
  }
}
.player {
  background: #000;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.player__director {
  font-weight: 200;
  text-transform: uppercase;
  font-size: 20px;
  margin: 0;
}

.player__title {
  font-size: 20px;
  font-weight: 200;
  margin: 0;
  opacity: 0.6;
  text-transform: uppercase;
}

.plyr input[type=range]:focus,
.plyr:focus {
  outline: 0;
}

.plyr .plyr__video-embed iframe,
.plyr__tooltip {
  pointer-events: none;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
.plyr {
  position: relative;
  max-width: 100%;
  min-width: 200px;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  direction: ltr;
}

.plyr,
.plyr *,
.plyr::after,
.plyr::before {
  box-sizing: border-box;
}

.plyr a,
.plyr button,
.plyr input,
.plyr label {
  touch-action: manipulation;
}

.plyr audio,
.plyr video {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: inherit;
}

.plyr input[type=range] {
  display: block;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  background: 0 0;
}

.plyr input[type=range]::-webkit-slider-runnable-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none;
}

.plyr input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  -webkit-transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}

.plyr input[type=range]::-moz-range-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -moz-user-select: none;
  user-select: none;
}

.plyr input[type=range]::-moz-range-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  -moz-transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}

.plyr input[type=range]::-ms-track {
  height: 8px;
  background: 0 0;
  border: 0;
  color: transparent;
}

.plyr input[type=range]::-ms-fill-upper {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  user-select: none;
}

.plyr input[type=range]::-ms-fill-lower {
  height: 8px;
  border: 0;
  border-radius: 4px;
  user-select: none;
  background: #C62E26;
}

.plyr input[type=range]::-ms-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  -ms-transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  margin-top: 0;
}

.plyr input[type=range]::-ms-tooltip {
  display: none;
}

.plyr input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr input[type=range].tab-focus:focus {
  outline-offset: 3px;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
  background: #C62E26;
  border-color: #fff;
  transform: scale(1.25);
}

.plyr input[type=range]:active::-moz-range-thumb {
  background: #C62E26;
  border-color: #fff;
  transform: scale(1.25);
}

.plyr input[type=range]:active::-ms-thumb {
  background: #C62E26;
  border-color: #fff;
  transform: scale(1.25);
}

.plyr--video input[type=range].tab-focus:focus {
  outline: rgba(255, 255, 255, 0.5) dotted 1px;
}

.plyr--audio input[type=range].tab-focus:focus {
  outline: rgba(86, 93, 100, 0.5) dotted 1px;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
}

.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit;
}

.plyr__video-embed {
  padding-bottom: 56.25%;
  height: 0;
  border-radius: inherit;
  overflow: hidden;
  z-index: 0;
}

.plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.plyr__video-embed > div {
  position: relative;
  padding-bottom: 200%;
  transform: translateY(-35.95%);
}

.plyr video::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  transform: translateY(-40px);
  transition: transform 0.3s ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
}

.plyr__captions span {
  border-radius: 2px;
  padding: 3px 10px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 24px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr--hide-controls .plyr__captions {
  transform: translateY(-15px);
}

@media (min-width: 1024px) {
  .plyr--fullscreen-active .plyr__captions {
    font-size: 32px;
  }
}
.plyr::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  display: flex;
  align-items: center;
  line-height: 1;
  text-align: center;
}

.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls > button {
  margin-left: 5px;
}

.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__time:first-child,
.plyr__controls > button:first-child {
  margin-left: 0;
}

.plyr__controls .plyr__volume {
  margin-left: 5px;
}

.plyr__controls [data-plyr=pause] {
  margin-left: 0;
}

.plyr__controls button {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  overflow: visible;
  vertical-align: middle;
  padding: 7px;
  border: 0;
  background: 0 0;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  color: inherit;
}

.plyr__controls button svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

.plyr__controls button:focus {
  outline: 0;
}

.plyr__controls .icon--captions-on,
.plyr__controls .icon--exit-fullscreen,
.plyr__controls .icon--muted {
  display: none;
}

@media (min-width: 480px) {
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls > button {
    margin-left: 10px;
  }
}
.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
}

.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 50px 10px 10px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  transition: opacity 0.3s ease;
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
  background: #C62E26;
  color: #fff;
}

.plyr--audio .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: #fff;
  border: 1px solid #dbe3e8;
  color: #565D64;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
  background: #C62E26;
  color: #fff;
}

.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border: 4px solid currentColor;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.plyr__play-large svg {
  position: relative;
  left: 2px;
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor;
}

.plyr__play-large:focus {
  outline: rgba(255, 255, 255, 0.5) dotted 1px;
}

.plyr .plyr__play-large {
  display: inline-block;
}

.plyr--audio .plyr__play-large,
.plyr--playing .plyr__controls [data-plyr=play],
.plyr__controls [data-plyr=pause] {
  display: none;
}

.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden;
}

.plyr--playing .plyr__controls [data-plyr=pause] {
  display: inline-block;
}

.plyr--captions-active .plyr__controls .icon--captions-on,
.plyr--fullscreen-active .icon--exit-fullscreen,
.plyr--muted .plyr__controls .icon--muted {
  display: block;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr--captions-active .plyr__controls .icon--captions-on + svg,
.plyr--fullscreen-active .icon--exit-fullscreen + svg,
.plyr--muted .plyr__controls .icon--muted + svg {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
}

.plyr__tooltip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.7);
  border-left: 4px solid transparent;
  z-index: 2;
}

.plyr button.tab-focus:focus .plyr__tooltip,
.plyr button:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr button:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls button:first-child .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls button:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}

.plyr__controls button:first-child .plyr__tooltip--visible,
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:first-child:hover .plyr__tooltip,
.plyr__controls button:last-child .plyr__tooltip--visible,
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  position: relative;
  display: none;
  flex: 1;
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
}

.plyr__progress input[type=range]::-moz-range-track {
  background: 0 0;
}

.plyr__progress input[type=range]::-ms-fill-upper {
  background: 0 0;
}

.plyr__progress .plyr__tooltip {
  left: 0;
}

.plyr .plyr__progress {
  display: inline-block;
}

.plyr__progress--buffer,
.plyr__progress--played,
.plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin: -4px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 100px;
}

.plyr__progress--buffer::-webkit-progress-bar,
.plyr__progress--played::-webkit-progress-bar,
.plyr__volume--display::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress--buffer::-webkit-progress-value,
.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px;
}

.plyr__progress--buffer::-moz-progress-bar,
.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px;
}

.plyr__progress--buffer::-ms-fill,
.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
  border-radius: 100px;
}

.plyr__progress--played,
.plyr__volume--display {
  z-index: 1;
  color: #C62E26;
  background: 0 0;
  transition: none;
}

.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: none;
  transition: none;
}

.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-transition: none;
  transition: none;
}

.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
  display: none;
}

.plyr__progress--buffer::-webkit-progress-value {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress--buffer::-moz-progress-bar {
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress--buffer::-ms-fill {
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--video .plyr__progress--buffer,
.plyr--video .plyr__volume--display {
  background: rgba(255, 255, 255, 0.25);
}

.plyr--video .plyr__progress--buffer {
  color: rgba(255, 255, 255, 0.25);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
  background: rgba(198, 214, 219, 0.66);
}

.plyr--audio .plyr__progress--buffer {
  color: rgba(198, 214, 219, 0.66);
}

.plyr--loading .plyr__progress--buffer {
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198, 214, 219, 0.66);
}

.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.plyr__time + .plyr__time {
  display: none;
}

@media (min-width: 768px) {
  .plyr__time + .plyr__time {
    display: inline-block;
  }
}
.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: 10px;
}

.plyr__volume {
  display: none;
}

.plyr .plyr__volume {
  flex: 1;
  position: relative;
}

.plyr .plyr__volume input[type=range] {
  position: relative;
  z-index: 2;
}

@media (min-width: 480px) {
  .plyr .plyr__volume {
    display: block;
    max-width: 60px;
  }
}
@media (min-width: 768px) {
  .plyr .plyr__volume {
    max-width: 100px;
  }
}
.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr=mute] {
  display: none !important;
}

.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10000000;
  background: #000;
  border-radius: 0 !important;
}

.plyr--fullscreen-active video {
  height: 100%;
}

.plyr--fullscreen-active .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr--fullscreen-active .plyr__video-embed {
  overflow: visible;
}

.plyr--fullscreen-active .plyr__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

@font-face {
  font-family: "Icons";
  src: url("assets/fonts/icons/icons.eot");
  src: url("assets/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("assets/fonts/icons/icons.woff") format("woff"), url("assets/fonts/icons/icons.ttf") format("truetype"), url("assets/fonts/icons/icons.svgIcons") format("svg");
  font-style: normal;
  font-weight: normal;
}/*# sourceMappingURL=style.css.map */