/*
	Theme Name: Vision Film Co
	Theme URI: https://visionfilmco.com;
	Description: Vision Film Co
	Version: 1.0
	Author: ANOA Web Solutions
	Author URI: https://anoa.ca
*/

::selection {
    background: rgba(255,255,255,0.3);
}

.noselect {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

*{
   -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
}

body, html {
    width:100%;
    height:100%;
    margin:0px;
    background-color:black;
    color:white;
    font-family: 'Open Sans', sans-serif;
}


body.home, body.page-template-page-bg-video-slider, body.page-template-page-bg-video-slider-1, body.page-template-page-bg-video-slider-4,
body.page-template-page-bg-video-slider-6 {
   overflow-y:scroll;
}
/*body.home {
   min-height:101vh;
}
*/

.noscroll { 
  overflow: hidden;
}

.scrollitem {
   overflow-y:auto;
}

.front-details {
    opacity:1;
    -webkit-transition: all 800ms;
    transition: all 800ms;
}




.site-logo {
    position:fixed;
    top:0px;
    right:0px;
    opacity:0;
    z-index:999999;
    mix-blend-mode:exclusion;
    -webkit-transform-origin:top right;
    transform-origin:top right;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
/*    -webkit-transition:transform 1800ms 1500ms, 350ms color;
    transition:transform 1800ms 1500ms, 350ms color;*/
/*    -webkit-transition:opacity 0ms 3400ms;
    transition:opacity 0ms 3400ms;*/
}
/*
.site-logo.logocentered {
    -webkit-transition: transform 0ms, 350ms color, opacity 0ms 530ms !important;
    transition: transform 0ms, 350ms color, opacity 0ms 530ms !important;
}
*/
/*
.bgLoaded .site-logo {
    opacity:1;
    -webkit-transition: transform 1800ms 1500ms, 350ms color, opacity 0ms 530ms;
    transition: transform 1800ms 1500ms, 350ms color, opacity 0ms 530ms;
}
*/

.fadeUiIn .site-logo {
   opacity:1 !important;
}

.site-logo, .site-logo.logo-fixed{
    top: 24px !important;
    right: 23px !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.site-logo, .site-logo.logo-fixed a {
    line-height: 24px !important;
    height: 30px !important;
    font-size: 37px !important;
    letter-spacing: 4px !important;
}

.site-logo.initial {
    -webkit-transition:none !important;
    transition:none !important;
}

.site-logo a {
    color:rgb(255, 255, 255);
    text-decoration:none;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 8px;
    font-family: acumin-pro;
}

.site-logo a:hover {
    opacity:0.7;
}

.site-logo a:active, .site-logo a:focus {

}

.initial .front-details {
    opacity:0;
}

.blended-content-wrap {
    mix-blend-mode:exclusion;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    pointer-events:none;
}

.slide-text-wrap.skip-animation{
    display:none !important;
    pointer-events:none !important;
}

.pageOpen .blended-content-wrap {
    pointer-events:none;
}

.pageOpen .slide-details{
    opacity:0;
}

.slideshow-details {
    position:fixed;
    bottom:16px;
    right:18px;
    width:100%;
    z-index:9999;
    pointer-events:none;
}


.slide-details {
    mix-blend-mode:exclusion;
    position:absolute;
    bottom:0;
    right:0;
    opacity:0;
    text-align:right;
    padding:5px 10px;
    -webkit-transition:opacity 1200ms;
    transition:opacity 1200ms;
    color:rgba(255,255,255,1);
    font-size:11px;
    font-family:acumin-pro;
    text-transform:uppercase;
    cursor:pointer;
    pointer-events:none;
}
.slide-details.loading {
    opacity:0 !important;
}

.slide-details.visible {
/*            -webkit-transition:opacity 1200ms 800ms;
    transition:opacity 1200ms 800ms;*/
    opacity:1;
    pointer-events:all;
}

.pageOpen .slide-details, .mobile-menu-open .slide-details{
    opacity:0;
}

.slide-details .details-text {
    display:inline-block;
    opacity:1;
    position:relative;
    margin-right:38px;
    line-height:15px;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.slide-details:hover .details-text {
    opacity:0.65;
/*            -webkit-transform: translate(4%,0);
    transform: translate(4%,0);*/
}

.slide-details .details-top {
    font-weight: 800;
    letter-spacing:2.5px;
    font-size:13px;
    text-align:left;
}

.slide-details .details-bottom {
    font-weight:400;
    font-size:10px;
    letter-spacing:2.5px;
    text-align:left;
}

.slide-details .details-play {
    display:block;
    width:100%;
    position:absolute;
    right:3px;
    top:1px;
    font-size:25px;
    margin-left:8px;
    letter-spacing:2px;
    -webkit-transform: translate(0px);
    transform: translate(0px);
}

.slide-details:hover .details-play {
    opacity:0.65;
/*            -webkit-transform: translate(-100%) scale(0.6);
    transform: translate(-100%) scale(0.6);*/

}

.slideshow {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow:hidden;
    text-align:center;
    /*background:rgba(0,0,0,0.9);*/
    -webkit-transition:background 400ms;
    transition:background 400ms;
    z-index:9;
    cursor:pointer;
}

.slideshow.paused {
    cursor:default;
}

.slideshow.initial {
    background:rgba(0,0,0,0);
}

.slide {
    height:100%;
    width: 100%;
    position:absolute;
    top:0;left:0;right:0;bottom:0;
}

.slide.active {
    z-index:99;
}

.slide-image-data-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.slide-image-data {
    width:100%;
    height:100%;
    position:absolute;
    top:0px; left:0px; bottom:0px; right:0px;
    perspective:400px;
}

.slide-text-wrap {
    mix-blend-mode:exclusion;
    position: absolute;
    top:0px;right:0px;bottom:0px;left:0px;
    z-index: 1;
    overflow:hidden;
}

.slide-text {
    font-weight:700;
    font-size:50px;
    width:100%;
    letter-spacing: 8px;
    text-align:center;
    text-indent:0px;
    font-family: acumin-pro;
    color:rgba(255,255,255,1);
    opacity:0;
    will-change:opacity;
}

.slide-text-block .slide-text {
    opacity:0;
}

@keyframes logoIn {
    0% {
        opacity:1;
        -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        -o-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);
    }
    100% {
        -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        -o-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);
        opacity:0;
    }
}
@-o-keyframes logoIn {
    0% {

        -o-animation-timing-function: steps(1, end);
        opacity:1;
    }
    100% {
        -o-animation-timing-function: steps(1, end);
        opacity:0;
    }
}
@-moz-keyframes logoIn {
    0% {
        -moz-animation-timing-function: steps(1, end);
        opacity:1;
    }
    100% {
        -moz-animation-timing-function: steps(1, end);
        opacity:0;
    }
}
@-webkit-keyframes logoIn {
    0% {
        -webkit-animation-timing-function: steps(1, end);
        opacity:1;
    }
    100% {
        -webkit-animation-timing-function: steps(1, end);
        opacity:0;
    }
}


.bgLoaded .slide-text-wrap .slide-text{
    --interval: 55ms;
    --startdelay:200ms;
    animation: logoIn;
    animation:logoIn 400ms;
    -moz-animation:logoIn 400ms;
    -webkit-animation:logoIn 400ms;
    -o-animation:logoIn 400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-text-block {
    width:auto;
    display:inline-block;
    padding:0;
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;
    opacity:1;
    position: absolute;
    right:0px;
/*    right: 50%;
    -webkit-transform: translate(50%,0);
    transform: translate(50%,0);
    -webkit-transition: right 1800ms 1500ms, transform 1800ms 1500ms !important;
    transition: right 1800ms 1500ms, transform 1800ms 1500ms !important;*/
}

.slide-text-block .slide-text:nth-child(1) {
  animation-delay: 200ms;/*calc(var(--interval)*0 + var(--startdelay));*/  
}

.slide-text-block .slide-text:nth-child(2) {
  animation-delay: 255ms;/*calc(var(--interval)*1 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(3) {
  animation-delay: 310ms;/*calc(var(--interval)*2 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(4) {
  animation-delay: 365ms;/*calc(var(--interval)*3 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(5) {
  animation-delay: 420ms;/*calc(var(--interval)*4 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(6) {
  animation-delay: 475ms;/*calc(var(--interval)*5 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(7), .site-logo-center {
    opacity:0 !important;
} 

.slide-text-block .slide-text:nth-child(8) {
  animation-delay: 475ms;/*calc(var(--interval)*5 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(9) {
  animation-delay: 420ms;/*calc(var(--interval)*4 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(10) {
  animation-delay: 365ms;/*calc(var(--interval)*3 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(11) {
  animation-delay: 310ms;/*calc(var(--interval)*2 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(12) {
  animation-delay: 255ms;/*calc(var(--interval)*1 + var(--startdelay));*/    
}

.slide-text-block .slide-text:nth-child(13) {
  animation-delay: 200ms;/*calc(var(--interval)*0 + var(--startdelay));*/    
}


.site-logo-center.initial {
    opacity:0 !important;
}

.site-logo-center {
    -webkit-transform-origin: top right;
    transform-origin:top left;
    opacity:0 !important;
}

.site-logo-center .slide-text-inner {
    display:inline !important;
    transform-origin:right top;
    -webkit-transition:transform 1800ms 1500ms, opacity 0ms 3400ms, letter-spacing 1800ms 1500ms !important;
    transition:transform 1800ms 1500ms, opacity 0ms 3400ms, letter-spacing 1800ms 1500ms !important;
}

.slide-img-wrap {
    position: absolute;
    top:20%;right:20%;bottom:20%;left:20%;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    opacity:0 !important;
    display:none !important;
    -webkit-transition: transform 1000ms 850ms ease, opacity 1000ms 850ms ease;
    transition: transform 1000ms 850ms ease, opacity 1000ms 850ms ease;
    -webkit-transform:rotate3d(1,0,0,30deg) translate3d(0,-120%,0) scale(1);
    transform:rotate3d(1,0,0,30deg) translate3d(0,-120%,0) scale(1);
    transform-style: preserve-3d;
    transform-origin:center center;
    perspective:400px;
}


.slide-image-data.showphoto .slide-img-wrap {
    opacity:1;
}

.slide-image-data.hidephoto .slide-img-wrap {
    -webkit-transition: transform 900ms ease, opacity 900ms ease;
    transition: transform 900ms ease, opacity 900ms ease;  
}

.slide-img {
    -webkit-transition: transform 1000ms 850ms ease;
    transition: transform 1000ms 850ms ease;        
}


.slide-image-data.showphoto .slide-img-wrap .slide-img {

}

.slide-image-data.hidephoto .slide-img-wrap .slide-img {
    -webkit-transition: transform 900ms ease;
    transition: transform 900ms ease;     
}



.slide-img {
    height:100%;
    width:100%;
}

.reverse {
    display:inline-block;
    letter-spacing:0px;
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
}

.video-slideshow-overlay {
    z-index:99;
    position:fixed;
    width:100%;height:auto;
    top:0;
    bottom:100%;
    left:0;
    mix-blend-mode:exclusion;
    background-color:rgba(255,255,255,1);
    -webkit-transition: 1300ms bottom;
    transition: 1300ms bottom;
    opacity:0;
}

body.leavingPage .video-slideshow-overlay {
    bottom:0%;
    opacity:1;
    -webkit-transition:0ms bottom, 450ms opacity;
    transition:0ms bottom, 450ms opacity;
}

body.pageOpen .video-slideshow-overlay {
    opacity:1;
    bottom:0%;
}

.video-slideshow-overlay-2 {
    z-index:99;
    position:fixed;
    width:100%;height:auto;
    top:0;
    bottom:100%;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.73);
    -webkit-transition: 1300ms bottom, 800ms background-color;
    transition: 1300ms bottom, 800ms background-color;
}

.about-open .video-slideshow-overlay-2 {
    background-color:rgba(0,0,0,0.65);
    opacity:1;
}

body.leavingPage .video-slideshow-overlay-2 {
    bottom:0%;
    opacity:1;
    -webkit-transition:0ms bottom, 450ms opacity;
    transition:0ms bottom, 450ms opacity;
}

body.pageOpen .video-slideshow-overlay-2 {
    opacity:1;
    bottom:0%;
}


.vimeo-wrapper {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity:0;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition:opacity 1800ms;
    transition:opacity 1800ms;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
}

.video-grid .vimeo-wrapper {
    background:white;
}

.vimeo-wrapper .iframe-img-bg {
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity:1;
    -webkit-transition: opacity 450ms;
    transition: opacity 450ms;
    background:black;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
}

.bgLoaded .vimeo-wrapper .iframe-img-bg {
    display:block;
}

.iframe-wrapper {
    overflow: hidden;
    position: relative;
    height:100%;width:100%;
}
 
.iframe-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.leavingPage .vimeo-wrapper .iframe-img-bg, .leavingPage .bg-video-slider-load-bg {
  /* transition:none !important;*/
   background:none !important;
   background-color:white !important;
   opacity:1 !important;
}

/* 16x9 Aspect Ratio */
.iframe-container-16x9 iframe{
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 iframe{
  padding-top: 75%;
}

/* 2:35x1 Aspect Ratio */
.iframe-container-235x1 iframe{
    width: 100vw;
    height: 37.5vw;
    min-height: 100vh;
    min-width: 266.67vh;
}

.vimeo-wrapper.visible {
    opacity:1;
    z-index:1;
}

.vimeo-wrapper.hiding {
    opacity:0;
    z-index:0;
}

/*******************************
*
*
* HAMBURGER MENU OLD MENU
*
*
********************************/
/*.menu-toggle {
  mix-blend-mode:exclusion;
  position:fixed;
  top:20px;
  right:20px;  
  z-index:9999;
  width:34px;
  height:30px;
  cursor:pointer;
  opacity:1;
  -webkit-transition:opacity 1200ms;
  transition:opacity 1200ms;
}

.initial .menu-toggle {
    opacity:0;
    pointer-events:none;
}

.menu-toggle-bar {
    height:5px;
    background-color:rgba(255,255,255,1);
    position:absolute;
    left:0;right:0;
    -webkit-transition:350ms transform, 350ms opacity, 350ms color;
    transition:350ms transform, 350ms opacity, 350ms color;
}

.menu-toggle .menu-toggle-bar:nth-child(1) {
    top:0px;
    -webkit-transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
    transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
}

.menu-toggle .menu-toggle-bar:nth-child(2) {
    top:10px;
    -webkit-transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
    transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
}

.menu-toggle .menu-toggle-bar:nth-child(3) {
    top:10px;
    -webkit-transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
    transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
}

.menu-toggle .menu-toggle-bar:nth-child(4) {
    top:20px;
    -webkit-transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
    transform:rotate3d(0,0,0,45deg) translate3d(0,0,0);
}

.menu-open .menu-toggle .menu-toggle-bar:nth-child(1) {
    -webkit-transform:scale(0.01);
    transform:scale(0.01);
    opacity:0;
}

.menu-open .menu-toggle .menu-toggle-bar:nth-child(2) {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
}

.menu-open .menu-toggle .menu-toggle-bar:nth-child(3) {
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
}

.menu-open .menu-toggle .menu-toggle-bar:nth-child(4) {
    -webkit-transform:scale(0.01);
    transform:scale(0.01);
    opacity:0;
}

.pageOpen .menu-toggle .menu-toggle-bar:nth-child(1) {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
}

.pageOpen .menu-toggle .menu-toggle-bar:nth-child(2) {
    -webkit-transform:rotate3d(0,0,10,0);
    transform:rotate3d(0,0,0,0);
}

.pageOpen .menu-toggle .menu-toggle-bar:nth-child(3) {
    -webkit-transform:rotate3d(0,0,0,0);
    transform:rotate3d(0,0,0,0);
}

.pageOpen .menu-toggle .menu-toggle-bar:nth-child(4) {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
}
*/

/********************************************************
*
* OLD MENU
*
*********************************************************/
/*

.menu-wrapper {
    z-index: 999;
    background-color:rgba(255, 255, 255,1);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 100%;
    text-align: center;
    -webkit-transition: 1300ms bottom, 1300ms top;
    transition:1300ms bottom, 1300ms top;
    overflow:hidden;
    opacity:1;
    pointer-events:none;
}

.menu-content {
    position:absolute;
    right:0px;top:0px;bottom:0px;left:0px;
    height:100vh;
}

.menu-wrapper ul {
    padding: 0px;
    margin:0px;
    list-style-type: none;
    height:100%;
    box-sizing: border-box;
    padding: 10% 0;
}

.menu-wrapper ul li {
    height:20%;
}

.menu-wrapper ul li a {
    font-weight: 700;
    font-size:20px;
    color:black;
    line-height:400%;
    cursor:pointer;
    text-decoration:none;
}

.menu-wrapper ul li a:hover { 

}

.menu-wrapper ul li a:active, .menu-wrapper ul li a:focus { 

}

.menu-open .menu-wrapper {
    bottom:0%;
    pointer-events:all;
}     

.menu-closed-for-page .menu-wrapper {
    bottom:0%;
    top:100%;
    pointer-events:none;
}

.menu-closed-for-page .menu-content {
    top:auto;
}

.menu-open-for-page .menu-content {
    top:auto;
}

.menu-closed-for-page .slide-details, .menu-open .slide-details {
    opacity:0;
    pointer-events:none;
}

.menu-open .site-logo-center {
    color:white;
}*/

/*****************************************************
*
*
* TOP MENU
*
*
*****************************************************/
.menu-bg {
    position:fixed;
    height:76px;
    width:100%;
    background:black;
    z-index:99999;
    opacity:0;
    -webkit-transition:opacity 400ms;
    transition:opacity 400ms;
}

.scrolled .menu-bg {
    opacity:0.4;
}


.home.scrolled .menu-bg {
   opacity:0;
}

.home.half-scrolled .menu-bg {
   opacity:0.4 !important;
}

.menu-wrapper {
    position:fixed;
    top:0px;
    left:0px;
    height:60px;
    width:760px;
    opacity:1;
    mix-blend-mode:exclusion;
    z-index: 999999;
    -webkit-transition: opacity 1200ms;
    transition: opacity 1200ms;
    cursor:pointer;
}

.menu-wrapper.loading {
    opacity:0;
    pointer-events:none;
}

.main-menu {
    box-sizing:border-box;
    position:relative;
    padding: 0px;
    margin:15px 0 0 40px;
    width:700px;
    cursor:pointer;
    height: 32px;
    -webkit-transition:all 400ms;
    transition:all 400ms;
}


.main-menu .menu-item {
    position:absolute;
    top:14px;
    left:0px;
    width:auto;
    -webkit-transition:opacity 400ms, transform 400ms;
    transition:opacity 400ms, transform 400ms;
}

.main-menu .menu-item.active {
    opacity:1;
    -webkit-transform: translate(29px, 7px);
    transform: translate(29px, 7px);
}

.main-menu .menu-item.active a {
    opacity:1 !important;
}


.main-menu .menu-spacer {
    position:absolute;
    top:0px;
    left:0px;
    width:auto;
    width:3px;
    height:34px;
    margin:0px;
    opacity:0;
    background-color:white;
    -webkit-transition:all 400ms;
    transition:all 400ms;
    -webkit-transform:rotate(-90deg) translate(0,0px);
    transform:rotate(-90deg) translate(0,0px);
}

.main-menu .menu-spacer.spacer1 {
    -webkit-transform:rotate(-90deg) translate(-15px,-1px);
    transform:rotate(-90deg) translate(-15px,-1px);
    opacity:1;
}

.main-menu .menu-spacer.spacer2{
    -webkit-transform:rotate(-90deg) translate(-5px,-1px);
    transform:rotate(-90deg) translate(-5px,-1px);
    opacity:1;
}

.main-menu .menu-spacer.spacer3 {
    -webkit-transform:rotate(-90deg) translate(5px,-1px);
    transform:rotate(-90deg) translate(5px,-1px);
    opacity:1;
}

.main-menu .menu-spacer.spacer4 {
    -webkit-transform:rotate(-90deg) translate(5px,-1px);
    transform:rotate(-90deg) translate(5px,-1px);
}


.main-menu .menu-item a {
    position:relative;
    width:auto;
    display:block;
    height:auto;
    line-height:15px;
    opacity:0;
    color:white;
    letter-spacing:0.7px;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
    -webkit-transition:all 400ms;
    transition:all 400ms;
}

.main-menu .menu-item .link-bg {
    width: 0%;
    background-color:white;
    position: absolute;
    height: 100%;
    top:0px;
    left:0px;
    opacity:0;
    -webkit-transition:all 500ms;
    transition:all 500ms;
}

.locations-back-button {
    display:none !important;
    pointer-events:none !important;
    opacity:0 !important;
    position: fixed;
    top: 75px;
    left: 15px;
    z-index: 999999;
    mix-blend-mode:exclusion;
    opacity:1;
    display:block;
    text-transform:uppercase;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    padding:10px;
}

.locations-back-button a {
    width: auto;
    display: block;
    height: auto;
    line-height: 15px;
    color: white;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
}

.locations-back-button a:hover {
    opacity:0.45;
}

.mobile-page-title {
    position: fixed;
    top: 36px;
    left: 71px;
    z-index: 999999;
    mix-blend-mode:exclusion;
    opacity:0;
    display:none;
    pointer-events:none;
    text-transform:uppercase;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.mobile-page-title.hiding {
    opacity:0 !important;
}

.page-template-page-location-grid .mobile-page-title, .single-director .mobile-page-title {
    opacity:1;
    display:block;
}

.locations .mobile-page-title {
    display:none;
    opacity:0;
}

.mobile-page-title a {
    width: auto;
    display: block;
    height: auto;
    line-height: 15px;
    color: white;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
}

/*
.pageOpen .menu-spacer, .pageOpen .menu-item {
    left:0 !important;
    opacity:0 !important;
    white-space:nowrap;
}

.pageOpen .menu-spacer.spacer2 {
    opacity:1 !important;
    -webkit-transform:rotate(-45deg) translate(0,0px) !important;
    transform:rotate(-45deg) translate(0,0px) !important;     
    top:4px !important;        
    width:3px !important;
    height:35px !important;
    left:20px !important;
}

.pageOpen .menu-spacer.spacer3 {
    opacity:1 !important;
    -webkit-transform:rotate(45deg) translate(0,0px) !important;
    transform:rotate(45deg) translate(0,0px) !important; 
    top:4px !important;  
    width:3px !important; 
    height:35px !important;
    left:20px !important;
}

.pageOpen .main-menu {
    width:35px !important;
    margin-left:15px !important;
}

.pageOpen .menu-wrapper {
    width:60px;
}

.pageOpen .menu-item, .pageOpen .spacer1 {
    pointer-events:none;
}*/

/*******************************************
*
* ABOUT SECTION
*
*******************************************/

.about-wrapper {
    position:absolute;
    top:0;
    left:0;
    bottom:100%;
    width:100%;
    overflow:hidden;
    height:0%;
    mix-blend-mode:exclusion;
    z-index:99999;
    -webkit-transition:height 1300ms;
    transition:height 1300ms;
}

.about-wrapper-inner {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
}

.about-content {
    position:absolute;
    top:0;
    left:0;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%); 
    transform:translate(-50%,-50%);   
    width:1000px;
    height:auto;
    font-family:acumin-pro;
    margin-top:0px;
}

.about-wrapper h2 {
    margin:40px 0 10px 0;
    font-size:32px;
    color:white;
    text-align:center;
    letter-spacing:6px;
}

.about-wrapper h2:first-child {
    margin-top:0px;
}

.about-wrapper p.about-partners{
    margin:10px 0 4px 0;

}

.about-wrapper p {
    margin:10px 0px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 2px;
    color:white;
    line-height:19px;
    text-align: left;
    text-align-last: left;
    position:relative;
    line-height:23px;
}

.about-wrapper p .fa {
    font-size:13px;
    padding: 2px 9px;
}

.about-wrapper .social-media a:first-child .fa, .about-wrapper p.main-social a:first-child .fa {
   padding-left:0px;
}

.about-wrapper p.contact-info {
    margin:0px;
    line-height:24px;
    letter-spacing:2px;
    text-align:left !important;
}

.about-wrapper p.main-social {
   margin: 0px;
   line-height: 24px;
   letter-spacing: 2px;
   text-align: left !important;
   margin-top:20px;
   margin-bottom:15px;
}

.about-wrapper p.contact-info .contact-spacer {
    padding:0px 8px 0px 24px;
}

.about-wrapper p.contact-info a .fa {
    font-size:13px;
    padding: 3px;
}

.about-wrapper p a .fa {
    color:rgba(255,255,255,1);
}

.about-wrapper p a .fa:hover {
    color:rgba(255,255,255,0.5);
}

.about-wrapper p a .fa:active, .about-wrapper p a .fa:focus {
}

.about-wrapper .contact-names {
   margin-top:32px;
}

.about-wrapper .contact-names .contact-item {
   width:100%;
   display:inline-block;
   box-sizing:border-box;
   padding-right:0px;
}

body.about-open .about-wrapper {
    height:100%;
    bottom:auto;
    opacity:1;
}


.about-wrapper p a {
   color:white;
   text-decoration:none;
   opacity:1;
}


.about-wrapper p a:hover {
   opacity:0.7;

}

.about-wrapper p a:focus, .about-wrapper p a:active  {

}



.about-wrapper p.about-para-1 {
   line-height:35px; 
   font-size:35px;
   width:830px;
   font-weight:500;
}

.about-wrapper p.about-para-2 {
   margin-top:37px;
}

.about-wrapper p .big-1 {
   font-size:24px;
   font-weight:500;
}

.about-wrapper p .big-2 {
   font-size:19px;
   font-weight:500;
}

.about-wrapper p.about-para-4 {
    font-size: 35px;
    line-height: 35px;
    margin-top:30px;
    font-weight:500;
}

.about-wrapper p.about-address {
    padding-top:20px;
    font-size: 35px;
    line-height: 35px;
    margin-top:30px;
    font-weight:500;
}

.about-wrapper .about-address a, .about-wrapper .about-address span {
    display:inline-block;
}

.address-separator {
    width:30px;
}

@media screen and (max-width: 700px) {
    
    .about-wrapper p.main-social {
        margin-bottom:20px !important;
    }

    .about-wrapper .about-address a, .about-wrapper .about-address span {
        display:block;
        width:100%;
        padding: 5px 0px;
    }
    
}

.about-logos {
    margin-top:16px;
    margin-bottom:1px;
    /*padding:25px 92px 0 92px;*/
}

.about-logos a {
    padding:0px;
    width:20%;
    display:inline-block;
    text-align:center;
    opacity:1;
}

.about-logos a:hover {
    opacity:0.5;
}

.about-logos img {
    width:100%;
    height:auto;
}

.about-logos #about-row-top {
    height:32px;
}

.about-logos #about-row-top a {
    width:12.8%;
    position:relative;
}

