#hero-loader-svg{animation-name:spin;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.expertise-wrapper .expertise{opacity:0;transition:opacity .75s ease-in,top .75s ease-in;top:-30px;position:relative}.expertise-wrapper .expertise.loaded{opacity:1;top:0}.hero-container h1{margin-bottom:30px}.hero-container h1,.hero-container h2,.hero-container a,.hero-container a:hover{color:white}.hero-container .top-hero p{margin-top:30px;margin-bottom:30px;font-size:24px;line-height:1.75;width:80%}#homepage-hero{background:#3e4548;display:flex;justify-content:center;align-self:center}.hero-wrapper{max-width:1420px;margin:0 auto;position:relative}.hero-container{display:flex;position:relative}.hero-container .top-hero,.hero-container .btm-hero{height:100%;width:100%;position:absolute;top:0;left:0}.hero-container .section{display:flex;justify-content:space-around;transition:left .5s ease-in-out}.hero-container .section.collapsed{left:-95%}.hero-container .top-hero{z-index:10;background:#000;color:#FFF;box-shadow:10px 0 20px 0 rgba(0,0,0,0.3);left:-13%;overflow:hidden;position:relative}.hero-container .top-hero-background{background-repeat:no-repeat;background-size:cover;flex-direction:column;display:flex;position:relative;width:100%}.hero-container .top-hero .content{padding:0 5% 0 20%;justify-content:center;margin:auto 0;opacity:0;transition:opacity .75s ease-in,top .75s ease-in;top:-30px;position:relative}.hero-container .top-hero .content.loaded{opacity:1;top:0}.hero-container .btm-hero{color:#FFF;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;overflow:hidden}.hero-container,.btm-hero{height:560px}.hero-container .btm-hero h2,.hero-container .btm-hero>p,.hero-container .btm-hero>.button-wrapper,.hero-container .btm-hero>.client-hero-logo-wrapper{padding-left:10%;width:55vw;max-width:650px}.hero-container .btm-hero h2{margin-top:0}.hero-container .btm-hero>p{font-size:18px;margin-bottom:30px}.hero-container .btm-hero .read-story-button,.hero-container .btm-hero .client-work-button{margin-right:15px;margin-top:0;display:inline-block;max-width:200px}.hero-container .btm-hero .client-hero-image-wrapper{width:40%}.hero-container .btm-hero .client-hero-logo{margin-bottom:30px;height:50px}.hero-container .btm-hero .client-work-image{right:120px;position:relative;transition:right 500ms cubic-bezier(0.680,-0.550,0.265,1.550) 1s,margin-left 250ms ease-in-out 0s}.hero-container .btm-hero .client-work-image.loaded{right:0}.hero-container .btm-hero .client-work-image.hover{margin-left:25px}.hero-container .flex-center-bottom{display:flex;min-height:100%;width:13%;background:transparent;z-index:1;padding-bottom:25px}.hero-container .toggle-button-wrapper{display:flex;justify-content:flex-end;align-items:flex-end;position:absolute;bottom:20px;left:0}.hero-container .hideme{font-size:14px;color:#fff;line-height:1.25;width:75%;padding-right:10px;padding-left:7px;margin-bottom:-2%;opacity:1;transition:opacity .25s ease-in-out}.hero-container .poof{opacity:0}.hero-container .chevron{width:20px;height:20px;border-top:2px solid white;border-right:2px solid white;transition:.3s all cubic-bezier(1,0.25,0.25,.8);transform-origin:50% 50%}.hero-container .chevron.left{transform:rotate(45deg);margin-right:20px}.hero-container .chevron.right{transform:rotate(-135deg);margin-right:10px}.hero-container #toggle-button{cursor:pointer;position:absolute;bottom:0;right:0;z-index:11}.hero-container .collapsed+#toggle-button{min-height:80px}.hero-container .collapsed+#toggle-button:hover+.hero-case-study-wrapper .btm-hero .client-work-image.hover{margin-left:0}.hero-container .collapsed #background-load{cursor:pointer}@media only screen and (max-device-width:1399px),screen and (max-width:1399px){#homepage-hero{background:0;filter:none}}@media only screen and (max-device-width:1199px),screen and (max-width:1199px){.hero-container,.hero-container .btm-hero{height:500px}.hero-container .top-hero p{width:100%}.hero-container .btm-hero p,.hero-container .btm-hero .read-story-button,.hero-container .btm-hero .client-work-button{font-size:16px}.hero-container .logo{height:80px}}@media only screen and (max-device-width:999px),screen and (max-width:999px){.hero-container .btm-hero .read-story-button,.hero-container .btm-hero .client-work-button{width:200px}.hero-container .btm-hero h2,.hero-container .btm-hero p{margin:0 0 15px 0}.hero-container .hideme{visibility:hidden}.hero-container .btm-hero h2{font-size:28px}.hero-container .btm-hero .button-wrapper{display:flex;justify-content:space-between;flex-flow:row}}@media only screen and (max-device-width:768px),screen and (max-width:768px){.hero-container{flex-direction:column;height:auto}.hero-container .top-hero{position:unset;height:auto;box-shadow:0 0 15px 0 rgba(0,0,0,0.5);display:block}.hero-container .top-hero .content{padding:0 30px}.hero-container .btm-hero{height:auto;position:unset;padding:30px;align-items:center;flex-wrap:nowrap}.hero-container .btm-hero .client-hero-image-wrapper{width:100%;max-width:400px;order:3;margin-bottom:15px}.hero-container .chevron,.hero-container #toggle-button,.hero-container .flex-center-bottom{display:none}.hero-container .btm-hero h2{width:100%;margin-bottom:15px;display:none;order:2}.hero-container .btm-hero .read-story-button,.hero-container .btm-hero .client-work-button{margin-right:0}.hero-container .btm-hero .client-hero-logo{margin:0 auto;display:block;margin-bottom:20px;order:1}.hero-container .btm-hero .client-work-image{right:0}.hero-container .btm-hero>p{order:4;width:90vw}.hero-container .btm-hero .button-wrapper{order:5;width:100%;max-width:100%;justify-content:space-around;flex-flow:row wrap}.hero-container .btm-hero h2,.hero-container .btm-hero>p,.hero-container .btm-hero .button-wrapper,.hero-container .btm-hero .client-hero-logo-wrapper{padding-left:0}}@media only screen and (max-device-width:600px),screen and (max-width:600px){.hero-container .top-hero .content .btn-green{display:block;width:100%}.hero-container .top-hero .content h1{letter-spacing:-1px;line-height:1}.hero-container .top-hero .content p{font-size:21px}}