@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=e9c915b8-2d30-4e46-a6a4-f9c755b4aed6");
.clientArea .wrap #recent-files .prjfile .filename:after, .pagination .contain:after, .panels .panel .twoImages:after, .panels .panel .hold article .details ul li:after {
  content: '';
  display: block;
  clear: both; }

.loginArea .wrap form .input input, .clientArea .wrap header .logout, .clientArea .wrap #recent-files .prjfile .filename a, .clientLogin .wrap form .input input, .searchBar .wrap form .input input, .hero .wrap .content, .grid .viewAll, .grid .wrap .gridItem .text span, .latestNews .wrap .viewAll, .panels .panel .hold article .contactBtn, .panels .panel .hold article form .input input, .panels .panel .hold article form .input textarea, .panels .panel .hold article form button {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.navigation .wrap > button, .clientLogin .wrap > button, .clientLogin .wrap .social a, .searchBar .wrap > button, .searchBar .wrap form button, .grid .wrap .gridItem .bio button, .pagination .contain a:before, .standardText .wrap .hold header .social a, footer .wrap .cols .col .social a, .videoModal .hold .close {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

@font-face {
  font-family: "HarmoniaSans W01 Light";
  src: url("Fonts/0d3ddd7f-1365-4614-b4cd-3109f95fba46.eot?#iefix");
  src: url("Fonts/0d3ddd7f-1365-4614-b4cd-3109f95fba46.eot?#iefix") format("eot"), url("Fonts/cedea5d5-db27-4dc9-8d34-c20cce3ce9c2.woff2") format("woff2"), url("Fonts/b8b58a75-9a85-4560-a2f2-bfb3f2f2fc98.woff") format("woff"), url("Fonts/ba31de29-149c-4049-947e-9c3f1ecaa8d2.ttf") format("truetype"); }
@font-face {
  font-family: "HarmoniaSans W01";
  src: url("Fonts/a5b66773-6a36-469a-8f45-e08448130bf2.eot?#iefix");
  src: url("Fonts/a5b66773-6a36-469a-8f45-e08448130bf2.eot?#iefix") format("eot"), url("Fonts/3ba56aa2-c01d-4bfc-aae4-eac13ee2ebbc.woff2") format("woff2"), url("Fonts/51f1c13a-2c9b-4cba-9cbf-93317cbd3e10.woff") format("woff"), url("Fonts/7b11ae47-5126-4c06-8f61-fbee4b6a8461.ttf") format("truetype"); }
@font-face {
  font-family: "HarmoniaSans W01 SemiBd";
  src: url("Fonts/cd8a7ca1-a1a1-4902-9824-18890229b553.eot?#iefix");
  src: url("Fonts/cd8a7ca1-a1a1-4902-9824-18890229b553.eot?#iefix") format("eot"), url("Fonts/08591efc-f43b-4dc0-b066-e39bb77fd0d9.woff2") format("woff2"), url("Fonts/bb2822e9-2055-4c95-bd66-438a33d71a60.woff") format("woff"), url("Fonts/1796e78c-3f90-4d62-a510-d2f1ebc88d86.ttf") format("truetype"); }
@font-face {
  font-family: "HarmoniaSans W01 Bold";
  src: url("Fonts/afb7b057-b4c8-4f37-9611-323efb16599e.eot?#iefix");
  src: url("Fonts/afb7b057-b4c8-4f37-9611-323efb16599e.eot?#iefix") format("eot"), url("Fonts/d13c38b0-30e7-47f0-bc36-e2b7752b59e3.woff2") format("woff2"), url("Fonts/50cd1762-b122-47c3-bce4-8e385f6a6db0.woff") format("woff"), url("Fonts/2becde0a-efb7-469b-a992-fcebff7f02bb.ttf") format("truetype"); }
.clientArea .wrap header h2, .clientArea .wrap #recent-files .prjfile .filedetails time, .clientArea .wrap #recent-files .prjfile .filename p, .latestNews.newsPage .wrap h2, .latestNews .wrap .hold .newsItem p, .panels .panel .fullWidth figcaption, .panels .panel .contactPanel .cols .col h4, .panels .panel .contactPanel .cols .col p, .panels .panel .hold header h2, .panels .panel .hold header h3, .panels .panel .hold article .details ul li h5, .panels .panel .hold article form .input input, .panels .panel .hold article form .input textarea, .panels .panel .hold article form .input label, .panels .panel .hold article h4, .panels .panel .hold article p, .standardText .wrap .hold article p {
  font-family: 'HarmoniaSans W01'; }