.about-logos #about-row-top a img {
    position:absolute;
    bottom:0px;
    left:18%;
    width:64%;
}


.about-logos #about-row-top a:nth-child(1) img {
    left:0px;
}  

.about-logos #about-row-top a:nth-child(2) img {
    left:-7%;
    width:96%;
    bottom:-5px;

}  

.about-logos #about-row-top a:nth-child(4) img {
    left:unset;
    right:-3%;
    width:90%;
}          

.about-logos #about-row-top a:nth-child(5) img {
    left:unset;
    right:0px;
}  

.about-logos #about-row-bottom {
    margin-top:2px;
}

.about-logos #about-row-bottom a {
    width:10.83%;
    position:relative;
}

.about-logos #about-row-bottom a img {
    width:80%;
    position:absolute;
    bottom:0px;
    left:10%;
}

.about-logos #about-row-bottom a:nth-child(1) img {
    left:0px;
}
.about-logos #about-row-bottom a:nth-child(2) img {
    left:4.5%;
    bottom:-5px;
}

.about-logos #about-row-bottom a:nth-child(3) img {
    left:9%;
    bottom:-7px;
}

.about-logos #about-row-bottom a:nth-child(4) img {
    right:7.5%;
    left:unset;
    bottom:0px;
}

.about-logos #about-row-bottom a:nth-child(5) img {
    width:76%;
    right:5%;
    left:unset;
    bottom:-1px;
}

