@font-face{font-family:Cartograph;src:url(../static/fonts/CartographSansCF-DemiBold.woff2) format("woff2");src:url(../static/fonts/CartographSansCF-DemiBold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Cartograph;src:url(../static/fonts/CartographSansCF-HeavyItalic.woff2) format("woff2");src:url(../static/fonts/CartographSansCF-HeavyItalic.woff) format("woff");font-weight:700;font-style:normal}h1,h2,h3{font-weight:700;text-transform:uppercase}h1{font-size:80px;line-height:1.2em;color:#00e;margin:1% 0 10%}h1,h2{-webkit-transition:margin-left .5s ease-in;transition:margin-left .5s ease-in}h2,h3{font-size:40px;line-height:1.2em;color:#00e}h2{margin:10% 0 7%;clear:both}h3{color:#f57723;text-align:left}h4{font-size:28px;margin-bottom:56px;text-decoration:underline;font-weight:400}a.active{color:#00e}.big,.big p{font-size:28px}.big,.big p,p{line-height:28px}p{font-size:18px;margin-bottom:28px;text-align:left;text-align:center}.small{font-size:12px;line-height:16px;text-align:left;padding-top:12px}.small.vert{text-transform:uppercase;line-height:12px}body{font-family:Cartograph,sans-serif;text-align:center;color:#000;margin:0;font-size:18px;background-image:url(../img/vert.svg);background-repeat:repeat-y;background-position:top;-webkit-transition:background-position .4s linear;transition:background-position .4s linear}section{position:relative;overflow:hidden}section:after{content:"";display:table;clear:both}.slideclick{position:fixed;padding:0 0 0 4.5%;z-index:2;top:0;bottom:0;opacity:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;background-color:#00e}.slideclick:hover{cursor:pointer}.slideclick.selected{opacity:.8}.slideclick .small{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;color:#fff}.slideclick.em{right:0;left:88%}.slideclick.an{left:0;right:88%}.wrap{width:200%;position:relative;-webkit-transition:left .5s ease-in-out;transition:left .5s ease-in-out;left:-34%}.wrap.slideright{left:-68%}.wrap.slideleft{left:0}.anna,.emily{float:left;width:38%;margin:0 2%}.work h3{position:absolute;z-index:1;width:32%;cursor:url(../img/arrow.svg),auto}.work .images{margin-bottom:12.5%;position:relative;left:0}.work .images.large,.work .images img{width:100%}.work .images.tiny{float:left;width:43.75%}.work .images.tiny.down{padding-top:18.75%}.work .anna h3{left:5%}.work .emily h3{padding-top:25%}.slideshow{position:relative;cursor:url(../img/arrow.svg),auto}.slideshow .slide{position:absolute;width:100%;top:0;left:0}.slideshow .slide.active .images{-webkit-animation:a .8s forwards ease-out;animation:a .8s forwards ease-out}.slideshow .slide.active .images:nth-child(2){-webkit-animation-duration:.9s;animation-duration:.9s}.slideshow .slide.active .images:nth-child(3){-webkit-animation-duration:1s;animation-duration:1s}.slideshow .slide.leave .images{-webkit-animation:b .4s forwards ease-out;animation:b .4s forwards ease-out}.slideshow .slide.leave .images:nth-child(2){-webkit-animation-duration:.5s;animation-duration:.5s}.slideshow .slide.leave .images:nth-child(3){-webkit-animation-duration:.6s;animation-duration:.6s}@-webkit-keyframes a{0%,40%{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes a{0%,40%{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes b{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}@keyframes b{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}.about p{width:75%;margin-left:12.5%}@media (max-width:767px){body.textslideright{background-position:85% top}body.textslideright h1,body.textslideright h2{width:85%}body.textslideleft{background-position:15% top}body.textslideleft h1,body.textslideleft h2{width:85%;margin-left:15%}.work h3{padding-bottom:100px;background:url(../img/arrow.svg) no-repeat 0 100%}.work .images.tiny.push{margin-right:12.5%}.work .emily h3{left:47%}}@media (min-width:767px){.slideclick{display:none}.wrap{width:100%;left:0}.anna,.emily{width:40%;margin:0 5%}.work h3{width:20%}.work .images.large{width:75%}.work .images.tiny{width:37.5%;margin-left:12.5%}.work .images.tiny.down{margin-right:0}.work .anna h3{left:25%}}