/* SCSS Document */
/* CSS Document */
/* CSS Document */
/* Colours */
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
@font-face {
  font-family: 'stylor-basic';
  src: url("fonts/stylor-basic.eot?rh4dtq");
  src: url("fonts/stylor-basic.eot?rh4dtq#iefix") format("embedded-opentype"), url("fonts/stylor-basic.ttf?rh4dtq") format("truetype"), url("fonts/stylor-basic.woff?rh4dtq") format("woff"), url("fonts/stylor-basic.svg?rh4dtq#stylor-basic") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'stylor-basic' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-von-arrow-down:before {
  content: "\e900"; }

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

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

.icon-von-arrow-up:before {
  content: "\e903"; }

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

.icon-search:before {
  content: "\f002"; }

.icon-envelope-o:before {
  content: "\f003"; }

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

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

.icon-user:before {
  content: "\f007"; }

.icon-check:before {
  content: "\f00c"; }

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

.icon-remove:before {
  content: "\f00d"; }

.icon-times:before {
  content: "\f00d"; }

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

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

.icon-cog:before {
  content: "\f013"; }

.icon-gear:before {
  content: "\f013"; }

.icon-home:before {
  content: "\f015"; }

.icon-play-circle-o:before {
  content: "\f01d"; }

.icon-backward:before {
  content: "\f04a"; }

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

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

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

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

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

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

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

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-phone:before {
  content: "\f095"; }

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

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

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

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

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

.icon-arrow-circle-up:before {
  content: "\f0aa"; }

.icon-arrow-circle-down:before {
  content: "\f0ab"; }

.icon-bars:before {
  content: "\f0c9"; }

.icon-navicon:before {
  content: "\f0c9"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-angle-double-left:before {
  content: "\f100"; }

.icon-angle-double-right:before {
  content: "\f101"; }

.icon-angle-double-up:before {
  content: "\f102"; }

.icon-angle-double-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

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

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

.icon-chevron-circle-up:before {
  content: "\f139"; }

.icon-chevron-circle-down:before {
  content: "\f13a"; }

.icon-youtube:before {
  content: "\f167"; }

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

.icon-tumblr:before {
  content: "\f173"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

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

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

.icon-skype:before {
  content: "\f17e"; }

.icon-toggle-off:before {
  content: "\f204"; }

.icon-toggle-on:before {
  content: "\f205"; }

.icon-pinterest-p:before {
  content: "\f231"; }

.icon-whatsapp:before {
  content: "\f232"; }

.icon-snapchat-ghost:before {
  content: "\f2ac"; }

/* CSS Document */
@keyframes color-me-in {
  0% {
    background: white; }
  100% {
    background: #111111; } }
/* ----------------------------------------------
 * Generated by Animista on 2017-6-14 12:5:37
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slit-in-vertical
 * ----------------------------------------
 */
@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0; }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0); } }
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0; }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0); } }
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation slide-in-blurred-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1; } }
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation color-change-4x
 * ----------------------------------------
 */
@-webkit-keyframes color-change-4x {
  0% {
    background: #19dcea; }
  33.3333% {
    background: #b22cff; }
  66.666% {
    background: #ea2222; }
  100% {
    background: #f5be10; } }
@keyframes color-change-4x {
  0% {
    background: #19dcea; }
  33.3333% {
    background: #b22cff; }
  66.666% {
    background: #ea2222; }
  100% {
    background: #f5be10; } }
/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  80% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  90% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); } }
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  80% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  90% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); } }
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation text-blur-out
 * ----------------------------------------
 */
@-webkit-keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01); }
  100% {
    -webkit-filter: blur(40px) opacity(0%);
    filter: blur(40px) opacity(0%); } }
@keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01); }
  100% {
    -webkit-filter: blur(40px) opacity(0%);
    filter: blur(40px) opacity(0%); } }
/**
 * ----------------------------------------
 * animation fade-in-bck
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
/* CSS Document */
.slideshow-holder {
  width: 100%;
  height: 100vh;
  position: relative; }