.about-logos #about-row-bottom a:nth-child(6) img {
    left:unset;
    right:0px;
}

.about-wrapper .anoa-credits {
   position: absolute;
    bottom: 20px;
    left: 23px;
    opacity: 0.8;

}

.about-wrapper .anoa-credits a, .about-wrapper .copyright {
    font-size:10px;
    letter-spacing:3px;
    color:white;
    text-decoration:none;
    text-transform:uppercase;
}

.about-wrapper .anoa-credits a:hover, .about-wrapper .copyright a:hover {
}

.about-wrapper .anoa-credits a:active, .about-wrapper .anoa-credits a:focus, .about-wrapper .copyright a:active, .about-wrapper .copyright a:focus {
}

.about-wrapper .copyright {
    position:absolute;
    bottom:5px;
    left:5px;
}

.about-wrapper .contact-email {
    display:none;
    position:absolute;
    right:0px;
    top:13px;
}

.about-wrapper .contact-email a {
    color:white;
    text-decoration:none;
    position:relative;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 4px;
}

.about-wrapper .social-media {
    margin-top:0px !important;
    margin-bottom:38px;
    text-align:left;
    text-align-last:unset;
}


@media screen and (max-height: 800px), (max-width: 1250px)  {

   .about-wrapper p.about-para-1, .about-wrapper p.about-para-4 {
      font-size:25px;
      width:620px;
      line-height:25px;
   }

   .about-wrapper p .big-1 {
      font-size:18px;
   }

   .about-wrapper p {
      font-size:14px;
   }

   .about-wrapper p.about-para-2 {
      margin-top:30px;
   }

   .about-wrapper p.about-para-4 {
      margin-top:23px;
   }

   .about-wrapper .contact-names {
      margin-top:25px;
   }

}


@media screen and (max-width: 1250px)  {

   .about-content {
      width:80%;   
   }

}

@media screen and (max-height: 650px) {
   .about-wrapper p.about-para-1, .about-wrapper p.about-para-4 {
      font-size:21px;
      line-height:21px;
      width:520px;
   }

   .about-wrapper p {
      font-size:13px;
      line-height:18px;
   }

   .about-wrapper p.about-para-2 {
      margin-top:15px;
   }

   .about-wrapper p.about-para-4 {
      margin-top:8px;
   }

   .about-wrapper p.main-social {
      margin-top:19px;
   }

   .about-wrapper .contact-names {
      margin-top:10px;
   }
}


