.blur,.nav,.team,.team .member{overflow:hidden}@font-face{font-family:heading;src:url(fonts/CruzStencil-Regular.otf)}@font-face{font-family:content;src:url(fonts/Gotham-Light.ttf)}a{text-decoration:none}a p{color:#000;font-size:25px;margin-bottom:16px!important}h1{position:absolute;bottom:100%;left:100%;opacity:0}.copy h2,.copy p{margin-bottom:14px}.fullheight{height:100vh;position:relative;width:100%}.fullheight .copy{position:absolute;top:47%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:41.5%}.about .colourbackground,.contact .colourbackground{top:0;left:0;width:100%;position:absolute;height:100%}.fullheight .copy div{-webkit-transform:translate3d(0,calc(100% + 14px),0);-ms-transform:translate3d(0,calc(100% + 14px),0);-o-transform:translate3d(0,calc(100% + 14px),0);transform:translate3d(0,calc(100% + 14px),0);-webkit-transition:transform 2s ease,opacity 1s ease;-o-transition:transform 2s ease,opacity 1s ease;transition:transform 2s ease,opacity 1s ease;opacity:0}.fullheight .copy div.current{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:transform 2s ease,opacity 1s ease;-o-transition:transform 2s ease,opacity 1s ease;transition:transform 2s ease,opacity 1s ease;opacity:1}.contact .copy,.mobile .fullheight .copy{-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0)}.copy h2{font-family:heading;font-size:40px}.copy p{font-family:content;font-size:20px;line-height:24px}.about{background:url(images/pexels-photo-108941.jpeg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.about .colourbackground{background:url(images/pexels-photo-108941-bw.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.activesection.about .colourbackground{opacity:0;visibility:hidden}.contact{background:url(images/Image_Contact_Colour.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.contact .colourbackground{background:url(images/Image_Contact.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.activesection.contact .colourbackground{opacity:0;visibility:hidden}.contact .copy{position:absolute;top:25%;left:25%;transform:translate3d(-30%,-50%,0);width:50%}.contact .copy .part1,.contact .copy .part2{-webkit-transform:translateX(-100%,0,0);-ms-transform:translateX(-100%,0,0);-o-transform:translateX(-100%,0,0)}.contact .copy a,.contact .copy a:active,.contact .copy a:focus,.contact .copy a:hover{font-family:content;font-size:20px;line-height:24px;color:#000;font-weight:800}.contact .copy p{margin:15px 0 0}.contact .copy a.phone{margin-left:15px}.contact .copy .part1{transform:translateX(-100%,0,0);-webkit-transition:1.5s ease;-o-transition:1.5s ease;transition:1.5s ease}.contact .copy .part2{transform:translateX(-100%,0,0);-webkit-transition:1.5s .5s ease;-o-transition:1.5s .5s ease;transition:1.5s .5s ease}.contact .copy .part3{-webkit-transform:translateX(-100%,0,0);-ms-transform:translateX(-100%,0,0);-o-transform:translateX(-100%,0,0);transform:translateX(-100%,0,0);-webkit-transition:1.5s 1s ease;-o-transition:1.5s 1s ease;transition:1.5s 1s ease}.contact .copy h2.current,.contact .copy p.current{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.partnerships{background:url(images/pexels-photo-315998-light-2.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.partnerships .colourbackground{position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/pexels-photo-315998-bw-light.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.team.current::after,.team::after{-webkit-transition:1s;-o-transition:1s}.activesection.partnerships .colourbackground{opacity:0;visibility:hidden}.partnerships.fullheight .copy{top:45%;width:41.5%}.team{position:relative;max-height:100vh}.team::after{width:100%;height:25%;content:'';position:absolute;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));bottom:0;opacity:0;transition:1s;z-index:95}.team.current::after{opacity:0!important;transition:1s}.team .clickindicator.mobile{display:none}.team .clickindicator img,.team .clickindicator p{display:inline-block;vertical-align:middle;margin-bottom:0}.team .clickindicator img{width:30px;margin-right:20px}.team .copy,.team.current .copy{-webkit-transition:1s;-o-transition:1s}.team .copy{position:absolute;top:5%;left:50%;-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);transition:1s;width:41.5%;z-index:99;opacity:0;color:#fff}.projectgallery,.team .member{-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.team.current .copy{opacity:1!important;transition:1s}.team.current .copy.unfocus{opacity:0!important;-webkit-transition:1s;-o-transition:1s;transition:1s}.desktopimg{display:block}.contact .copy br,.mobile .team .clickindicator,.mobileimg,.profile.mobile{display:none}.team .member:first-child{position:relative}.team .member{position:absolute;width:25%;opacity:1;-webkit-transition:1.5s ease;-o-transition:1.5s ease;transition:1.5s ease;cursor:pointer;top:50%;transform:translateY(-50%)}.team .member.member1{margin-top:50vh}.team .member.unfocus{opacity:0;z-index:0;-webkit-transition:1s;-o-transition:1s;transition:1s}.team .member.current{opacity:1;width:100%;-webkit-transition:opacity 0s,width 1.5s 1s ease,left 1.5s 1s ease;-o-transition:opacity 0s,width 1.5s 1s ease,left 1.5s 1s ease;transition:opacity 0s,width 1.5s 1s ease,left 1.5s 1s ease}.slideleft,.team .member img.colour{-webkit-transition:1s ease;-o-transition:1s ease}.team .member img{width:100vw}.team .member img.colour{opacity:0;transition:1s ease;position:absolute;left:0;top:0}.team .member img.colour.current{opacity:1;-webkit-transition:1.5s ease;-o-transition:1.5s ease;transition:1.5s ease}.member2{left:25%;-webkit-transition:left 1.5s ease;-o-transition:left 1.5s ease;transition:left 1.5s ease}.member2.current{left:0}.member2 img{-webkit-transform:translate3d(-25%,0,0);-ms-transform:translate3d(-25%,0,0);-o-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0);-webkit-transition:transform 1.5s ease;-o-transition:transform 1.5s ease;transition:transform 1.5s ease}.member2.current img{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:transform 1.5s 1s ease;-o-transition:transform 1.5s 1s ease;transition:transform 1.5s 1s ease}.member3{left:50%}.member3.current{left:0}.member3 img{-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:transform 1.5s ease;-o-transition:transform 1.5s ease;transition:transform 1.5s ease}.member3.current img{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:transform 1.5s 1s ease;-o-transition:transform 1.5s 1s ease;transition:transform 1.5s 1s ease}.member4{right:0}.member4 img{-webkit-transform:translate3d(-75%,0,0);-ms-transform:translate3d(-75%,0,0);-o-transform:translate3d(-75%,0,0);transform:translate3d(-75%,0,0);-webkit-transition:transform 1.5s ease;-o-transition:transform 1.5s ease;transition:transform 1.5s ease}.member4.current img{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:transform 1.5s 1s ease;-o-transition:transform 1.5s 1s ease;transition:transform 1.5s 1s ease}.member .profile span,.news .close span,.project h6,.projects .close span{-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}.member .profile{opacity:0;pointer-events:none;position:absolute;top:0;width:25%;-webkit-transition:1s 0s ease;-o-transition:1s 0s ease;transition:1s 0s ease}.member .profile.current{opacity:1;pointer-events:all;-webkit-transition:1s 0s ease;-o-transition:1s 0s ease;transition:1s 0s ease}.blur,.projectslider{-webkit-transition:1s;-o-transition:1s}.member.member1 .profile{left:25%}.member.member2 .profile{left:50%}.member.member3 .profile{left:25%}.member.member4 .profile{right:25%}.member .profile span,.news .close span,.projects .close span{position:absolute;width:calc(100% - 40px);margin:0 20px;top:50%;transform:translate3d(0,-50%,0)}.member .profile h3,.member .profile h4{margin-bottom:5px;font-family:content;color:#fff}.blur,.whatwedo .colourbackground{top:0;left:0;width:100%;height:100%}.blur{position:static;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);opacity:0;transition:1s}.blur.current{opacity:1;-webkit-transition:1.5s ease;-o-transition:1.5s ease;transition:1.5s ease}.member1 .blur img{-webkit-transform:translate3d(-25%,0,0);-ms-transform:translate3d(-25%,0,0);-o-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0)}.member2 .blur img{-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.member3 .blur img{-webkit-transform:translate3d(-25%,0,0);-ms-transform:translate3d(-25%,0,0);-o-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0)}.member4 .blur img{-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.member .profile h3{font-size:18pt;font-size:1.1vw}.member .profile h4{font-size:16pt;font-size:1vw}.member .profile p{font-family:content;line-height:1.5;color:#fff;font-size:.8vw}.whatwedo{background:url(images/pexels-photo-440731-2.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.whatwedo .colourbackground{position:absolute;background:url(images/pexels-photo-440731-bw.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.activesection.whatwedo .colourbackground{opacity:0;visibility:hidden}.whatwedo.fullheight .copy{top:unset;bottom:13%;height:35vh}.whatwedo.fullheight .copy div{height:100%}.mobile .nav p{font-family:content;font-size:20px}.mobile a p{font-size:22px!important}.mobile .fullheight .copy{position:absolute;top:48%;left:50%;transform:translate3d(-50%,-50%,0);width:80%}.banner .video,.mobile .contact .copy,.mobile .mobilegif{-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0)}.mobile .fullheight .copy p{font-size:16px!important;font-family:content;line-height:18px;margin-bottom:8px}.mobile .fullheight.partnerships .copy h2,.mobile .fullheight.partnerships .copy p{color:#fff}.mobile .fullheight .copy h2{font-size:30px!important}.mobile .whatwedo .copy{top:45%!important;width:80%!important;bottom:auto;height:auto}.mobile .about .colourbackground,.mobile .contact .colourbackground{top:0;left:0;width:100%;-webkit-transition:all 1.5s;-o-transition:all 1.5s;position:absolute}.mobile .about{background:url(images/mobile/Image_AboutUs_1_colour.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.mobile .about .colourbackground{height:100%;background:url(images/mobile/Image_AboutUs_1.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;transition:all 1.5s}.mobile .contact{background:url(images/mobile/Image_Contact_Colour.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.mobile .contact .colourbackground{height:100%;background:url(images/mobile/Image_Contact.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;transition:all 1.5s}.mobile .contact .copy{position:absolute;top:38%;left:50%;transform:translate3d(-50%,-50%,0);width:80%}.mobile .partnerships{background:url(images/mobile/Image_Partnerships_1_colour.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.mobile .partnerships .copy .current{background:rgba(255,255,255,0);padding:0 5px}.mobile .partnerships .colourbackground{position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/mobile/Image_Partnerships_1.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.mobile .partnerships .copy{top:45%!important;left:50%!important;width:80%}.mobile .project .projectname{position:relative;text-align:left;min-width:40%}.mobile .project.temp{height:calc(15vh + 20px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.mobile .team{height:auto;max-height:unset}.mobile .team .clickindicator.mobile{display:block;position:absolute;top:10px;left:10px;z-index:9}.mobile .team .clickindicator img,.mobile .team .clickindicator p{display:inline-block;vertical-align:middle}.mobile .team .clickindicator img{width:5%;margin-right:10px}.mobile .team .clickindicator p{font-family:content;color:#fff;font-size:15px}.mobile .team .member{top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.mobile .team .member.member1{margin-top:0}.mobile .team::after{height:33%}.mobile .team .copy{width:69%;bottom:15%;top:unset}.mobile .member .profile h3,.mobile .member .profile h4,.mobile .member .profile p{color:#000}.mobile .team .profile.mobile h3{font-size:16pt}.mobile .team .profile.mobile h4{font-size:14pt}.mobile .team .copy h2{font-size:34px;margin-bottom:4px}.mobile .team .copy p{font-size:15px;line-height:19px}.mobile .desktopimg{display:none!important}.mobile .mobileimg{display:block!important}.mobile .whatwedo{background:url(images/mobile/Image_WhatWeDo_1_colour.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.mobile .whatwedo .colourbackground{position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/mobile/Image_WhatWeDo_1.jpg) center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.mobile .profile{display:none}.mobile .contact .copy br,.mobile .profile.mobile{display:block}.mobile .contact .copy a{width:100%;font-size:16px}.mobile .contact .copy a.phone{margin-left:0}.mobile .profile.mobile.extended{-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;max-height:50vh;overflow-y:scroll}.mobile .profile.mobile p{font-size:18px!important;text-align:left!important;margin:10px 0;font-family:content!important}.mobile .profile.mobile.extended p{opacity:1;visibility:visible;font-size:18px;text-align:left;margin:10px 0;font-family:content}.mobile .member .profile span.updown img{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s}.mobile .member .profile.extended span.updown img{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s}.mobile .profile.mobile .close{position:absolute;margin-top:0;top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.tablet .fullheight .copy{top:41%!important;width:54%!important;font-size:20px!important}.tablet .fullheight .copy p{font-size:22px!important;line-height:22px!important}.tablet .fullheight .copy h2{font-size:36px!important}.tablet .contact .copy{top:28%!important;left:36%!important}.tablet .project .projectname{position:relative;text-align:left;min-width:39%}.tablet .team .copy{width:70%!important}.tablet .team .member img{height:100vh;width:auto}.tablet .member1 img{transform:translate3d(-6%,0,0)}.tablet .member2 img{transform:translate3d(-28%,0,0)}.tablet .member3 img{transform:translate3d(-56%,0,0)}.tablet .member4 img{transform:translate3d(-79%,0,0)}@media screen and (orientation:landscape){.tablet .member1 img{transform:translate3d(-2%,0,0)}.tablet .member2 img{transform:translate3d(-28%,0,0)}.tablet .member3 img{transform:translate3d(-56%,0,0)}.tablet .member4 img{transform:translate3d(-77%,0,0)}}body,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}.navigation{position:fixed;top:0;right:0;z-index:999999}#hamburger,.navblur{position:absolute}.navigation *{-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;box-sizing:border-box}.navigation span{display:block;background:#fff;border-radius:2px}.mobile .banner .logo,.mobile .banner .video,.mobilegif,.navblur{display:none}.navblur{top:15px;width:100%;height:calc(100vh - 60px);-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);filter:blur(10px);background:rgba(255,255,255,.5);right:0}#cross,#hamburger{height:100%;width:100%}#menu-toggle{width:60px;height:60px;position:relative;cursor:pointer;background:rgba(55,55,55,.4)}#menu-toggle:hover{background:rgba(55,55,55,.8)}#hamburger span{width:75%;height:4px;position:relative;top:5px;left:12.5%;margin:10px 0}#hamburger span:nth-child(1){-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}#hamburger span:nth-child(2){-webkit-transition-delay:.625s;-o-transition-delay:.625s;transition-delay:.625s}#hamburger span:nth-child(3){-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s}#cross{position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#cross span:nth-child(1){height:0%;width:4px;position:absolute;top:50%;left:15%;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}#cross span:nth-child(2){width:0%;height:4px;position:absolute;left:-20%;top:50%;-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}#menu-toggle.open #hamburger span{width:0}#menu-toggle.open #hamburger span:nth-child(1){-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}#menu-toggle.open #hamburger span:nth-child(2){-webkit-transition-delay:.125s;-o-transition-delay:.125s;transition-delay:.125s}#menu-toggle.open #hamburger span:nth-child(3){-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}#menu-toggle #cross span:nth-child(1){height:0%;top:10%;left:28.8px}#menu-toggle.open #cross span:nth-child(1){height:80%;-webkit-transition-delay:.625s;-o-transition-delay:.625s;transition-delay:.625s;top:10%;left:28.8px}#menu-toggle #cross span:nth-child(2){width:0%;left:10%;top:28.8px}#menu-toggle.open #cross span:nth-child(2){width:80%;-webkit-transition-delay:.375s;-o-transition-delay:.375s;transition-delay:.375s;left:10%;top:28.8px}.nav{position:absolute;top:100%;right:0;text-align:right;opacity:0;pointer-events:none;-webkit-transition:0s!important;-o-transition:0s!important;transition:0s!important}.nav.current{opacity:1;pointer-events:all;-webkit-transition:0s!important;-o-transition:0s!important;transition:0s!important}.close,.space{pointer-events:none}.nav .option{padding:16px 0 0;cursor:pointer;width:250px;-webkit-transform:translate3d(calc(100% + 10px),0,0);-ms-transform:translate3d(calc(100% + 10px),0,0);-o-transform:translate3d(calc(100% + 10px),0,0);transform:translate3d(calc(100% + 10px),0,0);-webkit-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s;background:0 0;position:relative}.nav .option.current{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.nav p{font-family:content;font-size:28px;white-space:nowrap;width:calc(100% - 20px);-webkit-transform:translate3d(calc(-200% - 40px),0,0);-ms-transform:translate3d(calc(-200% - 40px),0,0);-o-transform:translate3d(calc(-200% - 40px),0,0);transform:translate3d(calc(-200% - 40px),0,0);-webkit-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.project,.project.current,.project:hover{-webkit-transition:.5s;-o-transition:.5s}.nav .option.current p.animation{-webkit-animation:mymove .25s;animation:mymove .25s;-webkit-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes mymove{0%,100%{margin-left:0}50%{margin-left:5px}}@keyframes mymove{0%,100%{margin-left:0}50%{margin-left:5px}}.nav .option.first,.nav .option.last{padding:20px 0 0}.nav .option.current p{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.banner .video,.mobile .mobilegif{opacity:1;overflow:hidden;transform:translate3d(-50%,-50%,0)}body.partnersection .nav .option.current p,body.projectsoffset.white .nav .option.current p,body.teamsection .nav .option.current p,body.whatwedosection .nav .option.current p{color:#fff}body.partnersection .nav .divider,body.projectsoffset.white .nav .divider,body.teamsection .nav .divider,body.whatwedosection .nav .divider{background:#fff}.divider{position:absolute;top:8px;left:0;width:calc(100% - 10px);height:1px;background:#000}.banner,.news,.projects{height:100vh;overflow:hidden}.first .divider{top:12px}.banner{position:relative}.banner .logo,.banner .video,.mobile .mobilegif{position:absolute;left:50%;top:50%}.banner .video{width:60%}.mobile .mobilegif{display:inline-block;width:90%}.banner .video img,.banner video,.mobile .mobilegif img{width:100%}.banner .video.unfocus{opacity:0}.banner .logo{width:50%;-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;display:none}.banner .logo.current{opacity:1}.news,.projects{position:relative;max-height:100vh;background:#f2f2f3;text-align:center}.projectcontainer{min-height:100%;padding:27.5vh 0 0}.project{height:15vh;transition:.5s}.project.current,.project:hover{height:calc(15vh + 50px);transition:.5s}.project .projectname,.project img.main,.space{vertical-align:middle;height:100%;cursor:pointer}.project .projectname,.project img.main{display:inline-block;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.close span,.project.current .main.colour{display:block}.project .main{-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;-o-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;-webkit-transition:2.5s ease!important;-o-transition:2.5s ease!important;transition:2.5s ease!important}.project.animate .main{-webkit-transition:2.5s ease!important;-o-transition:2.5s ease!important;transition:2.5s ease!important;width:100%!important;left:calc(50% - 1px)!important;top:50%!important;-webkit-transform:translate3d(-50%,-50%,0)!important;-ms-transform:translate3d(-50%,-50%,0)!important;-o-transform:translate3d(-50%,-50%,0)!important;transform:translate3d(-50%,-50%,0)!important;z-index:999}.project .main.colour.current{opacity:1;-webkit-transition:.66s;-o-transition:.66s;transition:.66s}.project .projectname{position:relative;text-align:left;min-width:20%}.project h6{position:absolute;top:50%;transform:translate3d(0,-50%,0);font-size:20pt;font-family:heading;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.project.current h6,.project:hover h6{font-size:25pt;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.space{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;display:none;opacity:0}.current .space{display:inline-block}.projectslider{position:absolute;top:50%;left:0;display:none;opacity:0;transition:1s;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.projectslider.current{display:flex;z-index:1000;width:100%}.projectslider.current.animate{opacity:1;-webkit-transition:1s;-o-transition:1s;transition:1s}.projectslider div{width:100%;-webkit-flex:none;-moz-flex:none;-ms-flex:none;-o-flex:none;flex:none}.projectslider .blur{position:absolute;left:25%;width:25%!important;overflow:hidden;opacity:1;-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);filter:blur(0)}.projectslider .blur img{position:absolute;top:0!important;left:-25vw!important;width:100vw!important;-webkit-filter:blur(8px);-moz-filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}.projectslider img{width:100%!important;left:50%!important;top:50%!important}.close{position:absolute;left:0;top:100%;opacity:0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;z-index:9999;width:60px;height:60px;cursor:pointer;background:rgba(55,55,55,.4);margin-top:10px}.close.current{opacity:1;pointer-events:all;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}.news .close,.projects .close{top:0;margin-top:0}.close span{background:#fff;border-radius:2px}.close #cross span:nth-child(1){height:80%;-webkit-transition-delay:.625s;-o-transition-delay:.625s;transition-delay:.625s}.close #cross span:nth-child(2){width:80%;-webkit-transition-delay:.375s;-o-transition-delay:.375s;transition-delay:.375s}.relativecontainer{position:relative}.projectgallery{position:absolute;width:8%;top:50%;text-align:left;opacity:0;pointer-events:none;-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s;z-index:0;left:40px;transform:translateY(-50%)}.projectgallery.current{opacity:1;pointer-events:all;-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s;z-index:99999999999999}.projectgallery .gallery{width:100%;align-items:center;justify-content:center;display:none}.projectgallery .gallery.current{display:block}.mobileportrait,.mobileportrait.current,.mobileprojectflips.current,.mobileprojects,.mobileprojectsflip{display:none}.projectgallery .gallery div{width:100%;position:relative;cursor:pointer}.projectgallery .gallery div img{width:100%}.projectgallery .gallery div img.colour{position:absolute;top:0;left:0;opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s}.projectgallery .gallery div.current img.colour{opacity:1;-webkit-transition:1s;-o-transition:1s;transition:1s}.slideleft,.slideright{width:20%;top:0;cursor:pointer;z-index:9999;opacity:0;pointer-events:none;position:absolute;height:100%}.slideleft{left:0;transition:1s ease}.slideright{right:0;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}.leftarrow,.rightarrow{position:absolute;width:60px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.slideleft.current,.slideright.current{opacity:1;pointer-events:all}.rightarrow{right:0}.news .projectcopy,.projects .projectcopy{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:90%;left:5%;text-align:left}.projectcopy p{font-family:content;line-height:1.5;color:#fff;font-size:1vw}.projectcopy p .smalltext{font-size:14pt;font-size:.9vw}.projectcopy h2{margin-bottom:0;color:#fff}.project-2 .projectcopy h2,.project-2 .projectcopy p{color:#000}.projectslider div.close{width:60px}.mobile .mobileprojectsflip,.mobileportrait,.mobileportrait.current{position:fixed;top:0;left:0;height:100vh;width:100vw;background:grey}.mobile .mobileprojectsflip{z-index:9999999999999999999999}.mobile .mobileprojectsflip.current{display:block}.mobile .mobileportrait div,.mobile .mobileprojectsflip div{font-family:content;font-size:20px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:100%;text-align:center}.mobile .mobileprojectsflip img{width:90%}.mobile .mobileportrait img{width:10%}.mobile .mobileportrait p,.mobile .mobileprojectsflip p{margin-top:15px;width:90%;margin-left:5%}.mobile .nav{height:100vh;width:100vw;top:0;padding-top:70px;background:#fff;z-index:-1;display:flex;flex-flow:column}.mobile body.partnersection .nav .option.current p,.mobile body.projectsoffset.white .nav .option.current p,.mobile body.teamsection .nav .option.current p,.mobile body.whatwedosection .nav .option.current p{color:#000}.mobile body.partnersection .nav .divider,.mobile body.projectsoffset.white .nav .divider,.mobile body.teamsection .nav .divider,.mobile body.whatwedosection .nav .divider{background:#000}.mobile p.nextproject{position:absolute;right:70px;color:#000;white-space:nowrap;top:30px;font-family:heading;font-size:16pt;z-index:9999;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none}.mobile .project.current p.nextproject{display:block}.mobile .nav .option{flex:1;margin-left:calc(100% - 250px);padding:0}.mobile .nav .option p{position:absolute;top:50%;-webkit-transform:translate(calc(-100% - 250px),-50%);-ms-transform:translate(calc(-100% - 250px),-50%);-o-transform:translate(calc(-100% - 250px),-50%);transform:translate(calc(-100% - 250px),-50%);opacity:0;-webkit-transition:transform 1s,opacity 1s;-o-transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s}.mobile .nav .option p.animation{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;-webkit-transition:transform 1s,opacity 1s;-o-transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s}.mobile .divider{top:0}.news .projectslider .white-copy{position:absolute;left:12.5%;width:37.5%;overflow-y:scroll;height:calc(100vh - 50px);background:#fff;top:50%;padding:25px;text-align:left;font-family:content;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.news .projectslider .white-copy .new-url{margin:10px 0 50px}.news .projectslider .white-copy .new-url a{text-decoration:none;color:#000;font-size:12px}.news .projectslider .white-copy .title{position:static;font-size:26pt;margin-bottom:25px;-webkit-transform:unset;-ms-transform:unset;-o-transform:unset;transform:unset}.news .projectslider .white-copy .time{font-size:12pt;margin-bottom:25px}.news .projectslider .white-copy .social{border-top:1px solid #000;border-bottom:1px solid #000;display:flex}.news .projectslider .white-copy .social div{width:50%;padding:10px 0;text-align:right}.news .projectslider .white-copy .social div.fb-share-button{border-right:none!important;padding:0;display:inline-block;vertical-align:middle;width:auto;margin-right:15px!important}.news .projectslider .white-copy .social div.fb-share-button iframe,.news .projectslider .white-copy .social div.fb-share-button span{width:75px!important;min-height:30px!important;vertical-align:middle!important;display:inline-block}.news .projectslider .white-copy .social div:first-child{border-right:1px solid #000;text-align:left}.news .projectslider .white-copy .social div img{display:inline-block;vertical-align:middle;width:30px!important;margin-right:15px}.news .projectslider .white-copy .social div p{display:inline-block;vertical-align:middle}.news .projectslider .white-copy .copy p{margin:30px 0;font-size:16px;line-height:1.5}.mobile-articles{display:none}.mobile .news .project.current,.mobile .news .project:hover{height:calc(15vh + 0px);transition:.5s}.mobile .news .project.current h6,.mobile .news .project:hover h6{font-size:20pt}.mobile .mobile-articles{background:#f2f2f3;display:block;position:absolute;width:100%;top:100%;height:100vh;-webkit-transition:top 1s;-o-transition:top 1s;transition:top 1s}.mobile .mobile-articles.active{top:0;-webkit-transition:top 1s;-o-transition:top 1s;transition:top 1s}.mobile .mobile-articles .article-container{display:none}.mobile .mobile-articles .article-container.active{display:block}.mobile .mobile-articles .article-container .image-1{width:100%}.mobile .mobile-articles .article-container .new-url{margin:10px;text-align:left;width:calc(100% - 20px)}.mobile .mobile-articles .article-container .new-url a{color:#000;font-family:content;font-size:10px}.mobile .mobile-articles .article-container h6{font-family:heading;width:calc(100% - 20px);text-align:left;margin:0 0 10px 10px;font-size:25px}.mobile .mobile-articles .article-container .time{color:#000;font-family:content;font-size:10px;margin:10px;text-align:left;width:calc(100% - 20px)}.mobile .mobile-articles .article-container .social{display:flex;width:calc(100% - 20px);margin:10px;border-top:1px solid #000;border-bottom:1px solid #000}.mobile .mobile-articles .article-container .social .inner-flex-container{width:50%;text-align:left;border-right:1px solid #000;padding:6px 0}.mobile .mobile-articles .article-container .social .inner-flex-container img{width:15%;display:inline-block;vertical-align:middle}.mobile .mobile-articles .article-container .social .inner-flex-container p{font-family:content;font-size:10px;color:#000;display:inline-block;vertical-align:middle;margin-left:5px}.mobile .mobile-articles .article-container .social .inner-flex-container.social-links{border-right:none;text-align:right}.mobile .mobile-articles .article-container .social .inner-flex-container.social-links div,.mobile .mobile-articles .article-container .social .inner-flex-container.social-links img{display:inline-block;vertical-align:middle}.mobile .mobile-articles .article-container .copy{text-align:left;width:calc(100% - 20px);margin-left:10px;overflow-y:scroll}.mobile .mobile-articles .article-container .copy p{font-size:11px;font-family:content;line-height:1.5}.mobile .news .close{display:none}.mobile .news .mobile-articles .close{display:block;opacity:1;pointer-events:all}@media only screen and (max-device-width:1000px) and (orientation:landscape){.mobile .navblur{display:none}.mobile .news .close,.mobile .projects .close{opacity:1;left:unset;right:0;pointer-events:all;position:absolute}.mobile .mobileprojectflips.current,.mobile .mobileprojectsflip{display:none!important}.mobile .mobileportrait.current{display:block;z-index:999999999999999999999999999999}.mobile .mobileprojects{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:grey}.mobile .mobileprojects.current{display:block;z-index:9999999999999999999999}.mobile .mobileprojects .projectgallery{opacity:1;display:none;position:fixed;top:20px;left:20px;width:10%;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.mobile .mobileprojects .projectgallery.current{display:block}.mobile .mobileprojects .projectgallery .gallery div{width:100%}.mobile .projectgallery .gallery.current{display:block;flex-wrap:unset}.mobile .project .projectslider.current.animate{opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s;pointer-events:none}.mobile .project.current .projectslider.current.animate{opacity:1;-webkit-transition:1s;-o-transition:1s;transition:1s;pointer-events:all}.mobile .project .profile.mobile{bottom:0;width:calc(80% - 60px);left:calc(10% + 30px);max-height:15vh;pointer-events:all;position:fixed}.mobile .project .profile.mobile.extended{max-height:60vh}.mobile .projectslider div{max-height:100vh;pointer-events:none;position:relative}.mobile .projectslider span.updown{position:absolute;right:0;top:0;width:40px;background:rgba(55,55,55,.4);-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.66s;-o-transition:.66s;transition:.66s;margin:0}.mobile .projectslider .extended span.updown{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.mobile .projectslider .profile.mobile h3{font-family:heading;font-size:16pt;margin-bottom:5px;color:#000}.mobile .projectslider .profile.mobile h4{font-family:content;font-size:14pt;margin-bottom:5px;color:#000}.mobile .projectslider .profile.mobile .close{opacity:1;top:unset;bottom:100%;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);pointer-events:all}.mobile .projectslider img{pointer-events:none}}.backgroundfullcliff{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;display:none}.hideallbutone .project{opacity:0;visibility:hidden}.hideallbutone .project.project-3{opacity:1;visibility:visible}.partnerships.fullheight .copy div.current{-webkit-transform:translate3d(0);-ms-transform:translate3d(0);-o-transform:translate3d(0);transform:translate3d(0)}.partnerships.fullheight .copy div{-webkit-transform:translate3d(calc(100%+14px),0,0);-ms-transform:translate3d(calc(100%+14px),0,0);-o-transform:translate3d(calc(100%+14px),0,0);transform:translate3d(calc(100%+14px),0,0)}.member.member1{position:relative!important}.mobile .profile.mobile{bottom:0;position:absolute;height:auto;max-height:12vh;top:auto;width:69%;left:15.1%;background:#fff;padding:8px;box-sizing:border-box;transition:all 1.5s}.team .member.current{z-index:999}.mobile .profile.mobile p{opacity:0;visibility:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.member .profile span.updown{position:absolute;right:0;top:0;width:40px;background:rgba(55,55,55,.4);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;margin:0}.member .profile span.updown img{width:100%;display:inline-block;-webkit-transition:transform 1.5s;-o-transition:transform 1.5s;transition:transform 1.5s}.member .profile span.updown:before{content:'^';position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s;color:#fff;font-size:1.3em;display:none}.member .profile.reveal span.updown:before{-webkit-transform:translate3d(-50%,-50%,0) rotate(180deg);-ms-transform:translate3d(-50%,-50%,0) rotate(180deg);-o-transform:translate3d(-50%,-50%,0) rotate(180deg);transform:translate3d(-50%,-50%,0) rotate(180deg)}.member .profile.reveal span.updown img{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.member .profile.reveal{max-height:100vh;overflow:scroll}.member .profile.reveal p{opacity:1;visibility:visible}

.blur,
.nav,
.team,
.team .member {
    overflow: hidden
}

@font-face {
    font-family: heading;
    src: url(fonts/CruzStencil-Regular.otf)
}

@font-face {
    font-family: content;
    src: url(fonts/Gotham-Light.ttf)
}

a {
    text-decoration: none
}

a p {
    color: #000;
    font-size: 25px;
    margin-bottom: 16px!important
}

h1 {
    position: absolute;
    bottom: 100%;
    left: 100%;
    opacity: 0
}

.copy h2,
.copy p {
    margin-bottom: 14px
}

.fullheight {
    height: 100vh;
    position: relative;
    width: 100%
}

.fullheight .copy {
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 41.5%
}

.about .colourbackground,
.contact .colourbackground {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    height: 100%
}

.fullheight .copy div {
    -webkit-transform: translate3d(0, calc(100% + 14px), 0);
    -ms-transform: translate3d(0, calc(100% + 14px), 0);
    -o-transform: translate3d(0, calc(100% + 14px), 0);
    transform: translate3d(0, calc(100% + 14px), 0);
    -webkit-transition: transform 2s ease, opacity 1s ease;
    -o-transition: transform 2s ease, opacity 1s ease;
    transition: transform 2s ease, opacity 1s ease;
    opacity: 0
}

.fullheight .copy div.current {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 2s ease, opacity 1s ease;
    -o-transition: transform 2s ease, opacity 1s ease;
    transition: transform 2s ease, opacity 1s ease;
    opacity: 1
}

.contact .copy,
.mobile .fullheight .copy {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0)
}