header[role="banner"] .wrap h1, .navigation .wrap h1, .navigation .wrap nav ul li, .navigation .wrap nav ul button, .loginArea .wrap form h2, .loginArea .wrap form .input input, .loginArea .wrap form .input label, .loginArea .wrap form button, .loginArea .wrap form .forgot, .clientArea .wrap header .logout, .clientArea .wrap #recent-files > h3, .clientArea .wrap #recent-files .prjfile .filedetails h3, .clientArea .wrap #recent-files .prjfile .filename a, .clientLogin .wrap form h2, .clientLogin .wrap form .input input, .clientLogin .wrap form .input label, .clientLogin .wrap form button, .clientLogin .wrap form .forgot, .searchBar .wrap form h2, .searchBar .wrap form .input input, .searchBar .wrap form .input label, .hero .wrap .content h2, .hero .wrap .content a, .grid .viewAll, .grid .wrap .gridItem .text, .grid .wrap .gridItem .bio, .latestNews .wrap h2, .latestNews .wrap .viewAll, .latestNews .wrap .hold .newsItem h3, .facilities .wrap h2, .facilities .wrap .hold a, .pagination .contain a, .panels .panel .hold article .contactBtn, .panels .panel .hold article form button, .panels .panel .hold article h3, .panels .panel .hold article ul li, .back, .standardText .wrap .hold header, .standardText .wrap .hold article h4, footer .wrap .cols .col, footer .wrap .cols .col button {
  font-family: 'HarmoniaSans W01 SemiBd'; }

.panels .panel .hold article .details ul li h4 {
  font-family: 'HarmoniaSans W01 Bold'; }

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.hide {
  display: none !important; }

.desktop {
  display: none; }

