html,
body{height:100%;}
@font-face{font-family:'OblikBold';src:url('oblik_bold-webfont.eot');src:url('oblik_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('oblik_bold-webfont.woff') format('woff'),
url('oblik_bold-webfont.ttf') format('truetype'),
url('oblik_bold-webfont.svg#OblikBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OblikRegular';src:url('oblik_regular-webfont.eot');src:url('oblik_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('oblik_regular-webfont.woff') format('woff'),
url('oblik_regular-webfont.ttf') format('truetype'),
url('oblik_regular-webfont.svg#OblikRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OblikLight';src:url('oblik_light-webfont.eot');src:url('oblik_light-webfont.eot?#iefix') format('embedded-opentype'),
url('oblik_light-webfont.woff') format('woff'),
url('oblik_light-webfont.ttf') format('truetype'),
url('oblik_light-webfont.svg#OblikLight') format('svg');font-weight:normal;font-style:normal;}
body{font-family:OblikRegular, Helvetica, Arial, sans-serif;font-size:16px;color:black;margin:0;line-height:1.5;text-transform:uppercase;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
h1,
h2,
h3,
h4,
h5,
h6{margin:0;padding:0;line-height:1;font-weight:normal;}
::selection{color:#ebebe3;background:#222;}
::-moz-selection{color:#ebebe3;background:#222;}
.fill{position:absolute;bottom:0;right:0;left:0;top:0;}
.cover{background-repeat:no-repeat;background-position:center;background-size:cover;}
a{color:black;text-decoration:none;outline:none;}
a:hover{color:black;}
a img{border:none;}
#container{min-height:100%;}
#header{position:fixed;top:0;left:0;width:100%;text-align:center;z-index:110;height:54px;}
.entry a{text-decoration:underline;}
.entry a:hover{color:#666;}
.menu{line-height:0;font-size:0;}
.menu li{display:inline-block;line-height:1.5em;font-size:16px;padding:10px 0;}
.menu li.faded a{opacity:0.4;}
.sub-menu a{border:2px solid transparent;}
.sub-menu .current-menu-item a,
.sub-menu .current-page-ancestor a{border-color:#000;}
body .sub-menu .current-menu-item.faded a,
body .sub-menu .current-page-ancestor.faded a,
body .page-title .sub-menu .current-menu-item.faded a,
body .page-title .sub-menu .current-page-ancestor.faded a{color:#000;border-color:transparent;}
.page-title .sub-menu li:hover a,
.page-title .sub-menu li.active a{border-color:#fff;color:#fff;}
.about-team .page-title .sub-menu li:hover a,
.about-us .page-title .sub-menu li:hover a{border-color:#000;color:#000;}
#header .sub-menu li:hover a,
#header .sub-menu li:hover a{border-color:#000;}
#header .sub-menu li{padding-bottom:0;}
.directors-menu-opened .main-menu > li a,
.projects-menu-opened .main-menu > li a{opacity:0.4;}
.directors-menu-opened .main-menu .menu-item-34 a,
.projects-menu-opened .main-menu .menu-item-35 a{opacity:1;}
.menu a{display:inline-block;padding:0 10px;padding-top:10px;}
.fixed-menu{background:#fff;}
.main-menu{box-sizing:border-box;display:inline-block;background:#fff;height:54px;padding:0;margin:0;}
#mobile-menu{text-align:center;display:none;background:#fff;min-height:100vh;}
#mobile-menu .socials{text-align:center;position:absolute;z-index:10;bottom:80px;right:0;left:0;}
#mobile-menu .socials a{display:inline-block;margin:5px;}
#mobile-menu .socials a .svg{height:20px;width:20px;}
.fixed-menu .socials{display:inline-block;position:relative;top:-2px;}
.fixed-menu .socials .svg,
.contact .social-media .svg{vertical-align:middle;width:15px;height:15px;}
.fixed-menu .socials a,
.contact .social-media a{margin:0 8px;}
.contact .social-media a:hover .svg *{fill:#666;}
#header .fixed-menu,
#mobile-menu{-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:100;}
.page-title .directors-menu,
.page-title .projects-menu{margin-top:-1px;}
.directors-menu,
.projects-menu{z-index:99;display:none;}
.menu-opened #header .fixed-menu,
.menu-opened #mobile-menu{-webkit-transform:translateY(0);transform:translateY(0);}
.menu-opened #logo .svg *{fill:#000;}
.menu-opened #hamburger .svg *{fill:#000;}
.menu-opened #hamburger .open{display:none;}
.menu-opened #hamburger .close{display:block;}
.sub-menu{position:absolute;padding:0;width:100%;top:100%;left:0;}
.sub-menu li{padding:10px 20px;padding-top:5px;}
.page-title .sub-menu li{padding-top:0;}
.sub-menu li a{padding:2px 15px;line-height:0.9em;padding-top:8px;}
#header .directors-menu,
#header .projects-menu{visibility:hidden;z-index:100;background:#fff;margin:0;}
#header .directors-menu li,
#header .projects-menu li{opacity:0;}
.menu-opened #header .directors-menu,
.menu-opened #header .projects-menu{visibility:visible;}
.menu-opened #header .directors-menu li,
.menu-opened #header .projects-menu li{opacity:1;}
.directors-menu-opened .main-menu,
.projects-menu-opened .main-menu{height:108px;}
.projects-menu{display:none;}
#logo{position:absolute;padding:4px 20px;line-height:0;font-size:0;z-index:110;left:0;top:0;}
#hamburger{position:absolute;cursor:pointer;padding:20px;right:0;top:0;z-index:110;}
#hamburger .close{display:none;}
.menu-opened #hamburger .close{display:block;}
.menu-opened #hamburger .open{display:none;}
.header-titles .title{font-family:OblikBold, Helvetica, Arial, sans-serif;font-size:28px;padding:5px 0 6px;}
.home .header-titles{display:none}
.slide-grid{position:relative;text-align:center;font-size:0;z-index:10;}
.slide-block{display:inline-block;text-align:center;font-size:16px;height:33vh;width:15%;}
.slide-block.faded .meta{opacity:0.5;}
.slide-block:hover .meta{-webkit-transform:scale(1.05);transform:scale(1.05);}
.slide-block .meta{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;height:100%;width:100%;}
.slideshow{position:absolute;overflow:hidden;background:#000;z-index:0;bottom:0;right:0;left:0;top:0;}
.slides .slide,
.slideshow .slide{background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;bottom:0;right:0;left:0;top:0;}
.slideshow .slide video{position:absolute;height:auto;width:auto;min-height:100%;min-width:100%;bottom:50%;right:50%;-webkit-transform:translateX(50%) translateY(50%);transform:translateX(50%) translateY(50%);object-fit:cover;}
@-webkit-keyframes GradientFlip{0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
@-moz-keyframes GradientFlip{0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
@keyframes GradientFlip{0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
.gradient-blue-pink #container,
.gradient-blue-pink .slide.blank{background-image:url('../images/shoes.jpg');background-size:100% 100%;-webkit-animation:GradientFlip 20s ease infinite;-moz-animation:GradientFlip 20s ease infinite;animation:GradientFlip 20s ease infinite;}
.gradient-red-yellow #container,
.gradient-red-yellow .slide.blank{background:linear-gradient(180deg, #e45458, #efd73e);background-size:300% 300%;-webkit-animation:GradientFlip 20s ease infinite;-moz-animation:GradientFlip 20s ease infinite;animation:GradientFlip 20s ease infinite;}
.gradient-white-red #container,
.gradient-white-red .slide.blank{background:linear-gradient(180deg, #ffffff, #e45559);background-size:300% 300%;-webkit-animation:GradientFlip 20s ease infinite;-moz-animation:GradientFlip 20s ease infinite;animation:GradientFlip 20s ease infinite;}
.gradient-blue-white,
.gradient-blue-white .slide.blank{background:linear-gradient(180deg, #76afcc, #ffffff);background-size:300% 300%;-webkit-animation:GradientFlip 20s ease infinite;-moz-animation:GradientFlip 20s ease infinite;animation:GradientFlip 20s ease infinite;}
.gradient-red-white,
.gradient-red-white .slide.blank{background:linear-gradient(180deg, #fd0000, #ffffff);background-size:300% 300%;-webkit-animation:GradientFlip 40s ease infinite;-moz-animation:GradientFlip 40s ease infinite;animation:GradientFlip 40s ease infinite;}
.about-us .image{background-color:#919ab0;}
.background-white #header,
.background-white{background-color:#fff;}
.background-black #header,
.background-black{background-color:#000;}
.background-white,
.background-white a,
.background-white .header-titles{color:#000;}
.background-white .svg *{fill:#000;}
#content.home,
#content.home a{color:#fff;}
#content.directors-grid{overflow:hidden;height:100vh;width:100vw;}
.home .title,
.directors-grid .title{font-family:OblikBold, Helvetica, Arial, sans-serif;font-size:28px;margin:13px 0 15px;}
.home .slide-grid{position:absolute;}
#content.home > section{position:relative;overflow:hidden;min-height:100vh;}
.home section.text .entry{text-align:center;margin:auto;max-width:980px;}
.home section.text{text-align:center;padding:30px 30px 220px 30px;}
.home .entry h4{text-transform:uppercase;font-weight:700;font-size:28px;}
.home .text .credits{text-transform:uppercase;margin-top:60px;}
.home .down-button{position:absolute;cursor:pointer;margin:auto;padding:10px;width:40px;z-index:10;bottom:0;right:0;left:0;}
.home .down-button .svg *{fill:#fff;}
.address-block{position:relative;background-color:#ffffff;margin-top:-196px;font-size:18px;padding:45px;}
.address-block .info{overflow:hidden;margin:auto;max-width:980px;}
.address-block .info > div{font-family:OblikRegular;text-align:center;float:left;width:33.33%;}
.address-block .address{line-height:1;}
.address-block .tel{margin-top:15px;}
.address-block .email{text-decoration:underline;text-transform:none;}
.address-block .general h3{margin-bottom:13px;}
.address-block h3{font-family:OblikBold, sans-serif;margin-bottom:5px;font-weight:700;font-size:28px;}
#content.player-page{background:#000;height:100vh;}
.player-page .page-title a{color:#fff;}
.player-page .page-title a:hover{color:#d1d1d1;}
.player-page .page-title{color:#fff;}
#content.player-page .video{position:absolute;min-height:400px;bottom:80px;right:80px;left:80px;top:120px;}
.player-page .video iframe,
section.gallery .video iframe{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;}
.player-page .close{display:inline-block;position:absolute;padding:5px;font-size:0;z-index:120;top:-25px;right:0;}
.player-page .close .svg *{fill:#fff;}
.player-page .meta{position:absolute;text-align:center;padding-bottom:45px;color:#fff;width:100%;bottom:0;left:0;}
.player-page .meta a{text-decoration:underline;color:#fff;}
.slideshow{opacity:0;}
.grid-active .slideshow{opacity:1;}
#content.directors-grid{height:100vh;}
.directors-grid .slide-grid{height:100%;}
.directors-grid{padding-top:110px;}
.project-grid .page-title,
.directors-grid .page-title{padding-bottom:15px;padding-right:15px;padding-left:15px;}
.page-title select:focus{outline:none;}
.page-title select{display:none;background-position:center top;}
.director-grid .header-titles{position:absolute;text-align:center;padding:25px;color:#fff;right:0;left:0;}
.directors-grid,
.directors-grid a{color:#fff;}
.directors-grid .title{font-size:22px;margin:0 auto;}
.directors-grid .client{display:none;}
.directors-grid .directors-menu{display:block;}
.directors-grid .menu a{color:#000;}
.directors-grid .menu .current-menu-item a,
.directors-grid .current-page-ancestor a{border-color:#fff;}
.directors-grid .menu .current-menu-item a,
.directors-grid .current-page-ancestor a{color:#fff;}
.directors-grid .slide-block{width:25%;height:25%;}
.directors-grid-page .header-titles .title,
.directors-grid-page .header-titles .credit{display:none}
.menu-opened .page-title{opacity:0;}
.directors-grid .page-title,
.project-grid .page-title{position:absolute;padding-top:22px;}
.page-title{position:fixed;text-align:center;padding-top:22px;z-index:5;right:0;left:0;top:0;}
.page-title h2{font-family:OblikBold, Helvetica, Arial, sans-serif;font-size:28px;}
.page-title h3{font-size:18px;}
#content.director-details > p,
#content.director-details > br{display:none;}
.director-details-page #header{background-color:transparent;height:120px;}
.director-details .entry iframe{max-width:100%;}
.page-title{z-index:110;right:170px;left:170px;}
.page-title a:hover{color:#666;}
.menu-opened .page-title{z-index:1;}
.director-detail.menu-opened .page-title{z-index:1;}
.director-details-page #container{height:100%;}
.director-details-page .reel{left:20px;}
.director-details-page .pagination .page-number{padding:0 5px;}
.director-details .gallery-item img{opacity:0;}
.director-details section,
.contact section{overflow:hidden;position:relative;height:100vh;}
.contact section:first-of-type h3{text-align:center;}
.contact section:first-of-type{display:-webkit-flex;display:flex;}
.contact section:first-of-type .entry{max-width:none;padding:40px 0;}
.contact .entry .connect{text-transform:uppercase;text-align:center;margin-bottom:80px;line-height:1.5em;font-size:16px;width:100%;}
.contact .entry .connect label,
.contact .entry .connect span{vertical-align:middle;margin-right:6px;}
.contact .entry .connect a{text-decoration:none;}
.contact .connect .newsletter{position:relative;margin-left:20px;}
.contact .connect .social-media,
.contact .connect .newsletter,
.contact .connect .links{display:inline-block;}
.contact .connect input{background:none;border:none;}
.contact .connect input:focus{outline:none;}
.contact .connect input[type="email"]{vertical-align:middle;border:1px solid #000;display:inline-block;margin-top:-7px;width:245px;padding:5px;}
.contact .connect input[type="submit"]{position:absolute;cursor:pointer;background-image:url('images/icon-circled-arrow.svg');background-position:center center;background-repeat:no-repeat;width:30px;right:0;top:0;}
.contact .connect .links a{vertical-align:middle;display:inline-block;}
.contact .image-slideshow .slide{position:relative;height:100%;width:100%;}
section.gallery{overflow:hidden;}
.gallery .cycle-pager{position:absolute;text-align:center;z-index:135;bottom:35px;right:0;left:0;}
.gallery .cycle-pager span{cursor:pointer;font-size:34px;padding:0 4px;opacity:0.5;color:#cbcbcb;}
.gallery .cycle-pager span.cycle-pager-active{opacity:1;color:#fdf7cb;}
.director-details .video-embed{position:absolute;bottom:120px;right:120px;left:120px;top:150px;}
.director-details .video-embed iframe,
.director-details .video-embed .video-overlay{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;}
.director-details .video-embed .video-overlay{background:rgba(0, 0, 0, 0.6);z-index:10;}
.video-overlay .counter{font-family:OblikBold;text-align:center;margin:auto;background:rgba(0, 0, 0, 0.4);border-radius:100%;font-size:42px;padding:8px;height:80px;width:80px;color:#fff;}
.browse .label{will-change:opacity;}
.director-details .browse{display:inline-block;position:fixed;padding:20px;font-size:0;top:50%;left:0;}
.director-details .browse .label{-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg);-webkit-transform-origin:center;transform-origin:center;position:absolute;text-align:center;margin-left:-15px;margin-top:-15px;font-size:16px;width:150px;opacity:0;top:50%;left:0;}
.director-details .browse.next .label{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);margin-left:-80px;}
.director-details .browse:hover .label{opacity:1;}
.gallery-focus .director-details .browse{opacity:0;}
.director-details .browse.next{left:auto;right:0;}
.director-details .bottom{position:fixed;height:65px;width:100%;bottom:0;left:0;}
.director-details section.bio .image{position:absolute;bottom:0;left:0;top:0;}
section.bio{background:#fff;}
section.bio-awards{display:-webkit-flex;display:flex;background:#f1f1f1;}
.bio-awards .entry{text-align:center;margin:auto;padding:110px 75px;line-height:1.5em;}
.bio-awards .entry p{margin:0;}
.bio-awards .entry h2{font-weight:600;margin-bottom:15px;}
.bio-awards .entry a:hover{color:#000;}
.bottom .pagination{position:absolute;text-align:center;padding:25px;right:0;left:0;top:0;}
.bottom .bio{float:right;}
.bottom .bio,
.bottom .reel{display:inline-block;padding:25px;}
.director-details .text-block{text-transform:none;}
.director-details section .next{right:0px;}
.director-details section .prev{left:0px;}
.director-details .image-gallery{position:relative;overflow:hidden;background:#ff0000;}
.director-details .gallery-caption{text-transform:none;margin:0 auto;padding:20px 0;width:600px;}
.director-details .gallery-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;}
.director-details .image-gallery{height:100%;}
.director-details .outer{padding-top:80px;}
section.text{display:-webkit-flex;display:flex;}
section .entry{text-align:justify;text-transform:none;margin:auto;max-width:700px;}
.director-detail #logo .svg *,
.director-detail #hamburger .svg *{fill:#000;}
.project-tree .case-footer .left,
.project-tree .case-footer .right{display:none;}
.director-detail .case-footer{position:fixed;bottom:0;right:0;left:0;}
.director-detail .case-footer .close{display:none;}
.biography.director-detail .case-footer .close{display:block;}
.biography .case-footer .close-icon{display:none;}
.bio-focus .case-footer .left,
.bio-focus .case-footer .right,
.bio-focus .browse{opacity:0;}
.bio-title{position:absolute;right:0;left:0;}
.bio-title,
.bio-focus .main-title,
.bio-focus .page-title .client{opacity:0;}
.bio-focus .bio-title{opacity:1;}
.project-tree .thumb-tray{display:none;}
.case-footer .thumb-tray{display:none;}
.director-detail.preview-tray .case-footer .thumb-tray{display:block;}
.case-footer .links,
.about-footer .links{position:absolute;width:100%;height:0;bottom:0;left:0;}
.case-footer .links a,
.case-footer .links .text{font-family:'OblikBold', Helvetica, Arial, sans-serif;font-size:24px;}
.thumb-overlay{background:rgba(255, 255, 255, 0.8);position:fixed;z-index:-1;opacity:0;bottom:0;right:0;left:0;top:0;}
.tray-open .thumb-overlay.fade{opacity:0;}
.tray-open .thumb-overlay{z-index:0;opacity:1;}
.thumb-tray{position:absolute;text-align:center;background:#fff;line-height:0;font-size:0;bottom:0;right:0;left:0;padding:0 60px;box-sizing:border-box;}
.project-tree .thumb-tray{-webkit-transform:translateY(168px);transform:translateY(168px);}
.thumb-tray .background{position:absolute;background:#000;height:105px;right:0;left:0;top:0;}
.thumb-tray .thumb-wrap{display:inline-block;overflow:hidden;height:168px;}
.thumb-tray .thumb-wrap:hover .thumb-block.active,
.thumb-tray .thumb-block{opacity:0.4;}
.thumb-tray .thumb-block.active,
.thumb-tray .thumb-wrap:hover .thumb-block:hover{opacity:1;}
.thumb-tray .thumb-block{float:left;display:inline-block;vertical-align:top;position:relative;overflow:hidden;line-height:1.5em;font-size:16px;width:170px;z-index:1;}
.thumb-tray .thumb-wrap:hover .thumb-block.active .title{-webkit-transform:scale(0.95);transform:scale(0.95);}
.thumb-tray .thumb-block.active .title,
.thumb-tray .thumb-wrap:hover .thumb-block:hover .title{-webkit-transform:scale(1);transform:scale(1);}
.thumb-tray .title{-webkit-transform:scale(0.95);transform:scale(0.95);text-align:center;padding:14px 0;height:62px;}
.thumb-tray .title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;line-height:1.3em;}
.thumb-tray .thumbnail{margin:5px 0;width:170px;height:96px;}
.thumb-tray .scroll.disabled{display:none !important;}
.thumb-tray .scroll{position:absolute;cursor:pointer;padding:15px;margin-top:-55px;z-index:10;top:50%;}
.thumb-tray .scroll .svg *{fill:#fff;}
.thumb-tray .scroll.next{right:0;}
.thumb-tray .scroll.prev{left:0;}
section.gallery{z-index:0;}
section.gallery .gallery-controls{position:absolute;z-index:130;bottom:0;right:0;left:0;top:0;}
section.video-focus .cycle-slide-active{z-index:130 !important;}
section.video-focus .cycle-slide-active iframe{z-index:135 !important;}
.gallery-controls .prev{cursor:url(./images/icon-caret-left-thick.svg), auto;right:50%;}
.gallery-controls .next{cursor:url(./images/icon-caret-right-thick.svg), auto;left:50%;}
.gallery-image{height:100%;width:100%;}
.gallery-image .image,
.gallery-image .video{background-position:center center;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:130px;right:170px;left:170px;top:130px;}
.gallery-image .video{z-index:140;}
.gallery-image .image .caption{text-align:center;position:absolute;padding:20px;top:100%;right:0;left:0;}
.project-tree .page-title .sub-menu .current-menu-item a{border-color:#fff;color:#fff;}
#content.project-grid{padding:0 25px;padding-top:110px;line-height:0;font-size:0;}
.project-grid .page-title{position:absolute;}
#content .projects-menu{display:block;}
.project-grid #logo .svg *,
.project-grid #hamburger .svg *{fill:#000;}
.project-block{display:inline-block;position:relative;padding-bottom:18.75%;line-height:1.5em;font-size:16px;width:33.33%;height:0;}
.project-block .meta{z-index:5;}
.project-block .meta .title{font-family:OblikBold, Helvetica, Arial, sans-serif;line-height:1.3em;font-size:22px;}
.project-block .meta .title span{display:block;}
.project-block .meta .credit{line-height:1.2em;margin-top:5px;}
.project-block .meta .credit.second{margin-top:0;}
.project-block .inner-wrap .meta{text-align:center;margin:auto;color:#fff;}
.project-block .inner-wrap{display:-webkit-flex;display:flex;bottom:5px;right:5px;left:5px;top:5px;}
.project-block .overlay{background-color:rgba(0, 0, 0, 0.75);color:#fff;opacity:0;}
.project-block .video iframe{z-index:10;height:100%;width:100%;}
.project-block.playing .video{z-index:10;opacity:1;}
.project-block .video{opacity:0;}
.project-block .active-controls .view,
.project-block .active-controls .close{background:rgba(0, 0, 0, 0.3);}
.project-block .view,
.project-block .close{color:#fff;}
.project-block .close,
.project-block .play,
.project-block .view{display:inline-block;border:1px solid #fff;line-height:1.2em;margin:0 7px;}
.project-block .active-controls{position:absolute;text-align:center;margin-top:-15px;z-index:20;opacity:0;top:50%;left:0;right:0;}
.project-block.playing:hover .active-controls{opacity:1;}
.project-block .play,
.project-block .close{cursor:pointer;padding:0 25px;padding-top:7px;}
.project-block .view{padding:0 10px;padding-top:7px;}
.project-block .buttons{text-align:center;position:absolute;padding:35px;bottom:0;right:0;left:0;}
.project-block .overlay a{color:#fff;}
.project-block:hover .overlay{opacity:1;}
.bio .image,
.the-team .image{background-position:center top;position:fixed;float:left;height:100vh;width:50%;}
.bio .text{text-transform:none;}
.bio .text,
.the-team .text{display:-webkit-flex;display:flex;float:right;min-height:100vh;width:50%;}
#content.bio,
#content.the-team{overflow:hidden;}
.bio .entry,
.the-team .entry{box-sizing:border-box;text-align:justify;margin:auto;padding:110px 75px;}
.about-team #container,
.biography #container{position:relative;}
.biography .case-footer .bio-link{display:none;}
.biography .case-footer .counter{display:none;}
.about-footer,
.biography .case-footer{position:absolute;bottom:0;right:0;left:0;}
.biography #container{overflow:hidden;}
.white-gradient{background:url('images/gradient-clip.png');background-position:left top;background-repeat:repeat-x;}
.case-footer .links,
.about-footer .links{z-index:1;}
.case-footer .right,
.about-footer .right{position:absolute;bottom:0;right:0;}
.case-footer .right,
.case-footer .left,
.about-footer .right,
.about-footer .left{padding:19px 20px;line-height:18px;font-size:18px;}
.case-footer .right,
.about-footer .right{float:right;}
.case-footer .reel-link{cursor:pointer;}
.case-footer .icon{line-height:0;font-size:0;display:none;}
.case-footer .reel-link .icon .svg{height:22px;width:22px;}
.case-footer .right .icon .svg{height:25px;width:20px;}
.tray-open .case-footer .reel-link .text{border-bottom:2px solid #000;}
.case-footer .left,
.about-footer .left{position:absolute;bottom:0;left:0;}
.case-footer .counter .up.inactive,
.case-footer .counter .down.inactive{opacity:0.25;}
.case-footer .counter .up,
.case-footer .counter .down{cursor:pointer;}
.case-footer .counter .numbers{margin:0 10px;}
.case-footer .counter{position:absolute;text-align:center;display:none;margin:auto;padding-bottom:15px;width:100px;bottom:0;right:0;left:0;}
.tray-open .counter{opacity:0;-webkit-transition:none;transition:none;}
.case-footer .counter > div{display:inline-block;}
body.about,
body.team-member{background:#ebebeb;}
.team-member .menu .current-menu-item a,
.about .menu .current-menu-item a{border-color:#000;color:#000;}
.team-member .page-title,
.about .page-title{padding-bottom:15px;}
.about #logo .svg *,
.about #hamburger .svg *,
.team-member #logo .svg *,
.team-member #hamburger .svg *{fill:#000;}
.about .entry h2{font-family:OblikBold, Helvetica, Arial, sans-serif;text-transform:uppercase;}
.about .image{background-position:center top;position:fixed;height:100vh;width:50%;left:0;}
.about .text{display:-webkit-flex;display:flex;float:right;clear:both;height:100vh;width:50%;}
.about .entry{box-sizing:border-box;text-align:justify;text-transform:none;margin:auto;line-height:1.3em;font-size:14px;padding:75px;}
.team-member .entry{padding:120px 75px;}
.about-footer a.active span{border-bottom:2px solid #000;}
.category #hamburger .svg *,
.category #logo .svg *{fill:#000;}
.category .post-block .inner-block{border:3px solid transparent;}
.post-block .img-wrap{position:relative;letter-spacing:0;line-height:0;font-size:0;}
.post-block .img-wrap .custom-video{display:-webkit-flex;display:flex;cursor:default;z-index:3;}
.post-block .overlay{display:-webkit-flex;display:flex;cursor:default;background:rgba(0, 0, 0, 0.35);z-index:4;opacity:0;}
.post-block .img-wrap:hover .overlay{opacity:1;}
.post-block .overlay .play-button{cursor:pointer;margin:auto;}
.post-block .custom-video iframe{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;}
.post-block.playing .overlay{display:none;}
.post-block.playing .custom-video{background:#000;}
.category .post-block.ready{opacity:1;}
.category .post-block:hover .inner-block{border-color:#000;}
.category .post-block:hover .blast.hide-me{opacity:0;}
.category .post-block,
.category .block-sizer{display:inline-block;vertical-align:top;line-height:1.5em;font-size:16px;padding:12px;width:33.33%;opacity:0;}
.category .block-sizer{display:none;z-index:110;}
.category .page-title{text-align:center;z-index:110;right:80px;left:80px;}
.menu-opened .category .page-title{z-index:1;}
.page-title .client .pipe{margin:0 7px;}
.page-title .client,
.page-title h3{font-size:18px;}
.page-title h2{margin-bottom:2px;}
.page-title h3{margin-bottom:5px;}
.category .page-title h3{display:inline-block;position:relative;z-index:110;}
.category #header{background:#fff;}
.post-block .inner-block{padding:15px;}
.post-block img{height:auto;width:100%;}
#content.category{padding-bottom:20px;padding-top:85px;margin:0 12px;line-height:0;font-size:0;}
.category .post-block .date{text-align:center;margin:25px 0;}
.category .post-block .title{font-family:OblikBold, Helvetica, Arial, sans-serif;text-align:center;margin:25px 0;font-size:29px;}
.category .post-block .entry{text-transform:none;text-align:justify;margin:0 50px;}
.single #hamburger .svg *,
.single #logo .svg *{fill:#000;}
#content.single{overflow:hidden;}
#content.single .left,
#content.single .right{display:-webkit-flex;display:flex;position:relative;overflow:hidden;float:left;height:100vh;width:50%;}
#content.single .right{overflow:auto;}
.single .left .video.fitvids{margin:auto 40px;width:100%;}
#content.single .left .border{position:absolute;background:#000;opacity:0.4;bottom:60px;width:1px;top:60px;right:0;}
#content.single .right .centered{text-align:justify;margin:auto;padding:50px 30px;}
#content.single .right .entry{text-transform:none;}
#content.single .right h2{font-family:OblikBold, Helvetica, Arial, sans-serif;text-align:left;font-size:40px;}
.single .left .photos{position:relative;overflow:auto;min-width:110%;left:-5%;}
.single .left .photo-wrap{position:relative;height:100vh;}
.single .left .photo{background-position:center center;background-repeat:no-repeat;background-size:contain;bottom:100px;right:8%;left:8%;top:100px;}
.single .left .photo img{display:none;}
section .entry a{text-decoration:underline;}
.contact #logo .svg *,
.contact #hamburger .svg *{fill:#000;}
.contact section .image.fill{z-index:-1;top:155px;}
.contact .contact-title{text-align:center;padding-top:71px;}
.contact .contact-title .left,
.contact .contact-title .right{text-transform:none;position:absolute;padding-top:78px;top:0;}
.contact .contact-title .left{text-align:left;padding-left:20px;}
.contact .contact-title .right{text-align:right;padding-right:20px;right:0;}
.contact .contact-title .right a{text-decoration:underline;display:block;}
.contact-title .address{line-height:1em;}
.contact-title h3{font-family:OblikBold, Helvetica, Arial, sans-serif;padding-bottom:10px;font-size:28px;}
.contact .positions{padding:0 20px;line-height:0;font-size:0;}
.contact .position{display:inline-block;line-height:1.5em;font-size:16px;width:20%;}
.contact .position .title{font-family:OblikBold, Helvetica, Arial, sans-serif;margin-bottom:5px;}
.career-opportunities h4{font-size:20px;padding:36px 0;}
.career-opportunities .close{display:inline-block;cursor:pointer;padding:25px;}
.contact .position .details:hover a{opacity:0.4;}
.contact .position .details:hover a:hover{opacity:1;}
.contact .position .details .email{text-decoration:underline;text-transform:none;}
.contact .case-footer{position:fixed;bottom:0;left:0;right:0;}
.contact .case-footer .left,
.contact .case-footer .right{cursor:pointer;}
.contact .case-footer .right span,
.contact .case-footer .left span{border-bottom:2px solid transparent;}
.contact.la-focus .case-footer .right span,
.contact.ny-focus .case-footer .left span{border-color:#000;}
.contact section:first-of-type h3{text-transform:uppercase;margin:30px auto;font-size:20px;}
.contact section:first-of-type{line-height:0;font-size:0;}
.contact .contact-block{margin-bottom:20px;}
.contact .contact-block{display:inline-block;text-align:center;line-height:1.5em;font-size:16px;width:33.33%;}
.contact .contact-block .title{font-family:OblikBold, Helvetica, Arial, sans-serif;text-transform:uppercase;font-size:18px;}
.contact .page-title{padding-top:19px;}
.career-opportunities{background:#fff;display:none;}
.left .view-positions{text-decoration:underline;cursor:pointer;display:block;}
a{transition:color 0.4s;}
.project-block .video,
.project-block .active-controls,
.thumb-overlay,
.thumb-block,
.browse,
.slideshow{transition:opacity 0.4s;}
.thumb-block,
.counter,
.page-title,
.post-block,
.case-footer .left,
.case-footer .right,
.bio-title{-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease;}
.thumb-tray .title{-webkit-transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;}
#header .fixed-menu,
#mobile-menu,
.directors-menu,
.projects-menu{-webkit-transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;}
.svg path,
.project-block .overlay,
.menu a,
.gallery .cycle-pager span{transition:0.4s;}
#main-menu,
.inner-block{-webkit-transition:all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.slide-block .meta,
.details a,
.browse,
.blast.hide-me,
.browse .label,
.post-block .overlay{-webkit-transition:opacity 0.4s, -webkit-transform 0.2s;transition:opacity 0.4s, transform 0.2s;}
#tagline{display:none;}
.alignleft{display:inline;float:left;}
.aligncenter{clear:both;display:block;margin:0 auto 10px auto;}
.alignright{display:inline;float:right;}
img.alignleft{margin:0 10px 10px 0;}
img.alignright{margin:0 0 10px 10px;}
img.aligncenter{margin:0 auto 10px auto;}
.wp-caption{background:#f1f1f1;color:#888;text-align:center;margin-bottom:15px;width:auto !important;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
.wp-caption img{margin:0px;}
.wp-caption p.wp-caption-text{margin:0 0 5px;padding:4px;font-style:italic;}
.entry > h1{font-size:28px;}
.entry > h2{font-size:24px;}
.entry > h3{font-size:20px;}
.title{line-height:30px;}
html.fp-enabled,
.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none;}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fp-slide{float:left;}
.fp-slide, .fp-slidesContainer{height:100%;display:block;}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table{display:table;table-layout:fixed;width:100%;}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.fp-slidesContainer{float:left;position:relative;}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent;}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff;}
.fp-scrollable{overflow:scroll;}
.fp-notransition{-webkit-transition:none !important;transition:none !important;}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0);}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;}
.fp-slidesNav.bottom{bottom:17px;}
.fp-slidesNav.top{top:17px;}
#fp-nav ul,
.fp-slidesNav ul{margin:0;padding:0;}
#fp-nav ul li,
.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;}
.fp-slidesNav ul li{display:inline-block;}
#fp-nav ul li a,
.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0px 0px -5px;}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;width:auto;opacity:1;}
#fp-nav ul li .fp-tooltip.right{right:20px;}
#fp-nav ul li .fp-tooltip.left{left:20px;}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{height:auto !important;}
@media print{html.fp-enabled,
.fp-enabled body{overflow:visible !important;height:auto !important;}
html{background:#fff;width:auto;height:auto;overflow:visible;}
body{background:#fff;font-size:20pt;width:auto;height:auto;border:0;margin:0 5%;padding:0;overflow:visible;float:none !important;}
#fp-nav,
.fp-slidesNav,
.fp-controlArrow{display:none !important;}
h1{font-size:28pt !important;}
h2{font-size:24pt !important;}
h3{font-size:22pt !important;}
h4{font-size:22pt !important;font-variant:small-caps;}
h5{font-size:21pt !important;}
h6{font-size:20pt !important;font-style:italic;}
.fp-section,
.fp-tableCell,
.slimScrollDiv,
.fp-scrollable{width:100% !important;height:auto !important;display:block !important;position:relative;float:none !important;}
.fp-slidesContainer{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;transition:none !important;}
.fp-slides,
.fp-slidesContainer{height:auto !important;width:100% !important;float:none !important;overflow:hidden !important;}
.fp-slides{height:800px !important;width:800px !important;}
.fp-slide{float:none !important;width:100% !important;position:static !important;}
.fullpage-wrapper{float:none !important;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;transition:none !important;position:static !important;width:auto !important;height:auto !important;left:0 !important;top:0 !important;margin-left:0 !important;margin-top:0 !important;padding:0 !important;zoom:1 !important;overflow:visible !important;display:block !important;text-align:left !important;}
.fp-section{page-break-after:always !important;}
.fp-slide{page-break-after:always !important;}
}