.copy h2 {
    font-family: heading;
    font-size: 40px
}

.copy p {
    font-family: content;
    font-size: 20px;
    line-height: 24px
}

.about {
    background: url(images/pexels-photo-108941.jpeg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.about .colourbackground {
    background: url(images/pexels-photo-108941-bw.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.activesection.about .colourbackground {
    opacity: 0;
    visibility: hidden
}

.contact {
    background: url(images/Image_Contact_Colour.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.contact .colourbackground {
    background: url(images/Image_Contact.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.activesection.contact .colourbackground {
    opacity: 0;
    visibility: hidden
}

.contact .copy {
    position: absolute;
    top: 25%;
    left: 25%;
    transform: translate3d(-30%, -50%, 0);
    width: 50%
}

.contact .copy .part1,
.contact .copy .part2 {
    -webkit-transform: translateX(-100%, 0, 0);
    -ms-transform: translateX(-100%, 0, 0);
    -o-transform: translateX(-100%, 0, 0)
}

.contact .copy a,
.contact .copy a:active,
.contact .copy a:focus,
.contact .copy a:hover {
    font-family: content;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 800
}

.contact .copy p {
    margin: 15px 0 0
}

.contact .copy a.phone {
    margin-left: 15px
}

.contact .copy .part1 {
    transform: translateX(-100%, 0, 0);
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease
}

.contact .copy .part2 {
    transform: translateX(-100%, 0, 0);
    -webkit-transition: 1.5s .5s ease;
    -o-transition: 1.5s .5s ease;
    transition: 1.5s .5s ease
}

.contact .copy .part3 {
    -webkit-transform: translateX(-100%, 0, 0);
    -ms-transform: translateX(-100%, 0, 0);
    -o-transform: translateX(-100%, 0, 0);
    transform: translateX(-100%, 0, 0);
    -webkit-transition: 1.5s 1s ease;
    -o-transition: 1.5s 1s ease;
    transition: 1.5s 1s ease
}

.contact .copy h2.current,
.contact .copy p.current {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.partnerships {
    background: url(images/pexels-photo-315998-light-2.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.partnerships .colourbackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/pexels-photo-315998-bw-light.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.team.current::after,
.team::after {
    -webkit-transition: 1s;
    -o-transition: 1s
}

.activesection.partnerships .colourbackground {
    opacity: 0;
    visibility: hidden
}

.partnerships.fullheight .copy {
    top: 45%;
    width: 41.5%
}

.team {
    position: relative;
    max-height: 100vh
}

.team::after {
    width: 100%;
    height: 25%;
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    bottom: 0;
    opacity: 0;
    transition: 1s;
    z-index: 95
}

.team.current::after {
    opacity: 0!important;
    transition: 1s
}

.team .clickindicator.mobile {
    display: none
}

.team .clickindicator img,
.team .clickindicator p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.team .clickindicator img {
    width: 30px;
    margin-right: 20px
}

.team .copy,
.team.current .copy {
    -webkit-transition: 1s;
    -o-transition: 1s
}

.team .copy {
    position: absolute;
    top: 5%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    transition: 1s;
    width: 41.5%;
    z-index: 99;
    opacity: 0;
    color: #fff
}

.projectgallery,
.team .member {
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.team.current .copy {
    opacity: 1!important;
    transition: 1s
}

.team.current .copy.unfocus {
    opacity: 0!important;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.desktopimg {
    display: block
}

.contact .copy br,
.mobile .team .clickindicator,
.mobileimg,
.profile.mobile {
    display: none
}

.team .member:first-child {
    position: relative
}

.team .member {
    position: absolute;
    width: 25%;
    opacity: 1;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)
}

.team .member.member3 {
	width: 50%;
}

.team .member.member1 {
    margin-top: 50vh
}

.team .member.unfocus {
    opacity: 0;
    z-index: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.team .member.current {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity 0s, width 1.5s 1s ease, left 1.5s 1s ease;
    -o-transition: opacity 0s, width 1.5s 1s ease, left 1.5s 1s ease;
    transition: opacity 0s, width 1.5s 1s ease, left 1.5s 1s ease
}

.slideleft,
.team .member img.colour {
    -webkit-transition: 1s ease;
    -o-transition: 1s ease
}

.team .member img {
    width: 100vw
}

.team .member img.colour {
    opacity: 0;
    transition: 1s ease;
    position: absolute;
    left: 0;
    top: 0
}

.team .member img.colour.current {
    opacity: 1;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease
}

.member2 {
    left: 25%;
    -webkit-transition: left 1.5s ease;
    -o-transition: left 1.5s ease;
    transition: left 1.5s ease
}

.member2.current {
    left: 0
}

.member2 img {
    -webkit-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    -webkit-transition: transform 1.5s ease;
    -o-transition: transform 1.5s ease;
    transition: transform 1.5s ease
}

.member2.current img {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.5s 1s ease;
    -o-transition: transform 1.5s 1s ease;
    transition: transform 1.5s 1s ease
}

.member3 {
    left: 50%
}

.member3.current {
    left: 0
}

.member3 img {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: transform 1.5s ease;
    -o-transition: transform 1.5s ease;
    transition: transform 1.5s ease
}

.member3.current img {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.5s 1s ease;
    -o-transition: transform 1.5s 1s ease;
    transition: transform 1.5s 1s ease
}

.member4 {
    right: 0
}

.member4 img {
    -webkit-transform: translate3d(-75%, 0, 0);
    -ms-transform: translate3d(-75%, 0, 0);
    -o-transform: translate3d(-75%, 0, 0);
    transform: translate3d(-75%, 0, 0);
    -webkit-transition: transform 1.5s ease;
    -o-transition: transform 1.5s ease;
    transition: transform 1.5s ease
}

.member4.current img {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.5s 1s ease;
    -o-transition: transform 1.5s 1s ease;
    transition: transform 1.5s 1s ease
}

.member .profile span,
.news .close span,
.project h6,
.projects .close span {
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0)
}

.member .profile {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 25%;
    -webkit-transition: 1s 0s ease;
    -o-transition: 1s 0s ease;
    transition: 1s 0s ease
}

.member .profile.current {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 1s 0s ease;
    -o-transition: 1s 0s ease;
    transition: 1s 0s ease
}

.blur,
.projectslider {
    -webkit-transition: 1s;
    -o-transition: 1s
}

.member.member1 .profile {
    left: 25%
}

.member.member2 .profile {
    left: 50%
}

.member.member3 .profile {
    left: 25%
}

.member.member4 .profile {
    right: 25%
}

.member .profile span,
.news .close span,
.projects .close span {
    position: absolute;
    width: calc(100% - 40px);
    margin: 0 20px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.member .profile h3,
.member .profile h4 {
    margin-bottom: 5px;
    font-family: content;
    color: #fff
}

.blur,
.whatwedo .colourbackground {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blur {
    position: static;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    opacity: 0;
    transition: 1s
}

.blur.current {
    opacity: 1;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease
}

.member1 .blur img {
    -webkit-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
}

.member2 .blur img {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.member3 .blur img {
    -webkit-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
}

.member4 .blur img {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.member .profile h3 {
    font-size: 18pt;
    font-size: 1.1vw
}

.member .profile h4 {
    font-size: 16pt;
    font-size: 1vw
}

.member .profile p {
    font-family: content;
    line-height: 1.5;
    color: #fff;
    font-size: .8vw
}

.whatwedo {
    background: url(images/pexels-photo-440731-2.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.whatwedo .colourbackground {
    position: absolute;
    background: url(images/pexels-photo-440731-bw.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.activesection.whatwedo .colourbackground {
    opacity: 0;
    visibility: hidden
}

.whatwedo.fullheight .copy {
    top: unset;
    bottom: 13%;
    height: 35vh
}

.whatwedo.fullheight .copy div {
    height: 100%
}

.mobile .nav p {
    font-family: content;
    font-size: 20px
}

.mobile a p {
    font-size: 22px!important
}

.mobile .fullheight .copy {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 80%
}

.banner .video,
.mobile .contact .copy,
.mobile .mobilegif {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0)
}

.mobile .fullheight .copy p {
    font-size: 16px!important;
    font-family: content;
    line-height: 18px;
    margin-bottom: 8px
}

.mobile .fullheight.partnerships .copy h2,
.mobile .fullheight.partnerships .copy p {
    color: #fff
}

.mobile .fullheight .copy h2 {
    font-size: 30px!important
}

.mobile .whatwedo .copy {
    top: 45%!important;
    width: 80%!important;
    bottom: auto;
    height: auto
}

.mobile .about .colourbackground,
.mobile .contact .colourbackground {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    position: absolute
}

.mobile .about {
    background: url(images/mobile/Image_AboutUs_1_colour.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.mobile .about .colourbackground {
    height: 100%;
    background: url(images/mobile/Image_AboutUs_1.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    transition: all 1.5s
}

.mobile .contact {
    background: url(images/mobile/Image_Contact_Colour.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.mobile .contact .colourbackground {
    height: 100%;
    background: url(images/mobile/Image_Contact.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    transition: all 1.5s
}

.mobile .contact .copy {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 80%
}

.mobile .partnerships {
    background: url(images/mobile/Image_Partnerships_1_colour.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.mobile .partnerships .copy .current {
    background: rgba(255, 255, 255, 0);
    padding: 0 5px
}

.mobile .partnerships .colourbackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/mobile/Image_Partnerships_1.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.mobile .partnerships .copy {
    top: 45%!important;
    left: 50%!important;
    width: 80%
}

.mobile .project .projectname {
    position: relative;
    text-align: left;
    min-width: 40%
}

.mobile .project.temp {
    height: calc(15vh + 20px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.mobile .team {
    height: auto;
    max-height: unset
}

.mobile .team .clickindicator.mobile {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9
}

.mobile .team .clickindicator img,
.mobile .team .clickindicator p {
    display: inline-block;
    vertical-align: middle
}

.mobile .team .clickindicator img {
    width: 5%;
    margin-right: 10px
}

.mobile .team .clickindicator p {
    font-family: content;
    color: #fff;
    font-size: 15px
}

.mobile .team .member {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.mobile .team .member.member1 {
    margin-top: 0
}

.mobile .team::after {
    height: 33%
}

.mobile .team .copy {
    width: 69%;
    bottom: 15%;
    top: unset
}

.mobile .member .profile h3,
.mobile .member .profile h4,
.mobile .member .profile p {
    color: #000
}

.mobile .team .profile.mobile h3 {
    font-size: 16pt
}

.mobile .team .profile.mobile h4 {
    font-size: 14pt
}

.mobile .team .copy h2 {
    font-size: 34px;
    margin-bottom: 4px
}

.mobile .team .copy p {
    font-size: 15px;
    line-height: 19px
}

.mobile .desktopimg {
    display: none!important
}

.mobile .mobileimg {
    display: block!important
}

.mobile .whatwedo {
    background: url(images/mobile/Image_WhatWeDo_1_colour.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.mobile .whatwedo .colourbackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/mobile/Image_WhatWeDo_1.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.mobile .profile {
    display: none
}

.mobile .contact .copy br,
.mobile .profile.mobile {
    display: block
}

.mobile .contact .copy a {
    width: 100%;
    font-size: 16px
}

.mobile .contact .copy a.phone {
    margin-left: 0
}

.mobile .profile.mobile.extended {
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    max-height: 50vh;
    overflow-y: scroll
}

.mobile .profile.mobile p {
    font-size: 18px!important;
    text-align: left!important;
    margin: 10px 0;
    font-family: content!important
}

.mobile .profile.mobile.extended p {
    opacity: 1;
    visibility: visible;
    font-size: 18px;
    text-align: left;
    margin: 10px 0;
    font-family: content
}

.mobile .member .profile span.updown img {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s
}

.mobile .member .profile.extended span.updown img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s
}

.mobile .profile.mobile .close {
    position: absolute;
    margin-top: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.tablet .fullheight .copy {
    top: 41%!important;
    width: 54%!important;
    font-size: 20px!important
}

.tablet .fullheight .copy p {
    font-size: 22px!important;
    line-height: 22px!important
}

.tablet .fullheight .copy h2 {
    font-size: 36px!important
}

.tablet .contact .copy {
    top: 28%!important;
    left: 36%!important
}

.tablet .project .projectname {
    position: relative;
    text-align: left;
    min-width: 39%
}

.tablet .team .copy {
    width: 70%!important
}

.tablet .team .member img {
    height: 100vh;
    width: auto
}

.tablet .member1 img {
    transform: translate3d(-6%, 0, 0)
}

.tablet .member2 img {
    transform: translate3d(-28%, 0, 0)
}

.tablet .member3 img {
    transform: translate3d(-56%, 0, 0)
}

.tablet .member4 img {
    transform: translate3d(-79%, 0, 0)
}

@media screen and (orientation:landscape) {
    .tablet .member1 img {
        transform: translate3d(-2%, 0, 0)
    }
    .tablet .member2 img {
        transform: translate3d(-28%, 0, 0)
    }
    .tablet .member3 img {
        transform: translate3d(-56%, 0, 0)
    }
    .tablet .member4 img {
        transform: translate3d(-77%, 0, 0)
    }
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0
}

.navigation {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999
}

#hamburger,
.navblur {
    position: absolute
}

.navigation * {
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-sizing: border-box
}

.navigation span {
    display: block;
    background: #fff;
    border-radius: 2px
}

.mobile .banner .logo,
.mobile .banner .video,
.mobilegif,
.navblur {
    display: none
}

.navblur {
    top: 15px;
    width: 100%;
    height: calc(100vh - 60px);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(10px);
    background: rgba(255, 255, 255, .5);
    right: 0
}

#cross,
#hamburger {
    height: 100%;
    width: 100%
}

#menu-toggle {
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
    background: rgba(55, 55, 55, .4)
}

#menu-toggle:hover {
    background: rgba(55, 55, 55, .8)
}

#hamburger span {
    width: 75%;
    height: 4px;
    position: relative;
    top: 5px;
    left: 12.5%;
    margin: 10px 0
}

#hamburger span:nth-child(1) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

#hamburger span:nth-child(2) {
    -webkit-transition-delay: .625s;
    -o-transition-delay: .625s;
    transition-delay: .625s
}

#hamburger span:nth-child(3) {
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}

#cross {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#cross span:nth-child(1) {
    height: 0%;
    width: 4px;
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

#cross span:nth-child(2) {
    width: 0%;
    height: 4px;
    position: absolute;
    left: -20%;
    top: 50%;
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

#menu-toggle.open #hamburger span {
    width: 0
}

#menu-toggle.open #hamburger span:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

#menu-toggle.open #hamburger span:nth-child(2) {
    -webkit-transition-delay: .125s;
    -o-transition-delay: .125s;
    transition-delay: .125s
}

#menu-toggle.open #hamburger span:nth-child(3) {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

#menu-toggle #cross span:nth-child(1) {
    height: 0%;
    top: 10%;
    left: 28.8px
}

#menu-toggle.open #cross span:nth-child(1) {
    height: 80%;
    -webkit-transition-delay: .625s;
    -o-transition-delay: .625s;
    transition-delay: .625s;
    top: 10%;
    left: 28.8px
}

#menu-toggle #cross span:nth-child(2) {
    width: 0%;
    left: 10%;
    top: 28.8px
}

#menu-toggle.open #cross span:nth-child(2) {
    width: 80%;
    -webkit-transition-delay: .375s;
    -o-transition-delay: .375s;
    transition-delay: .375s;
    left: 10%;
    top: 28.8px
}

.nav {
    position: absolute;
    top: 100%;
    right: 0;
    text-align: right;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0s!important;
    -o-transition: 0s!important;
    transition: 0s!important
}

.nav.current {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 0s!important;
    -o-transition: 0s!important;
    transition: 0s!important
}

.close,
.space {
    pointer-events: none
}

.nav .option {
    padding: 16px 0 0;
    cursor: pointer;
    width: 250px;
    -webkit-transform: translate3d(calc(100% + 10px), 0, 0);
    -ms-transform: translate3d(calc(100% + 10px), 0, 0);
    -o-transform: translate3d(calc(100% + 10px), 0, 0);
    transform: translate3d(calc(100% + 10px), 0, 0);
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    background: 0 0;
    position: relative
}

.nav .option.current {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav p {
    font-family: content;
    font-size: 28px;
    white-space: nowrap;
    width: calc(100% - 20px);
    -webkit-transform: translate3d(calc(-200% - 40px), 0, 0);
    -ms-transform: translate3d(calc(-200% - 40px), 0, 0);
    -o-transform: translate3d(calc(-200% - 40px), 0, 0);
    transform: translate3d(calc(-200% - 40px), 0, 0);
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.project,
.project.current,
.project:hover {
    -webkit-transition: .5s;
    -o-transition: .5s
}

.nav .option.current p.animation {
    -webkit-animation: mymove .25s;
    animation: mymove .25s;
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

@-webkit-keyframes mymove {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: 5px
    }
}

@keyframes mymove {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: 5px
    }
}

.nav .option.first,
.nav .option.last {
    padding: 20px 0 0
}

.nav .option.current p {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.banner .video,
.mobile .mobilegif {
    opacity: 1;
    overflow: hidden;
    transform: translate3d(-50%, -50%, 0)
}

body.partnersection .nav .option.current p,
body.projectsoffset.white .nav .option.current p,
body.teamsection .nav .option.current p,
body.whatwedosection .nav .option.current p {
    color: #fff
}

body.partnersection .nav .divider,
body.projectsoffset.white .nav .divider,
body.teamsection .nav .divider,
body.whatwedosection .nav .divider {
    background: #fff
}

.divider {
    position: absolute;
    top: 8px;
    left: 0;
    width: calc(100% - 10px);
    height: 1px;
    background: #000
}

.banner,
.news,
.projects {
    height: 100vh;
    overflow: hidden
}

.first .divider {
    top: 12px
}

.banner {
    position: relative
}

.banner .logo,
.banner .video,
.mobile .mobilegif {
    position: absolute;
    left: 50%;
    top: 50%
}

.banner .video {
    width: 60%
}

.mobile .mobilegif {
    display: inline-block;
    width: 90%
}

.banner .video img,
.banner video,
.mobile .mobilegif img {
    width: 100%
}

.banner .video.unfocus {
    opacity: 0
}

.banner .logo {
    width: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    display: none
}

.banner .logo.current {
    opacity: 1
}

.news,
.projects {
    position: relative;
    max-height: 100vh;
    background: #f2f2f3;
    text-align: center
}

.projectcontainer {
    min-height: 100%;
    padding: 27.5vh 0 0
}

.project {
    height: 15vh;
    transition: .5s
}

.project.current,
.project:hover {
    height: calc(15vh + 50px);
    transition: .5s
}

.project .projectname,
.project img.main,
.space {
    vertical-align: middle;
    height: 100%;
    cursor: pointer
}

.project .projectname,
.project img.main {
    display: inline-block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.close span,
.project.current .main.colour {
    display: block
}

.project .main {
    -webkit-transform: translate3d(0, 0, 0)!important;
    -ms-transform: translate3d(0, 0, 0)!important;
    -o-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
    -webkit-transition: 2.5s ease!important;
    -o-transition: 2.5s ease!important;
    transition: 2.5s ease!important
}

.project.animate .main {
    -webkit-transition: 2.5s ease!important;
    -o-transition: 2.5s ease!important;
    transition: 2.5s ease!important;
    width: 100%!important;
    left: calc(50% - 1px)!important;
    top: 50%!important;
    -webkit-transform: translate3d(-50%, -50%, 0)!important;
    -ms-transform: translate3d(-50%, -50%, 0)!important;
    -o-transform: translate3d(-50%, -50%, 0)!important;
    transform: translate3d(-50%, -50%, 0)!important;
    z-index: 999
}

.project .main.colour.current {
    opacity: 1;
    -webkit-transition: .66s;
    -o-transition: .66s;
    transition: .66s
}

.project .projectname {
    position: relative;
    text-align: left;
    min-width: 20%
}

.project h6 {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-size: 20pt;
    font-family: heading;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.project.current h6,
.project:hover h6 {
    font-size: 25pt;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.space {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: none;
    opacity: 0
}

.current .space {
    display: inline-block
}

.projectslider {
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    opacity: 0;
    transition: 1s;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.projectslider.current {
    display: flex;
    z-index: 1000;
    width: 100%
}

.projectslider.current.animate {
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.projectslider div {
    width: 100%;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    -o-flex: none;
    flex: none
}

.projectslider .blur {
    position: absolute;
    left: 25%;
    width: 25%!important;
    overflow: hidden;
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

.projectslider .blur img {
    position: absolute;
    top: 0!important;
    left: -25vw!important;
    width: 100vw!important;
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.projectslider img {
    width: 100%!important;
    left: 50%!important;
    top: 50%!important
}

.close {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    z-index: 9999;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: rgba(55, 55, 55, .4);
    margin-top: 10px
}

.close.current {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.news .close,
.projects .close {
    top: 0;
    margin-top: 0
}

.close span {
    background: #fff;
    border-radius: 2px
}

.close #cross span:nth-child(1) {
    height: 80%;
    -webkit-transition-delay: .625s;
    -o-transition-delay: .625s;
    transition-delay: .625s
}

.close #cross span:nth-child(2) {
    width: 80%;
    -webkit-transition-delay: .375s;
    -o-transition-delay: .375s;
    transition-delay: .375s
}

.relativecontainer {
    position: relative
}

.projectgallery {
    position: absolute;
    width: 8%;
    top: 50%;
    text-align: left;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
    z-index: 0;
    left: 40px;
    transform: translateY(-50%)
}

.projectgallery.current {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
    z-index: 99999999999999
}

.projectgallery .gallery {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: none
}

.projectgallery .gallery.current {
    display: block
}

.mobileportrait,
.mobileportrait.current,
.mobileprojectflips.current,
.mobileprojects,
.mobileprojectsflip {
    display: none
}

.projectgallery .gallery div {
    width: 100%;
    position: relative;
    cursor: pointer
}

.projectgallery .gallery div img {
    width: 100%
}

.projectgallery .gallery div img.colour {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.projectgallery .gallery div.current img.colour {
    opacity: 1;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.slideleft,
.slideright {
    width: 20%;
    top: 0;
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    height: 100%
}

.slideleft {
    left: 0;
    transition: 1s ease
}

.slideright {
    right: 0;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease
}

.leftarrow,
.rightarrow {
    position: absolute;
    width: 60px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.slideleft.current,
.slideright.current {
    opacity: 1;
    pointer-events: all
}

.rightarrow {
    right: 0
}

.news .projectcopy,
.projects .projectcopy {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%;
    left: 5%;
    text-align: left
}

.projectcopy p {
    font-family: content;
    line-height: 1.5;
    color: #fff;
    font-size: 1vw
}

.projectcopy p .smalltext {
    font-size: 14pt;
    font-size: .9vw
}

.projectcopy h2 {
    margin-bottom: 0;
    color: #fff
}

.project-2 .projectcopy h2,
.project-2 .projectcopy p {
    color: #000
}

.projectslider div.close {
    width: 60px
}

.mobile .mobileprojectsflip,
.mobileportrait,
.mobileportrait.current {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: grey
}

.mobile .mobileprojectsflip {
    z-index: 9999999999999999999999
}

.mobile .mobileprojectsflip.current {
    display: block
}

.mobile .mobileportrait div,
.mobile .mobileprojectsflip div {
    font-family: content;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    text-align: center
}

.mobile .mobileprojectsflip img {
    width: 90%
}

.mobile .mobileportrait img {
    width: 10%
}

.mobile .mobileportrait p,
.mobile .mobileprojectsflip p {
    margin-top: 15px;
    width: 90%;
    margin-left: 5%
}

.mobile .nav {
    height: 100vh;
    width: 100vw;
    top: 0;
    padding-top: 70px;
    background: #fff;
    z-index: -1;
    display: flex;
    flex-flow: column
}

.mobile body.partnersection .nav .option.current p,
.mobile body.projectsoffset.white .nav .option.current p,
.mobile body.teamsection .nav .option.current p,
.mobile body.whatwedosection .nav .option.current p {
    color: #000
}

.mobile body.partnersection .nav .divider,
.mobile body.projectsoffset.white .nav .divider,
.mobile body.teamsection .nav .divider,
.mobile body.whatwedosection .nav .divider {
    background: #000
}

.mobile p.nextproject {
    position: absolute;
    right: 70px;
    color: #000;
    white-space: nowrap;
    top: 30px;
    font-family: heading;
    font-size: 16pt;
    z-index: 9999;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.mobile .project.current p.nextproject {
    display: block
}

.mobile .nav .option {
    flex: 1;
    margin-left: calc(100% - 250px);
    padding: 0
}

.mobile .nav .option p {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(calc(-100% - 250px), -50%);
    -ms-transform: translate(calc(-100% - 250px), -50%);
    -o-transform: translate(calc(-100% - 250px), -50%);
    transform: translate(calc(-100% - 250px), -50%);
    opacity: 0;
    -webkit-transition: transform 1s, opacity 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s
}

.mobile .nav .option p.animation {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    -webkit-transition: transform 1s, opacity 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s
}

.mobile .divider {
    top: 0
}

.news .projectslider .white-copy {
    position: absolute;
    left: 12.5%;
    width: 37.5%;
    overflow-y: scroll;
    height: calc(100vh - 50px);
    background: #fff;
    top: 50%;
    padding: 25px;
    text-align: left;
    font-family: content;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.news .projectslider .white-copy .new-url {
    margin: 10px 0 50px
}

.news .projectslider .white-copy .new-url a {
    text-decoration: none;
    color: #000;
    font-size: 12px
}

.news .projectslider .white-copy .title {
    position: static;
    font-size: 26pt;
    margin-bottom: 25px;
    -webkit-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset
}

.news .projectslider .white-copy .time {
    font-size: 12pt;
    margin-bottom: 25px
}

.news .projectslider .white-copy .social {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex
}

.news .projectslider .white-copy .social div {
    width: 50%;
    padding: 10px 0;
    text-align: right
}

.news .projectslider .white-copy .social div.fb-share-button {
    border-right: none!important;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 15px!important
}

.news .projectslider .white-copy .social div.fb-share-button iframe,
.news .projectslider .white-copy .social div.fb-share-button span {
    width: 75px!important;
    min-height: 30px!important;
    vertical-align: middle!important;
    display: inline-block
}

.news .projectslider .white-copy .social div:first-child {
    border-right: 1px solid #000;
    text-align: left
}

.news .projectslider .white-copy .social div img {
    display: inline-block;
    vertical-align: middle;
    width: 30px!important;
    margin-right: 15px
}

.news .projectslider .white-copy .social div p {
    display: inline-block;
    vertical-align: middle
}

.news .projectslider .white-copy .copy p {
    margin: 30px 0;
    font-size: 16px;
    line-height: 1.5
}

.mobile-articles {
    display: none
}

.mobile .news .project.current,
.mobile .news .project:hover {
    height: calc(15vh + 0px);
    transition: .5s
}

.mobile .news .project.current h6,
.mobile .news .project:hover h6 {
    font-size: 20pt
}

.mobile .mobile-articles {
    background: #f2f2f3;
    display: block;
    position: absolute;
    width: 100%;
    top: 100%;
    height: 100vh;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s
}

.mobile .mobile-articles.active {
    top: 0;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s
}

.mobile .mobile-articles .article-container {
    display: none
}

.mobile .mobile-articles .article-container.active {
    display: block
}

.mobile .mobile-articles .article-container .image-1 {
    width: 100%
}

.mobile .mobile-articles .article-container .new-url {
    margin: 10px;
    text-align: left;
    width: calc(100% - 20px)
}

.mobile .mobile-articles .article-container .new-url a {
    color: #000;
    font-family: content;
    font-size: 10px
}

.mobile .mobile-articles .article-container h6 {
    font-family: heading;
    width: calc(100% - 20px);
    text-align: left;
    margin: 0 0 10px 10px;
    font-size: 25px
}

.mobile .mobile-articles .article-container .time {
    color: #000;
    font-family: content;
    font-size: 10px;
    margin: 10px;
    text-align: left;
    width: calc(100% - 20px)
}

.mobile .mobile-articles .article-container .social {
    display: flex;
    width: calc(100% - 20px);
    margin: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.mobile .mobile-articles .article-container .social .inner-flex-container {
    width: 50%;
    text-align: left;
    border-right: 1px solid #000;
    padding: 6px 0
}

.mobile .mobile-articles .article-container .social .inner-flex-container img {
    width: 15%;
    display: inline-block;
    vertical-align: middle
}

.mobile .mobile-articles .article-container .social .inner-flex-container p {
    font-family: content;
    font-size: 10px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.mobile .mobile-articles .article-container .social .inner-flex-container.social-links {
    border-right: none;
    text-align: right
}

.mobile .mobile-articles .article-container .social .inner-flex-container.social-links div,
.mobile .mobile-articles .article-container .social .inner-flex-container.social-links img {
    display: inline-block;
    vertical-align: middle
}

.mobile .mobile-articles .article-container .copy {
    text-align: left;
    width: calc(100% - 20px);
    margin-left: 10px;
    overflow-y: scroll
}

.mobile .mobile-articles .article-container .copy p {
    font-size: 11px;
    font-family: content;
    line-height: 1.5
}

.mobile .news .close {
    display: none
}

.mobile .news .mobile-articles .close {
    display: block;
    opacity: 1;
    pointer-events: all
}

@media only screen and (max-device-width:1000px) and (orientation:landscape) {
    .mobile .navblur {
        display: none
    }
    .mobile .news .close,
    .mobile .projects .close {
        opacity: 1;
        left: unset;
        right: 0;
        pointer-events: all;
        position: absolute
    }
    .mobile .mobileprojectflips.current,
    .mobile .mobileprojectsflip {
        display: none!important
    }
    .mobile .mobileportrait.current {
        display: block;
        z-index: 999999999999999999999999999999
    }
    .mobile .mobileprojects {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: grey
    }
    .mobile .mobileprojects.current {
        display: block;
        z-index: 9999999999999999999999
    }
    .mobile .mobileprojects .projectgallery {
        opacity: 1;
        display: none;
        position: fixed;
        top: 20px;
        left: 20px;
        width: 10%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .mobile .mobileprojects .projectgallery.current {
        display: block
    }
    .mobile .mobileprojects .projectgallery .gallery div {
        width: 100%
    }
    .mobile .projectgallery .gallery.current {
        display: block;
        flex-wrap: unset
    }
    .mobile .project .projectslider.current.animate {
        opacity: 0;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        pointer-events: none
    }
    .mobile .project.current .projectslider.current.animate {
        opacity: 1;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        pointer-events: all
    }
    .mobile .project .profile.mobile {
        bottom: 0;
        width: calc(80% - 60px);
        left: calc(10% + 30px);
        max-height: 15vh;
        pointer-events: all;
        position: fixed
    }
    .mobile .project .profile.mobile.extended {
        max-height: 60vh
    }
    .mobile .projectslider div {
        max-height: 100vh;
        pointer-events: none;
        position: relative
    }
    .mobile .projectslider span.updown {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        background: rgba(55, 55, 55, .4);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .66s;
        -o-transition: .66s;
        transition: .66s;
        margin: 0
    }
    .mobile .projectslider .extended span.updown {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .mobile .projectslider .profile.mobile h3 {
        font-family: heading;
        font-size: 16pt;
        margin-bottom: 5px;
        color: #000
    }
    .mobile .projectslider .profile.mobile h4 {
        font-family: content;
        font-size: 14pt;
        margin-bottom: 5px;
        color: #000
    }
    .mobile .projectslider .profile.mobile .close {
        opacity: 1;
        top: unset;
        bottom: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }
    .mobile .projectslider img {
        pointer-events: none
    }
}

.backgroundfullcliff {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
    display: none
}

.hideallbutone .project {
    opacity: 0;
    visibility: hidden
}

.hideallbutone .project.project-3 {
    opacity: 1;
    visibility: visible
}

.partnerships.fullheight .copy div.current {
    -webkit-transform: translate3d(0);
    -ms-transform: translate3d(0);
    -o-transform: translate3d(0);
    transform: translate3d(0)
}

.partnerships.fullheight .copy div {
    -webkit-transform: translate3d(calc(100%+14px), 0, 0);
    -ms-transform: translate3d(calc(100%+14px), 0, 0);
    -o-transform: translate3d(calc(100%+14px), 0, 0);
    transform: translate3d(calc(100%+14px), 0, 0)
}

.member.member1 {
    position: relative!important
}

.mobile .profile.mobile {
    bottom: 0;
    position: absolute;
    height: auto;
    max-height: 12vh;
    top: auto;
    width: 69%;
    left: 15.1%;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;
    transition: all 1.5s
}

.team .member.current {
    z-index: 999
}

.mobile .profile.mobile p {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.member .profile span.updown {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    background: rgba(55, 55, 55, .4);
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin: 0
}

.member .profile span.updown img {
    width: 100%;
    display: inline-block;
    -webkit-transition: transform 1.5s;
    -o-transition: transform 1.5s;
    transition: transform 1.5s
}

.member .profile span.updown:before {
    content: '^';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    color: #fff;
    font-size: 1.3em;
    display: none
}

.member .profile.reveal span.updown:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
    -ms-transform: translate3d(-50%, -50%, 0) rotate(180deg);
    -o-transform: translate3d(-50%, -50%, 0) rotate(180deg);
    transform: translate3d(-50%, -50%, 0) rotate(180deg)
}

.member .profile.reveal span.updown img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.member .profile.reveal {
    max-height: 100vh;
    overflow: scroll
}

.member .profile.reveal p {
    opacity: 1;
    visibility: visible
}