body {
  padding-top: 82px;
  color: #333333; }
  body.videoOpened .videoModal.open {
    opacity: 1;
    pointer-events: all; }
  body a {
    text-decoration: none; }
  body h1, body h2, body h3, body h4, body h5, body p {
    padding: 0;
    margin: 0; }
  body.navOpen .navigation {
    opacity: 1;
    pointer-events: all; }
  body.openLogin .clientLogin {
    opacity: 1;
    pointer-events: all; }
  body.openSearchBar .searchBar {
    opacity: 1;
    pointer-events: all; }
  body.home .latestNews {
    margin-bottom: 100px; }
  body.pictureHome header[role="banner"] .wrap .moon {
    background-image: url("../images/picture-moon.svg"); }
  body.soundHome header[role="banner"] .wrap .moon {
    background-image: url("../images/sound-moon.svg"); }
  body.vfxHome header[role="banner"] .wrap .moon {
    background-image: url("../images/vfx-moon.svg"); }
  body.teamHome header[role="banner"] .wrap .moon {
    background-image: url("../images/team-moon.svg"); }

header[role="banner"] {
  height: 82px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 10000;
  border-bottom: 1px solid #e5e5e5;
  z-index: 10000; }
  header[role="banner"] .wrap {
    position: relative;
    padding: 24px 20px; }
    header[role="banner"] .wrap .moon {
      background-image: url("../images/yellow-moon.svg");
      width: 36px;
      height: 36px;
      display: block;
      position: absolute;
      left: 24px;
      top: 20px; }
    header[role="banner"] .wrap h1 {
      font-size: 1.375rem;
      text-transform: lowercase;
      text-align: center;
      padding-top: 3px; }
    header[role="banner"] .wrap > button {
      position: absolute;
      right: 20px;
      top: 34px; }
      header[role="banner"] .wrap > button:before {
        content: '';
        width: 80px;
        height: 49px;
        position: absolute;
        top: -16px;
        left: -31px;
        background-color: transparent;
        display: block;
        z-index: 10000; }
      header[role="banner"] .wrap > button span {
        background-color: #02222f;
        width: 22px;
        height: 3px;
        display: block;
        pointer-events: none; }
        header[role="banner"] .wrap > button span + span {
          margin-top: 3px; }

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 100000;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  opacity: 0;
  pointer-events: none; }
  .navigation .wrap {
    padding-top: 27px;
    position: relative; }
    .navigation .wrap h1 {
      font-size: 1.375rem;
      color: rgba(255, 255, 255, 0.2);
      text-align: center; }
    .navigation .wrap > button {
      background-position: -20px -140px;
      width: 17px;
      height: 17px;
      position: absolute;
      top: 34px;
      right: 20px;
      display: block; }
    .navigation .wrap nav {
      margin-top: 60px; }
      .navigation .wrap nav.changeLinks ul li {
        color: rgba(255, 255, 255, 0.5); }
        .navigation .wrap nav.changeLinks ul li.subNav ul li {
          color: white; }
      .navigation .wrap nav ul.mobile {
        margin-bottom: 40px; }
      .navigation .wrap nav ul li, .navigation .wrap nav ul button {
        display: block;
        color: white;
        font-size: 2.1875rem;
        text-align: center;
        line-height: 1.3;
        margin: 0 auto; }
      .navigation .wrap nav ul .subNav.opensubmenu > a {
        color: #ffa800; }
      .navigation .wrap nav ul .subNav.opensubmenu ul {
        display: block; }
      .navigation .wrap nav ul .subNav ul {
        display: none; }

.loginArea {
  background-color: #525252;
  padding-bottom: 100px; }
  .loginArea .wrap {
    padding-top: 27px; }
    .loginArea .wrap form {
      margin: 0 20px;
      padding-top: 70px; }
      .loginArea .wrap form h2 {
        font-size: 1.875rem;
        color: white;
        padding-bottom: 60px; }
      .loginArea .wrap form .input {
        position: relative; }
        .loginArea .wrap form .input + .input {
          margin-top: 18px; }
        .loginArea .wrap form .input [data-invalid="true"] {
          border-bottom: 2px solid red; }
        .loginArea .wrap form .input ul li {
          display: none; }
        .loginArea .wrap form .input input {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          padding: 0;
          margin: 0;
          border: 0;
          width: 100%;
          border-bottom: 2px solid rgba(255, 255, 255, 0.6);
          background-color: transparent;
          font-size: 1.875rem;
          color: rgba(255, 255, 255, 0.6);
          padding-bottom: 18px; }
        .loginArea .wrap form .input label {
          font-size: 1.875rem;
          top: 10px;
          left: 0;
          color: rgba(255, 255, 255, 0.6); }
      .loginArea .wrap form button {
        background-color: rgba(255, 255, 255, 0.3);
        color: white;
        width: 168px;
        height: 48px;
        display: block;
        font-size: 1.25rem;
        border-radius: 10px;
        margin-top: 25px; }
      .loginArea .wrap form .forgot {
        font-size: 1.25rem;
        color: white;
        margin-top: 70px;
        display: block; }

.clientArea {
  padding: 70px 0; }
  .clientArea .wrap {
    margin: 0 20px; }
    .clientArea .wrap header h2 {
      font-size: 1.5625rem;
      color: black;
      padding-bottom: 30px;
      line-height: 1.3; }
      .clientArea .wrap header h2 span {
        color: #989898; }
    .clientArea .wrap header .logout {
      background-color: rgba(0, 0, 0, 0.3);
      color: white;
      width: 168px;
      height: 48px;
      display: block;
      font-size: 1.25rem;
      border-radius: 10px;
      padding-top: 14px;
      text-align: center; }
    .clientArea .wrap #recent-files {
      margin-top: 80px; }
      .clientArea .wrap #recent-files > h3 {
        font-size: 1.125rem;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        border-bottom: 2px solid black;
        line-height: 1.7; }
      .clientArea .wrap #recent-files .prjfile {
        margin-top: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid #989898; }
        .clientArea .wrap #recent-files .prjfile .filedetails h3 {
          font-size: 1.125rem;
          line-height: 1.3; }
        .clientArea .wrap #recent-files .prjfile .filedetails time {
          display: block;
          font-size: 1.125rem;
          line-height: 1.3;
          color: #666666; }
        .clientArea .wrap #recent-files .prjfile .filename a {
          font-size: 0.75rem;
          color: #ffa800;
          text-align: center;
          display: block;
          margin-top: 40px;
          background-color: white;
          border-radius: 10px;
          width: 104px;
          margin: 40px auto 0 auto;
          height: 30px;
          position: relative;
          padding-top: 10px;
          margin: 10px 0 0 0;
          float: left; }
          .clientArea .wrap #recent-files .prjfile .filename a:before {
            content: '';
            width: 106px;
            height: 32px;
            display: block;
            position: absolute;
            top: -1px;
            left: -1px;
            z-index: -1;
            border-radius: 11px;
            background: #fedc32;
            background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
            background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
            background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
            background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
            background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 ); }
        .clientArea .wrap #recent-files .prjfile .filename p {
          font-size: 0.75rem;
          color: #666666;
          float: left;
          margin-left: 20px;
          margin-top: 20px; }