.projects-slideshow {
  position: absolute;
  width: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0; }
  .projects-slideshow .slide-panel-pager {
    position: absolute;
    left: 26px;
    top: 130px;
    z-index: 150; }
    .projects-slideshow .slide-panel-pager .slide-pager-angle {
      width: 40px;
      height: 30px;
      display: block;
      position: relative;
      cursor: pointer; }
      .projects-slideshow .slide-panel-pager .slide-pager-angle::after {
        content: '';
        position: absolute;
        top: -5px;
        left: 20px;
        width: 2px;
        height: 40px;
        background-color: #fff;
        -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        /* Safari */
        -webkit-transform: rotate(-50deg);
        /* Firefox */
        -moz-transform: rotate(-50deg);
        /* IE */
        -ms-transform: rotate(-50deg);
        /* Opera */
        -o-transform: rotate(-50deg); }
      .projects-slideshow .slide-panel-pager .slide-pager-angle.cycle-pager-active::after {
        background-color: #ff606a;
        -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .projects-slideshow .slide-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; }
    .projects-slideshow .slide-item .project-slide-info {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-transition: all 0.4s ease-in-out 0s;
      -khtml-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s; }
      .projects-slideshow .slide-item .project-slide-info a {
        display: block;
        cursor: pointer;
        position: absolute;
        left: 10%;
        top: 22%;
        width: 70%;
        max-width: 480px;
        position: relative;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .projects-slideshow .slide-item .project-slide-info a:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 100%; }
        .projects-slideshow .slide-item .project-slide-info a > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        .projects-slideshow .slide-item .project-slide-info a:hover {
          background-color: rgba(255, 255, 255, 0.2);
          -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .projects-slideshow .slide-item .project-slide-info a .content {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -moz-align-items: flex-start;
          -ms-align-items: flex-start;
          align-items: flex-start;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          padding-left: 40px; }
        .projects-slideshow .slide-item .project-slide-info a h3, .projects-slideshow .slide-item .project-slide-info a p {
          color: white;
          margin: 0; }
        .projects-slideshow .slide-item .project-slide-info a .category {
          text-transform: lowercase;
          color: #ff606a; }
        .projects-slideshow .slide-item .project-slide-info a h3 {
          font-size: 28px;
          line-height: 24px;
          margin-bottom: 4px;
          padding-right: 30px;
          text-transform: lowercase; }
          @media screen and (min-width: 768px) {
            .projects-slideshow .slide-item .project-slide-info a h3 {
              font-size: 44px;
              line-height: 40px; } }
    .projects-slideshow .slide-item.cycle-slide-active .project-slide-info {
      opacity: 1;
      -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; }

/* CSS Document */
.content-panel-holder {
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  .content-panel-holder.first-panel-holder {
    margin-top: 80px; }
  .content-panel-holder.red {
    background-color: #ff606a; }
  .content-panel-holder.grey-lightest {
    background-color: #f1f6f8; }
  .content-panel-holder.grey-light {
    background-color: #f2f3f1; }
  .content-panel-holder.grey-mid {
    background-color: #e8eae5; }
  .content-panel-holder .content-panel {
    width: 100%;
    padding: 84px 40px 0 40px; }
    @media screen and (min-width: 540px) {
      .content-panel-holder .content-panel {
        padding: 100px 60px 0 60px; } }
    .content-panel-holder .content-panel > h1.side-tab {
      position: absolute;
      left: 0;
      top: 60px;
      color: white;
      font-size: 12px;
      letter-spacing: 0;
      background-color: black;
      transform: translateY(-100%) rotate(90deg);
      /* W3C */
      padding: 4px 28px;
      margin: 0;
      transform-origin: left bottom;
      text-transform: uppercase; }
      .content-panel-holder .content-panel > h1.side-tab::after {
        content: '';
        width: 1px;
        height: 120px;
        position: absolute;
        background-color: black;
        left: 0;
        bottom: 0; }
    .content-panel-holder .content-panel a.side-tab {
      position: absolute;
      right: 30px;
      height: 30px;
      z-index: 100;
      top: 84px;
      color: white;
      font-size: 12px;
      background-color: #ff606a;
      transform: translateY(-100%) translateX(100%) rotate(90deg);
      /* W3C */
      padding: 4px 28px;
      letter-spacing: 0;
      margin: 0;
      transform-origin: left bottom;
      text-transform: uppercase;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
      @media screen and (min-width: 540px) {
        .content-panel-holder .content-panel a.side-tab {
          top: 100px; } }
    .content-panel-holder .content-panel .content p a, .content-panel-holder .content-panel .wp-block-column p a {
      font-weight: 400;
      position: relative; }
      .content-panel-holder .content-panel .content p a::after, .content-panel-holder .content-panel .wp-block-column p a::after {
        content: '';
        position: absolute;
        height: 1px;
        width: 40px;
        background-color: #ff606a;
        bottom: -2px;
        left: 4px; }
      .content-panel-holder .content-panel .content p a:hover::after, .content-panel-holder .content-panel .wp-block-column p a:hover::after {
        width: 44px;
        left: 0; }
    .content-panel-holder .content-panel.fixed-width {
      max-width: 1100px; }
    .content-panel-holder .content-panel .wp-block-columns.has-2-columns {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
      .content-panel-holder .content-panel .wp-block-columns.has-2-columns .wp-block-column {
        width: 100%; }
        @media screen and (min-width: 992px) {
          .content-panel-holder .content-panel .wp-block-columns.has-2-columns .wp-block-column {
            width: 50%; }
            .content-panel-holder .content-panel .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {
              padding-right: 30px; }
            .content-panel-holder .content-panel .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {
              padding-left: 30px; } }

/* CSS Document */
.wpcf7 .wpcf7-response-output {
  display: none;
  margin: 0;
  padding: 10px;
  border: 1px solid black;
  color: black; }
.wpcf7 .screen-reader-response {
  color: black;
  font-size: 14px; }
  .wpcf7 .screen-reader-response ul {
    list-style: none;
    padding: 0; }
.wpcf7 .wpcf7-not-valid-tip {
  background-color: black;
  padding: 8px 16px;
  color: #ff606a;
  font-size: 10px; }

form p {
  text-align: left;
  font-size: 12px; }
  form p label span.req {
    color: black; }
  form p label span input, form p label span textarea {
    width: 100%;
    padding: 8px;
    margin-top: 10px;
    background-color: transparent;
    height: 40px;
    font-size: 14px;
    font-weight: light;
    color: black;
    border: 1px solid black;
    font-family: 'Roboto Slab', serif; }
  form p label span textarea {
    min-height: 120px; }
  form p input.wpcf7-submit {
    border: none;
    background-color: black;
    color: white;
    padding: 0;
    font-size: 14px;
    float: right;
    font-family: 'Roboto Slab', serif;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    text-transform: uppercase;
    padding: 8px 24px; }

/* CSS Document */
.top-panel {
  position: fixed;
  z-index: 2000;
  width: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  border-bottom: 1px solid rgba(242, 243, 241, 0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -khtml-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
  .top-panel .logo-panel {
    position: relative; }
    .top-panel .logo-panel .gtp-logo {
      height: 40px;
      display: block;
      position: relative; }
      @media screen and (min-width: 540px) {
        .top-panel .logo-panel .gtp-logo {
          height: 60px; } }
      .top-panel .logo-panel .gtp-logo.logo-white {
        opacity: 0;
        top: 0;
        position: absolute;
        -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
        transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; }
      .top-panel .logo-panel .gtp-logo.logo-black {
        opacity: 1;
        -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .top-panel .menu-nav-panel .menu-nav-button {
    color: black;
    -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -khtml-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 14px;
    position: relative;
    padding: 10px;
    padding-right: 40px;
    cursor: pointer; }
    .top-panel .menu-nav-panel .menu-nav-button::after {
      content: '';
      position: absolute;
      right: 0;
      width: 30px;
      height: 2px;
      background-color: black;
      -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      top: 50%;
      margin-top: 1px; }
    .top-panel .menu-nav-panel .menu-nav-button::before {
      content: '';
      position: absolute;
      right: 0;
      width: 30px;
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -khtml-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      height: 2px;
      background-color: #ff606a;
      top: 50%;
      margin-top: 1px;
      /* Safari */
      -webkit-transform: rotate(0deg);
      /* Firefox */
      -moz-transform: rotate(0deg);
      /* IE */
      -ms-transform: rotate(0deg);
      /* Opera */
      -o-transform: rotate(0deg); }
  .top-panel .menu-nav-panel.active .menu-nav-button::before {
    /* Safari */
    -webkit-transform: rotate(-40deg);
    /* Firefox */
    -moz-transform: rotate(-40deg);
    /* IE */
    -ms-transform: rotate(-40deg);
    /* Opera */
    -o-transform: rotate(-40deg);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -khtml-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; }
  .top-panel.white .gtp-logo.logo-white {
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .top-panel.white .gtp-logo.logo-black {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .top-panel.white .menu-nav-panel .menu-nav-button {
    color: white;
    -webkit-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -khtml-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -moz-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -ms-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    -o-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; }
    .top-panel.white .menu-nav-panel .menu-nav-button::after {
      background-color: white;
      -webkit-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -khtml-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -moz-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -ms-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      -o-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
      transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; }
  .top-panel.smaller {
    padding: 20px;
    background-color: #f2f3f1;
    border-bottom: 1px solid #d9dbd6;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s; }
    .top-panel.smaller .gtp-logo {
      height: 40px; }
      .top-panel.smaller .gtp-logo.logo-white {
        opacity: 0; }
      .top-panel.smaller .gtp-logo.logo-black {
        opacity: 1; }
    .top-panel.smaller .menu-nav-panel .menu-nav-button {
      color: black; }
      .top-panel.smaller .menu-nav-panel .menu-nav-button::after {
        background-color: black; }

.menu-panel {
  position: fixed;
  z-index: 500;
  top: 0;
  width: 0px;
  -webkit-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -khtml-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -moz-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -ms-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -o-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  height: 100vh;
  background-color: black;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .menu-panel.active {
    width: 100%;
    -webkit-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -khtml-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .menu-panel.active #menu-main {
      opacity: 1;
      -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
      -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
      -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
      -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
      -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
      transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }
  .menu-panel #menu-main {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -khtml-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    list-style: none;
    padding: 0;
    margin: 0;
    left: 16%; }
    .menu-panel #menu-main .menu-item a {
      position: relative;
      display: block;
      color: white;
      text-transform: lowercase;
      -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -khtml-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      font-size: 28px;
      font-weight: 100;
      padding: 10px; }
      @media screen and (min-width: 540px) {
        .menu-panel #menu-main .menu-item a {
          font-size: 44px; } }
      .menu-panel #menu-main .menu-item a:hover {
        color: #ff606a;
        -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -khtml-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .menu-panel #menu-main .menu-item a:hover::after {
          content: '';
          position: absolute;
          left: -10px;
          bottom: 0;
          width: 50px;
          height: 2px;
          background-color: #ff606a; }

.home-page .top-panel .logo-panel .gtp-logo.logo-white {
  opacity: 1; }
.home-page .top-panel .logo-panel .gtp-logo.logo-black {
  opacity: 0; }
.home-page .top-panel .menu-nav-panel .menu-nav-button {
  color: white; }
  .home-page .top-panel .menu-nav-panel .menu-nav-button::after {
    background-color: white; }
.home-page .top-panel.smaller {
  padding: 20px;
  background-color: #f2f3f1;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -khtml-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }
  .home-page .top-panel.smaller .gtp-logo {
    height: 40px; }
    .home-page .top-panel.smaller .gtp-logo.logo-white {
      opacity: 0; }
    .home-page .top-panel.smaller .gtp-logo.logo-black {
      opacity: 1; }
  .home-page .top-panel.smaller .menu-nav-panel .menu-nav-button {
    color: black; }
    .home-page .top-panel.smaller .menu-nav-panel .menu-nav-button::after {
      background-color: black; }

/* CSS Document */
/* CSS Document */
/* CSS Document */
.project-list-panel .content-panel {
  padding: 84px 40px 60px 40px; }
  @media screen and (min-width: 540px) {
    .project-list-panel .content-panel {
      padding: 100px 60px 60px 60px; } }
  .project-list-panel .content-panel .wp-block-columns.has-2-columns {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
    .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content {
          width: 50%;
          border: 1px solid transparent; }
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd), .project-list-panel .content-panel .wp-block-columns.has-2-columns .content:nth-child(odd) {
            padding-right: 0; }
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column:nth-child(even), .project-list-panel .content-panel .wp-block-columns.has-2-columns .content:nth-child(even) {
            padding-left: 0; } }
      .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item {
        display: block;
        width: 100%;
        position: relative;
        background-size: cover;
        margin-bottom: 40px; }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item:before, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 56.25%; }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item > .content, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        @media screen and (min-width: 540px) {
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item {
            margin-bottom: 60px; } }
        @media screen and (min-width: 768px) {
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item {
            margin-bottom: 0; } }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item::before, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item::before {
          background-color: rgba(255, 255, 255, 0.6);
          -webkit-transition: background-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -khtml-transition: background-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: background-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -ms-transition: background-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -o-transition: background-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: background-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item:hover .project-info, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item:hover .project-info {
          opacity: 1;
          -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item:hover::before, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item:hover::before {
          background-color: rgba(255, 255, 255, 0);
          -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item.mobile .project-info, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item.mobile .project-info {
          opacity: 1;
          -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item.mobile::before, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item.mobile::before {
          background-color: rgba(255, 255, 255, 0.2);
          -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info {
          top: 0;
          left: 20%;
          width: 55%;
          min-height: 100%;
          -webkit-border-top-right-radius: 50%;
          -webkit-border-bottom-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -webkit-border-top-left-radius: 50%;
          -moz-border-radius-topright: 50%;
          -moz-border-radius-bottomright: 50%;
          -moz-border-radius-bottomleft: 50%;
          -moz-border-radius-topleft: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
          border-top-left-radius: 50%;
          position: relative;
          background-color: black;
          position: absolute;
          opacity: 0;
          -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -khtml-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -ms-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -o-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info:before, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 100%; }
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info > .content, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info .text-block, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info .text-block {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: flex-start;
            -moz-align-items: flex-start;
            -ms-align-items: flex-start;
            align-items: flex-start;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center; }
            .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info .text-block h2, .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info .text-block p, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info .text-block h2, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info .text-block p {
              color: white;
              margin: 0;
              padding: 0;
              margin-left: 20px;
              margin-right: 20px;
              text-transform: lowercase; }
            .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info .text-block h2, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info .text-block h2 {
              margin-top: -4px;
              font-size: 20px;
              line-height: 22px; }
              @media screen and (min-width: 540px) {
                .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info .text-block h2, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info .text-block h2 {
                  font-size: 28px;
                  line-height: 34px; } }
            .project-list-panel .content-panel .wp-block-columns.has-2-columns .wp-block-column .project-list-item .project-info .text-block p, .project-list-panel .content-panel .wp-block-columns.has-2-columns .content .project-list-item .project-info .text-block p {
              font-size: 11px;
              line-height: 14px;
              color: #ff606a;
              margin-bottom: 4px; }

.single-project-slideshow-holder {
  position: relative;
  margin-bottom: 40px; }
  .single-project-slideshow-holder .youtube-button {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 105; }
    .single-project-slideshow-holder .youtube-button .glyphicon {
      font-size: 44px;
      color: white;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -khtml-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s; }
    .single-project-slideshow-holder .youtube-button:hover {
      -webkit-transition: all 0.4s ease-in-out 0s;
      -khtml-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
      background-color: rgba(0, 0, 0, 0.4); }
      .single-project-slideshow-holder .youtube-button:hover .glyphicon {
        color: #ff606a;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -khtml-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s; }
  .single-project-slideshow-holder .single-project-slideshow {
    width: 100%;
    position: relative; }
    .single-project-slideshow-holder .single-project-slideshow:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    .single-project-slideshow-holder .single-project-slideshow > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .single-project-slideshow-holder .single-project-slideshow .single-project-slide {
      width: 100%;
      position: relative;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0; }
      .single-project-slideshow-holder .single-project-slideshow .single-project-slide:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%; }
      .single-project-slideshow-holder .single-project-slideshow .single-project-slide > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .single-project-slideshow-holder .single-project-slideshow .single-project-slide.cycle-sentinel {
        position: absolute !important; }
    .single-project-slideshow-holder .single-project-slideshow .slide-panel-pager {
      position: absolute;
      left: 26px;
      top: 26px;
      z-index: 150; }
      .single-project-slideshow-holder .single-project-slideshow .slide-panel-pager .slide-pager-angle {
        width: 40px;
        height: 30px;
        display: block;
        position: relative;
        cursor: pointer; }
        .single-project-slideshow-holder .single-project-slideshow .slide-panel-pager .slide-pager-angle::after {
          content: '';
          position: absolute;
          top: -5px;
          left: 20px;
          width: 2px;
          height: 40px;
          background-color: #fff;
          -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          /* Safari */
          -webkit-transform: rotate(-50deg);
          /* Firefox */
          -moz-transform: rotate(-50deg);
          /* IE */
          -ms-transform: rotate(-50deg);
          /* Opera */
          -o-transform: rotate(-50deg); }
        .single-project-slideshow-holder .single-project-slideshow .slide-panel-pager .slide-pager-angle.cycle-pager-active::after {
          background-color: #ff606a;
          -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.project-info-panel .content-panel .category {
  text-transform: lowercase;
  font-size: 14px;
  color: #ff606a; }
.project-info-panel .content-panel h1 {
  text-transform: lowercase;
  letter-spacing: 1px; }
.project-info-panel .content-panel .support-row {
  width: 100%;
  margin-top: 40px; }
  .project-info-panel .content-panel .support-row .support-logos {
    margin-top: 20px; }
    .project-info-panel .content-panel .support-row .support-logos .support-logo {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px; }
      .project-info-panel .content-panel .support-row .support-logos .support-logo img {
        height: 60px; }

.film-info-panel {
  margin-top: 40px;
  border-left: 1px solid black; }
  @media screen and (min-width: 992px) {
    .film-info-panel {
      margin-top: 0; } }
  .film-info-panel p {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 20px;
    line-height: auto; }

/* CSS Document */
.ajax-load-more-wrap .alm-listing {
  width: 100%;
  display: grid;
  grid-auto-flow: dense;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .ajax-load-more-wrap .alm-listing {
      grid-template-columns: 1fr 1fr; } }
  .ajax-load-more-wrap .alm-listing .load-more-item {
    background-color: white;
    position: relative; }
    .ajax-load-more-wrap .alm-listing .load-more-item.graphic-item {
      grid-row: auto / span 2; }
    .ajax-load-more-wrap .alm-listing .load-more-item .post-graphic {
      width: 100%;
      min-height: 40px; }
      .ajax-load-more-wrap .alm-listing .load-more-item .post-graphic img {
        width: 100%;
        display: block; }
    .ajax-load-more-wrap .alm-listing .load-more-item .categories {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: block;
      margin: 0; }
      .ajax-load-more-wrap .alm-listing .load-more-item .categories span {
        background-color: #ff606a;
        padding: 8px 14px;
        color: white;
        display: inline-block;
        margin-right: 4px;
        margin-bottom: 4px;
        font-size: 12px; }
    .ajax-load-more-wrap .alm-listing .load-more-item .post-content {
      padding: 30px; }
      .ajax-load-more-wrap .alm-listing .load-more-item .post-content .entry-meta {
        font-size: 14px;
        margin-top: 0;
        font-weight: 500; }
      .ajax-load-more-wrap .alm-listing .load-more-item .post-content p .read-more {
        position: relative;
        display: inline-block; }
        .ajax-load-more-wrap .alm-listing .load-more-item .post-content p .read-more::after {
          content: '';
          position: absolute;
          bottom: -1px;
          height: 1px;
          width: 50%;
          -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -khtml-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          left: 0;
          background-color: #ff606a; }
        .ajax-load-more-wrap .alm-listing .load-more-item .post-content p .read-more.source-link {
          margin-top: 20px;
          font-weight: 400; }
          .ajax-load-more-wrap .alm-listing .load-more-item .post-content p .read-more.source-link::after {
            height: 2px;
            bottom: -2px; }
        .ajax-load-more-wrap .alm-listing .load-more-item .post-content p .read-more:hover::after {
          width: 100%;
          -webkit-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -khtml-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -ms-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -o-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

article {
  width: 100%;
  background-color: white; }
  article header {
    width: 100%; }
    article header img {
      width: 100%; }
  article .entry-content {
    padding: 30px; }
    article .entry-content .entry-meta {
      font-size: 14px;
      margin-top: 0;
      font-weight: 500; }
    article .entry-content p .read-more {
      position: relative;
      display: inline-block; }
      article .entry-content p .read-more::after {
        content: '';
        position: absolute;
        bottom: -2px;
        height: 1px;
        width: 50%;
        -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -khtml-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        left: 0;
        background-color: #ff606a; }
      article .entry-content p .read-more.source-link {
        margin-top: 20px;
        font-weight: 500; }
        article .entry-content p .read-more.source-link::after {
          height: 2px; }
      article .entry-content p .read-more:hover::after {
        width: 100%;
        -webkit-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -khtml-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -moz-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -ms-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -o-transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: width 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    article .entry-content .wp-block-image {
      width: 100%;
      margin: 0;
      padding: 0; }
    article .entry-content img {
      max-width: 100%;
      height: auto;
      margin: 30px 0; }
    article .entry-content .video-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      margin: 30px 0; }
    article .entry-content .video-container iframe, article .entry-content .video-container object, article .entry-content .video-container embed, article .entry-content .video-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    article .entry-content .gallery {
      width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 30px 0;
      background-color: rgba(0, 0, 0, 0.04); }
      article .entry-content .gallery figure {
        margin: 0;
        padding: 0;
        width: 100%; }
        article .entry-content .gallery figure img {
          margin: 0;
          padding: 0;
          float: left; }
        @media screen and (min-width: 540px) {
          article .entry-content .gallery figure {
            width: 50%; } }
      @media screen and (min-width: 768px) {
        article .entry-content .gallery.gallery-columns-3 figure {
          width: 33.33%; } }
      @media screen and (min-width: 768px) {
        article .entry-content .gallery.gallery-columns-4 figure {
          width: 33.33%; } }
      @media screen and (min-width: 992px) {
        article .entry-content .gallery.gallery-columns-4 figure {
          width: 25%; } }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #f2f3f1;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  color: black; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

a {
  text-decoration: none;
  color: black; }

p {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px; }

h1, h2, h3, h4 {
  font-weight: 300;
  margin: 0;
  padding: 0; }

h1 {
  font-size: 44px;
  letter-spacing: 1px;
  margin-bottom: 20px; }

h2 {
  font-size: 28px;
  line-height: 32px; }
  @media screen and (min-width: 540px) {
    h2 {
      font-size: 32px;
      line-height: 38px; } }

h3 {
  font-size: 24px;
  font-weight: 300; }

strong {
  font-weight: 400; }

blockquote {
  padding: 0;
  margin: 0; }
  blockquote p {
    font-size: 38px;
    padding: 0;
    margin: 0;
    line-height: 44px; }
  blockquote cite {
    position: relative;
    top: 10px; }

.desktop-only {
  display: none; }
  @media screen and (min-width: 540px) {
    .desktop-only {
      display: block; } }

.container {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-bottom: 80px; }

.background-circle {
  width: 100%;
  height: 100vh;
  z-index: 0;
  background-image: url(images/GradientCircle.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 480px 480px;
  position: fixed;
  opacity: 0.3; }

.latest-news-tab {
  position: fixed;
  right: 0;
  top: 140px;
  z-index: 500; }
  .latest-news-tab .side-tab {
    position: absolute;
    width: 150px;
    right: 30px;
    height: 30px;
    z-index: 100;
    top: 0;
    color: white;
    font-size: 12px;
    background-color: #ff606a;
    transform: translateY(-100%) translateX(100%) rotate(90deg);
    /* W3C */
    padding: 4px 28px;
    letter-spacing: 0;
    margin: 0;
    transform-origin: left bottom;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }

#team-home-panel .has-2-columns {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }

.team-profile {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  .team-profile .team-photo {
    width: 280px;
    height: 280px;
    -webkit-border-top-right-radius: 140px;
    -webkit-border-bottom-right-radius: 140px;
    -webkit-border-bottom-left-radius: 140px;
    -webkit-border-top-left-radius: 140px;
    -moz-border-radius-topright: 140px;
    -moz-border-radius-bottomright: 140px;
    -moz-border-radius-bottomleft: 140px;
    -moz-border-radius-topleft: 140px;
    border-top-right-radius: 140px;
    border-bottom-right-radius: 140px;
    border-bottom-left-radius: 140px;
    border-top-left-radius: 140px;
    background-position: center center;
    background-size: cover;
    margin-bottom: 40px;
    position: relative; }
    .team-profile .team-photo .team-gif-graphic {
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-position: center center;
      background-size: cover;
      -webkit-border-top-right-radius: 140px;
      -webkit-border-bottom-right-radius: 140px;
      -webkit-border-bottom-left-radius: 140px;
      -webkit-border-top-left-radius: 140px;
      -moz-border-radius-topright: 140px;
      -moz-border-radius-bottomright: 140px;
      -moz-border-radius-bottomleft: 140px;
      -moz-border-radius-topleft: 140px;
      border-top-right-radius: 140px;
      border-bottom-right-radius: 140px;
      border-bottom-left-radius: 140px;
      border-top-left-radius: 140px; }
  .team-profile .team-info {
    margin-bottom: 40px; }
    .team-profile .team-info h2 {
      position: relative;
      margin-bottom: 28px; }
      .team-profile .team-info h2::after {
        content: '';
        position: absolute;
        height: 1px;
        width: 120px;
        background-color: #ff606a;
        bottom: -2px;
        left: 16px; }
      .team-profile .team-info h2 a {
        display: inline-block;
        margin-left: 14px;
        background-color: #f2e8e5;
        width: 30px;
        height: 30px;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 50%;
        -webkit-border-bottom-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        -moz-border-radius-topright: 50%;
        -moz-border-radius-bottomright: 50%;
        -moz-border-radius-bottomleft: 50%;
        -moz-border-radius-topleft: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%; }
        @media screen and (min-width: 540px) {
          .team-profile .team-info h2 a {
            margin-left: 30px; } }
        .team-profile .team-info h2 a .glyphicon {
          font-size: 16px;
          width: 30px;
          height: 30px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center; }
    .team-profile .team-info .sh-link a {
      font-weight: 400;
      position: relative; }
      .team-profile .team-info .sh-link a::after {
        content: '';
        position: absolute;
        height: 1px;
        width: 40px;
        background-color: #ff606a;
        bottom: -2px;
        left: 4px; }
      .team-profile .team-info .sh-link a:hover::after {
        width: 44px;
        left: 0; }

.footer-panel {
  width: 100%;
  position: relative;
  z-index: 200;
  min-height: 44px;
  border-top: 1px solid #d9dbd6;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
  .footer-panel p {
    margin: 10px;
    line-height: 120%;
    font-size: 10px; }
    .footer-panel p a {
      color: #ff606a; }
    .footer-panel p:first-child {
      padding-right: 40px; }
    .footer-panel p img {
      height: 12px;
      vertical-align: middle;
      margin-right: 2px;
      margin-bottom: 2px; }

#videoOverlay {
  display: none;
  width: 0px;
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.94);
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -khtml-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  #videoOverlay.active {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -khtml-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -ms-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  #videoOverlay #videoHolder {
    width: 100%;
    max-width: 1080px;
    position: relative;
    position: relative; }
    #videoOverlay #videoHolder:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    #videoOverlay #videoHolder > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    #videoOverlay #videoHolder iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  #videoOverlay .overlayCloseButton {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: block; }
    #videoOverlay .overlayCloseButton::after {
      content: '';
      position: absolute;
      top: 15px;
      left: 0;
      width: 30px;
      height: 2px;
      background-color: white; }
    #videoOverlay .overlayCloseButton::before {
      content: '';
      position: absolute;
      left: 0;
      top: 15px;
      width: 30px;
      height: 2px;
      background-color: #ff606a;
      /* Safari */
      -webkit-transform: rotate(-40deg);
      /* Firefox */
      -moz-transform: rotate(-40deg);
      /* IE */
      -ms-transform: rotate(-40deg);
      /* Opera */
      -o-transform: rotate(-40deg);
      -webkit-transition: all 0.4s ease-in-out 0s;
      -khtml-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s; }
    #videoOverlay .overlayCloseButton:hover::before {
      /* Safari */
      -webkit-transform: rotate(-80deg);
      /* Firefox */
      -moz-transform: rotate(-80deg);
      /* IE */
      -ms-transform: rotate(-80deg);
      /* Opera */
      -o-transform: rotate(-80deg);
      -webkit-transition: all 0.4s ease-in-out 0s;
      -khtml-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s; }