.show-on-mobile {
   display:none;
}

@media screen and (max-width: 1000px) {

   .about-wrapper p.about-para-1, .about-wrapper p.about-para-4 {
      width:100%;
   }
   .about-wrapper p.contact-info {
      padding-bottom:20px;
      letter-spacing:1px;
   }


    .about-wrapper .anoa-credits {
      position: relative !important;
      margin-top: 150px !important;
    }


   .hide-on-mobile {
      display:none;
   }

   .show-on-mobile {
      display:inline;
   }

   .about-logos #about-row-top {
      height:23px;
   }

   .about-logos #about-row-top a {
      width:10%;
   }

   .about-logos #about-row-bottom a {
      width:8.6%;
   }

   .about-logos #about-row-top a:nth-child(2) img {
      bottom:-2px;
   }

   .about-logos #about-row-bottom a:nth-child(2) img {
      bottom:-2px;
   }

   .about-logos #about-row-bottom a:nth-child(3) img {
      bottom:-4px;
   }


   .about-logos {
      margin-bottom:20px;
   }

}


@media screen and (max-width: 700px) { 

   .about-logos #about-row-top a {
      width:20%;
   }

   .about-logos #about-row-bottom a {
      width:16.66%;
   }

   .about-logos #about-row-top {
      height:29px;
   }
}


@media screen and (max-height: 650px) {
.about-wrapper {
   overflow:auto;
}
}

@media screen and (max-width: 500px) { 

   .about-logos #about-row-top a img {
      width:80%;
   }

   .about-logos #about-row-top a:nth-child(2) img {
      left:1%;
   }

   .about-logos #about-row-top {
      height:20px;
   }

/*
   .about-logos a {
      text-align:left !important;
      width: auto;
      height: 23px;
   }

   .about-logos  a img {
      position:relative !important;
      right:unset !important;
      left: unset !important;
   }

   .about-logos #about-row-top {
      height:auto !important;
   }*/



}

@media screen and (max-width: 400px) { 
   .about-logos #about-row-top a img {
      width:90%;
   }

   .about-logos #about-row-top a:nth-child(2) img {
      left:5%;
   }

   .about-wrapper p.about-para-1, .about-wrapper p.about-para-4 {
      font-size:18px;
   }

   .about-logos #about-row-bottom a:nth-child(3) img {
      bottom:-3px;
   }

   .about-logos #about-row-top a img {
      left:13%;
   }
}

@media screen and (max-height: 550px) {
/*   .about-wrapper {
      height:650px;
   }*/

   .about-wrapper {
      height:650px;
   }

   .about-wrapper-inner {
      height:650px;
   }

   .page-template-page-bg-video-slider .grid-wrapper {
      top:650px !important;
   }

   body.pageOpen .video-slideshow-overlay {
      height:650px;
      -webkit-transition: 1300ms height;
      transition: 1300ms height;
      bottom:auto;
   }

   body.pageOpen .video-slideshow-overlay-2 {
      height:650px;
      -webkit-transition: 1300ms height;
      transition: 1300ms height;
      bottom:auto;      
   }

}
/*****************************************************************
*
* PROJECT GRID SECTION WRAPPERS
*
*****************************************************************/


.grid-wrapper, .line-production-wrapper {
/*    mix-blend-mode:exclusion;*/
    z-index:99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow:hidden;
    height: auto;
    max-height:0px;
    bottom:auto;
    opacity:1;
    z-index:9999;
    pointer-events:none;
    -webkit-transition: max-height 0ms 1000ms;
    transition: max-height 0ms 1000ms;
}


body.production-service-open .grid-wrapper, body.line-production-open .line-production-wrapper {
    -webkit-transition:visibility 0ms, height 0ms, opacity 1300ms 10ms;
    transition:visibility 0ms, height 0ms, opacity 1300ms 10ms;
    pointer-events:all;
    height:auto;
    opacity:1;
    max-height:5000px;
}

body.production-service-open .grid-wrapper, body.line-production-open .line-production-wrapper {
}

body.production-service-open {

}


.project-grid .project-wrapper {
    -webkit-transition:opacity 500ms;transition:opacity 500ms;
}

body .grid .grid-item:nth-child(1),
body .project-grid .project-wrapper:nth-child(2),
body .project-grid .project-wrapper:nth-child(3){-webkit-transition:opacity 200ms 300ms;transition:opacity 200ms 300ms;}
body .project-grid .project-wrapper:nth-child(4),
body .project-grid .project-wrapper:nth-child(5),
body .project-grid .project-wrapper:nth-child(6){-webkit-transition:opacity 200ms 200ms;transition:opacity 200ms 200ms;}
body .project-grid .project-wrapper:nth-child(7),
body .project-grid .project-wrapper:nth-child(8),
body .project-grid .project-wrapper:nth-child(9){-webkit-transition:opacity 200ms 100ms;transition:opacity 200ms 100ms;}
body .project-grid .project-wrapper:nth-child(10),body .project-grid .project-wrapper:nth-child(11),body .project-grid .project-wrapper:nth-child(12),
body .project-grid .project-wrapper:nth-child(13),body .project-grid .project-wrapper:nth-child(14),body .project-grid .project-wrapper:nth-child(15),
body .project-grid .project-wrapper:nth-child(16),body .project-grid .project-wrapper:nth-child(17),body .project-grid .project-wrapper:nth-child(18),
body .project-grid .project-wrapper:nth-child(19),body .project-grid .project-wrapper:nth-child(20),body .project-grid .project-wrapper:nth-child(21),
body .project-grid .project-wrapper:nth-child(22),body .project-grid .project-wrapper:nth-child(23),body .project-grid .project-wrapper:nth-child(24),
body .project-grid .project-wrapper:nth-child(25),body .project-grid .project-wrapper:nth-child(26),body .project-grid .project-wrapper:nth-child(27)
{-webkit-transition:opacity 200ms 0ms;transition:opacity 200ms 0ms;}


/*body .project-grid .project-wrapper:nth-child(1),
body .project-grid .project-wrapper:nth-child(2),
body .project-grid .project-wrapper:nth-child(3){-webkit-transition:opacity 200ms 300ms;transition:opacity 200ms 300ms;}
body .project-grid .project-wrapper:nth-child(4),
body .project-grid .project-wrapper:nth-child(5),
body .project-grid .project-wrapper:nth-child(6){-webkit-transition:opacity 200ms 200ms;transition:opacity 200ms 200ms;}
body .project-grid .project-wrapper:nth-child(7),
body .project-grid .project-wrapper:nth-child(8),
body .project-grid .project-wrapper:nth-child(9){-webkit-transition:opacity 200ms 100ms;transition:opacity 200ms 100ms;}
body .project-grid .project-wrapper:nth-child(10),body .project-grid .project-wrapper:nth-child(11),body .project-grid .project-wrapper:nth-child(12),
body .project-grid .project-wrapper:nth-child(13),body .project-grid .project-wrapper:nth-child(14),body .project-grid .project-wrapper:nth-child(15),
body .project-grid .project-wrapper:nth-child(16),body .project-grid .project-wrapper:nth-child(17),body .project-grid .project-wrapper:nth-child(18),
body .project-grid .project-wrapper:nth-child(19),body .project-grid .project-wrapper:nth-child(20),body .project-grid .project-wrapper:nth-child(21),
body .project-grid .project-wrapper:nth-child(22),body .project-grid .project-wrapper:nth-child(23),body .project-grid .project-wrapper:nth-child(24),
body .project-grid .project-wrapper:nth-child(25),body .project-grid .project-wrapper:nth-child(26),body .project-grid .project-wrapper:nth-child(27)
{-webkit-transition:opacity 200ms 0ms;transition:opacity 200ms 0ms;}

body.pageOpen .project-grid .project-wrapper:nth-child(1),
body.pageOpen .project-grid .project-wrapper:nth-child(2),
body.pageOpen .project-grid .project-wrapper:nth-child(3){-webkit-transition:opacity 1100ms 200ms;transition:opacity 1100ms 200ms;}
body.pageOpen .project-grid .project-wrapper:nth-child(4),
body.pageOpen .project-grid .project-wrapper:nth-child(5),
body.pageOpen .project-grid .project-wrapper:nth-child(6){-webkit-transition:opacity 1100ms 500ms;transition:opacity 1100ms 500ms;}
body.pageOpen .project-grid .project-wrapper:nth-child(7),
body.pageOpen .project-grid .project-wrapper:nth-child(8),
body.pageOpen .project-grid .project-wrapper:nth-child(9){-webkit-transition:opacity 1100ms 800ms;transition:opacity 1100ms 800ms;}
body.pageOpen .project-grid .project-wrapper:nth-child(10),body.pageOpen .project-grid .project-wrapper:nth-child(11),body.pageOpen .project-grid .project-wrapper:nth-child(12),
body.pageOpen .project-grid .project-wrapper:nth-child(13),body.pageOpen .project-grid .project-wrapper:nth-child(14),body.pageOpen .project-grid .project-wrapper:nth-child(15),
body.pageOpen .project-grid .project-wrapper:nth-child(16),body.pageOpen .project-grid .project-wrapper:nth-child(17),body.pageOpen .project-grid .project-wrapper:nth-child(18),
body.pageOpen .project-grid .project-wrapper:nth-child(19),body.pageOpen .project-grid .project-wrapper:nth-child(20),body.pageOpen .project-grid .project-wrapper:nth-child(21),
body.pageOpen .project-grid .project-wrapper:nth-child(22),body.pageOpen .project-grid .project-wrapper:nth-child(23),body.pageOpen .project-grid .project-wrapper:nth-child(24),
body.pageOpen .project-grid .project-wrapper:nth-child(25),body.pageOpen .project-grid .project-wrapper:nth-child(26),body.pageOpen .project-grid .project-wrapper:nth-child(27)
{-webkit-transition:opacity 1100ms 1100ms;transition:opacity 1100ms 1100ms;}
*/