.clientLogin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #525252;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  opacity: 0;
  pointer-events: none; }
  .clientLogin .wrap {
    padding-top: 27px;
    position: relative; }
    .clientLogin .wrap > button {
      background-position: -20px -140px;
      width: 17px;
      height: 17px;
      position: absolute;
      top: 34px;
      right: 20px;
      display: block; }
    .clientLogin .wrap .social {
      margin-top: 30px; }
      .clientLogin .wrap .social a {
        text-indent: -9999px;
        background-position: -290px -20px;
        width: 12px;
        height: 23px;
        display: inline-block;
        position: relative; }
        .clientLogin .wrap .social a + a {
          margin-left: 20px; }
        .clientLogin .wrap .social a.vimeo {
          background-position: -400px -60px;
          width: 44px;
          height: 38px; }
    .clientLogin .wrap form {
      margin: 0 20px;
      padding-top: 70px; }
      .clientLogin .wrap form h2 {
        font-size: 1.875rem;
        color: white;
        padding-bottom: 60px; }
      .clientLogin .wrap form .input {
        position: relative; }
        .clientLogin .wrap form .input + .input {
          margin-top: 18px; }
        .clientLogin .wrap form .input [data-invalid="true"] {
          border-bottom: 2px solid red; }
        .clientLogin .wrap form .input ul li {
          display: none; }
        .clientLogin .wrap form .input input {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          padding: 0;
          margin: 0;
          border: 0;
          width: 100%;
          border-bottom: 2px solid rgba(255, 255, 255, 0.6);
          background-color: transparent;
          font-size: 1.875rem;
          color: rgba(255, 255, 255, 0.6);
          padding-bottom: 18px; }
        .clientLogin .wrap form .input label {
          font-size: 1.875rem;
          top: 10px;
          left: 0;
          color: rgba(255, 255, 255, 0.6); }
      .clientLogin .wrap form button {
        background-color: rgba(255, 255, 255, 0.3);
        color: white;
        width: 168px;
        height: 48px;
        display: block;
        font-size: 1.25rem;
        border-radius: 10px;
        margin-top: 25px; }
      .clientLogin .wrap form .forgot {
        font-size: 1.25rem;
        color: white;
        margin-top: 70px;
        display: block; }

.searchBar {
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fedc32;
  background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
  background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
  background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
  background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
  background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 );
  opacity: 0;
  pointer-events: none;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .searchBar .wrap {
    padding-top: 27px;
    position: relative; }
    .searchBar .wrap > button {
      background-position: -20px -140px;
      width: 17px;
      height: 17px;
      position: absolute;
      top: 34px;
      right: 20px;
      display: block; }
    .searchBar .wrap form {
      margin: 70px 20px 0 20px;
      position: relative; }
      .searchBar .wrap form h2 {
        font-size: 1.875rem;
        color: #525252;
        padding-bottom: 60px; }
      .searchBar .wrap form .input {
        position: relative; }
        .searchBar .wrap form .input + .input {
          margin-top: 18px; }
        .searchBar .wrap form .input [data-invalid="true"] {
          border-bottom: 2px solid red; }
        .searchBar .wrap form .input ul li {
          display: none; }
        .searchBar .wrap form .input input {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          padding: 0;
          margin: 0;
          border: 0;
          width: 100%;
          border-bottom: 2px solid rgba(255, 255, 255, 0.6);
          background-color: transparent;
          font-size: 1.875rem;
          color: rgba(255, 255, 255, 0.6);
          padding-bottom: 18px; }
        .searchBar .wrap form .input label {
          font-size: 1.875rem;
          top: 10px;
          left: 0;
          color: white; }
      .searchBar .wrap form button {
        background-position: -20px -260px;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 104px;
        right: 0; }

.hero {
  position: relative;
  background-size: cover;
  padding-top: 140%;
  background-position: center center;
  margin-bottom: 2px; }
  .hero.slider {
    padding-top: 0;
    height: 500px;
    overflow: hidden; }
    .hero.slider .swiper-container .swiper-wrapper .swiper-slide {
      height: 500px;
      position: relative;
      background-size: cover;
      background-position: center center;
      margin-bottom: 2px; }
    .hero.slider .swiper-container .swiper-pagination {
      position: absolute;
      bottom: 20px;
      z-index: 10000;
      left: 0;
      right: 0;
      text-align: center; }
      .hero.slider .swiper-container .swiper-pagination span {
        border: 1px solid #ffa800;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block; }
        .hero.slider .swiper-container .swiper-pagination span + span {
          margin-left: 6px; }
        .hero.slider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
          background-color: #ffa800; }
  .hero:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: block; }
  .hero.teamHero {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  .hero .wrap {
    position: relative; }
    .hero .wrap .content {
      position: absolute;
      top: 50%;
      color: white;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      height: 100%; }
      .hero .wrap .content h2 {
        font-size: 2.875rem;
        text-align: center;
        width: 230px;
        margin: 0 auto;
        letter-spacing: 0.02em;
        line-height: 1.1;
        padding-top: 108px; }
      .hero .wrap .content .play {
        background-image: url("../images/play-button.svg");
        background-repeat: no-repeat;
        width: 52px;
        height: 42px;
        display: block;
        margin: 20px auto 0 auto; }
      .hero .wrap .content a {
        font-size: 1.25rem;
        text-align: center;
        display: block;
        color: white;
        letter-spacing: 0.02em;
        text-decoration: underline;
        position: static;
        margin-top: 40px; }

.grid .viewAll {
  font-size: 0.75rem;
  color: #ffa800;
  text-align: center;
  display: block;
  margin-top: 40px;
  background-color: white;
  border-radius: 10px;
  width: 104px;
  margin: 40px auto 0 auto;
  height: 30px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 100px; }
  .grid .viewAll:before {
    content: '';
    width: 106px;
    height: 32px;
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 11px;
    background: #fedc32;
    background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
    background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 ); }
