.FreightBigPro-Book{font-family:freight-big-pro,serif;font-weight:400;font-style:normal}.FreightBigPro-Light{font-family:freight-big-pro,serif;font-weight:300;font-style:normal}.FreightBigPro-Light-Italic{font-family:freight-big-pro,serif;font-weight:300;font-style:italic}.FFDINWebProMedium{font-family:FFDINWebProMedium;font-weight:400;font-style:normal}.FFDINWebPro{font-family:FFDINWebPro;font-weight:400;font-style:normal}body{-webkit-animation-duration:.1s;-webkit-animation-name:fontfix;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-delay:.1s}@-webkit-keyframes fontfix{from{opacity:1}to{opacity:1}}html{background:#fff}.wrapper{margin-top:0}.wrapper header{position:fixed;top:0;left:0;width:100%;height:auto}.wrapper .main-menu{height:100%;width:100%;position:fixed;z-index:999;left:0;top:0;background-color:#5fddbb;overflow:hidden;display:none;opacity:0;-webkit-animation:fadeInFromNone .5s;-moz-animation:fadeInFromNone .5s;-o-animation:fadeInFromNone .5s;animation:fadeInFromNone .5s;-webkit-transition:all .5s cubic-bezier(.77,0,.175,1);-moz-transition:all .5s cubic-bezier(.77,0,.175,1);-ms-transition:all .5s cubic-bezier(.77,0,.175,1);-o-transition:all .5s cubic-bezier(.77,0,.175,1);transition:all .5s cubic-bezier(.77,0,.175,1)}.wrapper .main-menu .main-menu-content{position:relative;top:50%;width:100%;text-align:center;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.wrapper .main-menu .main-menu-content a{display:block;transition:all .4s cubic-bezier(.77,0,.175,1);font-family:FFDINWebProMedium;font-weight:400;font-style:normal;text-decoration:none;font-size:29px;line-height:50px;color:#fff;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}.wrapper .main-menu .main-menu-content a:focus,.wrapper .main-menu .main-menu-content a:hover{color:#d0f5eb}.wrapper .main-menu .btn-menu-close{display:block;position:absolute;width:52px;height:56px;margin:0;padding:0 0;top:0;right:0;text-align:center;color:#fff;text-decoration:none;-webkit-transition:all .9s cubic-bezier(.77,0,.175,1);-moz-transition:all .9s cubic-bezier(.77,0,.175,1);-ms-transition:all .9s cubic-bezier(.77,0,.175,1);-o-transition:all .9s cubic-bezier(.77,0,.175,1);transition:all .9s cubic-bezier(.77,0,.175,1)}@media only screen and (min-width:768px){.wrapper .main-menu .btn-menu-close{padding:10px 26px}}.wrapper .main-menu .btn-menu-close svg{width:28px;height:56px}.wrapper .main-menu .btn-menu-close svg .bottom,.wrapper .main-menu .btn-menu-close svg .top{fill:#3d3d3d;transform-origin:center;-webkit-transition:all .2s cubic-bezier(.77,0,.175,1);-moz-transition:all .2s cubic-bezier(.77,0,.175,1);-ms-transition:all .2s cubic-bezier(.77,0,.175,1);-o-transition:all .2s cubic-bezier(.77,0,.175,1);transition:all .2s cubic-bezier(.77,0,.175,1)}.wrapper .main-menu .btn-menu-close.close svg .bottom,.wrapper .main-menu .btn-menu-close.close svg .top{fill:#fff}.wrapper .main-menu .btn-menu-close.close svg .top{-webkit-transform:translate(-3px,3px) rotate(45deg);-moz-transform:translate(-3px,3px) rotate(45deg);-ms-transform:translate(-3px,3px) rotate(45deg);-o-transform:translate(-3px,3px) rotate(45deg);transform:translate(-3px,3px) rotate(45deg)}.wrapper .main-menu .btn-menu-close.close svg .bottom{-webkit-transform:translate(-3px,-3px) rotate(-45deg);-moz-transform:translate(-3px,-3px) rotate(-45deg);-ms-transform:translate(-3px,-3px) rotate(-45deg);-o-transform:translate(-3px,-3px) rotate(-45deg);transform:translate(-3px,-3px) rotate(-45deg)}.wrapper .main-menu .main-menu-social{width:100%;display:block;position:absolute;bottom:0;left:0}.wrapper .main-menu .main-menu-social ul{width:80%;display:block;list-style:none;margin:auto;padding:0 0 60px 0;text-align:center;vertical-align:middle}.wrapper .main-menu .main-menu-social ul li{display:inline-block;vertical-align:middle;width:14.28571429%;box-sizing:border-box}.wrapper .main-menu .main-menu-social ul li a img{max-height:30px;max-width:30px}.wrapper .main-menu .main-menu-social ul li a svg{max-height:30px;max-width:30px}.wrapper .main-menu .main-menu-social ul li a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#3d3d3d}.wrapper .main-menu .main-menu-social ul li.soundcloud a svg{max-width:34px}.wrapper .main-menu .main-menu-social ul li.instagram a svg{max-width:28px}.wrapper .main-menu .main-menu-social ul li.imdb a svg{max-width:40px}.wrapper .main-menu .main-menu-social ul li:hover a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#5a625f}@media only screen and (min-width:768px){.wrapper .main-menu .main-menu-social ul{max-width:450px}}.wrapper .main-menu .main-menu-social ul li a{-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1)}.wrapper .main-menu .main-menu-social ul li a svg .icon-social{fill:#fff}.wrapper .main-menu .main-menu-social ul li:hover a svg .icon-social{fill:#d0f5eb}.wrapper .main-menu.fadeOut{-webkit-animation:fadeOutToNone .5s;-moz-animation:fadeOutToNone .5s;-o-animation:fadeOutToNone .5s;animation:fadeOutToNone .5s}.wrapper #landing{position:relative;background-image:url(/src/img/pjcom-hero-sml.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;padding:0}.wrapper #landing #landing-wrapper{display:table;width:100%;height:94vh;transition:height 1000s steps(1);position:relative}.wrapper #landing #landing-wrapper .copy{position:absolute;top:50vh;width:100%;transition:top 1000s steps(1)}.wrapper #landing #landing-wrapper .copy h1{margin:0;padding:0;font-family:freight-big-pro,serif;font-weight:400;font-style:normal;font-size:40px;line-height:150%;color:#fff;text-align:center;position:relative;letter-spacing:.03em;transform:translate(0,-50%)}@media only screen and (min-width:768px){.wrapper #landing #landing-wrapper .copy h1{font-size:62px}}.wrapper #landing #landing-wrapper .copy h2{margin:0;padding:0;font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:18px;line-height:150%;color:#fff;text-align:center;letter-spacing:.02em;transform:translate(0,-100%)}@media only screen and (min-width:768px){.wrapper #landing #landing-wrapper .copy h2{font-size:20px}}.wrapper #featured{position:relative;display:block;width:100%;background:#e7e7e7;margin:0;padding:0}.wrapper #featured h2{display:block;margin:0;padding:80px 0 50px 0;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:40px;line-height:34px;color:#3d3d3d;text-align:center}.wrapper #featured .featured-work{width:100%}.wrapper #featured .featured-work ul{width:100%;display:block;list-style:none;margin:0;padding:0;text-align:center;vertical-align:middle}.wrapper #featured .featured-work ul li{display:block;width:100%;margin:0;padding:0}.wrapper #featured .featured-work ul li:last-child{padding-top:0;padding-bottom:0}.wrapper #featured .featured-work ul li:last-child h4{margin-top:0;margin-bottom:60px}.wrapper #featured .featured-work ul li a img{width:100%}.wrapper #featured .featured-work ul li a h4{font-family:FFDINWebPro;font-weight:400;font-style:normal;margin:20px 0 30px 0;font-size:15px;line-height:30px;z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.wrapper #featured .featured-work ul li a h4:before{z-index:-1;position:absolute;bottom:4px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.wrapper #featured .featured-work ul li a:hover h4:before{height:90%}.wrapper #listen{position:relative;display:block;width:100%;background:#d0f5eb;margin:0;padding:0}.wrapper #listen h2{display:block;margin:0;padding:80px 0 50px 0;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:40px;line-height:34px;color:#3d3d3d;text-align:center}.wrapper #listen .listen-player{width:90%;margin:0 5% 0 5%;padding:0 0 60px 0}.wrapper #listen .listen-player .wptpa_compact,.wrapper #listen .listen-player .wptpa_wrapper{border:1px solid #fff;width:100%;margin:0 auto;display:block}.wrapper #listen .listen-player .wptpa_compact li.wptpa_playlist_item,.wrapper #listen .listen-player .wptpa_wrapper li.wptpa_playlist_item{border-top:1px solid #d0f5eb}.wrapper #listen .listen-social{width:100%;display:block}.wrapper #listen .listen-social ul{width:80%;display:block;list-style:none;margin:auto;padding:0 0 60px 0;text-align:center;vertical-align:middle}.wrapper #listen .listen-social ul li{display:inline-block;vertical-align:middle;width:14.28571429%;box-sizing:border-box}.wrapper #listen .listen-social ul li a img{max-height:30px;max-width:30px}.wrapper #listen .listen-social ul li a svg{max-height:30px;max-width:30px}.wrapper #listen .listen-social ul li a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#3d3d3d}.wrapper #listen .listen-social ul li.soundcloud a svg{max-width:34px}.wrapper #listen .listen-social ul li.instagram a svg{max-width:28px}.wrapper #listen .listen-social ul li.imdb a svg{max-width:40px}.wrapper #listen .listen-social ul li:hover a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#5a625f}@media only screen and (min-width:768px){.wrapper #listen .listen-social ul{max-width:450px}}.wrapper #testimonials{position:relative;display:block;width:100%;height:700px;min-height:80vh;-webkit-transition:height 1000s steps(1);transition:height 1000s steps(1);background:#fff}@media only screen and (min-width:420px){.wrapper #testimonials{height:60vh;min-height:60vh}}@media only screen and (min-width:768px){.wrapper #testimonials{height:480px;min-height:40vh}}.wrapper #testimonials :after,.wrapper #testimonials :before{box-sizing:border-box}.wrapper #testimonials .testimonial{height:100%;-webkit-transition:height 1000s steps(1);transition:height 1000s steps(1);position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wrapper #testimonials .testimonial-nav{width:12px;height:12px;margin:45px 9px 40px 9px;border-radius:0;z-index:10;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;visibility:hidden}.wrapper #testimonials .testimonial-nav:before{width:12px;height:12px;top:-4px;left:-1px;box-sizing:border-box;position:relative;z-index:12;content:'';display:inline-block;visibility:visible;border:2px solid #5fddbb}.wrapper #testimonials .testimonial-nav:checked{-webkit-animation:check .4s linear forwards;animation:check .4s linear forwards;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none}.wrapper #testimonials .testimonial-nav:checked:before{background-color:#5fddbb}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(1)~.testimonial-wrapper{left:0}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(1)~.testimonial-wrapper .testimonial-content{opacity:0}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(1)~.testimonial-wrapper .testimonial-content:nth-of-type(1){-webkit-animation:fader .7s linear forwards;animation:fader .7s linear forwards}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(2)~.testimonial-wrapper{left:-100%}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(2)~.testimonial-wrapper .testimonial-content{opacity:0}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(2)~.testimonial-wrapper .testimonial-content:nth-of-type(2){-webkit-animation:fader .7s linear forwards;animation:fader .7s linear forwards}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(3)~.testimonial-wrapper{left:-200%}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(3)~.testimonial-wrapper .testimonial-content{opacity:0}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(3)~.testimonial-wrapper .testimonial-content:nth-of-type(3){-webkit-animation:fader .7s linear forwards;animation:fader .7s linear forwards}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(4)~.testimonial-wrapper{left:-300%}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(4)~.testimonial-wrapper .testimonial-content{opacity:0}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(4)~.testimonial-wrapper .testimonial-content:nth-of-type(4){-webkit-animation:fader .7s linear forwards;animation:fader .7s linear forwards}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(5)~.testimonial-wrapper{left:-400%}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(5)~.testimonial-wrapper .testimonial-content{opacity:0}.wrapper #testimonials .testimonial-nav:checked:nth-of-type(5)~.testimonial-wrapper .testimonial-content:nth-of-type(5){-webkit-animation:fader .7s linear forwards;animation:fader .7s linear forwards}.wrapper #testimonials .testimonial-wrapper{position:absolute;top:0;left:0;width:500%;height:100%;-webkit-transition:height 1000s steps(1);transition:height 1000s steps(1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.wrapper #testimonials .testimonial-content{height:100%;-webkit-transition:height 1000s steps(1);transition:height 1000s steps(1);padding:2rem;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wrapper #testimonials .testimonial-copy{margin-bottom:0;max-width:780px}.wrapper #testimonials p{display:block;margin:0;padding:0;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:20px;line-height:28px;color:#3d3d3d;text-align:center}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.wrapper #testimonials p{font-size:24px;line-height:1.4em}}@media only screen and (min-width:768px){.wrapper #testimonials p{font-size:26px;line-height:34px}}.wrapper #testimonials strong{font-family:freight-big-pro,serif;font-weight:300;font-style:italic}.wrapper #testimonials a{display:block;width:100%;text-align:center;max-width:80vw}.wrapper #testimonials a h4{font-family:FFDINWebPro;font-weight:400;font-style:normal;margin:25px 0 0 0;font-size:15px;line-height:30px;z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.wrapper #testimonials a h4:before{z-index:-1;position:absolute;bottom:4px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.wrapper #testimonials a h4:hover:before{height:90%}.wrapper #testimonials h4{font-family:FFDINWebPro;font-weight:400;font-style:normal;margin:0 0 60px 0;font-size:15px;line-height:30px;z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;color:#3d3d3d}.wrapper #about-short{position:relative;display:block;background:#fff;margin:100px 12% 80px 12%}.wrapper #about-short .about-content{max-width:670px;margin:0 auto}.wrapper #about-short p{display:block;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:26px;line-height:34px;color:#3d3d3d;text-align:center;letter-spacing:.6px}.wrapper #about-short strong{display:table;width:100%;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:26px;line-height:34px;color:#3d3d3d;text-align:center;letter-spacing:.6px}.wrapper #about-short em{font-family:freight-big-pro,serif;font-weight:300;font-style:italic}.wrapper #about-short a{display:block;width:100%;text-align:center}.wrapper #about-short a h4{font-family:FFDINWebPro;font-weight:400;font-style:normal;margin:10px 0 20px 0;font-size:15px;line-height:30px;z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.wrapper #about-short a h4:before{z-index:-1;position:absolute;bottom:4px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.wrapper #about-short a h4:hover:before{height:90%}.wrapper #contact{position:relative;display:block;width:100%;background:#d0f5eb;margin:0;padding:0}.wrapper #contact h2{display:block;margin:0;padding:80px 0 30px 0;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:40px;line-height:34px;color:#3d3d3d;text-align:center}.wrapper #contact .contact-info{position:relative;display:block;margin:0 auto;padding:0 10% 10px 10%;text-align:center}.wrapper #contact .contact-info h4{font-family:FFDINWebPro;font-weight:400;font-style:normal;font-size:15px;line-height:30px;color:#3d3d3d;margin:0 auto;padding:0 0 35px 0}.wrapper #contact .contact-info h4.copy{line-height:22px;max-width:100%}.wrapper #contact .contact-info h4 a{z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.wrapper #contact .contact-info h4 a.underlink:before{z-index:-1;position:absolute;bottom:5px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.wrapper #contact .contact-info h4 a.underlink:hover:before{height:80%}.wrapper #contact .contact-social{width:100%;display:block}.wrapper #contact .contact-social ul{width:80%;display:block;list-style:none;margin:auto;padding:0 0 60px 0;text-align:center;vertical-align:middle}.wrapper #contact .contact-social ul li{display:inline-block;vertical-align:middle;width:14.28571429%;box-sizing:border-box}.wrapper #contact .contact-social ul li a img{max-height:30px;max-width:30px}.wrapper #contact .contact-social ul li a svg{max-height:30px;max-width:30px}.wrapper #contact .contact-social ul li a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#3d3d3d}.wrapper #contact .contact-social ul li.soundcloud a svg{max-width:34px}.wrapper #contact .contact-social ul li.instagram a svg{max-width:28px}.wrapper #contact .contact-social ul li.imdb a svg{max-width:40px}.wrapper #contact .contact-social ul li:hover a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#5a625f}@media only screen and (min-width:768px){.wrapper #contact .contact-social ul{max-width:450px}}.wrapper #credits{width:100%;position:relative;background:#fff;margin:0;padding:60px 0 0 0}.wrapper #credits #credits-nav{position:relative;margin:0;padding:19px 0 0 0}.wrapper #credits #credits-nav .nav-credits{margin:0;padding:0 23px 0 23px}.wrapper #credits #credits-nav .nav-credits ul{display:block;list-style:none;margin:0;padding:0}.wrapper #credits #credits-nav .nav-credits ul li{display:inline-block;margin:0;padding:0 24px 13px 0}.wrapper #credits #credits-nav .nav-credits ul li a{z-index:3;text-decoration:none;display:block;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d;font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:15px;line-height:20px}.wrapper #credits #credits-nav .nav-credits ul li a:after{z-index:3;position:relative;right:-14px;top:50%;height:5px;width:5px;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.wrapper #credits #credits-nav .nav-credits ul li:hover a{color:#5fddbb}.wrapper #credits .credit-section{margin:0;padding:0;width:100%}.wrapper #credits .credit-section h2{display:block;margin:0;padding:60px 0 36px 0;font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:29px;line-height:35px;color:#3d3d3d;text-align:center}.wrapper #credits .credit-section .credits-list ul{list-style:none;margin:0;margin-bottom:22px;padding:0 1% 0 1%}.wrapper #credits .credit-section .credits-list ul li{border-top:1px solid #5fddbb;display:block;position:relative;padding:0 22px 0 22px}.wrapper #credits .credit-section .credits-list ul li:last-child{border-bottom:1px solid #5fddbb}.wrapper #credits .credit-section .credits-list ul li .item-header{display:block}.wrapper #credits .credit-section .credits-list ul li .item-header h2{margin:0;padding:0;display:block;text-align:left;font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:15px;line-height:22px;color:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-header h2.title{padding-top:14px;padding-bottom:14px}.wrapper #credits .credit-section .credits-list ul li .item-header h2.year{visibility:hidden;margin-bottom:-22px;transition:all 50ms}.wrapper #credits .credit-section .credits-list ul li .item-header .arrow{position:absolute;top:0;right:0;width:16px;height:12px;-webkit-transform:translate(-100%,50%);-ms-transform:translate(-100%,50%);transform:translate(-100%,50%)}.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows{width:100%;height:100%;margin:0 auto;vertical-align:middle;position:relative;top:50%}.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows #arrow1,.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows #arrow2,.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows #arrow3{-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1)}.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows #arrow1{fill:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows #arrow2{fill:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-header .arrow .credits-arrows #arrow3{fill:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-header.active h2{color:#5fddbb}.wrapper #credits .credit-section .credits-list ul li .item-header.active h2.year{color:#3d3d3d;visibility:visible;margin-bottom:0}.wrapper #credits .credit-section .credits-list ul li .item-header.active .arrow .credits-arrows #arrow1{fill:#5fddbb;-webkit-animation:arrowOneDownToUp 1s ease forwards;-moz-animation:arrowOneDownToUp 1s ease forwards;-o-animation:arrowOneDownToUp 1s ease forwards;animation:arrowOneDownToUp 1s ease forwards}.wrapper #credits .credit-section .credits-list ul li .item-header.active .arrow .credits-arrows #arrow2{fill:#5fddbb;-webkit-animation:arrowTwoDownToUp 1s ease forwards;-moz-animation:arrowTwoDownToUp 1s ease forwards;-o-animation:arrowTwoDownToUp 1s ease forwards;animation:arrowTwoDownToUp 1s ease forwards}.wrapper #credits .credit-section .credits-list ul li .item-header.active .arrow .credits-arrows #arrow3{fill:#5fddbb;-webkit-animation:arrowThreeDownToUp 1s ease forwards;-moz-animation:arrowThreeDownToUp 1s ease forwards;-o-animation:arrowThreeDownToUp 1s ease forwards;animation:arrowThreeDownToUp 1s ease forwards}.wrapper #credits .credit-section .credits-list ul li .item-header.deactive .arrow .credits-arrows #arrow1{fill:#3d3d3d;-webkit-animation:arrowOneUpToDown 1s ease forwards;-moz-animation:arrowOneUpToDown 1s ease forwards;-o-animation:arrowOneUpToDown 1s ease forwards;animation:arrowOneUpToDown 1s ease forwards}.wrapper #credits .credit-section .credits-list ul li .item-header.deactive .arrow .credits-arrows #arrow2{fill:#3d3d3d;-webkit-animation:arrowTwoUpToDown 1s ease forwards;-moz-animation:arrowTwoUpToDown 1s ease forwards;-o-animation:arrowTwoUpToDown 1s ease forwards;animation:arrowTwoUpToDown 1s ease forwards}.wrapper #credits .credit-section .credits-list ul li .item-header.deactive .arrow .credits-arrows #arrow3{fill:#3d3d3d;-webkit-animation:arrowThreeUpToDown 1s ease forwards;-moz-animation:arrowThreeUpToDown 1s ease forwards;-o-animation:arrowThreeUpToDown 1s ease forwards;animation:arrowThreeUpToDown 1s ease forwards}.wrapper #credits .credit-section .credits-list ul li .item-body{display:none;overflow:hidden;margin:0}.wrapper #credits .credit-section .credits-list ul li .item-body h2{margin:0;padding:0;display:block;text-align:left;font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:15px;line-height:22px;color:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-body .company,.wrapper #credits .credit-section .credits-list ul li .item-body .composer,.wrapper #credits .credit-section .credits-list ul li .item-body .director{font-family:FFDINWebPro;font-weight:400;font-style:normal;margin:0;padding:0;font-size:15px;line-height:22px;color:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-body .awards,.wrapper #credits .credit-section .credits-list ul li .item-body .role{font-family:FFDINWebProMedium;font-weight:400;font-style:normal;margin:0;padding:0;font-size:15px;line-height:22px;width:75%;color:#3d3d3d}.wrapper #credits .credit-section .credits-list ul li .item-body a{font-family:FFDINWebProMedium;font-weight:400;font-style:normal;margin:0;padding:0;font-size:15px;line-height:22px;color:#3d3d3d;float:right;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);z-index:3;text-decoration:none;display:inline-block;background-color:transparent;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1)}.wrapper #credits .credit-section .credits-list ul li .item-body a:before{z-index:-1;position:absolute;bottom:1px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.wrapper #credits .credit-section .credits-list ul li .item-body a:hover:before{height:100%}.wrapper #credits #credits-department{padding-bottom:60px}.wrapper footer{background:#3d3d3d;width:100%;text-align:center;padding:80px 0 50px 0}.wrapper footer .logo{width:32px;height:36px;max-width:40px}.wrapper footer .logo path{fill:#fff}.wrapper footer h5{font-family:FFDINWebPro;font-weight:400;font-style:normal;font-size:12px;line-height:40px;color:#fff}@media only screen and (min-width:420px){.wrapper #featured .featured-work ul li{width:50%;display:inline-block;padding-bottom:36px}.wrapper #featured .featured-work ul li:last-child{padding-bottom:0}.wrapper #featured .featured-work ul li a h4{margin:23px 0 26px 0}.wrapper #contact .contact-info h4.copy{max-width:80%}}@media only screen and (min-width:420px) and (orientation:portrait){.wrapper #landing{background-image:url(/src/img/pjcom-hero-med.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}}@media only screen and (min-width:420px) and (orientation:landscape){.wrapper #landing{background-image:url(/src/img/pjcom-hero-lrg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}}@media only screen and (min-width:768px){.wrapper{margin-top:0}.wrapper .main-menu .main-menu-content{top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.wrapper .main-menu .main-menu-content a{font-size:36px;line-height:82px}.wrapper #landing{margin:0}.wrapper #landing #landing-wrapper .copy .name h1{font-size:70px}.wrapper #landing #landing-wrapper .copy .jobtitle{bottom:15vh}.wrapper #landing #landing-wrapper .copy .jobtitle h2{font-size:20px}.wrapper #featured h2{font-size:40px;line-height:34px}.wrapper #featured .featured-work ul{margin-left:12%;margin-right:12%;width:76%;font-size:0}.wrapper #featured .featured-work ul li{width:33.33333333%;display:inline-block;padding:0}.wrapper #featured .featured-work ul li a{position:relative;height:100%;display:block}.wrapper #featured .featured-work ul li a h4{display:block;position:absolute;width:100%;left:0;top:50%;margin:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.wrapper #featured .featured-work ul li a.feature h4{opacity:0}.wrapper #featured .featured-work ul li a.feature h4:before{display:none}.wrapper #featured .featured-work ul li a.feature:after{z-index:1;position:absolute;top:0;left:0;height:100%;width:100%;background:#5fddbb;opacity:0;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.wrapper #featured .featured-work ul li a.feature:hover h4{opacity:1;color:#fff}.wrapper #featured .featured-work ul li a.feature:hover:after{opacity:.4}.wrapper #featured .featured-work ul li:last-child{padding-top:0;padding-bottom:0;margin:60px 0}.wrapper #featured .featured-work ul li:last-child a{display:inline-block}.wrapper #featured .featured-work ul li:last-child a h4{margin:0;display:inline-block;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.wrapper #listen h2{font-size:40px;line-height:34px}.wrapper #listen .listen-player{width:76%;margin:0 12% 0 12%;padding:0 0 60px 0}.wrapper #listen .listen-social ul{width:30%}.wrapper #about-short{margin:100px 12% 80px 12%}.wrapper #about-short strong{display:inline-block;width:auto}.wrapper #about-short span{display:table;text-align:center;width:100%}.wrapper #about{margin:0 12% 0 12%}.wrapper #about h2{font-size:40px;line-height:34px}.wrapper #about .about-wrapper{display:table;width:100%}.wrapper #about .about-hero{display:table-cell;width:50%;height:100%;text-align:left;vertical-align:top}.wrapper #about .about-hero .about-hero-overlay{display:none}.wrapper #about .about-content{margin:0;display:table-cell;padding-top:20px;width:50%;height:100%;position:relative}.wrapper #about .about-content h1{margin:0;padding:0;width:140%}.wrapper #about .about-content p{margin:0;padding:22px 2.5% 90px 0}.wrapper #contact h2{font-size:40px;line-height:34px}.wrapper #contact .contact-info h4.copy{max-width:370px}.wrapper #credits{padding:60px 0 0 0}.wrapper #credits #credits-nav .nav-credits{padding:0 12% 0 12%}.wrapper #credits .credit-section .credits-list ul{list-style:none;margin:0;padding:0 12% 0 12%}.wrapper #credits .credit-section .credits-list ul li{margin:0;padding:0;display:block}.wrapper #credits .credit-section .credits-list ul li .item-header h2.year{visibility:visible;float:right;padding:14px 0 14px 0;margin-bottom:0;-webkit-transform:translate(-90px,-100%);-ms-transform:translate(-90px,-100%);transform:translate(-90px,-100%)}.wrapper #credits .credit-section .credits-list ul li .item-header.active h2{color:#5fddbb}.wrapper #credits .credit-section .credits-list ul li .item-header.active h2.year{color:#5fddbb}.wrapper #credits .credit-section .credits-list ul li .item-body{position:relative;margin:0;padding:0}.wrapper #credits .credit-section .credits-list ul li .item-body .awards{width:100%}.wrapper #credits .credit-section .credits-list ul li .item-body a{-webkit-transform:translate(-100%,-100%);-ms-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}}@media only screen and (min-width:400px){.wrapper #about .about-content h1{padding:0 7% 0 7%}}@media only screen and (min-width:768px){.wrapper #about .about-content h1{padding:0}}@media only screen and (min-width:768px){.wrapper #about .about-content h1{font-size:20px;line-height:1.04}}@media only screen and (min-width:836px){.wrapper #about .about-content h1{font-size:24px}}@media only screen and (min-width:902px){.wrapper #about .about-content h1{font-size:26px}}@media only screen and (min-width:1040px){.wrapper #about .about-content h1{font-size:30px}}@media only screen and (min-width:1244px){.wrapper #about .about-content h1{font-size:36px}}@media only screen and (min-width:1380px){.wrapper #about .about-content h1{font-size:40px}}@media only screen and (min-width:1584px){.wrapper #about .about-content h1{font-size:46px}}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes fadeOutToNone{0%{display:block;opacity:1}99%{display:block;opacity:0}to{display:none;opacity:0}}@keyframes fadeOutToNone{0%{display:block;opacity:1}99%{display:block;opacity:0}to{display:none;opacity:0}}@-webkit-keyframes arrowsOutOne{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px)}}@keyframes arrowsOutOne{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px)}}@-webkit-keyframes arrowsOutTwo{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px)}}@keyframes arrowsOutTwo{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px)}}@-webkit-keyframes arrowsOutThree{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px)}100%{-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px)}}@keyframes arrowsOutThree{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px)}100%{-webkit-transform:translateY(-120px);-ms-transform:translateY(-120px);transform:translateY(-120px)}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.selfclear:after{content:"";clear:both;display:table}video{width:100%!important;height:auto!important}.shared-contact-social{width:100%;display:block}.shared-contact-social ul{width:80%;display:block;list-style:none;margin:auto;padding:0 0 60px 0;text-align:center;vertical-align:middle}.shared-contact-social ul li{display:inline-block;vertical-align:middle;width:14.28571429%;box-sizing:border-box}.shared-contact-social ul li a img{max-height:30px;max-width:30px}.shared-contact-social ul li a svg{max-height:30px;max-width:30px}.shared-contact-social ul li a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#3d3d3d}.shared-contact-social ul li.soundcloud a svg{max-width:34px}.shared-contact-social ul li.instagram a svg{max-width:28px}.shared-contact-social ul li.imdb a svg{max-width:40px}.shared-contact-social ul li:hover a svg .icon-social{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;fill:#5a625f}@media only screen and (min-width:768px){.shared-contact-social ul{max-width:450px}}.shared-project{width:100%;display:block;margin:0;padding:60px 0 0 0}.shared-project #project-hero{position:relative;margin:0;padding:20px 0 25px 0}.shared-project #project-hero .hero-image{position:relative;display:block;width:100%;text-align:center;margin:0;padding:0;line-height:0;min-height:250px}.shared-project #project-hero .hero-image.library{display:none}.shared-project #project-hero .hero-image .project-hero-overlay{display:block;position:absolute;top:0;width:100%;height:100%;background:0 0;background-repeat:no-repeat;background:left top;background-size:cover}.shared-project #project-hero .hero-image .project-hero-overlay.whitehelmets{background-image:url(/src/img/featured/featured-whitehelmets-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.virunga{background-image:url(/src/img/featured/featured-virunga-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.skateistan{background-image:url(/src/img/featured/featured-skateistan-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.moonshot{background-image:url(/src/img/featured/featured-moonshot-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.mohammed{background-image:url(/src/img/featured/featured-mohammed-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.framebyframe{background-image:url(/src/img/featured/featured-framebyframe-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.dotd{background-image:url(/src/img/featured/featured-dotd-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.dogdays{background-image:url(/src/img/featured/featured-dogdays-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.bends{background-image:url(/src/img/featured/featured-bends-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.fivebyfive{background-image:url(/src/img/featured/featured-fivebyfive-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.thealienist{background-image:url(/src/img/featured/featured-thealienist-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.onhershoulders{background-image:url(/src/img/featured/featured-onhershoulders-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.blackearthrising{background-image:url(/src/img/featured/featured-blackearthrising-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.swllg{background-image:url(/src/img/featured/featured-swllg-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.evelyn{background-image:url(/src/img/featured/featured-evelyn-hero-sml.jpg)}.shared-project #project-hero .hero-image .project-hero-overlay.about{background-image:url(/src/img/featured/featured-about-hero-sml.jpg)}.shared-project #project-hero .hero-image img{margin:0 auto;width:100%;max-width:100%}.shared-project #project-info{background:#fff;position:relative;margin:0;padding:0 7% 60px 7%}.shared-project #project-info .info h1{font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:19px;line-height:22px;color:#3d3d3d;margin:0;padding:0 0 12px 0}.shared-project #project-info .info h2,.shared-project #project-info .info p{font-family:FFDINWebPro;font-weight:400;font-style:normal;font-size:15px;line-height:23px;color:#3d3d3d;margin:0;padding:0 0 23px 0}.shared-project #project-info .info a{z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.shared-project #project-info .info a:before{z-index:-1;position:absolute;bottom:2px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.shared-project #project-info .info a:hover:before{height:100%}.shared-project #project-info .quotes ul{list-style:none;margin:0;padding:0 0 23px 0}.shared-project #project-info .quotes ul li{display:block;font-family:FFDINWebPro;font-weight:400;font-style:normal;font-size:15px;line-height:23px;color:#3d3d3d;margin:0;padding:0 0 12px 0}.shared-project #project-info .quotes ul li a{z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.shared-project #project-info .quotes ul li a:before{z-index:-1;position:absolute;bottom:2px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.shared-project #project-info .quotes ul li a:hover:before{height:100%}.shared-project #project-info .quotes.spacefiller{display:none}.shared-project #project-info .awards{margin:0;padding:0}.shared-project #project-info .awards h3{font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:15px;line-height:22px;color:#3d3d3d;margin:0;padding:0 0 11px 0}.shared-project #project-info .awards ul{list-style:square;margin:0;padding:0 0 0 18px}.shared-project #project-info .awards ul li{font-family:FFDINWebProMedium;font-weight:400;font-style:normal;font-size:15px;line-height:22px;color:#3d3d3d;margin:0;padding:0 0 11px 0}.shared-project #project-info .awards ul li a{z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.shared-project #project-info .awards ul li a:before{z-index:-1;position:absolute;bottom:2px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.shared-project #project-info .awards ul li a:hover:before{height:100%}.shared-project #project-watch{background:#fff;position:relative;margin:0;padding:0 7% 0 7%}.shared-project #project-watch h2{display:block;margin:0;padding:60px 0 36px 0;font-family:freight-big-pro,serif;font-weight:300;font-style:normal;font-size:30px;line-height:34px;color:#3d3d3d;text-align:center}@media only screen and (min-width:768px){.shared-project #project-watch h2{font-size:40px}}.shared-project #project-watch .watch{width:100%}.shared-project #project-watch .watch ul{width:100%;display:block;list-style:none;margin:0;padding:0 0 60px 0;text-align:center;vertical-align:middle}.shared-project #project-watch .watch ul li{display:block;width:100%;margin:0;padding:0 0 45px 0}.shared-project #project-watch .watch ul li span{width:100%;display:block;margin:0;padding:0 0 45px 0}.shared-project #project-watch .watch ul li span .feature-video{position:relative;padding-bottom:56.25%;height:0}.shared-project #project-watch .watch ul li span .feature-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.shared-project #project-watch .watch ul li a{font-family:FFDINWebPro;font-weight:400;font-style:normal;font-size:15px;line-height:30px;z-index:3;text-decoration:none;display:inline-block;background-color:transparent;position:relative;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);color:#3d3d3d}.shared-project #project-watch .watch ul li a:before{z-index:-1;position:absolute;bottom:4px;left:0;height:2px;width:100%;background:#5fddbb;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);content:"";display:inline-block}.shared-project #project-watch .watch ul li a:hover:before{height:90%}@media only screen and (min-width:768px){.shared-project #project-hero{padding:30px 12% 38px 12%}.shared-project #project-hero .hero-image .project-hero-overlay{display:none}.shared-project #project-info{padding:0 12% 60px 12%}.shared-project #project-info .info{width:48.75%}.shared-project #project-info .quotes{width:48.75%}.shared-project #project-info .quotes.spacefiller{display:block}.shared-project #project-info .awards{width:37.75%;position:absolute;top:38px;right:0;margin-right:11%}.shared-project #project-info.about{padding-bottom:0}.shared-project #project-info.about .awards{top:0}.shared-project #project-watch{padding:0 12% 60px 12%}}.candy{display:block;position:relative;width:100%;height:94vh;transition:height 1000s steps(1)}.nugget{display:block;position:absolute;width:100%;height:100%;z-index:2;box-sizing:border-box;clip:rect(auto,auto,auto,auto);clip:rect(auto auto auto auto)}.nugget .hero{height:100%;width:100%;position:absolute;z-index:-1;background-image:url(/src/img/pjcom-hero.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.nugget .hero h2{margin:0;padding:0;position:absolute;bottom:15%;width:100%;text-align:center;color:#fff}.nugget .hero h1{margin:0;padding:0;position:absolute;bottom:24%;width:100%;text-align:center;color:#fff}.nav.nav-upper{z-index:950}.nav.nav-upper .btn-logo svg .logo{fill:#fff}.nav.nav-upper .btn-menu svg .bottom,.nav.nav-upper .btn-menu svg .top{fill:#fff}.nav.nav-under{background:#fff;display:table;box-sizing:border-box;z-index:900}@media only screen and (min-width:768px){.nav.nav-under{background:0 0}}.nav .btn-logo{display:block;float:left;padding:0 0;margin:0;text-align:center;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);width:60px;height:56px}.nav .btn-logo svg{width:28px;height:56px}.nav .btn-logo svg .logo{fill:#3d3d3d}@media only screen and (min-width:768px){.nav .btn-logo{padding:10px 20px}}.nav .btn-menu{display:block;float:right;padding:0 0;margin:0;text-align:center;-webkit-transition:all .4s cubic-bezier(.77,0,.175,1);-moz-transition:all .4s cubic-bezier(.77,0,.175,1);-ms-transition:all .4s cubic-bezier(.77,0,.175,1);-o-transition:all .4s cubic-bezier(.77,0,.175,1);transition:all .4s cubic-bezier(.77,0,.175,1);width:52px;height:56px}.nav .btn-menu svg{width:28px;height:56px}.nav .btn-menu svg .bottom,.nav .btn-menu svg .top{fill:#3d3d3d;transform-origin:center;-webkit-transition:all .3s cubic-bezier(.77,0,.175,1);-moz-transition:all .3s cubic-bezier(.77,0,.175,1);-ms-transition:all .3s cubic-bezier(.77,0,.175,1);-o-transition:all .3s cubic-bezier(.77,0,.175,1);transition:all .3s cubic-bezier(.77,0,.175,1)}@media only screen and (min-width:768px){.nav .btn-menu{padding:10px 26px}}.nav .btn-menu.close svg .bottom,.nav .btn-menu.close svg .top{fill:#fff}.nav .btn-menu.close svg .top{transform:translate(-3px,3px) rotate(45deg)}.nav .btn-menu.close svg .bottom{transform:translate(-3px,-3px) rotate(-45deg)}.sugar{background:#fff;position:absolute;z-index:1;width:100%;box-sizing:border-box}@-webkit-keyframes arrowOneDownToUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-14px);-ms-transform:translateY(-14px);transform:translateY(-14px)}}@keyframes arrowOneDownToUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-14px);-ms-transform:translateY(-14px);transform:translateY(-14px)}}@-webkit-keyframes arrowOneUpToDown{0%{-webkit-transform:translateY(-14px);-ms-transform:translateY(-14px);transform:translateY(-14px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes arrowOneUpToDown{0%{-webkit-transform:translateY(-14px);-ms-transform:translateY(-14px);transform:translateY(-14px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes arrowTwoDownToUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}}@keyframes arrowTwoDownToUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes arrowTwoUpToDown{0%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes arrowTwoUpToDown{0%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes arrowThreeDownToUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px)}}@keyframes arrowThreeDownToUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px)}}@-webkit-keyframes arrowThreeUpToDown{0%{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes arrowThreeUpToDown{0%{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fader{0%{-webkit-opacity:0;-webkit-animation-timing-function:ease-in}100%{-webkit-opacity:1;-webkit-animation-timing-function:ease-in}}@keyframes fader{0%{opacity:0;animation-timing-function:ease-in}100%{opacity:1;animation-timing-function:ease-in}}@-webkit-keyframes faderOut{0%{-webkit-opacity:0;-webkit-animation-timing-function:ease-out}}@keyframes faderOut{0%{opacity:0;animation-timing-function:ease-out}}