/*
.project-grid .project-wrapper {
    -webkit-transition:opacity 500ms;transition:opacity 500ms;
}

body.pageOpen .project-grid .project-wrapper:nth-child(1),
body.pageOpen .project-grid .project-wrapper:nth-child(2),
body.pageOpen .project-grid .project-wrapper:nth-child(3){-webkit-transition:opacity 700ms 100ms;transition:opacity 700ms 100ms;}
body.pageOpen .project-grid .project-wrapper:nth-child(4),
body.pageOpen .project-grid .project-wrapper:nth-child(5),
body.pageOpen .project-grid .project-wrapper:nth-child(6){-webkit-transition:opacity 700ms 420ms;transition:opacity 700ms 420ms;}
body.pageOpen .project-grid .project-wrapper:nth-child(7),
body.pageOpen .project-grid .project-wrapper:nth-child(8),
body.pageOpen .project-grid .project-wrapper:nth-child(9){-webkit-transition:opacity 700ms 740ms;transition:opacity 700ms 740ms;}
body.pageOpen .project-grid .project-wrapper:nth-child(10),body.pageOpen .project-grid .project-wrapper:nth-child(11),body.pageOpen .project-grid .project-wrapper:nth-child(12),
body.pageOpen .project-grid .project-wrapper:nth-child(13),body.pageOpen .project-grid .project-wrapper:nth-child(14),body.pageOpen .project-grid .project-wrapper:nth-child(15),
body.pageOpen .project-grid .project-wrapper:nth-child(16),body.pageOpen .project-grid .project-wrapper:nth-child(17),body.pageOpen .project-grid .project-wrapper:nth-child(18),
body.pageOpen .project-grid .project-wrapper:nth-child(19),body.pageOpen .project-grid .project-wrapper:nth-child(20),body.pageOpen .project-grid .project-wrapper:nth-child(21),
body.pageOpen .project-grid .project-wrapper:nth-child(22),body.pageOpen .project-grid .project-wrapper:nth-child(23),body.pageOpen .project-grid .project-wrapper:nth-child(24),
body.pageOpen .project-grid .project-wrapper:nth-child(25),body.pageOpen .project-grid .project-wrapper:nth-child(26),body.pageOpen .project-grid .project-wrapper:nth-child(27)
{-webkit-transition:opacity 700ms 1060ms;transition:opacity 700ms 1060ms;}
*/

body.production-service-open .project-grid .project-wrapper, 
body.line-production-open .line-production-wrapper .project-grid .project-wrapper{
    opacity:1;
}


/*****************************************************************
*
* ISOTOPE GRID
*
*****************************************************************/


.grid-wrapper, .page-template-page-location-grid.locations .grid-wrapper {
    padding: 73px 10px 10px 10px;
    box-sizing: border-box;
}

.grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    opacity: 1;
    z-index: 9999;        
}



.grid-sizer,
.grid-item { 
    width: 33.33%;
}

.grid-item {
    padding:3px;
    box-sizing:border-box;
    -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
    opacity:0;
}

.grid-item.lazyloaded {
    opacity:1;
}
.grid-item a {
    display:inline-block;
    width: 100%;
    height:200px;
    height:calc((100vh - (73px + 3px + 18px)) / 3);
    position:relative;
    text-decoration: none;
}


.page-template-page-location-grid.locations .grid-item a {
   height:calc(100vh - 83px);
}

.grid-item a .project-bg {
    pointer-events: none;
    cursor: default;
    position:absolute;
    top:0;left:0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index:-1;        
}

.grid-item a:hover .project-bg {
    opacity:0.45;
    z-index:-1;        
}


.grid-item a .project-caption {
    z-index: 1;
    padding: 0 20px;
    box-sizing: border-box;
/*    position: absolute;
    right: 0;
    left: 0;*/
    width: 100%;
    opacity: 1;
    display:block;
    margin-top:calc(((100vh - (73px + 3px + 18px)) / 3) / 2);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    will-change:transform;
    -webkit-transition:transform 250ms ease-out;
    transition:transform 250ms ease-out;
}

.grid-item a:hover .project-caption {
   -webkit-transform: scale(1.1) translate(0,-50%);
   transform: scale(1.1) translate(0,-50%);
}


@media screen and (min-width: 1000px) {

   .grid-item a .project-caption {
      mix-blend-mode:exclusion;
   }

   .grid-item a:hover .project-caption {
       -webkit-transform:scale(1.1) translate(0,-50%);
       transform:scale(1.1) translate(0,-50%);
   }

   .grid-item a .project-bottom-text {
      -webkit-transform:scale(0.9) translate(0,-12px);
      transform:scale(0.9) translate(0,-12px);
      -webkit-transition:transform 250ms ease-out;
      transition:transform 250ms ease-out;
   }

   .grid-item a:hover .project-bottom-text {
      -webkit-transform:scale(1) translate(0,-12px);
      transform:scale(1) translate(0,-12px);
   }


   .grid-item a .project-bg-wrapper {
       z-index:-1;
       -webkit-transform:scale(1);
       transform:scale(1);
       will-change:transform;
       -webkit-transition:transform 250ms ease-out;
       transition:transform 250ms ease-out;
   }

   .grid-item a:hover .project-bg-wrapper {
       -webkit-transform:scale(0.9);
       transform:scale(0.9);  
   }

}

.locations .grid-item a .project-caption, .directors .grid-item a .project-caption {
    opacity:1;
}

.home .grid-item a .project-title, .directors .grid-item a .project-title {
   font-size:22px;
}

.page-template-page-location-grid.locations .grid-item a .project-caption {
    margin-top: calc(((100vh - 83px) / 2) - 8px);
}

.grid-item a:hover .project-caption {
    opacity:1;
}


.grid-item a .project-bottom-text {
    font-weight: 700;
    bottom: 3px;
    color: white;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 11px;
    letter-spacing: 1.5px;
    z-index: 9;
    opacity:1;
}

.grid-item a:hover .project-bottom-text {
    opacity:0.9;
}

.grid-item a .project-title {
    width: 100%;
    text-align: center;
    text-decoration: none;
    color:white;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform:uppercase;
}

.locations .grid-item a .project-title {
    font-size: 22px !important;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 15px;
}

.grid-item a .project-subtitle {
    width: 100%;
    text-align: center;
    color:white;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height:18px;
}     


.single-director .grid-item a .project-subtitle {
   opacity:0;
   display:none;
}

.single-director .grid-item a .project-title {
   font-size:18px;
}

@media only screen and (max-width: 1000px) {
   .page-template-page-location-grid.locations .grid-item a .project-caption {
      margin-top: calc(((100vh) / 2) - 8px);
   }
}
/*****************************************************************
*
* LOCATION GRID
*
*****************************************************************/
.location-wrapper {
    mix-blend-mode:exclusion;
    z-index:99;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events:none;
    display:none;
    width: 100%;
    overflow:hidden;
    height: 0%;
    z-index:9999;
    -webkit-transition:height 1300ms;
    transition:height 1300ms;
}

.location-wrapper .project-grid .project-wrapper {
    opacity:1 !important;
}

body.location-open .location-wrapper {
    height:100%;
    bottom:auto;
    opacity:1;
    pointer-events:all;
}
/*****************************************************************
*
* PROJECT GRID SECTION
*
*****************************************************************/

.project-grid {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 73px 10px 10px 10px;
    box-sizing: border-box;
}

.project-grid .project-wrapper {
    flex: auto;
    min-height: 33.3%;
    flex: 0 0 33.3%;
    padding: 3px;
    box-sizing: border-box;
    position: relative;
    text-align:center;
    opacity:0;
}


.project-grid .project-wrapper a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position:relative;
    text-decoration: none;
}

.project-grid .project-wrapper a .project-bg {
    pointer-events: none;
    cursor: default;
    position:absolute;
    top:0;left:0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index:9;
}

.project-grid .project-wrapper a:hover .project-bg {
    opacity:0.5;
    z-index:0;
}

.project-bg-wrapper{
     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;  
}

a .project-bg-2 {
   z-index:-2;
   position:absolute;
   top:0;left:0;
    opacity:0.74;
    background:black;
    width: 100%;
    height: 100%;

}

.project-grid .project-wrapper a .project-caption {
    z-index: 1;
    position: absolute;
    padding: 0 20px;
    box-sizing: border-box;
    top: 50%;
    width: 100%;
    opacity: 1;
    mix-blend-mode:exclusion;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    right: 0;
    left: 0;
}

.project-grid .project-wrapper a .project-bottom-text {
    mix-blend-mode:exclusion;
    font-weight: 700;
    bottom: 3px;
    color: white;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 11px;
    letter-spacing: 1.5px;
    z-index: 9;
    opacity:0.9;
}

.project-grid .project-wrapper a .project-title {
    width: 100%;
    text-align: center;
    text-decoration: none;
    color:white;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform:uppercase;
}

.project-grid .project-wrapper a .project-subtitle {
    width: 100%;
    text-align: center;
    color:white;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height:18px;
}



/*************************************************************
*
*
* MAGNIFICENT POPUP CUSTOMIZATIONS
*
*
**************************************************************/
.mfp-wrap {
    z-index:9999999;
}

.mfp-bg {
    z-index:9999999;
}

/***********************************************************
*
* Director Bio Customization
*
***********************************************************/

.mfp-inline-holder .mfp-content {
   width:900px;
   text-align:justify;
}

.mfp-inline-holder .bio-insta {
   padding-left: 15px;
   font-size: 15px;
}

.mfp-inline-holder .bio-insta a { 
   color:rgba(255,255,255,1);
   -webkit-transition:400ms all;
   transition:400ms all;
}

.mfp-inline-holder .bio-insta a:hover { 
   opacity:0.4;
}

.mfp-inline-holder .bio-title {
   font-size: 18px;
   font-weight: 800;
   letter-spacing: 2px;
   margin-bottom:20px;
}

.mfp-inline-holder  .mfp-close {
   color: white;
   font-size: 33px;
   top: -9px;
   right: -10px;
}

@media only screen and (max-width: 1100px) {
   .mfp-inline-holder .mfp-content {
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
      position:absolute;
      top:200px;
      left:0px;
   }

   .top-buttons {
      padding-top:29px;
   }
}

@media only screen and (max-width: 650px) {
   .top-buttons {
      bottom: 0px;
      padding-bottom: 19px !important;
      top:auto !important;
   }

   .top-buttons a.bio-button  {
      font-size: 18px;
      padding-top:0px;
   }
 }