.grid .wrap .gridItem {
  padding-top: 66%;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 2px;
  cursor: pointer; }
  .grid .wrap .gridItem:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: block; }
  .grid .wrap .gridItem > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .grid .wrap .gridItem .text {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: white;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .grid .wrap .gridItem .text .contain {
      position: absolute;
      top: 50%;
      left: 50%;
      right: 0;
      margin: 0 auto;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      pointer-events: none;
      width: 100%; }
    .grid .wrap .gridItem .text h2 {
      font-size: 1.875rem;
      letter-spacing: 0.02em; }
    .grid .wrap .gridItem .text p {
      margin-top: 16px; }
    .grid .wrap .gridItem .text span {
      font-size: 0.75rem;
      width: 106px;
      height: 30px;
      display: block;
      background-color: rgba(255, 255, 255, 0.4);
      border-radius: 8px;
      padding-top: 9px;
      margin: 30px auto 0 auto; }
  .grid .wrap .gridItem .bio {
    background: #fedc32;
    background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
    background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 );
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 100%;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all; }
    .grid .wrap .gridItem .bio .contain {
      position: absolute;
      top: 50%;
      left: 50%;
      right: 0;
      margin: 0 auto;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%; }
    .grid .wrap .gridItem .bio.open {
      opacity: 1;
      pointer-events: all; }
    .grid .wrap .gridItem .bio button {
      background-position: -20px -140px;
      width: 17px;
      height: 17px;
      display: block;
      position: absolute;
      top: 15px;
      right: 20px; }
    .grid .wrap .gridItem .bio h2 {
      font-size: 1.875rem; }
    .grid .wrap .gridItem .bio p, .grid .wrap .gridItem .bio h4 {
      padding: 20px 20px 0 20px;
      line-height: 1.5;
      font-size: 0.875rem; }

.latestNews {
  margin-top: 60px; }
  .latestNews.newsPage {
    margin-bottom: 100px; }
    .latestNews.newsPage .wrap h2 {
      font-size: 1.5625rem;
      text-align: left;
      line-height: 1.3;
      padding-bottom: 56px; }
  .latestNews .wrap {
    margin: 0 22px; }
    .latestNews .wrap h2 {
      text-align: center;
      font-size: 1.875rem;
      letter-spacing: 0.02em;
      padding-bottom: 30px; }
    .latestNews .wrap .viewAll {
      font-size: 0.75rem;
      color: #ffa800;
      text-align: center;
      display: block;
      margin-top: 40px;
      background-color: white;
      border-radius: 10px;
      width: 104px;
      margin: 40px auto 0 auto;
      height: 30px;
      position: relative;
      padding-top: 10px; }
      .latestNews .wrap .viewAll:before {
        content: '';
        width: 106px;
        height: 32px;
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        z-index: -1;
        border-radius: 11px;
        background: #fedc32;
        background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
        background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 ); }
    .latestNews .wrap .hold .newsItem + .newsItem {
      margin-top: 30px; }
    .latestNews .wrap .hold .newsItem figure {
      margin-bottom: 20px; }
    .latestNews .wrap .hold .newsItem h3 {
      font-size: 1.25rem;
      padding-bottom: 12px;
      letter-spacing: 0.02em; }
    .latestNews .wrap .hold .newsItem p {
      font-size: 0.875rem;
      line-height: 1.2;
      letter-spacing: 0.02em; }

