@charset "UTF-8";@keyframes hide{100%{width:0;}
}
@keyframes fadeOut{100%{opacity:0;}
}
@keyframes movePreloader{100%{transform:scale(0.167);bottom:2vh;left:2vw;}
}
@keyframes float{0%{transform:translateY(-10px);}
100%{transform:translateY(0);}
}
@keyframes movetoLeft{0%{transform:translateX(0vw);}
100%{transform:translateX(-100vw);}
}
@keyframes moveBack{0%{transform:translateX(-100vw);}
100%{transform:translateX(0vw);}
}
@keyframes movetoView{0%{opacity:0;transform:translateX(100vw);}
100%{opacity:1;transform:translateX(0vw);}
}
@keyframes moveoutView{0%{opacity:1;transform:translateX(0vw);}
100%{opacity:0;transform:translateX(100vw);}
}
@keyframes slideFadeIn{0%{opacity:0;top:450px;}
100%{opacity:1;top:0;}
}
@keyframes slideOut_{0%{transform:translateX(0);}
100%{transform:translateX(86vw);}
}
@keyframes slideOut{0%{left:0;}
100%{left:85%;}
}
@keyframes slideIn{0%{left:-100%;}
100%{left:0%;}
}
@keyframes slideIn_{0%{transform:translateX(0);}
100%{transform:translateX(100vw);}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes resizeFooter{0%{width:96%;left:2%;height:6%;}
100%{width:10%;left:87.5%;height:90.8%;}
}
@keyframes changeColour{0%{color:#fff;}
100%{color:#121225;}
}
@font-face{font-family:ManifoldCF-ExtraBold;src:url("ManifoldCF-ExtraBold.eot");src:url("ManifoldCF-ExtraBold.eot?iefix") format("embedded-opentype"), url("ManifoldCF-ExtraBold.woff2") format("woff2"), url("ManifoldCF-ExtraBold.woff") format("woff"), url("ManifoldCF-ExtraBold.ttf") format("ttf");}
@font-face{font-family:CartographMonoCF-Thin;src:url("CartographMonoCF-Thin.eot");src:url("CartographMonoCF-Thin.eot?iefix") format("embedded-opentype"), url("CartographMonoCF-Thin.woff2") format("woff2"), url("CartographMonoCF-Thin.woff") format("woff"), url("CartographMonoCF-Thin.ttf") format("ttf");}
@font-face{font-family:GreycliffCFCustom-Regular;src:url(" GreycliffCFCustom-Regular.eot");src:url(" GreycliffCFCustom-Regular.eot?iefix") format("embedded-opentype"), url(" GreycliffCFCustom-Regular.woff2") format("woff2"), url(" GreycliffCFCustom-Regular.woff") format("woff");}
@font-face{font-family:GreycliffCFCustom-Bold;src:url(" GreycliffCFCustom-Bold.eot");src:url(" GreycliffCFCustom-Bold.eot? iefix") format("embedded-opentype"), url(" GreycliffCFCustom-Bold.woff2") format("woff2"), url(" GreycliffCFCustom-Bold.woff") format("woff");}
@font-face{font-family:GreycliffCFCustom-Light;src:url(" GreycliffCFCustom-Light.eot");src:url(" GreycliffCFCustom-Light.eot?iefix") format("embedded-opentype"), url(" GreycliffCFCustom-Light.woff2") format("woff2"), url(" GreycliffCFCustom-Light.woff") format("woff");}
.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat;}
@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal;}
.slick-prev,
.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none;}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus{outline:none;background:transparent;color:transparent;}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity:0.25;}
.slick-prev:before,
.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:-25px;}
[dir="rtl"] .slick-prev{left:auto;right:-25px;}
.slick-prev:before{content:"←";}
[dir="rtl"] .slick-prev:before{content:"→";}
.slick-next{right:-25px;}
[dir="rtl"] .slick-next{left:-25px;right:auto;}
.slick-next:before{content:"→";}
[dir="rtl"] .slick-next:before{content:"←";}
.slick-dotted.slick-slider{margin-bottom:30px;}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%;}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer;}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{color:black;opacity:0.75;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-dots li button:before{color:#fff;}
.slick-dots li.slick-active button:before{color:#E2773B;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;left:0;top:0;display:block;}
.slick-track:before, .slick-track:after{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
[dir="rtl"] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
html{box-sizing:border-box;margin:0;padding:0;text-rendering:optimizeLegibility;font-feature-settings:"kern";-webkit-font-feature-settings:"kern";-moz-font-feature-settings:"kern";-moz-font-feature-settings:"kern=1";}
::selection{background:#E2773B;}
::-moz-selection{background:#E2773B;}
*,
*:after,
*:before{box-sizing:inherit;}
h1{font-family:"ManifoldCF-ExtraBold", "Helvetica", sans-serif;font-size:10vw;padding:0;margin:0;}
h2{font-family:"ManifoldCF-ExtraBold", "Helvetica", sans-serif;font-size:2vw;padding:0;margin:0;}
p{color:#fff;font-family:"GreycliffCFCustom-Light", "Helvetica", sans-serif;font-weight:300;font-size:1vw;line-height:1.65;margin:2em 0;}
#load-wrapper{background:#E2773B;height:100vh;width:100vw;position:absolute;top:0;left:0;z-index:1000;}
#load-wrapper #jaw-loader{width:60vw;height:30vw;position:absolute;bottom:50%;left:50%;transform:translate(-50%, 50%) scale(1);transform-origin:0 30vw;-webkit-transform-origin:0 30vw;-ms-transform-origin:0 30vw;background:url("../imgs/jaw-logo.svg") no-repeat top left;background-size:cover;}
#load-wrapper #jaw-advertising{width:20vw;height:2.5vw;position:absolute;bottom:4.25vw;left:23vw;background:url("../imgs/advertising.svg") no-repeat top left;background-size:cover;}
#load-wrapper .move-loader{animation:movePreloader .75s 1.68s forwards ease;}
#load-wrapper .hide-advertising{animation:hide .5s 1.25s forwards ease;}
.fade-out{animation:fadeOut .75s 2.75s forwards ease;}
body{margin:0;padding:0;background:#121225;}
body.overflowActive{overflow:hidden;}
.tealBg{background:#00e19f;position:relative;}
.blueBg{background:#1d92f1;position:relative;}
.orangeBg{background:#E2773B;position:relative;}
.darkblueBg{background:#121225;position:relative;}
.purpleBg{background:#400B8B;position:relative;}
.holder{position:fixed;top:0;left:0;z-index:25;width:1vw;height:1vw;}
#container{position:relative;width:100vw;height:100vh;}
.container-overflow{overflow:hidden;}
#mainWrap{z-index:0;position:relative;top:0;left:0;transform:translateX(0vw);height:100vh;}
#mainContent, #topContent{height:100vh;width:100vw;padding:10vh 2vw;top:0;left:0;position:absolute;}
#mainContent p, #topContent p{color:#121225;}
.hits-holder-slider{width:85%;position:absolute;left:50%;transform:translateX(-50%);display:none;}
.hits-holder-slider ul{padding:0;padding-top:0;margin:0;}
.hits-holder-slider img{width:100%;}
/*.hits-holder-slider .first-hit{background:#E2773B url("../imgs/latest/rebba.png") no-repeat center center;background-size:cover;}*/
.hits-holder-slider .first-hit{background:#E2773B url("../imgs/latest/riverdale.jpg") no-repeat center center;background-size:cover;}
.hits-holder-slider .second-hit{background:#E2773B url("../imgs/latest/orea.jpg") no-repeat center center;background-size:cover;}
.hits-holder-slider .third-hit{background:#E2773B url("../imgs/latest/insureance.jpg") no-repeat center center;background-size:cover;}
.hits-holder-slider ul.project-skills{padding-top:0;display:block;font-size:1em;}
.hits-holder-slider .hit-item{width:100%;max-width:1200px;margin-left:0;height:28vh;position:relative;}
.hits-holder-slider .hit-item .hit-info{background:#E2773B;color:white;display:block;padding:15px;position:absolute;width:100%;bottom:0;overflow:hidden;}
.hits-holder-slider .hit-item .hit-info .view-hit{position:absolute;right:0;top:0;color:#E2773B;padding:15px;font-size:22px;background:white;display:block;transition:.75s ease all;}
.hits-holder-slider .hit-item .hit-info .view-hit .material-icons{font-size:17px;}
.hits-holder-slider .hit-item .hit-info .view-hit:hover{background-color:#400B8B;color:white;}
.hits-holder img{width:100%;}
/*.hits-holder .first-hit{background:#E2773B url("../imgs/latest/rebba.png") no-repeat center center;background-size:cover;}*/
.hits-holder .first-hit{background:#E2773B url("../imgs/latest/lambton.png") no-repeat center center;background-size:cover;}

.hits-holder .second-hit{background:#E2773B url("../imgs/latest/orea.jpg") no-repeat center center;background-size:cover;}
.hits-holder .third-hit{background:#E2773B url("../imgs/latest/generator.jpg") no-repeat center center;background-size:cover;}
.hits-holder ul{list-style:none;padding:0;padding-top:35px;margin:0;display:flex;flex-wrap:nowrap;width:100%;}
.hits-holder ul.project-skills{padding-top:0;display:block;font-size:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.hits-holder .hit-item{width:calc(33.33%);max-width:1200px;margin-left:10px;height:28vh;position:relative;cursor:pointer;}
.hits-holder .hit-item:hover a.view-hit{background-color:#E2773B;color:white;}
.hits-holder .hit-item .hit-info{background:#E2773B;color:white;display:block;padding:15px;position:absolute;width:100%;bottom:0;overflow:hidden;}
.hits-holder .hit-item .hit-info a.view-hit{cursor:pointer;position:absolute;right:0;top:0;color:#E2773B;padding:15px;font-size:22px;background:white;display:block;transition:.5s ease all;}
.hits-holder .hit-item .hit-info a.view-hit .material-icons{font-size:17px;}
.hits-holder .hit-item .hit-info a.view-hit:hover{background-color:#E2773B;color:white;}
.hits-holder .hit-item:first-child{margin-left:0;}
#case-content{float:right;width:60%;}
#case-content .results{border:1px solid #1d92f1;padding:1vw;}
#case-content .results ul{list-style:none;padding:0;margin:0;font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;font-weight:400;font-size:.95rem;padding-bottom:0;margin-bottom:0;width:87%;}
#case-content .results ul li{padding-bottom:20px;}
#case-content .results ul li:last-child{padding-bottom:5px;}
#case-content .results ul li strong{color:#1d92f1;}
#case-content .results ul li:before{content:">> ";color:#1d92f1;}
#case-content-images{width:40%;float:left;padding-right:3%;}
#case-content-images figure{padding:0;margin:0;}
#case-content-images figcaption{font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;padding:0;margin:0;font-size:.85rem;padding-bottom:30px;color:#E2773B;transition:.5s color ease;}
#case-content-images img{width:100%;margin-bottom:5px;transition:1s ease all;}
#case-content-images a:hover img{opacity:.5;}
#case-content-images a:hover figcaption{color:#1d92f1;}
#case-content p{width:40vw;font-weight:300;font-size:0.85vw;line-height:1.6;margin-bottom:2em;letter-spacing:.025em;color:#121225;}
#case-content h3{font-family:"ManifoldCF-ExtraBold", "Helvetica", sans-serif;color:#1d92f1;margin:0;padding-bottom:10px;}
#topContent{z-index:101;width:86vw;overflow:scroll;}
.project-skills{list-style:none;color:white;padding:0;margin:0;padding-top:15px;font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;}
.project-skills li{display:inline;font-size:.85rem;}
.project-skills li:not(:last-child):after{content:' / ';}
.landing .landing-image{position:absolute;top:0;z-index:0;}
#mainContent{z-index:100;background:white;width:86vw;overflow:scroll;left:-100vw;}
#mainContent p.info{color:#121225;width:70vw;}
.slide{height:100vh;width:100vw;padding:10vh 2vw;position:relative;left:0;}
.case-study{overflow:hidden;}
.callOut .first-callout{font-size:2.5em;font-weight:bold;}
.callOut .second-callout{font-size:1.75em;font-style:italic;}
footer{z-index:100;position:fixed;bottom:2vw;width:97%;left:2vw;height:6%;}
footer .scroll-it{color:white;position:absolute;left:50%;transform:translateY(-50%);width:150px;bottom:2%;width:auto;animation:float .5s infinite linear;animation-direction:alternate;cursor:pointer;}
footer .scroll-it span{text-align:center;position:absolute;left:50%;top:-22px;width:120px;transform:translateX(-50%);font-size:14px;font-family:"GreycliffCFCustom-Light", "Helvetica", sans-serif;display:none;display:block;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
footer .scroll-it img{width:60px;left:50%;transition:.35s ease all;position:relative;transform:translateX(-50%);}
footer img{width:10vw;position:absolute;bottom:0;cursor:pointer;}
footer i{position:absolute;right:0.75vw;}
footer i.material-icons{font-size:3vw;color:#fff;}
footer i a{color:#fff;text-decoration:none;transition:.5s all ease;}
footer i a:link{color:#fff;text-decoration:none;}
footer i a:hover{color:#121225;text-decoration:none;}
#closeCase{position:absolute;right:18vw;z-index:500;top:22px;z-index:1000;}
#closeCase.material-icons{font-size:2vw;color:#121225;}
#closeCase a{color:#121225;text-decoration:none;transition:.5s all ease;}
#closeCase a:link{color:#121225;text-decoration:none;}
#closeCase a:hover{color:#E2773B;text-decoration:none;}
.m-scene .scene_element{animation-duration:0.35s;transition-timing-function:ease-in;animation-fill-mode:both;}
.m-scene .scene_element--fadein{animation-name:fadeIn;}
.m-scene .scene_element--slideOut_{animation-name:slideOut;}
.m-scene .scene_element--slideOut{animation-name:slideOut;}
.m-scene .scene_element--movetoView{animation-name:movetoView;}
.m-scene .scene_element--moveoutView{animation-name:moveoutView;}
.m-scene .scene_element--slideIn_{animation-name:slideIn;}
.m-scene .scene_element--slideIn{animation-name:slideIn;}
.m-scene .scene_element--changeColour{animation-name:changeColour;}
.m-scene .scene_element--moveUp{animation-name:moveUp;}
.m-scene .scene_element--moveRight{animation-name:moveRight;}
.m-scene .scene_element--moveRight_two{animation-name:moveRight_two;}
.m-scene .scene_element--resizeFooter{animation-name:resizeFooter;}
.m-scene .scene_element--slideFadeIn{animation-name:slideFadeIn;}
.m-scene.is-exiting .scene_element{animation-direction:alternate-reverse;}
#slide-latest{background:#121225 url("../imgs/latest-hit.svg") no-repeat;background-size:55%;background-position:90% 50%;}
#slide-latest strong{font-style:italic;}
#slide-latest .head{position:relative;}
#slide-latest h1{position:absolute;z-index:2;}
#slide-latest .info{width:45vw;}
#slide-latest .head .char5{margin-left:-0.1em;}
#slide-latest .head .char10{margin-left:-0.08em;}
#slide-latest .latest-work-feed ul{list-style:none;padding:0;margin:0;}
#slide-latest .latest-work-feed ul li{display:inline-block;margin-right:20px;width:23%;}
#slide-latest .latest-work-feed ul li img{width:100%;}
#slide-latest .latest-work-feed ul li:last-child{margin-right:0;}
#slide1{background:#E2773B url("../imgs/oldschool.svg") no-repeat;background-position:32% 30%;background-size:35%;}
#slide1 strong{font-style:italic;}
#slide1 .head{position:relative;}
#slide1 h1{position:absolute;z-index:2;}
#slide1 img{position:absolute;top:20px;z-index:1;left:17%;height:94%;}
#slide1 .intro-copy, #slide1 .intro-copy-mobile{position:absolute;right:8%;bottom:20%;}
#slide1 .intro-copy-mobile{display:none;}
#slide1 .head .char5{margin-left:-0.1em;}
#slide1 .head .char10{margin-left:-0.08em;}
#topContent .head .char5{margin-left:-0.1em;}
#topContent .head .char10{margin-left:-0.08em;}
#slide2{background:#121225 url("../imgs/latehits.svg") no-repeat;background-position:53% 10%;background-size:21%;}
#slide3{background:url("../imgs/OREAbg.jpg");background-size:cover;background-position:center center;}
#slide3 .head .char5{margin-left:-0.1em;}
#slide3 .head .char10{margin-left:-0.08em;}
#topContent .head .char5{margin-left:-0.1em;}
#topContent .head .char10{margin-left:-0.08em;}
#slide4{background:url("../imgs/changBg.jpg");background-size:cover;background-position:center center;}
#slide4 .head .char7{margin-left:-0.02em;}
#slide5{background:url("../imgs/magnetBg.jpg");background-size:cover;background-position:center center;}
#slide5 .head .char6{margin-left:-0.08em;}
#slide5 .head .char12{margin-left:-0.02em;}
#slide6{background:url("../imgs/gtBg.jpg");background-size:cover;background-position:center center;}
#slide7{background:url("../imgs/fpscBg.jpg");background-size:cover;background-position:center center;}
#slide8{background:url("../imgs/scmaBg.jpg");background-size:cover;background-position:center center;}
#slide9{background:url("../imgs/carefreeBg.jpg");background-size:cover;background-position:center center;}
#slide10{background:url("../imgs/dist.jpg");background-size:cover;background-position:center center;}
#slide10 h1{font-size:13vw;}
#slide10 .call-out h2{color:#fff;text-transform:uppercase;font-size:5.5vw;line-height:.95;margin-bottom:25px;padding:0;margin-left:-3px;}
#slide10 .call-out h2.smallHeading{font-size:2vw;display:block;margin:0;margin-bottom:-7px;width:25vw;}
#slide11{background-size:cover;background-position:center center;}
#slide11 h1{font-size:13vw;}
#slide11 .final-holder{position:relative;}
#slide11 .final-holder .team-about{display:block;}
#slide11 .final-holder .team-about-mobile{display:none;}
#slide11 .final-holder .profile-photos, #slide11 .final-holder .profile-photos-mobile{color:white;position:absolute;width:60vw;right:0;top:0;}
#slide11 .final-holder .profile-photos ul, #slide11 .final-holder .profile-photos-mobile ul{display:flex;flex-wrap:wrap;padding:0;padding-top:5px;margin:0;list-style:none;}
#slide11 .final-holder .profile-photos li, #slide11 .final-holder .profile-photos-mobile li{width:17vw;margin-right:25px;margin-bottom:25px;cursor:pointer;position:relative;overflow:hidden;}
#slide11 .final-holder .profile-photos li img, #slide11 .final-holder .profile-photos-mobile li img{width:100%;cursor:pointer; display: block;}
#slide11 .final-holder .profile-photos li span.over, #slide11 .final-holder .profile-photos-mobile li span.over{position:absolute;display:block;top:0;left:0;font-size:1rem;width:100%;text-align:center;font-family:"GreycliffCFCustom-Light", "Helvetica", sans-serif;opacity:0;transition:.5s opacity ease;display:block;background:rgba(215, 101, 0, 0.5);height:100%;}
#slide11 .final-holder .profile-photos li span.over:hover, #slide11 .final-holder .profile-photos-mobile li span.over:hover{opacity:1;}
#slide11 .final-holder .profile-photos li span.over h3, #slide11 .final-holder .profile-photos-mobile li span.over h3{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%);}
#slide11 .final-holder .profile-photos .slick-dots, #slide11 .final-holder .profile-photos-mobile .slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%;}
#slide11 .final-holder .profile-photos .slick-dots li, #slide11 .final-holder .profile-photos-mobile .slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer;background:transparent;}
#slide11 .final-holder .profile-photos-mobile{display:none;width:55vw;right:30px;}
#slide11 .final-holder .profile-photos-mobile div{width:55vw;}
#slide11 .final-holder .profile-photos-mobile div img{width:100%;}
.randomClient{width:50%;height:50%;float:left;text-align:center;position:relative;cursor:pointer;}
.randomClient article{width:100%;height:100%;}
.randomClient h2{color:#fff;font-size:3.5vw;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:75%;z-index:100;transition:1s all ease;letter-spacing:0;}
.randomClient article:hover > h2{opacity:0.1;transform:translateX(-50%) translateY(-50%) scale(0.85);letter-spacing:.1em;}
.randomClient article:hover > p{opacity:1;}
.randomClient p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:75%;opacity:0;font-size:1.25vw;transition:1.5s all ease;}
.randomClient img{width:100%;}
#aboutCover{width:100vw;height:100vw;background:#121225;display:block;position:absolute;top:0;left:0;z-index:200;}
#aboutOver{width:100vw;height:100vw;background:#121225;display:block;position:absolute;top:0;left:0;z-index:200;}
.about{width:100vw;position:fixed;background:#121225;top:0;bottom:0;left:0;right:100vw;height:100vh;padding:10vh 2vw;z-index:0;overflow:scroll;}
.about .head{font-size:8vw;padding-bottom:35px;}
.about .button{border:1px solid #E2773B;color:#E2773B;}
.about .button:hover{color:#fff;border:1px solid #fff;}
.about .leftSide{width:65vw;padding-right:2vw;padding-bottom:45px;border-right:2px solid #E2773B;}
.about .leftSide .seriousness{margin-bottom:-25px;display:none;}
.about .leftSide .seriousness h3{color:#E2773B;font-family:"GreycliffCFCustom-Light", "Helvetica", sans-serif;font-weight:300;text-transform:uppercase;margin-bottom:15px;}
.about .leftSide .seriousness ul{list-style:none;padding:0;margin:0;}
.about .leftSide .seriousness ul li{display:inline;margin-right:25px;}
.about .leftSide .seriousness label{color:#fff;font-size:1em;font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;}
.about .leftSide .seriousness [type="radio"]:checked,
.about .leftSide .seriousness [type="radio"]:not(:checked){position:absolute;left:-9999px;}
.about .leftSide .seriousness [type="radio"]:checked + label,
.about .leftSide .seriousness [type="radio"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;}
.about .leftSide .seriousness [type="radio"]:checked + label:before,
.about .leftSide .seriousness [type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid #E2773B;border-radius:100%;}
.about .leftSide .seriousness [type="radio"]:checked + label:after,
.about .leftSide .seriousness [type="radio"]:not(:checked) + label:after{content:'';width:5px;height:5px;background:#E2773B;position:absolute;top:8px;left:8px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.about .leftSide .seriousness [type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.about .leftSide .seriousness [type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.about .rightSide{position:fixed;right:0;top:0;padding:10vh 2vw;width:33vw;}
.about .rightSide header{padding-top:20px;}
.about .rightSide h1{color:#fff;text-transform:uppercase;}
.about .rightSide h1 .char6{margin-left:-15px;margin-right:-15px;}
.about .rightSide h1 .char9{margin-left:-7px;}
.about .rightSide h2{color:#fff;text-transform:uppercase;font-size:5.5vw;line-height:.95;margin-bottom:38px;padding:0;margin-left:-3px;}
.about .rightSide h2.smallHeading{font-size:2vw;display:block;margin:0;margin-bottom:-10px;width:25vw;}
.about p{margin-bottom:25px;}
p{margin:0;padding:0;}
.sub{color:#fff;font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;font-weight:300;font-size:1.5vw;text-transform:uppercase;letter-spacing:0.2em;line-height:1;}
.head{color:#fff;font-weight:600;font-size:9vw;text-transform:uppercase;letter-spacing:-0.025em;line-height:0.8;margin-left:-0.07em;}
.info{width:33vw;color:#fff;font-weight:300;font-size:0.9vw;line-height:1.6;margin:2em 0;letter-spacing:.025em;}
.contact-section{position:absolute;right:5vw;top:14.6vh;}
#contactInfo ul{list-style:none;padding:0;margin:0;font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;font-weight:300;color:white;margin-top:-15px;padding-top:0;font-size:.85rem;padding-bottom:0;margin-bottom:0;width:87%;}
#contactInfo ul li{padding:2px;padding-bottom:5px;}
#contactInfo ul li:first-child{padding-top:0;}
#contactInfo ul li:last-child{border-bottom:0;}
#contactInfo ul strong{color:#E2773B;}
.button{display:block;width:13vw;height:2vw;text-align:center;color:#fff;font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;font-weight:300;font-size:.75vw;line-height:1;text-transform:uppercase;border:1px solid #fff;padding:0.55vw;margin:2em 0;letter-spacing:0;transition:all 300ms ease;}
.button:after{content:"\003E";position:relative;bottom:2px;}
.button:link{color:#fff;text-decoration:none;}
.button:visited{color:#fff;text-decoration:none;}
.button:hover{color:#fff;text-decoration:none;background:rgba(255, 255, 255, 0.25);letter-spacing:0.02em;}
.button:active{color:#fff;text-decoration:none;background:rgba(255, 255, 255, 0.25);letter-spacing:0.02em;}
iframe{width:100%;height:400px;overflow:hidden;border:0;}
#map{width:100%;height:400px;}
.orea .slide{background-color:#fff;width:80vw;}
.orea .slide h1, .orea .slide h2, .orea .slide p{color:#121225;}
.exit{position:absolute;z-index:100;left:75vw;top:25px;}
.moveAway{animation:movetoLeft 0.45s ease both;}
.moveBack{animation:moveBack 0.45s ease both;}
.movetoView{animation:movetoView 0.45s ease both;}
.moveoutView{animation:moveoutView 0.45s ease both;}
iframe{opacity:0;}
.about .fadeIn{animation:fadeIn 2s .05s ease forwards;}
.about .slideFadeIn{animation:slideFadeIn 1s ease forwards;}
.hit-slider img{width:75%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:url("../imgs/ajax-loader.gif") no-repeat center center;}
a.project-link{cursor:pointer;height:auto;display:block;}
.project-slider{background:rgba(18, 18, 37, 0.95);position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:125;color:#fff;}
.project-slider iframe{width:100%;height:100%;opacity:1;margin-bottom:25px;}
.project-slider iframe#changDigital{width:336px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.project-slider .work-slider img{width:100%;}
.project-slider .profile-slider{position:relative;}
.project-slider .profile-slider .slick-slide img{position:relative;top:0;left:0;transform:translate(0);width:90%;margin:0;}
.project-slider .profile-slider .profile-image-holder{display:inline-block;width:90%;background:url("../imgs/ajax-loader.gif") no-repeat center center;}
.project-slider .profile-slider .profile-info{width:55vw;padding-top:35px;}
.project-slider .profile-slider .profile-info h2{font-size:3em;margin:0;padding:0;padding-bottom:5px;}
.project-slider .profile-slider .profile-info .sub{font-size:1vw;margin:0;padding:0;padding-bottom:20px;}
.project-slider .profile-slider .profile-info ul{padding:0;}
.project-slider .profile-slider .profile-info ul li{font-family:"CartographMonoCF-Thin", "Helvetica", sans-serif;font-weight:300;color:white;padding-top:0;padding-bottom:15px;font-size:1rem;}
.project-slider .profile-slider .profile-info ul.social-links{list-style:none;}
.project-slider .profile-slider .profile-info ul.social-links li{display:inline-block;text-indent:-9999px;margin-right:20px;}
.project-slider .profile-slider .profile-info ul.social-links li:last-child{margin-right:none;}
.project-slider .profile-slider .profile-info ul.social-links li a{width:30px;height:30px;display:block;}
.project-slider .profile-slider .profile-info ul.social-links li a.linkedin{background:url("/imgs/Linkedin.svg") no-repeat top left;background-size:30px 30px;width:30px;height:30px;display:block;}
.project-slider .profile-slider .profile-info ul.social-links li a.twitter{background:url("/imgs/twitter.svg") no-repeat;background-size:30px 30px;}
.project-slider .profile-slider .profile{position:absolute;width:70%;left:50%;top:50%;transform:translate(-50%, -50%);margin:auto;border:1px solid white;display:flex;}
.project-slider a.close-current{color:white;position:absolute;top:4vw;left:5vw;font-size:2rem;text-decoration:none;transition:color .75s ease;}
.project-slider a.close-current .material-icons{font-size:2rem;}
.project-slider a.close-current:hover{color:#E2773B;}
.project-slider .slide-holder{width:85%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.project-slider .slick-slide img{margin:auto;transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;width:80%;}
.project-slider .slick-slide{height:80vh;position:relative;outline:none;}
.project-slider .slick-prev, .project-slider .slick-next{height:40px;width:40px;z-index:128;}
.project-slider .slick-prev:before, .project-slider .slick-next:before{font-size:30px;}
@media only screen and (max-width:1400px){#slide1 .intro-copy{position:absolute;right:8%;bottom:25%;}
.info{font-size:.85vw;}
#closeCase{position:absolute;right:18vw;z-index:500;top:39px;z-index:1000;}
#contactInfo ul{font-size:.8rem;}
.project-slider .profile-slider .profile{width:75%;}
}
@media only screen and (max-width:1150px){#slide11 .final-holder .profile-photos li h3, #slide11 .final-holder .profile-photos-mobile li h3{font-size:1.15em;}
#slide11 .final-holder .profile-photos-mobile div img{width:100%;}
#case-content-images figcaption{font-size:.75rem;padding-bottom:25px;}
.head{font-size:15vw;width:75vw;line-height:0.9;left:2vw;}
.project-skills li{font-size:.95rem;}
.hit-item .hit-info .project-skills li{font-size:.65rem;}
.sub{font-size:2.25vw;width:80vw;line-height:1.25;}
#slide1{background-position:90% 2%;background-size:40%;}
#slide1 .head{font-size:18vw;}
#slide1 .intro-copy{left:4vw;bottom:inherit;}
.info{width:74vw;font-size:1.35vw;}
.button{font-size:1vw;width:18vw;padding:1vw;height:auto;}
#closeCase.material-icons{font-size:6vw;top:32px;}
.about .head{font-size:14vw;width:85vw;}
.about p{margin-bottom:10px;font-size:.7rem;width:85vw;}
.about .rightSide{width:calc(100vw - 4vw);position:relative;padding:2vw;}
.about .rightSide h2{margin-left:-5px;padding:0;font-size:28vw;}
.about .rightSide h2.smallHeading{margin:0;width:90vw;font-size:8vw;}
.about .leftSide{width:calc(100vw - 4vw);border-right:none;padding:2vw;}
.about .leftSide header{padding-top:0;}
#case-content-images{float:right;width:100%;}
#case-content{width:100%;float:left;}
#case-content p{width:80vw;font-size:1.95vw;}
footer img{width:16vw;}
footer i.material-icons{font-size:7vw;}
.contact-section{position:static;text-shadow:2px 2px 5px #121225;}
#slide10 .call-out h2.smallHeading{width:40vw;font-size:4vw;margin-bottom:-2px;}
#slide10 .call-out h2{font-size:7.5vw;}
#contactInfo ul{font-size:.75rem;}
#slide11 .final-holder .profile-photos{width:60vw;display:none;}
#slide11 .final-holder .profile-photos li{height:19vh;}
.project-slider .profile-slider .profile-image-holder{width:40vw;}
.project-slider .profile-slider .profile-info{width:45vw;padding-left:35px;}
.project-slider .profile-slider .profile-info .sub{font-size:1.75vw;}
.project-slider .profile-slider .profile-info .slick-slide img{width:100%;}
#slide11 .final-holder .profile-photos-mobile{position:absolute;right:80px;display:block;left:auto;width:45vw;}
#slide11 .final-holder .profile-photos-mobile div{width:45vw;}
}
@media only screen and (max-width:1150px) and (orientation:landscape){#slide1 .intro-copy{position:absolute;right:8%;bottom:19%;}
.head{font-size:8vw;}
#slide10 .call-out h2.smallHeading{width:32vw;font-size:2.5vw;margin-bottom:-2px;}
.contact-section{position:absolute;right:0;top:10.6vh;}
#contactInfo ul{font-size:.75rem;}
.button{font-size:1vw;width:18vw;padding:1vw;height:auto;}
.info{font-size:1.1vw;width:33vw;}
#slide1{background-position:32% 30%;background-size:35%;}
#slide1 .intro-copy{left:auto;}
#slide1 .head{position:relative;font-size:9vw;}
footer i.material-icons{font-size:5vw;}
}
@media only screen and (max-width:1020px){.project-slider .profile-slider .slick-slide img{width:100%;}
.project-slider .profile-slider .profile{display:block;}
.project-slider .profile-slider .slick-slide img{width:100%;}
.project-slider .profile-slider .profile-image-holder{width:100%;display:block;}
.project-slider .profile-slider .profile-info{width:100%;padding-top:15px;}
.project-slider .profile-slider .profile-info h2{font-size:2em;}
.project-slider .profile-slider .profile-info ul{margin-top:0;}
.project-slider .profile-slider .profile-info ul li{font-size:.65rem;padding-bottom:9px;}
.project-slider .profile-slider .profile-info .sub{font-size:1.75vw;padding-bottom:15px;}
.project-slider .profile-slider .profile-info ul.social-links{margin-bottom:0;}
.project-slider .profile-slider .profile-info ul.social-links li{padding-bottom:0;}
.project-slider .profile-slider .profile-info ul.social-links li a{width:20px;height:20px;}
.project-slider .profile-slider .profile-info ul.social-links li a.linkedin{background:url("/imgs/Linkedin.svg") no-repeat top left;background-size:20px 20px;display:block;}
.project-slider .profile-slider .profile-info ul.social-links{display:block;}
.project-slider .profile-slider .profile{width:48%;}
}
@media only screen and (max-width:820px){.info{width:73vw;font-size:1.55vw;}
#slide11 .final-holder .team-about{display:none;}
#slide11 .final-holder .team-about-mobile{display:block;}
#slide11 .final-holder .profile-photos{display:none;}
#slide11 .final-holder .profile-photos-mobile{display:block;}
#slide11 .final-holder .profile-photos-mobile{position:relative;right:auto;left:50%;width:77vw;transform:translateX(-50%);}
#slide11 .final-holder .profile-photos-mobile div{width:77vw;}
#slide1 .intro-copy{display:none;}
#slide1 .intro-copy-mobile{display:block;}
#slide1 .intro-copy, #slide1 .intro-copy-mobile{left:4vw;bottom:inherit;}
#slide2{background-size:35%;}
#contactInfo ul{font-size:.65rem;}
.hits-holder .hit-item .hit-info{padding:10px;padding-bottom:15px;}
.hits-holder .hit-item .hit-info a.view-hit{padding:10px;padding-bottom:15px;}
.hits-holder .hit-item .hit-info .material-icons{font-size:14px;}
.project-skills{padding-top:3px;}
.project-skills li{font-size:.75rem;}
.hit-item .hit-info .project-skills li{font-size:.65rem;}
.project-slider .profile-slider .profile-info{width:45vw;padding-left:35px;}
.project-slider .profile-slider .profile-info .slick-slide img{width:100%;}
footer .scroll-it span{font-size:11px;left:75%;top:-15px;}
footer .scroll-it img{width:35px;left:72%;}
}
@media only screen and (max-width:690px){.hit-slider img{width:100%;}
#contactInfo ul{font-size:.85rem;}
#slide10 .call-out h2{font-size:11vw;}
#slide10 .call-out h2.smallHeading{width:63vw;font-size:6vw;margin-bottom:-1px;}
.hits-holder ul{display:none;}
.hits-holder-slider{display:block;}
.hits-holder-slider .hit-item{width:100%;}
#case-content .results ul{font-size:0.75rem;}
}
@media only screen and (max-width:485px){.head{font-size:15vw;width:75vw;line-height:0.9;left:2vw;}
.info{margin:1.25em 0;}
.sub{font-size:3vw;width:85vw;line-height:1.25;}
.slide{padding:5vh 2vw;}
#slide1{background-position:90% 2%;background-size:40%;}
#slide1 .head{font-size:18vw;}
#slide2{background-position:75% 6%;}
.info{font-size:.72rem;width:78vw;}
.button{width:50vw;height:auto;font-size:2.5vw;padding:3vw;}
.project-skills{width:280px;}
.project-skills li{font-size:.65rem;}
#contactInfo ul{width:95%;}
.about .head{font-size:14vw;width:85vw;}
.about p{margin-bottom:10px;font-size:.7rem;width:85vw;}
.about .rightSide{width:calc(100vw - 4vw);position:relative;padding:2vw;}
.about .rightSide h2{margin-left:-5px;padding:0;font-size:28vw;}
.about .rightSide h2.smallHeading{margin:0;width:90vw;font-size:8vw;}
.about .leftSide{width:calc(100vw - 4vw);border-right:none;padding:2vw;}
.about .leftSide header{padding-top:0;}
#case-content-images{float:right;width:100%;}
#case-content{width:100%;float:left;}
#case-content p{width:80vw;font-size:.72rem;}
#topContent{padding:5vh 2vw;}
#closeCase.material-icons{font-size:6vw;top:55px;}
.project-slider .profile-slider .profile{display:block;width:75%;}
.project-slider .profile-slider .slick-slide img{width:100%;}
.project-slider .profile-slider .profile-image-holder{width:100%;display:block;}
.project-slider .profile-slider .profile-info{width:100%;padding-top:5px;padding-left:15px;}
.project-slider .profile-slider .profile-info h2{font-size:2em;}
.project-slider .profile-slider .profile-info ul{margin-top:0;display:none;}
.project-slider .profile-slider .profile-info ul li{font-size:.65rem;padding-bottom:9px;}
.project-slider .profile-slider .profile-info .sub{font-size:2.5vw;padding-bottom:10px;}
.project-slider .profile-slider .profile-info ul.social-links{margin-bottom:0;}
.project-slider .profile-slider .profile-info ul.social-links li{padding-bottom:0;}
.project-slider .profile-slider .profile-info ul.social-links li a{width:20px;height:20px;}
.project-slider .profile-slider .profile-info ul.social-links li a.linkedin{background:url("/imgs/Linkedin.svg") no-repeat top left;background-size:20px 20px;display:block;}
.project-slider .profile-slider .profile-info ul.social-links{display:block;}
footer{left:2vw;width:97vw;}
footer img{width:26vw;}
footer i.material-icons{font-size:9vw;}
}