/**************************************************************
*
*
* PHOTOSWIPE CUSTOMIZATIONS
*
*
**************************************************************/
.page-template-page-bg-video .pswp, .page-template-page-bg-video-slider .pswp {
    opacity:0;
    display:none;
    visibility:hidden;
}

.pswp {
    z-index:999999 !important;
}

.pswp__caption__center {
    width: auto;
    display: block;
    height: auto;
    line-height: 15px;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center !important;
    mix-blend-mode:exclusion;
}

body.gallery-open .grid-wrapper, body.gallery-open .grid-wrapper a, body.gallery-open .site-logo, body.gallery-open .site-logo a {
    pointer-events:none;
    -ms-touch-action: none;
    touch-action: none;
}


/**************************************************************
*
* 
* VIDEO GRID PAGE
*
*
***************************************************************/
body.video-grid,  {
    height:auto;
}
body.video-grid .grid-wrapper {
    -webkit-transition: none;
    transition: none;
    pointer-events: all;
    height: auto;
    opacity: 1;
    max-height: unset;
    position:relative;
}

body.video-grid .video-slideshow-overlay {
    bottom: 0% !important;
    opacity:1;
}

body.video-grid .video-slideshow-overlay-2 {
    bottom: 0%;
    opacity:1;
}

body.video-grid .blended-content-wrap {
    display:none;
}

body.video-grid .project-grid .project-wrapper {
    -webkit-transition:opacity 750ms;
    transition:opacity 750ms;
    opacity:0;
}

body.video-grid .site-logo a {
    line-height: 24px !important;
    height: 30px !important;
    font-size: 37px !important;
    letter-spacing: 4px !important;
}

body.video-grid .site-logo {
    top: 24px !important;
    right: 23px !important;
    -webkit-transform:none !important;
    transform:none !important;
    opacity:1 !important;
}

body.video-grid .menu-wrapper {
    opacity:1;
}


/**************************************************************
*
* 
* ABOUT PAGE
*
*
***************************************************************/


body.page-template-page-about .site-logo a {
    line-height: 24px !important;
    height: 30px !important;
    font-size: 37px !important;
    letter-spacing: 4px !important;
}


body.page-template-page-about .blended-content-wrap {
    display:none;
}

body.page-template-page-about .site-logo {
    top: 24px !important;
    right: 23px !important;
    -webkit-transform:none !important;
    transform:none !important;
}

body.page-template-page-about .menu-wrapper {
    opacity:1;
}

body.page-template-page-about .about-wrapper {
    height:100%;
}

body.page-template-page-about .video-slideshow-overlay, body.page-template-page-about .video-slideshow-overlay-2 {
    height:100%;
}


/*****************************************************************
*
*
* CATEGORY LIST
*
*
*****************************************************************/

.category-menu {
    position:fixed;
    top:0;
    left:0;
    width:auto;
    height:100%;
    z-index: 99999;
    mix-blend-mode:exclusion;
    padding-left:71px;
    padding-top:38px;
    box-sizing:border-box;
}

.sub-page-title {
    position: relative;
    opacity:0;
    display:none;
    pointer-events:none;
    text-transform:uppercase;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.sub-page-title.exit {
    opacity:0 !important;
}

.page-template-page-video-grid .sub-page-title {
    opacity:0 !important;
    pointer-events:none !important;
}

.sub-page-title a {
    width: auto;
    display: block;
    height: auto;
    line-height: 15px;
    color: white;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
}

.sub-page-title {
    opacity:1;
    display:block;
}

.category-list {
    position:absolute;
    bottom:0px;
    right:0px;
    top:0px;
    z-index:99999;
    width:auto;
    text-align:right;
    padding-right: 0px;
    padding-left:0px;
    box-sizing: border-box;
    margin-top:70px;
}

.category-list ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
    right:0px;
    position:absolute;
    top:50%;
    width:200px;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}

.category-list ul li {

}

.category-list ul li.bigger {
    padding-top:15px;
    text-transform:uppercase;
}

.category-list ul li.bigger a {
    font-size:17px;
}

.category-list ul li a {
    mix-blend-mode:exclusion;
    text-decoration:none;
    position: relative;
    width: auto;
    display: block;
    height: auto;
    line-height: 24px;
    color: white;
    opacity:0.5;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.category-list ul li a.selected {
    opacity:1;
    text-transform:uppercase;
}

.category-list ul li a:hover {
    opacity:1;
}

.video-grid .grid-wrapper{
    padding:73px 3px 3px 193px;
}

.category-list-button {
    mix-blend-mode:exclusion;
    position:fixed;
    text-transform:uppercase;
    left:0;right:0;
    bottom:0;
    height:50px;
    line-height:50px;
    z-index:99999;
    color: white;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
    text-align:center;
    cursor:pointer;
    opacity:0;
    display:none;
    pointer-events:none;
}
/*
.category-list-button:hover {
    background:rgba(0,0,0,0.6);
}
*/
.category-list-button-bg {
    background:rgba(0,0,0,0.5);
    z-index:9999;
    position:fixed;
    left:0;right:0;
    bottom:0;
    height:50px;
    line-height:50px;
    cursor:pointer;
    opacity:0;
    display:none;
    pointer-events:none;
}



/*******************************************
*
*
* COUNTRY CHOOSER
*
*
********************************************/

.country-chooser {
    mix-blend-mode: exclusion;
    position: fixed;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    z-index: 99999;
    text-align: center;
    cursor: default;
    -webkit-transition:opacity 300ms;
    transition:opacity 300ms;
    opacity: 0;
    display: none;
    pointer-events: none;
}

.country-chooser:focus {
   background:none;
}

.leavingPage .count-chooser {
   opacity:0 !important;

}

.country-chooser a {
    line-height: 50px;
    z-index: 99999;
    color: #fff;
    letter-spacing: .7px;
    font-weight: 600;
    font-size: 17px;
    opacity:0.4;
    text-decoration: none;
    -webkit-transition:all 300ms;
    transition:all 300ms;
    margin:0px 4px;
    display:inline-block;
    -webkit-transform:scale(1.0);
    transform:scale(1.0);

}

.country-chooser a.canada {
   -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
}

.country-chooser a.us {
   -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
}


.country-chooser a:focus {
   background:none;
}

.country-chooser a:hover {
   opacity:1;
}

.country-chooser a.selected {
   opacity:1;
   font-weight:700;
   font-size:19px;
/*   -webkit-transform:scale(1.1);
   transform:scale(1.1);*/
}

.country-chooser a.selected:hover {
   opacity:0.75;
}

.country-chooser-bg {
    background: rgba(0,0,0,.5);
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}


@media only screen and (max-width: 1000px) {

    .country-chooser {
       opacity: 1;
       display: block;
       pointer-events: all;
    }

    .country-chooser a {
      opacity:0.3;
    }

   .country-chooser a:hover {
      opacity:1;
   }

   .country-chooser a.selected {
      opacity:1;
   }

   .country-chooser a.selected:hover {
      opacity:1;
   }

   .home .country-chooser {
      opacity:0 !important;
      pointer-events:none;
   }

   .home .country-chooser-bg {
      opacity:0 !important;
      pointer-events:none;
   }

   .home.half-scrolled .country-chooser {
      opacity:1 !important;
      pointer-events:all;
   }

   .home.half-scrolled .country-chooser-bg {
      opacity:1 !important;
      pointer-events:all;
   }

   .home.half-scrolled.about-open .country-chooser, .home.half-scrolled.about-open .country-chooser-bg, .home.half-scrolled.about-open .country-chooser, .home.half-scrolled.about-open .menu-bg{
      display:none !important;
      pointer-events:none !important;

   }

}

@media only screen and (min-width: 1000px) {

    .home .country-chooser {
       opacity:0 !important;
       pointer-events:none;
    }

    .home.half-scrolled .country-chooser {
       opacity:1 !important;
       pointer-events:all;
    }

    .country-chooser-bg {
       opacity: 0;
       display: none;
       pointer-events: none;
    }

    .country-chooser {
        pointer-events: all;
        top:0px;
        width: auto;
        left: auto;
        display:block;
        right: auto;
        left:50%;
        -webkit-transform:translate(-50%,0);
        transform:translate(-50%,0);
        z-index:999999;
        height: 70px;
        padding: 20px 50px 0 50px;
        box-sizing: border-box;
    }

}

/*******************************************
*
*
* DOCUMENTARY PAGE CUSTOMIZATIONS
*
*
********************************************/

.documentary .grid-sizer, .documentary .grid-item {
    height:500px;
    height:100vh;   
    height:calc(100vh - 76px);
}

.documentary .grid-item a {
    height:100%;
}

.documentary .grid-item a .project-caption {
   display:none;
    margin-top:0;
    top:50%;
    position:absolute;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}

.documentary .category-list-button, .documentary .category-list-button-bg, .documentary .category-menu  {
    display:none;
}



/*******************************************
*
*
* DOCUMENTARY PAGE CUSTOMIZATIONS
*
*
********************************************/

.instagram-feed-controls {
   position: fixed;
   width:100%;
   bottom: 0px;
   right: 0px;
   z-index: 99999;
   mix-blend-mode:exclusion;
   -webkit-transition:transform 450ms;
   transition:transform 450ms;
   -webkit-transform:translate(0,100%);
   transform:translate(0,100%);   
}

/*
.page-template-page-bg-video .instagram-feed-controls, .page-template-page-bg-video-slider .instagram-feed-controls {
   z-index:9;
}
*/
.instagram-feed-controls.open {
   -webkit-transform:translate(0,0);
   transform:translate(0,0);
   pointer-events:all;
}

.instagram-feed-bg-dark {
   position:fixed;
   right:0px;bottom:0px;
   height:200px;
   width:100%;
   background:black;
   opacity:0.25;
   pointer-events:none;
   -webkit-transform:translate(0,100%);
   transform:translate(0,100%);
   -webkit-transition:transform 450ms;
   transition:transform 450ms;
   z-index:99999;
}

.instagram-feed-bg-dark.open {
   -webkit-transform:translate(0,0);
   transform:translate(0,0);
   pointer-events:all;
}

.instagram-feed-bg {
   position:fixed;
   right:0px;bottom:0px;
   height:200px;
   width:100%;
   background:white;
   opacity:1;
   pointer-events:none;
   -webkit-transform:translate(0,100%);
   transform:translate(0,100%);
   -webkit-transition:transform 450ms;
   transition:transform 450ms;
   z-index:99999;
   mix-blend-mode:exclusion;
}

.instagram-feed-bg.open {
   -webkit-transform:translate(0,0);
   transform:translate(0,0);
   pointer-events:all;
}

.instagram-feed {
   position:fixed;
   right:0px;
   bottom:0px;
   z-index:99999;
   height:auto;
   width:100%;
   -webkit-transform:translate(0,100%);
   transform:translate(0,100%);
   -webkit-transition:transform 450ms;
   transition:transform 450ms;
}

.instagram-feed.open {
   -webkit-transform:translate(0,0);
   transform:translate(0,0);
}

.instagram-feed .sbi_photo_wrap {
   opacity:1 !important;
}

.instagram-feed .sbi_photo_wrap:hover{
   opacity:0.75 !important;
}


.instagram-feed-controls .fa {
   font-size:30px;
   -webkit-transition:opacity 350ms;
   transition:opacity 350ms;
}

.instagram-feed-controls a {
   color:white;
   opacity:1;
   -webkit-transition:opacity 300ms;
   transition:opacity 300ms;
}

.instagram-feed-controls a:hover {
   opacity:0.4;
}

.instagram-feed-controls a:focus, .instagram-feed-controls a:active {
}

.instagram-feed-controls .insta-open-button {
   position:absolute;
   right: 12px;
   top: -49px;
   width: 55px;
   height: 55px;
   text-align: center;
   padding-top: 0px;
   box-sizing: border-box;
}

.instagram-feed-controls .insta-close-button {
   position: absolute;
   right: 0px;
   top: -63px;
   padding:15px;
}

.instagram-feed-controls .insta-open-button {
   opacity:1;
   pointer-events:all;
}

.instagram-feed-controls.open .insta-open-button {
   opacity:0;
   pointer-events:none;
}

.instagram-feed-controls .insta-close-button {
   opacity:0;
   pointer-events:none;
}

.instagram-feed-controls.open .insta-close-button {
   opacity:1;
   pointer-events:all;
}

.instagram-feed-controls.open .insta-close-button:hover {
   opacity:0.4;

}

#sb_instagram .sbi_info {
    display:none;
}