.facilities {
  margin-top: 100px;
  margin-bottom: 100px; }
  .facilities .wrap h2 {
    text-align: center;
    font-size: 1.875rem;
    letter-spacing: 0.02em;
    padding-bottom: 60px; }
  .facilities .wrap .hold a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    font-size: 1.875rem;
    color: white;
    border-radius: 50%;
    background: #2dfbd6;
    background: -moz-linear-gradient(left, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #2dfbd6), color-stop(50%, #61c5cd), color-stop(100%, #948ec4));
    background: -webkit-linear-gradient(left, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
    background: -ms-linear-gradient(left, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
    background: linear-gradient(to right, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dfbd6', endColorstr='#948ec4', GradientType=1 ); }
    .facilities .wrap .hold a.sound {
      background: #fd8b8d;
      background: -moz-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #fd8b8d), color-stop(50%, #c76ea4), color-stop(100%, #9050ba));
      background: -webkit-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: -ms-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: linear-gradient(to right, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8b8d', endColorstr='#9050ba', GradientType=1 ); }
    .facilities .wrap .hold a.vfx {
      background: #fc4c21;
      background: -moz-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #fc4c21), color-stop(50%, #fc4b5e), color-stop(100%, #fc4a9a));
      background: -webkit-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: -ms-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: linear-gradient(to right, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4c21', endColorstr='#fc4a9a', GradientType=1 ); }
    .facilities .wrap .hold a.team {
      background: #20a1af;
      background: -moz-linear-gradient(top, #20a1af 0%, #1224fb 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #20a1af 0%, #1224fb 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #20a1af 0%, #1224fb 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a1af', endColorstr='#1224fb',GradientType=0 );
      /* IE6-9 */ }
    .facilities .wrap .hold a + a {
      margin-top: 26px; }

.pagination {
  width: 100%; }
  .pagination.facilityPagination .contain {
    padding-bottom: 120px; }
    .pagination.facilityPagination .contain a:after {
      content: '';
      width: 60px;
      height: 60px;
      display: block;
      border-radius: 50%;
      background: #2dfbd6;
      position: absolute;
      top: -22px;
      left: -28px;
      background: -moz-linear-gradient(left, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #2dfbd6), color-stop(50%, #61c5cd), color-stop(100%, #948ec4));
      background: -webkit-linear-gradient(left, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
      background: -ms-linear-gradient(left, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
      background: linear-gradient(to right, #2dfbd6 0%, #61c5cd 50%, #948ec4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dfbd6', endColorstr='#948ec4', GradientType=1 ); }
    .pagination.facilityPagination .contain a.sound:after {
      background: #fd8b8d;
      background: -moz-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #fd8b8d), color-stop(50%, #c76ea4), color-stop(100%, #9050ba));
      background: -webkit-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: -o-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: -ms-linear-gradient(left, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      background: linear-gradient(to right, #fd8b8d 0%, #c76ea4 50%, #9050ba 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8b8d', endColorstr='#9050ba', GradientType=1 ); }
    .pagination.facilityPagination .contain a.vfx:after {
      background: #fc4c21;
      background: -moz-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #fc4c21), color-stop(50%, #fc4b5e), color-stop(100%, #fc4a9a));
      background: -webkit-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: -o-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: -ms-linear-gradient(left, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      background: linear-gradient(to right, #fc4c21 0%, #fc4b5e 50%, #fc4a9a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4c21', endColorstr='#fc4a9a', GradientType=1 ); }
    .pagination.facilityPagination .contain a.next:after {
      left: auto;
      right: -28px; }
  .pagination .contain {
    padding-bottom: 80px; }
    .pagination .contain a {
      font-size: 0.875rem;
      letter-spacing: 0.02em;
      color: #525252;
      position: relative;
      padding-left: 74px;
      display: inline-block;
      float: left;
      line-height: 1.3; }
      .pagination .contain a:before {
        content: '';
        background-position: -129px -80px;
        width: 10px;
        height: 18px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 52px; }
      .pagination .contain a.next {
        padding-right: 74px;
        float: right; }
        .pagination .contain a.next:before {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          left: auto;
          right: 0;
          margin-right: 52px; }

.panels .panel {
  margin-top: 66px; }
  .panels .panel .fullWidth {
    margin-bottom: 2px;
    background-size: cover;
    background-position: center center;
    padding-top: 70%;
    position: relative; }
    .panels .panel .fullWidth:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.2);
      display: block; }
    .panels .panel .fullWidth figcaption {
      line-height: 1;
      font-size: 0.875rem;
      position: absolute;
      left: 20px;
      bottom: -24px;
      font-style: italic; }
  .panels .panel .twoImages figure {
    float: left;
    background-size: cover;
    padding-top: 50%;
    background-position: center center;
    margin-bottom: 2px; }
    .panels .panel .twoImages figure.small {
      width: 30%; }
    .panels .panel .twoImages figure.big {
      margin-left: 2px;
      width: -moz-calc(70% - 2px);
      width: -o-calc(70% - 2px);
      width: -webkit-calc(70% - 2px);
      width: calc(70% - 2px); }
    .panels .panel .twoImages figure.map {
      margin-left: 2px;
      width: -moz-calc(70% - 2px);
      width: -o-calc(70% - 2px);
      width: -webkit-calc(70% - 2px);
      width: calc(70% - 2px); }
  .panels .panel .contactPanel {
    background: #fedc32;
    background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
    background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 );
    color: white;
    margin-bottom: 2px; }
    .panels .panel .contactPanel .cols {
      padding: 65px 20px; }
      .panels .panel .contactPanel .cols .col h4 {
        font-size: 1.25rem;
        letter-spacing: 0.02em;
        text-decoration: underline;
        line-height: 1.5; }
      .panels .panel .contactPanel .cols .col p {
        font-size: 1rem;
        letter-spacing: 0.02em;
        line-height: 1.5; }
      .panels .panel .contactPanel .cols .col + .col {
        margin-top: 40px; }
  .panels .panel .hold {
    margin: 0 20px 34px 20px; }
    .panels .panel .hold header {
      padding-bottom: 28px; }
      .panels .panel .hold header h2 {
        font-size: 1.5625rem;
        line-height: 1.3; }
      .panels .panel .hold header h3 {
        font-size: 1.5625rem;
        color: #989898; }
    .panels .panel .hold article .contactBtn {
      font-size: 0.75rem;
      color: #ffa800;
      text-align: center;
      display: block;
      margin-top: 40px;
      background-color: white;
      border-radius: 10px;
      width: 104px;
      margin: 40px auto 0 auto;
      height: 30px;
      position: relative;
      padding-top: 10px;
      margin: 70px 0 100px 0; }
      .panels .panel .hold article .contactBtn:before {
        content: '';
        width: 106px;
        height: 32px;
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        z-index: -1;
        border-radius: 11px;
        background: #fedc32;
        background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
        background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 ); }
    .panels .panel .hold article.list {
      margin-top: 50px; }
    .panels .panel .hold article .details ul {
      margin-top: 40px; }
      .panels .panel .hold article .details ul li h4 {
        float: left;
        width: 110px;
        line-height: 1.5; }
      .panels .panel .hold article .details ul li h5 {
        line-height: 1.5;
        font-size: 1.125rem;
        float: left; }
    .panels .panel .hold article form {
      margin-top: 30px; }
      .panels .panel .hold article form .input {
        position: relative; }
        .panels .panel .hold article form .input + .input {
          margin-top: 48px; }
        .panels .panel .hold article form .input input[type=number]::-webkit-inner-spin-button,
        .panels .panel .hold article form .input input[type=number]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .panels .panel .hold article form .input [data-invalid="true"] {
          border-bottom: 2px solid red; }
        .panels .panel .hold article form .input ul li {
          display: none; }
        .panels .panel .hold article form .input input, .panels .panel .hold article form .input textarea {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          padding: 0;
          margin: 0;
          border: 0;
          border-bottom: 1px solid #989898;
          color: #989898;
          width: 100%;
          font-size: 1.125rem;
          padding-bottom: 10px;
          height: 30px; }
        .panels .panel .hold article form .input label {
          font-size: 1.125rem;
          color: #989898;
          top: 0;
          left: 0; }
      .panels .panel .hold article form button {
        font-size: 0.75rem;
        color: #ffa800;
        text-align: center;
        display: block;
        margin-top: 40px;
        background-color: white;
        border-radius: 10px;
        width: 104px;
        margin: 40px auto 0 auto;
        height: 30px;
        position: relative;
        padding-top: 10px;
        padding-top: 0;
        margin-left: 0;
        margin-top: 30px; }
        .panels .panel .hold article form button:before {
          content: '';
          width: 106px;
          height: 32px;
          display: block;
          position: absolute;
          top: -1px;
          left: -1px;
          z-index: -1;
          border-radius: 11px;
          background: #fedc32;
          background: -moz-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #fedc32), color-stop(50%, #f8b72b), color-stop(100%, #f19124));
          background: -webkit-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
          background: -o-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
          background: -ms-linear-gradient(left, #fedc32 0%, #f8b72b 50%, #f19124 100%);
          background: linear-gradient(to right, #fedc32 0%, #f8b72b 50%, #f19124 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc32', endColorstr='#f19124', GradientType=1 ); }
    .panels .panel .hold article h3 {
      font-size: 1.25rem;
      padding-bottom: 30px; }
    .panels .panel .hold article h4 {
      font-size: 1.125rem;
      line-height: 1.2; }
      .panels .panel .hold article h4 + h4 {
        margin-top: 24px; }
    .panels .panel .hold article p {
      font-size: 1rem;
      line-height: 1.5; }
      .panels .panel .hold article p + p {
        margin-top: 23px; }
    .panels .panel .hold article ul li {
      list-style: none;
      font-size: 1.125rem;
      line-height: 1.2; }

.back {
  font-size: 1.25rem;
  text-decoration: underline;
  display: block;
  color: #525252;
  margin-top: 52px; }

.standardText {
  margin-top: 66px; }
  .standardText .wrap .hold header {
    font-size: 1.5625rem;
    line-height: 1.3;
    margin: 0 20px 56px 20px;
    color: #989898; }
    .standardText .wrap .hold header h3 {
      color: #989898; }
    .standardText .wrap .hold header .social {
      margin-top: 30px; }
      .standardText .wrap .hold header .social a {
        text-indent: -9999px;
        background-position: -290px -20px;
        width: 12px;
        height: 23px;
        display: inline-block;
        position: relative; }
        .standardText .wrap .hold header .social a + a {
          margin-left: 20px; }
        .standardText .wrap .hold header .social a.twitter {
          background-position: -330px -20px;
          width: 25px;
          height: 20px;
          top: 2px; }
        .standardText .wrap .hold header .social a.instagram {
          background-position: -420px -20px;
          width: 24px;
          height: 24px; }
        .standardText .wrap .hold header .social a.vimeo {
          background-position: -460px -20px;
          width: 27px;
          height: 23px; }
  .standardText .wrap .hold article {
    margin: 0 20px; }
    .standardText .wrap .hold article h4 {
      font-size: 1.125rem;
      line-height: 1.3;
      padding-bottom: 40px; }
    .standardText .wrap .hold article p {
      font-size: 1rem;
      line-height: 1.5; }
      .standardText .wrap .hold article p + p {
        margin-top: 24px; }
      .standardText .wrap .hold article p a {
        color: #ffa800; }
  .standardText .wrap .fullWidth {
    background-size: cover;
    background-position: center center;
    padding-top: 40%;
    width: 100%;
    background-repeat: no-repeat;
    margin-top: 68px;
    margin-bottom: 2px; }

footer {
  background-color: black; }
  footer .wrap {
    padding: 28px 20px 70px 20px; }
    footer .wrap .cols .col {
      color: white;
      font-size: 1.25rem;
      letter-spacing: 0.02em;
      line-height: 1.2; }
      footer .wrap .cols .col:first-of-type {
        margin-bottom: 38px; }
      footer .wrap .cols .col + .col {
        margin-top: 20px; }
      footer .wrap .cols .col button {
        color: white;
        font-size: 1.25rem;
        letter-spacing: 0.02em;
        line-height: 1.2; }
      footer .wrap .cols .col .social {
        text-align: center;
        margin-top: 60px; }
        footer .wrap .cols .col .social a {
          font-size: 0;
          background-position: -20px -20px;
          width: 24px;
          height: 24px;
          display: inline-block;
          position: relative; }
          footer .wrap .cols .col .social a + a {
            margin-left: 20px; }
          footer .wrap .cols .col .social a.facebook {
            background-position: -60px -20px;
            width: 12px;
            height: 23px; }
          footer .wrap .cols .col .social a.twitter {
            background-position: -100px -20px;
            width: 25px;
            height: 20px; }
          footer .wrap .cols .col .social a.pinterest {
            background-position: -140px -20px;
            width: 28px;
            height: 28px;
            top: -3px; }
          footer .wrap .cols .col .social a.tumblr {
            background-position: -180px -20px;
            width: 14px;
            height: 23px; }
          footer .wrap .cols .col .social a.vimeo {
            background-position: -380px -20px;
            width: 27px;
            height: 23px; }
          footer .wrap .cols .col .social a.google {
            background-position: -220px -20px;
            width: 34px;
            height: 22px; }

.videoModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #525252;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  opacity: 0;
  pointer-events: none;
  z-index: 100000; }
  .videoModal .hold {
    margin: 27px 20px; }
    .videoModal .hold .close {
      background-position: -20px -140px;
      width: 17px;
      height: 17px;
      text-indent: -9999px;
      margin-left: auto;
      margin-bottom: 70px; }

/*# sourceMappingURL=mobile.css.map */