@media only screen and (max-width: 800px){
    #sb_instagram.sbi_tab_col_2 #sbi_images {
                grid-template-columns: repeat(4, 1fr) !important;
    }
}

.insta-title {
   opacity:0;
   position:absolute;
   top:-44px;left:9px;
   padding:10px 10px 0 10px;
   opacity:0;
   pointer-events:none;
   -webkit-transition:opacity 450ms;
   transition:opacity 450ms;
}

.instagram-feed-controls.open .insta-title {
   opacity:1;
   pointer-events:all;
}

.instagram-feed-controls .insta-title .fa {
   font-size:19px;
   padding-right:2px;
}

.insta-title a {
   font-weight:600;
   text-transform:uppercase;
   color:white;
   text-decoration:none;
   font-size: 14px;
   letter-spacing: 3px;
   opacity: 0.6;
}

.insta-title a:hover {
   opacity:1;
}

.insta-title a.insta-close-button {
   float:right;
}

#sb_instagram {
   padding-bottom:0px !important;
}

#sb_instagram .sbi_photo {
   opacity: 1 !important;
   background-size:100% !important;
}

.sbi_type_image {
   position:relative;
}

.sbi_type_image:after {
   content: "\f16d";
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   opacity:0;
   top: 50%;
   left: 50%;
   -webkit-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%);
   pointer-events:none;
   font-size:28px;
   mix-blend-mode:exclusion;
}

.sbi_type_image:hover:after {
   opacity:1;
}

#sb_instagram .sbi_type_carousel .sbi_photo_wrap .fa-clone {
   display:none !important;
}


/**************************************************************
*
* VIDEO SLIDER
*
***************************************************************/

.bg-video-slider {
   overflow: hidden;
   height: 100vh;
   width: 100%;
   position: relative;
}

.video-slide {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
   -webkit-transition: opacity 0s ease-out 240ms;
   -o-transition: opacity 0s ease-out 240ms;
   transition: opacity 0s ease-out 240ms;
}

.video-slide.active {
   -webkit-transition: opacity 240ms ease-out;
   -o-transition: opacity 240ms ease-out;
   transition: opacity 240ms ease-out;
   opacity: 1;
   z-index: 2;
}
/*
.video-slider-poster {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   opacity: 1;
   z-index:1;
   -webkit-transition:opacity 480ms;
   transition:opacity 480ms;
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
}

.loaded .video-slider-poster {
   opacity:0;
}*/

.video-slide-iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   pointer-events: none;
}

.bg-video-slider .slide-caption {
   position:fixed;
   bottom: 22px;
   left: 22px;
   opacity:0;
   pointer-events:none;
   z-index:9;
   color:white;
   mix-blend-mode:exclusion;
   text-decoration:none;
}

.bg-video-slider .slide-caption .slide-title {
   font-size: 13px;
   font-weight: 800;
   letter-spacing: 6px;
   line-height:14px;
}

.bg-video-slider .slide-caption .slide-subtitle {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    opacity: 0.8;
}

.bg-video-slider .video-slide.active .slide-caption {
   opacity:1;
   pointer-events:all;
}
/*
.bg-video-slider .video-slide.active .slide-caption:hover {
   opacity:0.5;
}
*/
/*
@media only screen and (max-width: 500px) {
   #sb_instagram.sbi_col_8 #sbi_images .sbi_item {
      width:50% !important;  
   }

}*/

@media only screen and (max-width: 1000px) {
    .documentary .grid-sizer, .documentary .grid-item {
        height: 500px;
        height: 100vh;
        height: calc(100vh - 6px);
    }

   .page-template-page-location-grid.locations .grid-item a {
      height:calc(100vh - 6px);
   }

   .instagram-feed-controls .insta-open-button {
      top: -40px;
   }

}




@media only screen and (min-width: 1000px) {

    .grid-wrapper {
        padding:73px 3px 3px 3px !important;
    }

    .category-list-button {
        opacity: 1;
        display: block;
        pointer-events: all;
        top:0px;
        width: auto;
        left: auto;
        opacity:0;
        right: auto;
        left:50%;
        -webkit-transform:translate(-50%,0);
        transform:translate(-50%,0);
        z-index:999999;
        height: 70px;
        padding: 20px 50px 0 50px;
        -webkit-transition:opacity 300ms;
        transition:opacity 300ms;
        box-sizing: border-box;
    }

    .category-menu {
        width:100%;
        text-align:center;
        padding: 0px;
        opacity:0;
        display:block;
        pointer-events:none;
        -webkit-transition:all 300ms;
        transition:all 300ms;
    }

    .category-list {
        width:100%;
    }

    .category-list ul {
        width:100%;
        text-align:center;
    }

    .category-list-button-bg {
        display:block;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;    
        pointer-events:none;
        -webkit-transition:all 220ms;
        transition:all 220ms;

    }

    .category-menu-open .category-list-button-bg {
        background:rgba(0,0,0,0.8);
        opacity: 1;
    }

    .category-menu-open .category-menu {
        opacity:1 !important;
        pointer-events:all;

    }

    .category-menu-open .grid-wrapper {
        max-height:100vh !important;
        overflow:hidden;
    }

}


@media only screen and (min-width: 1000px) {

    .menu-wrapper .menu-item a:hover {
        opacity:0.3 !important;
    }
/*
    .pageOpen .main-menu:hover .spacer2 {
        -webkit-transform:rotate(-45deg) translate(0,0px) scale(1.2) !important;
        transform:rotate(-45deg) translate(0,0px) scale(1.2) !important; 
    }


    .pageOpen .main-menu:hover .spacer3 {
        -webkit-transform:rotate(45deg) translate(0,0px) scale(1.2) !important;
        transform:rotate(45deg) translate(0,0px) scale(1.2) !important; 
    }

    .pageOpen .menu-spacer, .pageOpen .menu-item {
        left:0 !important;
        opacity:0 !important;
    }

    .pageOpen .menu-spacer.spacer2 {
        opacity:1 !important;
        -webkit-transform:rotate(-45deg) translate(0,0px) !important;
        transform:rotate(-45deg) translate(0,0px) !important;     
        top:4px !important;        
        width:3px !important;
        height:35px !important;
        left:20px !important;
    }

    .pageOpen .menu-spacer.spacer3 {
        opacity:1 !important;
        -webkit-transform:rotate(45deg) translate(0,0px) !important;
        transform:rotate(45deg) translate(0,0px) !important; 
        top:4px !important;  
        width:3px !important; 
        height:35px !important;
        left:20px !important;
    }

    .pageOpen .main-menu {
        width:35px !important;
        margin-left:15px !important;
    }

    .pageOpen .menu-wrapper {
        width:60px;
    }
*/

}

@media only screen and (max-width: 1200px) {

    .main-menu .menu-item a {
        letter-spacing:0.4px;
        font-size:16px;
    }

}

@media only screen and (max-width: 1000px) {

    .about-content {
        left:0px;
        -webkit-transform:translate(0,-50%);
        transform:translate(0,-50%);
        width:100%;
        padding: 0px 50px;
        box-sizing: border-box;
    }

    .project-grid .project-wrapper {
        flex: 0 0 50%;
    }

    .project-grid .project-wrapper a .project-bg {
        opacity:0.9;
    }

    .grid-wrapper, .line-production-wrapper {
        mix-blend-mode:normal;
    }

    .project-grid .project-wrapper a .project-title {
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 14px;
    }

    .project-grid .project-wrapper a .project-caption {
        z-index:99;
        mix-blend-mode:normal;
    }

    .video-slideshow-overlay-2 {
        background:rgba(0,0,0,0.85);
    }

    .project-grid .project-wrapper a .project-subtitle {
        font-weight:600;
        font-size:12px;
    }

    .project-grid .project-wrapper a .project-bottom-text {
        z-index:99;
        font-weight:600;
        mix-blend-mode:normal;
    }

    .vimeo-wrapper .iframe-wrapper {
        display:none;
    }

    .vimeo-wrapper .iframe-img-bg {
        display:block !important;
        opacity:1 !important;
    }
}

@media only screen and (max-width: 1000px) {

    .locations-back-button a {
        display:none !important;
    }

    .sub-page-title {
        display:none;
        pointer-events:none;
    }

    .mobile-page-title {
        display: block;
        opacity: 1;
        pointer-events:all;
    }

    .menu-wrapper {
        height:30px;
        width:35px !important;
        top: 24px;
        left: 25px;
    }



    .menu-wrapper .menu-item {
         pointer-events:none;
         left:0px;
    }

    .menu-wrapper.active .menu-item {
        pointer-events:all;
        left:0px;
        opacity:1 !important;
    }

    .main-menu, .pageOpen .main-menu {
        width:auto;
        margin:0px !important;
    }

    .main-menu .menu-spacer {
        -webkit-transform:rotate(-90deg) translate(7px,15px);
        transform:rotate(-90deg) translate(7px,15px);
    }


    .main-menu .menu-spacer.spacer1 {
        -webkit-transform:rotate(-90deg) translate(-8px,11px) !important;
        transform:rotate(-90deg) translate(-8px,11px) !important;
    }

    .main-menu .menu-spacer.spacer2{
        -webkit-transform:rotate(-90deg) translate(2px,11px) !important;
        transform:rotate(-90deg) translate(2px,11px) !important;
    }

    .main-menu .menu-spacer.spacer3 {
        -webkit-transform:rotate(-90deg) translate(12px,11px) !important;
        transform:rotate(-90deg) translate(12px,11px) !important;
    }

    .active .main-menu .menu-spacer.spacer1{
        -webkit-transform:rotate(-45deg) translate(9px,11px) !important;
        transform:rotate(-45deg) translate(9px,11px) !important;
        height:35px !important;
        width:4px !important;
        opacity:1 !important;
    }


    .active .main-menu .menu-spacer.spacer2{
        -webkit-transform:rotate(-135deg) translate(-7px, 14px) !important;
        transform:rotate(-135deg) translate(-7px, 14px) !important;
        top:6px !important;
        opacity:1 !important;
        width:4px !important;
        height:35px !important;
    }

    .active .main-menu .menu-spacer.spacer3{
        opacity:0 !important;
    }



    .menu-bg {
        height:100%;
        -webkit-transition:400ms opacity, 1800ms background;
        transition:400ms opacity, 1800ms background;
        opacity:0;
        z-index:999999;
        background: rgba(0,0,0,0.9);
        mix-blend-mode: normal;
        pointer-events:none;
    }

    .scrolled .menu-bg {
        opacity:0;
    }

    .menu-bg.active {
        opacity:1;
        pointer-events:all;
    }

    .video-slideshow-overlay {
        bottom:100% !important;
        display:none;
        opacity:0;
        -webkit-transition:opacity 400ms;
        transition:opacity 400ms;
    }

    .page-template-page-bg-video.pageOpen .video-slideshow-overlay , .page-template-page-bg-video-slider.pageOpen .video-slideshow-overlay {
        bottom: 0 !important;
        display: block;
        opacity: 1;
    }


    body.video-grid .video-slideshow-overlay {
        z-index: 9999;
        background-color: rgba(255, 255, 255, 0.9) !important;
        mix-blend-mode: normal;
        display:block;
        opacity:1;
        bottom:100% !important;
    }

    .video-slideshow-overlay-2 {
        background-color: rgba(0, 0, 0, 0.7) !important;
        opacity:1;
        -webkit-transition:opacity 400ms;
        transition:opacity 400ms;
    }

    .page-template-page-bg-video.video-slideshow-overlay-2, .page-template-page-bg-video-slider.video-slideshow-overlay-2  {
        opacity:0;
    }

    .pageOpen .video-slideshow-overlay-2 {
        background-color: rgba(255, 255, 255, 0.7);
        opacity:1;
    }

    .mobile-menu-open .blended-content-wrap {
        pointer-events:none;
    }

    .mobile-menu-open .grid-wrapper {
        max-height:100vh !important;
        overflow:hidden !important;
    }

    .main-menu .menu-item {
        position:fixed;
        width:100%;
        text-align:center;
    }

    .main-menu .menu-item:nth-child(1){
        top:20%;
    }

    .main-menu .menu-item:nth-child(3){
        top:35%;
    }

    .main-menu .menu-item:nth-child(5){
        top:50%;
    }
    .main-menu .menu-item:nth-child(7){
        top:65%;
    }

    .main-menu .menu-item:nth-child(9){
        top:80%;
    }


    .main-menu .menu-item.active a {
        opacity:0 !important;
    }

    .main-menu .menu-item a {
        opacity:0 !important;
    }

    .main-menu .menu-item.active {
        -webkit-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
    }

    .mobile-menu-open .main-menu .menu-item a {
        opacity:1 !important;
    }


    .page-template-page-bg-video-slider.pageOpen .grid-wrapper {
      position:fixed;
    }

    .about-wrapper .anoa-credits {
        margin-top:30px;
        height: 50px;
        position: fixed;
        bottom: 0px;
        right: 0px;
        text-align: left;
    }

    .about-wrapper p {
        line-height:20px;
    }

    .about-wrapper {
        bottom:auto;
    }

    .about-content {
        -webkit-transform: none;
        transform: none;
        top:100px;
        position:relative;
        padding:0px 20px 40px 20px;
    }

    .about-wrapper .social-media {
        height: 40px;
        margin-top: 25px;
    }

    .about-wrapper-inner {
        height:auto;
        position:relative;
    }

    .project-grid .project-wrapper {
        flex: none;
        width: 100%;
    }

    body.production-service-open .grid-wrapper, body.line-production-open .line-production-wrapper {
        max-height:unset;
    }

    .category-menu {
        opacity:0;
        display:none;
        mix-blend-mode:unset;
    }

    .category-menu-open .category-menu {
        opacity:1;
        display:block;

    }

    .category-menu-open .grid-wrapper {
        max-height:100vh !important;
        overflow:hidden;
    }

    .category-list  {
        position:fixed;
        top:0;left:0;
        width:100%;
        height:auto;
        min-height:100%;
        background:black;
        opacity:0.85;
        margin-top:0px;
        padding-top:70px;
    }

    .category-list ul {
        position:absolute;
        left:0;right:0;top:50%;
        width:100%;
        text-align:center;
        height: auto;
    }

    .category-list ul li a {
        opacity:0.8;
        line-height:32px;
    }

    .video-grid .grid-wrapper {
        padding:3px !important;
    }

    .grid-sizer, .grid-item {
        width:100%;
    }

    .grid-item a .project-caption {
        opacity:1;
    }

    .locations .grid-item a .project-bg, .video-grid .grid-item a .project-bg {
        opacity:0.5;   
    }

    .locations .grid-item a:hover .project-bg, .video-grid .grid-item a:hover .project-bg{
        opacity:1;   
    }

    .category-list-button-bg, .category-list-button {
        opacity:1;
        display:block;
        pointer-events:all;
    }

}

@media only screen and (max-width: 1000px) {

   .page-template-page-bg-video-slider.pageOpen .grid-wrapper {

   }


}

@media only screen and (max-width: 700px) {

   .about-wrapper .anoa-credits {
      margin-top:185px;
   }
}

@media only screen and (max-width: 600px) {

    .slide-details .details-top {
        font-weight: 700;
        letter-spacing: 1.5px;
    }


}

@media only screen and (max-width: 500px) {
    .menu-wrapper {
        top: 11px;
        left: 19px;
    }

    .page-template-page-bg-video .menu-wrapper, .page-template-page-bg-video-slider .menu-wrapper {
        top: 24px !important;
        left: 25px !important;
    }

    .mobile-page-title {
        top: 25px;
        left: 58px;
    }

   .page-template-page-bg-video .mobile-page-title, .page-template-page-bg-video-slider .mobile-page-title  {
        top: 38px;
        left: 71px;
    }

    .mobile-page-title a {
        font-size:14px;
    }

    body.video-grid .site-logo {
        top: 11px !important;
        right: 15px !important;
    }

}

@media only screen and (max-width: 450px) {
    .mobile-page-title a {
        font-size: 13px;
        letter-spacing: 0.7px;
    }
}

@media only screen and (max-width: 400px) {

    .mobile-page-title {
        top:11px;
    }

    .mobile-page-title a {
        width:115px;
    }

    .slide-details .details-top {
        font-weight: 600;
        letter-spacing: 1.2px;
    }

    .slide-details .details-text {
        margin-right:28px;
    }

    .slideshow-details {
        bottom: 10px;
        right: 15px;
    }

}


@media only screen and (max-height: 700px) {

    .category-list ul li a {
        line-height:22px;
    }


}

@media only screen and (max-height: 500px) {
    .category-menu {
        position:absolute;
        width:100%;
        height:auto;
        background:black;
        padding-left:0px;
        padding-top:0px;
        display:none;
        opacity:0;
        -webkit-transition:opacity 500ms;
        transition:opacity 500ms;
    }

    .category-list {
        position:relative;
        background:none;
    }

    .category-list ul {
        margin-top:10px !important;
        -webkit-transform:none;
        transform:none;
        top:0px;
        position:relative;
        padding-bottom:20px;
    }

    .category-list ul li a {
        line-height:35px;
    }

    .category-menu-open .category-menu {
        display:block;
        opacity:1;
    }

    .category-menu-open .grid-wrapper {
        max-height:100vh !important;
        overflow:hidden !important;
    }

}





/************** DEBUGGING ******************/
/*.vimeo-wrapper {
    opacity:1 !important;
    z-index:9;
    width:16.67%;
}

.vimeo-wrapper.video0{
    left:0;
}

.vimeo-wrapper.video1{
    left:16.67%;
}

.vimeo-wrapper.video2{
    left:33.1%;
}

.vimeo-wrapper.video3{
    left:49%;
}

.vimeo-wrapper.video4{
    left:65%;
}

.vimeo-wrapper.video5{
    left:81%;
}

.vimeo-wrapper.video6{
    left:90%;
}


/*BLOGS*/

.blog-items-container{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    border:1px solid red;
    gap:20px;
}

.blog-item{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.blog-item p{
    text-align:right;  
    padding:0px;
    margin:0px;
}

.blog-item h3{
    padding:0px;
    margin:0px;
}