@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900");@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,400i,700,700i,900");@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}*{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{font-family:'Asap', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgba(6,10,46,0.8);line-height:1.5;margin:0;padding:0}body.menu-visible{overflow:hidden}body>div{overflow:hidden;position:relative}.visible-scrollbar,.invisible-scrollbar{display:block;width:10em;overflow:auto}.invisible-scrollbar::-webkit-scrollbar{display:none}a{font-size:0.6rem;font-weight:400;color:rgba(6,10,46,0.8);text-decoration:none}.projects__wrapper:before,.contact__wrapper:before{content:'';position:absolute;top:0;left:0;border:1px solid rgba(6,10,46,0.05);width:calc(100vw - 80px);height:calc(100% - 80px);-webkit-transform:translate(40px, 40px);-moz-transform:translate(40px, 40px);-ms-transform:translate(40px, 40px);-o-transform:translate(40px, 40px);transform:translate(40px, 40px)}.nav__return{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0 10px;position:fixed;top:33px;right:70px;z-index:30}.nav__return:hover .arrow__clickable+.return__text span:first-child{color:rgba(6,10,46,0.8);opacity:0;-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);-webkit-transition:color 0.4s ease-in-out 0.2s,opacity 0.4s ease-in-out 0.2s,transform 0.4s ease-in-out 0.2s;-moz-transition:color 0.4s ease-in-out 0.2s,opacity 0.4s ease-in-out 0.2s,transform 0.4s ease-in-out 0.2s;-ms-transition:color 0.4s ease-in-out 0.2s,opacity 0.4s ease-in-out 0.2s,transform 0.4s ease-in-out 0.2s;-o-transition:color 0.4s ease-in-out 0.2s,opacity 0.4s ease-in-out 0.2s,transform 0.4s ease-in-out 0.2s;transition:color 0.4s ease-in-out 0.2s,opacity 0.4s ease-in-out 0.2s,transform 0.4s ease-in-out 0.2s}.nav__return:hover .arrow__clickable+.return__text span:last-child{color:rgba(6,10,46,0.8);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:color 0.4s ease-in-out 0.1s,opacity 0.4s ease-in-out 0.1s,transform 0.4s ease-in-out 0.1s;-moz-transition:color 0.4s ease-in-out 0.1s,opacity 0.4s ease-in-out 0.1s,transform 0.4s ease-in-out 0.1s;-ms-transition:color 0.4s ease-in-out 0.1s,opacity 0.4s ease-in-out 0.1s,transform 0.4s ease-in-out 0.1s;-o-transition:color 0.4s ease-in-out 0.1s,opacity 0.4s ease-in-out 0.1s,transform 0.4s ease-in-out 0.1s;transition:color 0.4s ease-in-out 0.1s,opacity 0.4s ease-in-out 0.1s,transform 0.4s ease-in-out 0.1s}.logo{position:fixed;z-index:52;top:25px;left:25px;width:33px;padding:5px;border-radius:50%}.logo.logo--color{background:#ffffff}.menu-btn{width:50px;height:50px;background:#fff;box-shadow:0 2px 4px rgba(6,10,46,0.1);border-radius:50%;position:fixed;z-index:52;top:15px;right:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-transition:box-shadow 0.4s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out;-ms-transition:box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out}.menu-btn .menu__icon{width:20px;height:16px;display:none;flex-direction:column;justify-content:space-between;align-content:center}.menu-btn .menu__icon span{width:20px;height:2px;background:rgba(6,10,46,0.8);display:block;position:relative}.menu-btn .menu__icon span:after{content:'';position:absolute;display:block;background:#fff;height:2px;width:100%;opacity:0.4;left:0;bottom:0;transform-origin:right center;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-ms-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.menu-btn .menu__icon span:nth-child(1):after{-webkit-transition:transform 0.4s ease-in-out 0.2s;-moz-transition:transform 0.4s ease-in-out 0.2s;-ms-transition:transform 0.4s ease-in-out 0.2s;-o-transition:transform 0.4s ease-in-out 0.2s;transition:transform 0.4s ease-in-out 0.2s}.menu-btn .menu__icon span:nth-child(3):after{-webkit-transition:transform 0.4s ease-in-out 0.2s;-moz-transition:transform 0.4s ease-in-out 0.2s;-ms-transition:transform 0.4s ease-in-out 0.2s;-o-transition:transform 0.4s ease-in-out 0.2s;transition:transform 0.4s ease-in-out 0.2s}.menu-btn .menu__icon.enable{display:flex}.menu-btn:hover{box-shadow:0 2px 4px rgba(6,10,46,0.2)}.menu-btn:hover .menu__icon span:after{opacity:0.6;transform-origin:left center;transform:scaleX(1)}.menu-btn .menu__icon--close{justify-content:center}.menu-btn .menu__icon--close span:first-child{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menu-btn .menu__icon--close span:last-child{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-2px}.menu__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:#fff;-webkit-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out;-ms-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out;transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out}.menu__wrapper.disable{display:none;opacity:0;z-index:-1000;-webkit-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out 0.4s;-moz-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out 0.4s;-ms-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out 0.4s;-o-transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out 0.4s;transition:opacity 0.4s ease-in-out,z-index 0.4s ease-in-out 0.4s}.menu__categories{display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(6,10,46,0.05);height:30vh}.menu__category{margin:20px auto}.menu__category h2{font-family:'Playfair Display', serif;font-weight:900;font-size:2.5rem;color:rgba(6,10,46,0.8);margin:0;cursor:pointer;-webkit-transition:color 0.4s ease-in-out;-moz-transition:color 0.4s ease-in-out;-ms-transition:color 0.4s ease-in-out;-o-transition:color 0.4s ease-in-out;transition:color 0.4s ease-in-out}.menu__category h2:hover{color:#336}.menu__category p{font-size:0.75rem;text-transform:uppercase;color:rgba(6,10,46,0.3);margin:0}.menu__category.menu__category--mobile{display:none}.menu__projects-wrapper{display:flex;justify-content:center;align-items:center;height:calc(70vh - 98px);margin-top:-20px}.menu__projects-wrapper .menu__project-visuel{display:flex;justify-content:center;align-items:center;position:relative;width:400px;height:100%;max-height:560px;background:linear-gradient(45deg, #f59e64, #eb5160);border-radius:2px;box-shadow:0 2px 16px rgba(0,0,0,0.2);margin-right:50px;transition:all 0.4s ease-in-out}.menu__projects-wrapper .menu__project-visuel:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../img/noise-pattern.png)}.menu__projects-wrapper .menu__project-visuel.hide{transform:translateX(-10%);opacity:0}.menu__projects-wrapper .menu__project-visuel .visuel__mockup{display:flex;justify-content:center;align-items:center;z-index:20}.menu__projects-wrapper .menu__project-visuel .visuel__mockup .mockup--desktop{max-width:90%;margin:auto;display:block}.menu__projects-wrapper .menu__project-visuel .visuel__letter{position:absolute;z-index:5;height:auto;max-height:500px;width:auto;max-width:70%;top:50%;left:50%}.menu__projects-wrapper .menu__projects .menu__project{display:flex;align-items:baseline;margin:15px auto}.menu__projects-wrapper .menu__projects .menu__project h3{position:relative;font-family:'Playfair Display', serif;font-weight:900;font-size:1.125rem;text-transform:initial;color:rgba(6,10,46,0.8);margin:0 10px 0 0;cursor:pointer}.menu__projects-wrapper .menu__projects .menu__project h3:after{content:'';z-index:-1;position:absolute;display:block;background:linear-gradient(45deg, rgba(51,51,102,0.7), #336);height:13px;width:100%;opacity:0.1;left:5px;bottom:0;transform-origin:right center;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-ms-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.menu__projects-wrapper .menu__projects .menu__project span{font-size:0.75rem;text-transform:uppercase;color:rgba(6,10,46,0.3)}.menu__projects-wrapper .menu__projects .menu__project h3:hover:after{opacity:0.2;transform-origin:left center;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.menu__projects-wrapper--mobile{display:none;margin:40px 25px}.menu__project--mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.menu__project--mobile:last-child{margin-bottom:0}.menu__project-info--mobile{display:flex;align-items:center}.menu__project-visuel--mobile{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:40px;height:40px;border-radius:2px;box-shadow:0 2px 16px rgba(6,10,46,0.2);background:linear-gradient(45deg, rgba(51,51,102,0.7), #336)}.menu__project-visuel--mobile img{height:60%}.menu__project-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:15px}.menu__project-title h3{font-family:'Playfair Display', serif;font-weight:900;text-transform:initial;font-size:1.125rem;color:rgba(6,10,46,0.8);margin:0}.menu__project-title span{font-size:0.75rem;text-align:left;text-transform:uppercase;color:rgba(6,10,46,0.3)}footer,.menu__footer{color:rgba(6,10,46,0.3);font-size:0.6rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase}.menu__footer{display:flex;justify-content:space-between;align-items:center;margin:40px 50px 40px 50px;line-height:38px}.menu__footer .links{position:initial;margin:auto 20px;text-align:center;height:auto}.links{margin:auto;background:#fff;padding:0 14px;height:38px;position:fixed;z-index:32;bottom:24px;left:50%;margin-left:-185px;border-radius:2px}.links a{position:relative;z-index:10;margin:0 15px;display:inline-block;line-height:38px}.links a span{display:inline-block;font-size:0.6rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-ms-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.links a:after{content:'';position:absolute;display:block;background:#336;height:10px;width:100%;opacity:0.1;left:0;bottom:10px;transform-origin:right center;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-ms-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.links a.link--behance:after{background:#0057ff}.links a.link--dribbble:after{background:#ea4c89}.links a.link--linkedin:after{background:#0077b5}.links a:hover span{-webkit-transform:translateX(-6px);-moz-transform:translateX(-6px);-ms-transform:translateX(-6px);-o-transform:translateX(-6px);transform:translateX(-6px)}.links a:hover:after{transform-origin:left center;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);opacity:0.2}.links.menu-visible.enable{-webkit-animation:0.6s fadeIn ease-in-out forwards;-moz-animation:0.6s fadeIn ease-in-out forwards;-ms-animation:0.6s fadeIn ease-in-out forwards;-o-transition:0.6s fadeIn ease-in-out forwards;animation:0.6s fadeIn ease-in-out forwards}h3{font-size:0.75em;font-weight:600;text-transform:uppercase;letter-spacing:0.02em}[class^='icon-'],[class*=' icon-']{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-fullscreen_exit:before{content:'\e900'}.icon-fullscreen:before{content:'\e901'}.icon-pause:before{content:'\e902'}.icon-play:before{content:'\e903'}.icon-volume_off:before{content:'\e904'}.icon-volume_up:before{content:'\e905'}.transition-screen{height:100%;width:100%;background:#f2f2f4;transform-origin:center;position:absolute;top:0;left:0;z-index:56;-webkit-transition:transform 0.6s ease-in-out;-moz-transition:transform 0.6s ease-in-out;-ms-transition:transform 0.6s ease-in-out;-o-transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}.transition-screen.transition-screen--white{background:#fff !important;-webkit-transition:0.6s transform 0.3s ease-in-out;-moz-transition:0.6s transform 0.3s ease-in-out;-ms-transition:0.6s transform 0.3s ease-in-out;-o-transition:0.6s transform 0.3s ease-in-out;transition:0.6s transform 0.3s ease-in-out}.transition-screen.redirect-page{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.loader{position:fixed;z-index:9999;background:#fff;top:0px;left:0px;height:100%;width:100%;opacity:1;-webkit-transition:0.8s opacity 0.4s ease-in-out;-moz-transition:0.8s opacity 0.4s ease-in-out;-ms-transition:0.8s opacity 0.4s ease-in-out;-o-transition:0.8s opacity 0.4s ease-in-out;transition:0.8s opacity 0.4s ease-in-out}@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}button{outline:none}.btn{font-family:'Asap', sans-serif;display:inline-block;border:1px solid rgba(6,10,46,0.1);font-size:0.6rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;background:#fff;color:#336;border-radius:2px;height:40px;line-height:40px;padding:0 15px;cursor:pointer;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.btn:hover{box-shadow:0 4px 14px rgba(6,10,46,0.1)}@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}.home{position:relative;display:flex;flex-direction:column-reverse;z-index:24;justify-content:center;align-items:center;height:100vh;padding:0 10%;background:#fff;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);-webkit-transition:transform 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out;-ms-transition:transform 0.8s ease-in-out;-o-transition:transform 0.8s ease-in-out;transition:transform 0.8s ease-in-out}.home.disable{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:transform 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out;-ms-transition:transform 0.8s ease-in-out;-o-transition:transform 0.8s ease-in-out;transition:transform 0.8s ease-in-out}.home .presentation__wrapper{width:100%}.home .home__presentation{width:80%;max-width:700px;text-align:center;margin:-70px auto 0}.home .home__presentation h1{font-size:0.6rem;color:rgba(6,10,46,0.3);text-transform:uppercase;letter-spacing:0.15em;margin:0}.home .home__presentation h1 span{color:#000}.home .home__presentation p{font-size:1.25rem;font-weight:300;margin:15px 0;line-height:1.3em}.home .home__presentation a{display:block;font-family:'Asap', sans-serif;font-size:0.6rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:rgba(6,10,46,0.3);margin:15px 0;-webkit-transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out}.home .home__presentation a:hover{color:#336}.home .home__illustration{position:relative;z-index:-1;height:290px;max-height:60%;width:auto;max-width:300px;margin:auto;text-align:center}.home .home__illustration img:first-child{width:170px;left:50%;top:-40px;margin-left:-85px;position:absolute}.home .home__illustration img:last-child{width:100%}.nav__wrapper{position:absolute;z-index:22;right:23px;top:50%;margin-top:-37px;background:#fff;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px}.nav__wrapper p{font-family:'butler_stencilextrabold', serif;text-transform:uppercase;position:absolute;cursor:pointer;font-weight:500;font-size:0.75rem;letter-spacing:0.05em;color:rgba(6,10,46,0.2);line-height:20px;margin:auto;padding:5px;width:100%;text-align:center;background:white;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.nav__wrapper p:hover{color:rgba(6,10,46,0.8)}.nav__wrapper p:hover span.item__title{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}.nav__wrapper p.item--active,.nav__wrapper p.item--total{z-index:25;color:rgba(6,10,46,0.8);-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)}.nav__wrapper p span.item__title{position:absolute;top:5px;right:30px;width:max-content;font-family:'Work Sans', arial, sans-serif;font-size:0.6rem;font-weight:600;color:rgba(6,10,46,0.8);text-transform:uppercase;background:#fff;padding:0 6px;opacity:0;-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.nav__items{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:30px;width:100%}.nav__items:hover p:nth-child(1),.nav__items:active p:nth-child(1){z-index:30;-webkit-transform:translate3d(0, -150px, 0);-moz-transform:translate3d(0, -150px, 0);-ms-transform:translate3d(0, -150px, 0);-o-transform:translate3d(0, -150px, 0);transform:translate3d(0, -150px, 0)}.nav__items:hover p:nth-child(2),.nav__items:active p:nth-child(2){z-index:25;-webkit-transform:translate3d(0, -120px, 0);-moz-transform:translate3d(0, -120px, 0);-ms-transform:translate3d(0, -120px, 0);-o-transform:translate3d(0, -120px, 0);transform:translate3d(0, -120px, 0)}.nav__items:hover p:nth-child(3),.nav__items:active p:nth-child(3){z-index:20;-webkit-transform:translate3d(0, -90px, 0);-moz-transform:translate3d(0, -90px, 0);-ms-transform:translate3d(0, -90px, 0);-o-transform:translate3d(0, -90px, 0);transform:translate3d(0, -90px, 0)}.nav__items:hover p:nth-child(4),.nav__items:active p:nth-child(4){z-index:15;-webkit-transform:translate3d(0, -60px, 0);-moz-transform:translate3d(0, -60px, 0);-ms-transform:translate3d(0, -60px, 0);-o-transform:translate3d(0, -60px, 0);transform:translate3d(0, -60px, 0)}.nav__items:hover p:nth-child(5),.nav__items:active p:nth-child(5){z-index:10;-webkit-transform:translate3d(0, -30px, 0);-moz-transform:translate3d(0, -30px, 0);-ms-transform:translate3d(0, -30px, 0);-o-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}.nav__items:hover p:nth-child(6),.nav__items:active p:nth-child(6){z-index:5;-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)}.nav__separator{display:block;height:1px;width:25px;background:rgba(6,10,46,0.1);margin:5px auto}.nav__total{position:relative;display:flex;justify-content:center;height:18px;width:100%;color:rgba(6,10,46,0.8)}.nav--mobile{position:fixed;z-index:16;display:none;justify-content:center;align-items:center;bottom:68px;width:100%;margin:24px auto}.nav--mobile .arrow__clickable{width:35px;height:35px;display:flex;justify-content:center;align-items:center}.nav--mobile .arrow__wrapper{padding:10px 0;cursor:pointer}.nav__arrow{position:relative;display:block;cursor:pointer;margin-left:1px;width:6px;height:6px;border-top:2px solid rgba(6,10,46,0.8);border-left:2px solid rgba(6,10,46,0.8);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.nav__arrow .arrow__circle{display:block;background:rgba(6,10,46,0.5);width:3px;height:3px;border-radius:50%;-webkit-transform:translate(3px, 3px);-moz-transform:translate(3px, 3px);-ms-transform:translate(3px, 3px);-o-transform:translate(3px, 3px);transform:translate(3px, 3px);-webkit-transition:background 0.2s ease-in-out 0.1s;-moz-transition:background 0.2s ease-in-out 0.1s;-ms-transition:background 0.2s ease-in-out 0.1s;-o-transition:background 0.2s ease-in-out 0.1s;transition:background 0.2s ease-in-out 0.1s}.nav__arrow .arrow__circle:after{content:'';display:block;background:rgba(6,10,46,0.3);width:3px;height:3px;border-radius:50%;-webkit-transform:translate(4px, 4px);-moz-transform:translate(4px, 4px);-ms-transform:translate(4px, 4px);-o-transform:translate(4px, 4px);transform:translate(4px, 4px);-webkit-transition:background 0.2s ease-in-out 0.2s;-moz-transition:background 0.2s ease-in-out 0.2s;-ms-transition:background 0.2s ease-in-out 0.2s;-o-transition:background 0.2s ease-in-out 0.2s;transition:background 0.2s ease-in-out 0.2s}.nav__arrow.nav__arrow--right{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.nav__number{margin:auto 50px}.nav__number .number{font-family:'butler_stencilextrabold', serif;text-transform:uppercase;font-size:1rem}.nav__number .number.number--active{font-size:1.42rem}.nav__number .number.number--total{color:rgba(6,10,46,0.5)}.nav__number .number__separator{margin-right:-4px;margin-left:-4px}.projects__wrapper{position:absolute;top:0;left:0}.projects__wrapper .transition-screen{transform:translate(-130%, 0) matrix(1, 0, -0.5, 1, 0, 0)}.project{position:relative;height:100vh;width:100vw;padding:10px;z-index:0;display:none}.project.enable{z-index:16;display:flex}.visuels__wrapper{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;text-align:center;max-width:630px;width:80%}.project__visuel{display:flex;opacity:0;justify-content:center;align-items:center;flex-basis:50%;position:relative;z-index:24;margin-right:15px;background:linear-gradient(45deg, rgba(51,51,102,0.7), #336);background-size:400% 400%;border-radius:4px;box-shadow:0 0 16px rgba(6,10,46,0.2);-webkit-animation:1s fadeOut ease-in-out forwards;-moz-animation:1s fadeOut ease-in-out forwards;-ms-animation:1s fadeOut ease-in-out forwards;-o-transition:1s fadeOut ease-in-out forwards;animation:1s fadeOut ease-in-out forwards}.project__visuel:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;background-image:url(../img/noise-pattern.png)}.project__visuel.enable{-webkit-animation:0.6s fadeIn ease-in-out forwards 0.6s;-moz-animation:0.6s fadeIn ease-in-out forwards 0.6s;-ms-animation:0.6s fadeIn ease-in-out forwards 0.6s;-o-transition:0.6s fadeIn ease-in-out forwards 0.6s;animation:0.6s fadeIn ease-in-out forwards 0.6s}.project__visuel .visuel__mockup{z-index:10}.project__visuel .visuel__mockup .mockup--desktop{max-width:600px;width:100%;z-index:8;opacity:0;-webkit-animation:0.4s slideLeft ease-in-out forwards;-moz-animation:0.4s slideLeft ease-in-out forwards;-ms-animation:0.4s slideLeft ease-in-out forwards;-o-transition:0.4s slideLeft ease-in-out forwards;animation:0.4s slideLeft ease-in-out forwards}.project__visuel .visuel__mockup .mockup--desktop.enable{-webkit-animation:0.6s slideRight ease-out forwards 0.6s;-moz-animation:0.6s slideRight ease-out forwards 0.6s;-ms-animation:0.6s slideRight ease-out forwards 0.6s;-o-transition:0.6s slideRight ease-out forwards 0.6s;animation:0.6s slideRight ease-out forwards 0.6s}.project__visuel .visuel__mockup .mockup--mobile{max-width:600px;width:100%;z-index:16;bottom:0;right:0;opacity:0;-webkit-animation:0.4s slideLeft ease-in-out forwards;-moz-animation:0.4s slideLeft ease-in-out forwards;-ms-animation:0.4s slideLeft ease-in-out forwards;-o-transition:0.4s slideLeft ease-in-out forwards;animation:0.4s slideLeft ease-in-out forwards}.project__visuel .visuel__mockup .mockup--mobile.enable{-webkit-animation:0.6s slideRightBis ease-out forwards 0.8s;-moz-animation:0.6s slideRightBis ease-out forwards 0.8s;-ms-animation:0.6s slideRightBis ease-out forwards 0.8s;-o-transition:0.6s slideRightBis ease-out forwards 0.8s;animation:0.6s slideRightBis ease-out forwards 0.8s}.project__visuel img:last-child{position:absolute;z-index:5;height:auto;max-height:500px;width:auto;max-width:78%}.project__visuel .visuel__letter{left:50%;top:50%}.project__description{flex-basis:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.description__wrapper{position:relative;width:80%;max-width:400px;margin-left:-40px}.description__wrapper .btn{margin-top:25px;opacity:0;-webkit-animation:0.8s fadeOut ease-in-out forwards;-moz-animation:0.8s fadeOut ease-in-out forwards;-ms-animation:0.8s fadeOut ease-in-out forwards;-o-transition:0.8s fadeOut ease-in-out forwards;animation:0.8s fadeOut ease-in-out forwards}.description__wrapper .btn.enable{-webkit-animation:0.8s fadeIn ease-in-out forwards 0.6s;-moz-animation:0.8s fadeIn ease-in-out forwards 0.6s;-ms-animation:0.8s fadeIn ease-in-out forwards 0.6s;-o-transition:0.8s fadeIn ease-in-out forwards 0.6s;animation:0.8s fadeIn ease-in-out forwards 0.6s}.description__title{overflow:hidden;position:relative;padding:8px 0;margin:30px 0 10px 0}.description__title h2{z-index:10;font-family:'Playfair Display', serif;font-weight:900;font-size:2.4rem;line-height:1;margin:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);-webkit-animation:0.6s slideBottom ease-out forwards;-moz-animation:0.6s slideBottom ease-out forwards;-ms-animation:0.6s slideBottom ease-out forwards;-o-transition:0.6s slideBottom ease-out forwards;animation:0.6s slideBottom ease-out forwards}.description__title h2.enable{-webkit-animation:0.6s slideTop ease-out forwards 0.8s;-moz-animation:0.6s slideTop ease-out forwards 0.8s;-ms-animation:0.6s slideTop ease-out forwards 0.8s;-o-transition:0.6s slideTop ease-out forwards 0.8s;animation:0.6s slideTop ease-out forwards 0.8s}.description__number{position:absolute;display:block;top:-28px;left:-20px;z-index:-1;font-family:'Asap', sans-serif;font-weight:700;font-size:5rem;color:#fff;-webkit-animation:0.6s shadowDropOut ease-out forwards;-moz-animation:0.6s shadowDropOut ease-out forwards;-ms-animation:0.6s shadowDropOut ease-out forwards;-o-transition:0.6s shadowDropOut ease-out forwards;animation:0.6s shadowDropOut ease-out forwards}.description__number.enable{-webkit-animation:0.6s shadowDropIn ease-out forwards 0.8s;-moz-animation:0.6s shadowDropIn ease-out forwards 0.8s;-ms-animation:0.6s shadowDropIn ease-out forwards 0.8s;-o-transition:0.6s shadowDropIn ease-out forwards 0.8s;animation:0.6s shadowDropIn ease-out forwards 0.8s}.description{overflow:hidden}.description p{font-weight:400;font-size:0.875rem;color:rgba(6,10,46,0.5);margin:15px 0 0 0;-webkit-transform:translateY(125%);-moz-transform:translateY(125%);-ms-transform:translateY(125%);-o-transform:translateY(125%);transform:translateY(125%);-webkit-animation:0.6s slideBottom ease-in-out forwards;-moz-animation:0.6s slideBottom ease-in-out forwards;-ms-animation:0.6s slideBottom ease-in-out forwards;-o-transition:0.6s slideBottom ease-in-out forwards;animation:0.6s slideBottom ease-in-out forwards}.description p.enable{-webkit-animation:0.6s slideTop ease-in-out forwards 0.8s;-moz-animation:0.6s slideTop ease-in-out forwards 0.8s;-ms-animation:0.6s slideTop ease-in-out forwards 0.8s;-o-transition:0.6s slideTop ease-in-out forwards 0.8s;animation:0.6s slideTop ease-in-out forwards 0.8s}.description__info{width:100%;overflow:hidden}.description__info p{font-family:'Asap', sans-serif;font-weight:600;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.15em;margin:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);-webkit-animation:0.6s slideBottom ease-in-out forwards;-moz-animation:0.6s slideBottom ease-in-out forwards;-ms-animation:0.6s slideBottom ease-in-out forwards;-o-transition:0.6s slideBottom ease-in-out forwards;animation:0.6s slideBottom ease-in-out forwards}.description__info p.enable{-webkit-animation:0.6s slideTop ease-in-out forwards 0.8s;-moz-animation:0.6s slideTop ease-in-out forwards 0.8s;-ms-animation:0.6s slideTop ease-in-out forwards 0.8s;-o-transition:0.6s slideTop ease-in-out forwards 0.8s;animation:0.6s slideTop ease-in-out forwards 0.8s}.project--mobile{z-index:0;display:none;position:relative}.project--mobile.enable{z-index:16;display:flex}.project--mobile .btn{align-self:center;margin-top:45px;opacity:0;-webkit-animation:0.8s fadeOut ease-in-out forwards;-moz-animation:0.8s fadeOut ease-in-out forwards;-ms-animation:0.8s fadeOut ease-in-out forwards;-o-transition:0.8s fadeOut ease-in-out forwards;animation:0.8s fadeOut ease-in-out forwards}.project--mobile .btn.enable{-webkit-animation:0.8s fadeIn ease-in-out forwards 0.6s;-moz-animation:0.8s fadeIn ease-in-out forwards 0.6s;-ms-animation:0.8s fadeIn ease-in-out forwards 0.6s;-o-transition:0.8s fadeIn ease-in-out forwards 0.6s;animation:0.8s fadeIn ease-in-out forwards 0.6s}.project__content{display:flex;position:fixed;flex-direction:column;justify-content:center;height:calc(100% - 20px);width:calc(100% - 20px);margin:10px;padding:20px 20px 90px 20px;background:linear-gradient(45deg, rgba(51,51,102,0.7), #336);background-size:400% 400%;border-radius:4px;box-shadow:0 0 16px rgba(6,10,46,0.2);opacity:0;-webkit-animation:0.8s fadeOut ease-in-out forwards;-moz-animation:0.8s fadeOut ease-in-out forwards;-ms-animation:0.8s fadeOut ease-in-out forwards;-o-transition:0.8s fadeOut ease-in-out forwards;animation:0.8s fadeOut ease-in-out forwards}.project__content.enable{-webkit-animation:0.8s fadeIn ease-in-out forwards 0.2s;-moz-animation:0.8s fadeIn ease-in-out forwards 0.2s;-ms-animation:0.8s fadeIn ease-in-out forwards 0.2s;-o-transition:0.8s fadeIn ease-in-out forwards 0.2s;animation:0.8s fadeIn ease-in-out forwards 0.2s}.project__content:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;background-image:url(../img/noise-pattern.png)}.project__description--mobile{text-align:center;margin-bottom:30px}.project__description--mobile>div{position:relative}.description__title--mobile{overflow:hidden;position:relative;padding:8px 0;margin:35px 0 10px 0}.description__title--mobile h2{z-index:10;font-family:'Playfair Display', serif;font-weight:900;font-size:2.8rem;line-height:1;margin:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);-webkit-animation:0.6s slideBottom ease-out forwards;-moz-animation:0.6s slideBottom ease-out forwards;-ms-animation:0.6s slideBottom ease-out forwards;-o-transition:0.6s slideBottom ease-out forwards;animation:0.6s slideBottom ease-out forwards}.description__title--mobile h2.enable{-webkit-animation:0.6s slideTop ease-out forwards 0.8s;-moz-animation:0.6s slideTop ease-out forwards 0.8s;-ms-animation:0.6s slideTop ease-out forwards 0.8s;-o-transition:0.6s slideTop ease-out forwards 0.8s;animation:0.6s slideTop ease-out forwards 0.8s}.description__number-wrapper--mobile .description__number--mobile{position:absolute;display:block;top:-75px;left:-30px;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px;z-index:-1;font-family:'Asap', sans-serif;font-weight:700;font-size:6.5rem;background:linear-gradient(45deg, rgba(51,51,102,0.7), #336);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description__number-wrapper--mobile .description__number--mobile:after{content:'01.';position:absolute;width:100%;top:0;left:0;text-align:center;-webkit-background-clip:text;background-image:url(../img/noise-pattern.png)}.description__number-wrapper--mobile .description__number-shadow--mobile{position:absolute;display:block;left:0;width:100%;top:-65px;z-index:-2;font-family:'Asap', sans-serif;font-weight:700;font-size:6.5rem;color:rgba(0,0,0,0.1);-webkit-animation:0.6s shadowDropOutColor ease-out forwards;-moz-animation:0.6s shadowDropOutColor ease-out forwards;-ms-animation:0.6s shadowDropOutColor ease-out forwards;-o-transition:0.6s shadowDropOutColor ease-out forwards;animation:0.6s shadowDropOutColor ease-out forwards}.description__number-wrapper--mobile .description__number-shadow--mobile.enable{-webkit-animation:0.6s shadowDropInColor ease-out forwards 0.8s;-moz-animation:0.6s shadowDropInColor ease-out forwards 0.8s;-ms-animation:0.6s shadowDropInColor ease-out forwards 0.8s;-o-transition:0.6s shadowDropInColor ease-out forwards 0.8s;animation:0.6s shadowDropInColor ease-out forwards 0.8s}.description__info--mobile{width:100%;overflow:hidden}.description__info--mobile p{font-family:'Asap', sans-serif;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.15em;margin:0;text-align:center;-webkit-transform:translateY(125%);-moz-transform:translateY(125%);-ms-transform:translateY(125%);-o-transform:translateY(125%);transform:translateY(125%);-webkit-animation:0.6s slideBottom ease-in-out forwards;-moz-animation:0.6s slideBottom ease-in-out forwards;-ms-animation:0.6s slideBottom ease-in-out forwards;-o-transition:0.6s slideBottom ease-in-out forwards;animation:0.6s slideBottom ease-in-out forwards}.description__info--mobile p.enable{-webkit-animation:0.6s slideTop ease-in-out forwards 0.8s;-moz-animation:0.6s slideTop ease-in-out forwards 0.8s;-ms-animation:0.6s slideTop ease-in-out forwards 0.8s;-o-transition:0.6s slideTop ease-in-out forwards 0.8s;animation:0.6s slideTop ease-in-out forwards 0.8s}.project__visuel--mobile{display:flex;justify-content:center;align-items:center;position:relative;z-index:24;margin-top:15px;-webkit-animation:1s fadeOut ease-in-out forwards;-moz-animation:1s fadeOut ease-in-out forwards;-ms-animation:1s fadeOut ease-in-out forwards;-o-transition:1s fadeOut ease-in-out forwards;animation:1s fadeOut ease-in-out forwards}.project__visuel--mobile.enable{-webkit-animation:0.6s fadeIn ease-in-out forwards 0.6s;-moz-animation:0.6s fadeIn ease-in-out forwards 0.6s;-ms-animation:0.6s fadeIn ease-in-out forwards 0.6s;-o-transition:0.6s fadeIn ease-in-out forwards 0.6s;animation:0.6s fadeIn ease-in-out forwards 0.6s}.project__visuel--mobile .visuel__mockup{position:relative;z-index:10;display:flex;justify-content:center;align-items:baseline;text-align:center;width:90%}.project__visuel--mobile .visuel__mockup .mockup--desktop{position:relative;z-index:22;width:100%;opacity:0;-webkit-animation:0.4s slideLeft ease-in-out forwards;-moz-animation:0.4s slideLeft ease-in-out forwards;-ms-animation:0.4s slideLeft ease-in-out forwards;-o-transition:0.4s slideLeft ease-in-out forwards;animation:0.4s slideLeft ease-in-out forwards}.project__visuel--mobile .visuel__mockup .mockup--desktop.enable{-webkit-animation:0.6s slideRight ease-out forwards 0.6s;-moz-animation:0.6s slideRight ease-out forwards 0.6s;-ms-animation:0.6s slideRight ease-out forwards 0.6s;-o-transition:0.6s slideRight ease-out forwards 0.6s;animation:0.6s slideRight ease-out forwards 0.6s}.project__visuel--mobile .visuel__mockup .mockup--mobile{position:absolute;z-index:22;width:100%;top:0;right:0;opacity:0;-webkit-animation:0.4s slideLeft ease-in-out forwards;-moz-animation:0.4s slideLeft ease-in-out forwards;-ms-animation:0.4s slideLeft ease-in-out forwards;-o-transition:0.4s slideLeft ease-in-out forwards;animation:0.4s slideLeft ease-in-out forwards}.project__visuel--mobile .visuel__mockup .mockup--mobile.enable{-webkit-animation:0.6s slideRight ease-out forwards 0.6s;-moz-animation:0.6s slideRight ease-out forwards 0.6s;-ms-animation:0.6s slideRight ease-out forwards 0.6s;-o-transition:0.6s slideRight ease-out forwards 0.6s;animation:0.6s slideRight ease-out forwards 0.6s}.project__visuel--mobile .visuel__letter{position:absolute;z-index:5;height:auto;max-height:calc(100% + 30px);width:auto;max-width:60%;opacity:0;-webkit-animation:1s fadeOut ease-in-out forwards;-moz-animation:1s fadeOut ease-in-out forwards;-ms-animation:1s fadeOut ease-in-out forwards;-o-transition:1s fadeOut ease-in-out forwards;animation:1s fadeOut ease-in-out forwards}.project__visuel--mobile .visuel__letter.enable{-webkit-animation:0.6s fadeIn ease-in-out forwards 0.6s;-moz-animation:0.6s fadeIn ease-in-out forwards 0.6s;-ms-animation:0.6s fadeIn ease-in-out forwards 0.6s;-o-transition:0.6s fadeIn ease-in-out forwards 0.6s;animation:0.6s fadeIn ease-in-out forwards 0.6s}#project-03 .mockup--mobile,#project-04 .mockup--mobile{display:none}.contact__wrapper{position:absolute;top:0;left:0;height:100vh;width:100vw;padding:10px;z-index:30;display:flex;background:#fff;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);-webkit-transition:transform 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out;-ms-transition:transform 0.8s ease-in-out;-o-transition:transform 0.8s ease-in-out;transition:transform 0.8s ease-in-out}.contact__wrapper.disable{z-index:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:transform 0.8s ease-in-out,z-index 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out,z-index 0.8s ease-in-out;-ms-transition:transform 0.8s ease-in-out,z-index 0.8s ease-in-out;-o-transition:transform 0.8s ease-in-out,z-index 0.8s ease-in-out;transition:transform 0.8s ease-in-out,z-index 0.8s ease-in-out}.contact__description{flex-basis:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__description .description__wrapper{margin-right:-30px;margin-left:0}.contact__description .description__title h2{font-size:1.875rem;line-height:1.2;text-align:center;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-transition:none;animation:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.contact__description .description__number{text-align:center;width:100%;left:0;text-shadow:0 0 20px rgba(6,10,46,0.1);-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-transition:none;animation:none}.contact__description .description p{margin:0;text-align:center;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-transition:none;animation:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.contact__description .description a{font-weight:400;font-size:0.875rem;text-decoration:underline}.contact__form{overflow:auto;display:flex;opacity:1;flex-basis:50%;position:relative;z-index:24;background:linear-gradient(45deg, rgba(51,51,102,0.7), #336);background-size:400% 400%;border-radius:4px;box-shadow:0 0 16px rgba(6,10,46,0.2)}.contact__form:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;background-image:url(../img/noise-pattern.png)}.contact__form form{margin:0 60px 40px;width:calc(100% - 120px);position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:height 5s ease-in-out;-moz-transition:height 5s ease-in-out;-ms-transition:height 5s ease-in-out;-o-transition:height 5s ease-in-out;transition:height 5s ease-in-out}.contact__form .chat-msg-error{color:#eb5160;position:absolute;height:40px;bottom:-44px;left:8px;font-size:12px;border-radius:2px;font-weight:500}.bubble--group{display:flex;flex-direction:column;align-items:baseline}.bubble--group:nth-child(1){margin-top:10%}.bubble--group:nth-child(1) .bubble--answer{text-decoration:underline;cursor:pointer}.bubble--group:last-child .bubble:last-child{margin-bottom:40px}.bubble{display:none;background:#fff;max-width:260px;padding:20px;border-radius:4px;box-shadow:0 4px 8px rgba(6,10,46,0.1);margin-bottom:20px;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0}.bubble p{margin:0;font-size:0.9rem}.bubble input,.bubble textarea{font-family:'Asap', sans-serif;background:transparent !important;border:transparent;padding:0;outline:none;color:#fff !important;line-height:18px;font-size:0.9rem;font-weight:600;resize:none;width:200px}.bubble textarea{height:16px;height:auto}.bubble ::-webkit-input-placeholder{color:#fff;opacity:0.5}.bubble :-moz-placeholder{color:#fff;opacity:0.5}.bubble ::-moz-placeholder{color:#fff;opacity:0.5}.bubble :-ms-input-placeholder{color:#fff;opacity:0.5}.bubble.enable{-webkit-animation:bubble ease-in-out forwards 0.6s;-moz-animation:bubble ease-in-out forwards 0.6s;-ms-animation:bubble ease-in-out forwards 0.6s;-o-transition:bubble ease-in-out forwards 0.6s;animation:bubble ease-in-out forwards 0.6s;display:inline-block}.bubble--answer{background:rgba(6,10,46,0.5) !important;color:#fff !important;align-self:flex-end}.bubble--answer.enable{-webkit-animation:0.3s bubble ease-in-out forwards 0.6s;-moz-animation:0.3s bubble ease-in-out forwards 0.6s;-ms-animation:0.3s bubble ease-in-out forwards 0.6s;-o-transition:0.3s bubble ease-in-out forwards 0.6s;animation:0.3s bubble ease-in-out forwards 0.6s}.bubble--answer .btn-enter{display:none;position:absolute;position:absolute;bottom:14px;right:10px;background:#fff;width:34px;height:34px;border-radius:50%;border:none;padding:9px 0 0 11px}.bubble--delay.enable{-webkit-animation:0.3s bubble ease-in-out forwards 0.6s;-moz-animation:0.3s bubble ease-in-out forwards 0.6s;-ms-animation:0.3s bubble ease-in-out forwards 0.6s;-o-transition:0.3s bubble ease-in-out forwards 0.6s;animation:0.3s bubble ease-in-out forwards 0.6s}.bubble--group__choice{display:flex;justify-content:center;align-items:center}.bubble--group__choice .bubble{width:calc(33.333333333% - 40px);text-align:center;padding:0;cursor:pointer;box-shadow:none;background:none;flex-grow:1;margin-right:20px;align-self:stretch}.bubble--group__choice .bubble:last-child{margin-right:0}.bubble--group__choice .bubble input{position:absolute;opacity:0;cursor:pointer;width:0}.bubble--group__choice .bubble input:checked ~ .choice,.bubble--group__choice .bubble input:checked ~ .choice .checked{opacity:1}.bubble--group__choice .bubble input:not(:checked) ~ .choice{opacity:0.4}.bubble--group__choice .bubble .checked{opacity:0;position:absolute;top:-7px;right:-13px;z-index:10;background:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}.bubble--group__choice .bubble .checked span{display:block;width:6px;height:10px;margin-top:-2px;margin-right:0;height:10px;border-top:2px solid #35c97b;border-left:2px solid #35c97b;-webkit-transform:rotate(-130deg);-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);transform:rotate(-130deg)}.bubble--group__choice .bubble .choice{width:100%;padding:20px;background:#fff;box-shadow:0 4px 8px rgba(6,10,46,0.1);border-radius:4px;-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-ms-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.bubble--group__choice .bubble .choice .choice__emoji{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:1.25rem;margin:10px auto 20px;border-radius:50%;width:55px;height:55px;box-shadow:0 0 8px rgba(0,0,0,0.1);-webkit-transition:opacity 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out;-ms-transition:opacity 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}.bubble--group__choice .bubble .choice .choice__emoji:after{position:absolute;content:'';top:0;left:0;border:1px solid rgba(6,10,46,0.05);border-radius:50%;width:calc(100% + 20px);height:calc(100% + 20px);-webkit-transform:translate(-11px, -11px);-moz-transform:translate(-11px, -11px);-ms-transform:translate(-11px, -11px);-o-transform:translate(-11px, -11px);transform:translate(-11px, -11px)}.bubble--group__choice .bubble .choice p{-webkit-transition:opacity 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out;-ms-transition:opacity 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}.bubble--group__choice .bubble.enable__choice{-webkit-animation:0.3s bubble ease-in-out forwards 0.9s;-moz-animation:0.3s bubble ease-in-out forwards 0.9s;-ms-animation:0.3s bubble ease-in-out forwards 0.9s;-o-transition:0.3s bubble ease-in-out forwards 0.9s;animation:0.3s bubble ease-in-out forwards 0.9s;display:flex}#project-02 .btn{color:#cd3557}#project-02 .project__visuel,#project-02 .project__content{background:linear-gradient(45deg, #cd3557, #d75d79)}#project-02 .description__number--mobile{background:linear-gradient(45deg, #cd3557, #d75d79);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#menu__project-02 h3:after,#menu__project-visuel-02,#menu__project--mobile-02 .menu__project-visuel--mobile{background:linear-gradient(45deg, #cd3557, #d75d79)}#menu__project--mobile-02 .nav__arrow{border-color:#cd3557}#menu__project--mobile-02 .nav__arrow .arrow__circle{background:#e1879b}#menu__project--mobile-02 .nav__arrow .arrow__circle:after{background:#f5d9df}#project-01 .btn{color:#f59e64}#project-01 .project__visuel,#project-01 .project__content{background:linear-gradient(45deg, #f59e64, #eb5160)}#project-01 .description__number--mobile:after{content:'01.'}#project-01 .description__number--mobile{background:linear-gradient(45deg, #f59e64, #eb5160);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#menu__project-01 h3:after,#menu__project-visuel-01,#menu__project--mobile-01 .menu__project-visuel--mobile{background:linear-gradient(45deg, #f59e64, #eb5160)}#menu__project--mobile-01 .nav__arrow{border-color:#f59e64}#menu__project--mobile-01 .nav__arrow .arrow__circle{background:#f8bc94}#menu__project--mobile-01 .nav__arrow .arrow__circle:after{background:#fbdac4}#project-03 .btn{color:#5691FF}#project-03 .project__visuel,#project-03 .project__content{background:linear-gradient(45deg, #5691FF, #3872E0)}#project-03 .description__number--mobile:after{content:'03.'}#project-03 .description__number--mobile{background:linear-gradient(45deg, #5691FF, #3872E0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#menu__project-03 h3:after,#menu__project-visuel-03,#menu__project--mobile-03 .menu__project-visuel--mobile{background:linear-gradient(45deg, #5691FF, #3872E0)}#menu__project--mobile-03 .nav__arrow{border-color:#5691FF}#menu__project--mobile-03 .nav__arrow .arrow__circle{background:#a3c3ff}#menu__project--mobile-03 .nav__arrow .arrow__circle:after{background:#d6e4ff}#project-04 .btn{color:#08CCE3}#project-04 .project__visuel,#project-04 .project__content{background:linear-gradient(45deg, #08CCE3, #1c9dac)}#project-04 .description__number--mobile:after{content:'04.'}#project-04 .description__number--mobile{background:linear-gradient(45deg, #08CCE3, #1c9dac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#menu__project-04 h3:after,#menu__project-visuel-04,#menu__project--mobile-04 .menu__project-visuel--mobile{background:linear-gradient(45deg, #08CCE3, #1c9dac)}#menu__project--mobile-04 .nav__arrow{border-color:#08CCE3}#menu__project--mobile-04 .nav__arrow .arrow__circle{background:#3fe5f8}#menu__project--mobile-04 .nav__arrow .arrow__circle:after{background:#71ecfa}@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}.project-page .logo__clickable{cursor:pointer}.project-page .container{width:calc(100% - 100px);max-width:1340px;margin:140px auto;opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-transition:0.6s transform 1.8s ease-in-out,0.6s opacity 1.8s ease-in-out;-moz-transition:0.6s transform 1.8s ease-in-out,0.6s opacity 1.8s ease-in-out;-ms-transition:0.6s transform 1.8s ease-in-out,0.6s opacity 1.8s ease-in-out;-o-transition:0.6s transform 1.8s ease-in-out,0.6s opacity 1.8s ease-in-out;transition:0.6s transform 1.8s ease-in-out,0.6s opacity 1.8s ease-in-out}.project-page .container.enable{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.project-page .container:first-child{margin-top:0}.project-page .container:last-child{margin-bottom:0}.project-page .container-fluid{width:100%;text-align:center}.project-page h4{font-size:0.75em;font-weight:600;color:#336;margin:0}.project-page nav{display:flex;justify-content:space-between;align-items:center;padding:20px 50px 0 50px;height:70px;opacity:0;-webkit-transition:opacity 0.8s ease-in-out;-moz-transition:opacity 0.8s ease-in-out;-ms-transition:opacity 0.8s ease-in-out;-o-transition:opacity 0.8s ease-in-out;transition:opacity 0.8s ease-in-out}.project-page nav.enable{opacity:1}.project-page .menu-btn{opacity:0;-webkit-transition:box-shadow 0.4s ease-in-out,opacity 0.8s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out,opacity 0.8s ease-in-out;-ms-transition:box-shadow 0.4s ease-in-out,opacity 0.8s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out,opacity 0.8s ease-in-out;transition:box-shadow 0.4s ease-in-out,opacity 0.8s ease-in-out}.project-page .menu-btn.enable{opacity:1}.return__text{position:relative;display:flex}.return__text span{font-size:0.625rem;text-transform:uppercase;color:rgba(6,10,46,0.5);font-weight:600;margin-left:28px;letter-spacing:0.1em;margin-bottom:1px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.return__text span:first-child{opacity:1}.return__text span:last-child{position:absolute;top:0;left:0;opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.project-page header{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:24px auto 100px auto;height:400px;background-color:rgba(6,10,46,0.05);background-size:cover;background-position:center;width:0;-webkit-transition:width 1.4s ease-in-out;-moz-transition:width 1.4s ease-in-out;-ms-transition:width 1.4s ease-in-out;-o-transition:width 1.4s ease-in-out;transition:width 1.4s ease-in-out}.project-page header.enable{width:calc(100% - 100px)}.project-page header .header--text{text-align:center;color:rgba(255,255,255,0);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-transition:0.4s transform 1.4s ease-in-out,0.4s color 1.4s ease-in-out;-moz-transition:0.4s transform 1.4s ease-in-out,0.4s color 1.4s ease-in-out;-ms-transition:0.4s transform 1.4s ease-in-out,0.4s color 1.4s ease-in-out;-o-transition:0.4s transform 1.4s ease-in-out,0.4s color 1.4s ease-in-out;transition:0.4s transform 1.4s ease-in-out,0.4s color 1.4s ease-in-out}.project-page header .header--text.enable{color:#fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.project-page header h1{font-family:'Playfair Display', serif;line-height:1.3;font-size:3em;font-weight:300;font-style:italic;margin:0 0 5px 0}.project-page header p.subtitle{font-size:0.75em;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;margin:0}.intro__content{max-width:580px;margin:0 auto;text-align:center}.intro__content h2{font-size:0.875rem;font-weight:500;text-transform:uppercase}.intro__content p{font-size:0.875rem;color:rgba(6,10,46,0.5);text-align:left;margin:10px auto 30px;line-height:1.6}.intro__content p:first-of-type:first-letter{font-family:'Playfair Display', serif;font-size:2.7rem;float:left;margin-top:3px;margin-right:5px;font-weight:700;line-height:0.8;opacity:0.25}.container.project-description{width:80%;max-width:600px;text-align:center}.container.project-description h3{color:#336;margin:0 0 5px 0}.container.project-description p{font-size:0.875em;font-weight:300;color:rgba(6,10,46,0.5);margin:0}.project-picture{text-align:center;padding:0 70px}.project-picture.padding{padding:0 70px 70px 70px}.project-picture.padding:after{height:calc(100% - 70px)}.project-picture.shadow img,.project-picture.shadow .explain{box-shadow:0 4px 50px rgba(6,10,46,0.1)}.project-picture.shadow:after{display:none}.project-picture:after{content:'';position:absolute;z-index:-1;width:100%;height:calc(100% - 140px);background:rgba(6,10,46,0.03);top:70px;left:0}.project-picture img{width:100%;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.project-picture img.mockup{box-shadow:none}.project-picture--simple img{max-width:980px}.project-picture--double{display:flex;justify-content:space-between;align-items:flex-start}.project-picture--double img{display:inline-block;margin-top:40px}.project-picture--double img:first-child{margin-top:0}.project-picture--double .picture-double__wrapper{width:calc(50% - 33px)}.project-picture--double .picture-double__wrapper:last-child{margin-left:60px;margin-top:140px}.explain__picture{max-width:980px;margin:auto;position:relative;display:inline-block}.explain__w-pin{position:absolute;width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.explain__w-pin:hover .explain__text{opacity:1;z-index:1;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out;-ms-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out;transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out}.explain__pin{position:relative;width:8px;height:8px;background:rgba(6,10,46,0.5);border-radius:50%}.explain__pin:after{content:'';z-index:0;position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);left:-4px;top:-4px;background:rgba(6,10,46,0.2);border-radius:50%;-webkit-animation:1.6s pinAnimation ease-in-out infinite;-moz-animation:1.6s pinAnimation ease-in-out infinite;-ms-animation:1.6s pinAnimation ease-in-out infinite;-o-transition:1.6s pinAnimation ease-in-out infinite;animation:1.6s pinAnimation ease-in-out infinite}.explain__text{position:absolute;left:50%;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);-o-transform:translate(-50%, 10px);transform:translate(-50%, 10px);top:25px;width:250px;background:#fff;padding:15px 20px;border-radius:2px;box-shadow:0 0 50px rgba(0,0,0,0.15);opacity:0;z-index:-10;-webkit-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out,0.4s z-index 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out,0.4s z-index 0.4s ease-in-out;-ms-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out,0.4s z-index 0.4s ease-in-out;-o-transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out,0.4s z-index 0.4s ease-in-out;transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out,0.4s z-index 0.4s ease-in-out}.explain__text p{font-size:0.75em;font-weight:300;color:rgba(6,10,46,0.5);margin:0}.project-mobile{text-align:center;margin-bottom:80px !important}.project-mobile img{display:inline-block;width:300px}.project-mobile img:last-child{margin-left:60px;margin-bottom:-80px}.project-parallax--bg{height:600px;overflow:hidden}.project-parallax--bg div{height:150%;position:relative;top:-45%;background-size:cover;background-position:center}.project-parallax--bg--mobile{display:none;height:350px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}.container-fluid.project-slider{position:relative;padding:70px 0 118px;margin-bottom:calc(140px + 40px + 8px)}.container-fluid.project-slider:after{content:'';position:absolute;z-index:-1;width:100%;height:calc(100% - 0px);background:rgba(6,10,46,0.03);top:0;left:0}.slider.slider__content h4{text-align:center;font-weight:600;margin:0 0 15px 0}.video-wrapper{width:100%;max-width:980px;margin:auto}.video-wrapper:hover .controls{opacity:1}.video-wrapper video{cursor:pointer;width:100%;border:10px solid #2f3039;border-radius:24px;box-shadow:0 9px 9px 0 rgba(0,0,0,0.1),0 17px 26px 0 rgba(0,0,0,0.2),0 1px 3px 0 #000 inset,0 -17px 26px 0 #000 inset}.video-wrapper .controls{font-size:13px;color:#fff;width:calc(100% - 60px);margin:0 30px;position:relative;justify-content:space-between;align-items:center;opacity:0;-webkit-transform:translateY(-45px);-moz-transform:translateY(-45px);-ms-transform:translateY(-45px);-o-transform:translateY(-45px);transform:translateY(-45px);-webkit-transition:0.3s opacity ease-in-out;-moz-transition:0.3s opacity ease-in-out;-ms-transition:0.3s opacity ease-in-out;-o-transition:0.3s opacity ease-in-out;transition:0.3s opacity ease-in-out}.video-wrapper .controls button{font-size:20px;color:#fff;cursor:pointer;border:none;background:transparent;padding:0}.video-wrapper .controls button.icon-play,.video-wrapper .controls button.icon-pause{margin-right:20px}.video-wrapper .controls .duration{margin:0 20px}.video-wrapper .controls .progress{display:block;cursor:pointer;text-align:left;width:100%;height:3px;border-radius:0;background:rgba(255,255,255,0.4)}.video-wrapper .controls .progress span{width:0%;height:100%;display:inline-block;background:#336;
    transform: translateY(-11px);}.next-project{text-align:center;margin:140px 0}.next-project h3.next-project__title{font-weight:400;color:rgba(6,10,46,0.3);margin:0 0 -5px 0}.next-project .next-project__name{font-family:'Playfair Display', serif;font-size:2.25em;font-weight:700;font-style:italic;margin:0;cursor:pointer;-webkit-transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out}.project-page footer{display:flex;justify-content:space-between;align-items:center;margin:140px 50px 40px 50px;line-height:38px}.project-page footer .links{position:initial;margin:auto 20px;text-align:center;height:auto}.footer__contact span:after{content:'';display:inline-block;width:30px;height:1px;background:rgba(6,10,46,0.1);margin:0 15px 2px 10px}.footer__contact .contact__link{position:relative;width:24px;height:24px;border-radius:50%;line-height:24px;background:#fff;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(6,10,46,0.1);-webkit-transition:box-shadow 0.4s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out;-ms-transition:box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out}.footer__contact .contact__link:after{content:'';position:absolute;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;border:1px solid rgba(6,10,46,0.05);top:0;left:0;-webkit-transform:translate(-6px, -6px);-moz-transform:translate(-6px, -6px);-ms-transform:translate(-6px, -6px);-o-transform:translate(-6px, -6px);transform:translate(-6px, -6px);-webkit-transition:border 0.4s ease-in-out;-moz-transition:border 0.4s ease-in-out;-ms-transition:border 0.4s ease-in-out;-o-transition:border 0.4s ease-in-out;transition:border 0.4s ease-in-out}.footer__contact .contact__link:hover{box-shadow:0 0 10px rgba(6,10,46,0.2)}.footer__contact .contact__link:hover:after{border-color:rgba(6,10,46,0.1)}.footer__contact a{position:relative;z-index:30;width:24px;height:24px;text-align:center;padding-left:2px}.footer__contact a:hover{-webkit-animation:1.5s contact ease-in-out;-moz-animation:1.5s contact ease-in-out;-ms-animation:1.5s contact ease-in-out;-o-transition:1.5s contact ease-in-out;animation:1.5s contact ease-in-out}.project-page#project-01 section .container h3,.project-page#project-01 section h4,.project-page#project-01 .intro__content p:first-of-type:first-letter,.project-page#project-01 .next-project__name:hover{color:#f59e64}.project-page#project-01 header{background-image:url(../img/zenchef/zenchef__hero-picture.jpg)}.project-page#project-01 #parallax-bg-01 div, #parallax-bg--mobile-01{background-image:url(../img/zenchef/zenchef__picture-product-parallax.jpg)}.project-page#project-01 .controls .progress span{background-color:#f59e64}.project-page#project-01 #parallax-bg-02,.project-page#project-01 #parallax-bg--mobile-02{margin:140px 0}.project-page#project-01 #parallax-bg-02 div, #parallax-bg--mobile-02 {background-image:url(../img/zenchef/zenchef__picture-mkt-parallax.jpg)}.project-page#project-01 .slick-dots li button:after{background-color:#f59e64}.project-page#project-01 .slick-dots li button:hover:after{width:100%}.project-page#project-01 .explain__pin{background:#f59e64}.project-page#project-01 .explain__pin:after{background:rgba(245,158,100,0.2)}.project-page#project-01 #explain__w-pin-1-01{top:11.5%;left:15.8%}.project-page#project-01 #explain__w-pin-1-02{top:20%;left:48%}.project-page#project-01 #explain__w-pin-1-03{top:58%;left:9%}.project-page#project-01 #explain__w-pin-1-04{top:82%;left:97.5%}.project-page#project-01 #explain__w-pin-2-01{top:16.5%;left:55.8%}.project-page#project-01 #explain__w-pin-2-02{top:40%;left:29%}.project-page#project-01 #explain__w-pin-2-03{top:64%;left:79%}.project-page#project-01 #explain__w-pin-2-04{top:96.6%;left:32.5%}.project-page#project-01 #explain__w-pin-3-01{top:14.5%;left:15.8%}.project-page#project-01 #explain__w-pin-3-02{top:28%;left:63%}.project-page#project-01 #explain__w-pin-3-03{top:50%;left:49%}.project-page#project-02 section .container h3,.project-page#project-02 section h4,.project-page#project-02 .intro__content p:first-of-type:first-letter,.project-page#project-02 .next-project__name:hover{color:#cd3557}.project-page#project-02 .controls .progress span{background-color:#cd3557}.project-page#project-02 .controls .progress span:after{border-color:#cd3557}.project-page#project-02 header{background-image:url(../img/le-trianon/le-trianon__hero-picture.jpg)}.project-page#project-02 #parallax-bg-01 div,.project-page#project-02 .project-parallax--bg--mobile{background-image:url(../img/le-trianon/le-trianon__picture-parallax.jpg)}.project-page#project-02 .controls #progress span{background-color:#cd3557}.project-page#project-02 .slick-dots li button:after{background-color:#cd3557}.project-page#project-02 .slick-dots li button:hover:after{width:100%}.project-page#project-02 .explain__pin{background:#cd3557}.project-page#project-02 .explain__pin:after{background:rgba(205,53,91,0.2)}.project-page#project-02 #explain__w-pin-01{top:4%;left:14%}.project-page#project-02 #explain__w-pin-02{top:20%;left:94%}.project-page#project-02 #explain__w-pin-03{top:35%;left:4%}.project-page#project-02 #explain__w-pin-04{top:44%;left:94%}.project-page#project-02 #explain__w-pin-05{top:48.5%;left:28%}.project-page#project-02 #explain__w-pin-06{top:66%;left:64%}.project-page#project-02 #explain__w-pin-07{top:85%;left:6%}.project-page#project-03 section .container h3,.project-page#project-03 section h4,.project-page#project-03 .intro__content p:first-of-type:first-letter,.project-page#project-03 .next-project__name:hover{color:#5691FF}.project-page#project-03 header{background-image:url(../img/alcatraz/alcatraz__hero-picture.jpg)}.project-page#project-03 #parallax-bg-01 div,.project-page#project-03 .project-parallax--bg--mobile{background-image:url(../img/alcatraz/alcatraz__picture-parallax.jpg)}.project-page#project-03 .controls .progress span{background-color:#5691FF}.project-page#project-03 .slick-dots li button:after{background-color:#5691FF}.project-page#project-03 .slick-dots li button:hover:after{width:100%}.project-page#project-03 .explain__pin{background:#5691FF}.project-page#project-03 .explain__pin:after{background:rgba(86,145,255,0.2)}.project-page#project-03 #explain__w-pin-1-01{top:9.5%;left:36%}.project-page#project-03 #explain__w-pin-1-02{top:61%;left:53%}.project-page#project-03 #explain__w-pin-1-03{top:92%;left:23.5%}.project-page#project-04 section .container h3,.project-page#project-04 section h4,.project-page#project-04 .intro__content p:first-of-type:first-letter,.project-page#project-04 .next-project__name:hover{color:#08CCE3}.project-page#project-04 header{background-image:url(../img/btyd/btyd__hero-picture.jpg)}.project-page#project-04 #parallax-bg-01 div{background-image:url(../img/btyd/btyd__picture--all.jpg)}.project-page#project-04 .controls .progress span{background-color:#08CCE3}.project-page#project-04 .slick-dots li button:after{background-color:#08CCE3}.project-page#project-04 .slick-dots li button:hover:after{width:100%}@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}@media screen and (min-width: 1000px){.contact__wrapper .nav__return .nav__arrow{border-top:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8)}.contact__wrapper .nav__return .arrow__circle{background:rgba(255,255,255,0.5)}.contact__wrapper .nav__return .arrow__circle:after{background:rgba(255,255,255,0.3)}.contact__wrapper .nav__return .return__text span{color:rgba(255,255,255,0.5)}.contact__wrapper .nav__return:hover .arrow__clickable+.return__text span:first-child,.contact__wrapper .nav__return:hover .arrow__clickable+.return__text span:last-child{color:rgba(255,255,255,0.8)}}@media screen and (max-width: 1000px){.project{flex-direction:column}.project__visuel{flex-basis:40%;margin-right:0;overflow:hidden}.project__visuel .visuel__mockup{height:100%;width:100%;max-width:100%}.project__visuel .visuel__mockup .mockup--desktop{margin-bottom:-35%}.project__visuel .visuel__mockup .mockup--mobile{display:none}.project__visuel img:last-child{top:-6vh}.description__wrapper{margin-left:0;margin-top:20px;text-align:center;max-width:600px;width:70%}.description__wrapper .btn{margin-top:20px}.description__title{margin:30px 0 20px}.description__number{left:0;width:100%;top:-20px;font-size:80px}.nav__wrapper{top:65%}.contact__wrapper{width:100%;flex-direction:column}.contact__description{flex-basis:auto}.contact__description .description__wrapper{width:calc(100vw - 40px);margin:70px auto 50px}.contact__description .description__wrapper .description__number{top:-22px;font-size:5rem}.contact__form{flex-grow:1}.contact__form form{margin:0 30px 40px;width:calc(100% - 60px)}.menu__projects-wrapper .menu__projects .menu__project{flex-direction:column}}@media screen and (max-width: 800px){.links{margin-left:auto;position:fixed;bottom:20px;left:0;width:calc(100% - 40px);margin:auto 20px;text-align:center;padding:0}.links a{margin:0 10px}.links.menu-visible{left:0;width:calc(100% - 60px);margin:auto 30px;background:#fff}.project-page footer,.menu__footer{flex-direction:column;margin:40px auto}.project-page footer .copyright,.menu__footer .copyright{order:2}.project-page footer .links,.menu__footer .links{order:1}.project-picture--double{flex-direction:column}.project-picture--double .picture-double__wrapper{width:100%}.project-picture--double .picture-double__wrapper:last-child{margin-left:0;margin-bottom:0;margin-top:40px}.project-mobile{display:flex;flex-direction:column}.project-mobile img{margin:auto}.project-mobile img:last-child{margin:40px auto 0 auto}.explain__w-pin{display:none}}@media screen and (max-width: 650px){html{font-size:13px}.projects__wrapper:before,.contact__wrapper:before{display:none}.nav__return{top:23px;background:transparent;z-index:10}.nav__return .return__text{display:none}.nav__return .arrow__clickable{width:35px;height:35px;display:flex;justify-content:center;align-items:center}.nav__wrapper{display:none}.nav--mobile{display:flex}.home{padding:0}.contact__description .description__wrapper{margin:20px auto 20px}.contact__description .description__wrapper .description{display:none}.contact__form form{margin:0 15px 40px;width:calc(100% - 30px)}.bubble--group:nth-child(1) .bubble,.bubble--group:nth-child(1) .bubble--answer{-webkit-animation:bubble ease-in-out forwards 0.6s;-moz-animation:bubble ease-in-out forwards 0.6s;-ms-animation:bubble ease-in-out forwards 0.6s;-o-transition:bubble ease-in-out forwards 0.6s;animation:bubble ease-in-out forwards 0.6s;display:inline-block;width:auto;padding:20px}.bubble--answer{width:100%;padding:20px 64px 20px 20px}.bubble--answer .btn-enter{display:block}.bubble input,.bubble textarea{width:100%;max-width:230px}.bubble--group__choice{flex-direction:column;width:100%;align-items:flex-start}.bubble--group__choice .bubble{width:100%;margin:0 0 20px 0}.bubble--group__choice .bubble:last-child{margin-bottom:20px}.bubble--group__choice .bubble .choice{display:flex;justify-content:center;align-items:center;text-align:left;padding:30px 20px 30px 30px}.bubble--group__choice .bubble .choice .choice__emoji{margin:0 20px 0 0}.menu__projects-wrapper{display:none}.menu__projects-wrapper--mobile{display:block;text-align:center}.menu__categories{flex-direction:column;height:auto;padding:40px 0}.menu__category{margin:10px auto}.project-page header{-webkit-transition:width 1s ease-in-out,padding 1s ease-in-out;-moz-transition:width 1s ease-in-out,padding 1s ease-in-out;-ms-transition:width 1s ease-in-out,padding 1s ease-in-out;-o-transition:width 1s ease-in-out,padding 1s ease-in-out;transition:width 1s ease-in-out,padding 1s ease-in-out}.project-page header.enable{padding:20px;width:calc(100% - 40px)}.project-page header .header--text{-webkit-transition:0.4s transform 1s ease-in-out,0.4s color 1s ease-in-out;-moz-transition:0.4s transform 1s ease-in-out,0.4s color 1s ease-in-out;-ms-transition:0.4s transform 1s ease-in-out,0.4s color 1s ease-in-out;-o-transition:0.4s transform 1s ease-in-out,0.4s color 1s ease-in-out;transition:0.4s transform 1s ease-in-out,0.4s color 1s ease-in-out}.project-page nav{padding:20px 20px 0 20px}#parallax-bg-02,#parallax-bg--mobile-02{margin:100px 0}.project-page .container{width:calc(100% - 40px);margin:100px auto}.project-page .container.project-description,.project-page .container.project-intro{width:calc(100% - 60px)}.project-picture--double img{margin-top:10px}.project-parallax--bg{display:none}.project-parallax--bg--mobile{display:block}.project-picture,.project-picture.padding{padding:10px}.project-picture:after{height:calc(100% - 60px);top:30px}.project-picture--double .picture-double__wrapper:last-child{margin-top:10px}.container-fluid.project-slider{padding:30px 0 78px;margin-bottom:calc(100px + 40px + 8px)}}@media screen and (max-width: 400px){.home img{max-width:80%}.home .home__illustration img:first-child{width:130px;left:50%;top:35px;margin-left:-65px}.project-page nav{padding:20px 20px 0 20px}.project-mobile img{width:100%}.slick-track .slick-slide{margin:0 5px}}@media screen and (max-width: 320px){.project__description--mobile{margin-bottom:20px}.description__title--mobile{margin:35px 0 5px 0}.description__title--mobile h2{font-size:2.4rem}.project--mobile .btn{margin-top:35px}.nav--mobile{margin:16px auto}.description__number-wrapper--mobile .description__number--mobile{font-size:5rem;top:-50px;height:calc(100vh - 50px)}.description__number-wrapper--mobile .description__number-shadow--mobile{font-size:5rem;top:-40px}}@media (max-height: 540px){.home .home__illustration{max-width:260px;height:270px}.home .home__illustration img{max-width:80%}.home .home__illustration img:first-child{width:110px;top:25px;margin-left:-55px}.home .home__presentation{width:calc(100% - 40px)}.home .home__presentation p{font-size:1.1rem}}@media (max-height: 470px){footer{display:none}.nav--mobile{bottom:15px !important}.project__content{padding:20px 20px 70px 20px !important}.btn{padding:15px;height:auto;line-height:normal}.project__visuel--mobile .visuel__mockup .mockup--desktop{width:90%}.contact__form form{margin:0 10px 10px}.home .presentation__wrapper{margin-top:0 !important}}@media (max-height: 560px){.project__content{padding:20px 20px 120px 20px}.description__number-wrapper--mobile .description__number--mobile{font-size:6rem;top:-65px}.description__number-wrapper--mobile .description__number-shadow--mobile{font-size:6rem;top:-55px}.description__title--mobile{margin:35px 0 0 0}.project__description--mobile{margin-bottom:20px}.project--mobile .btn{margin-top:20px}.project__visuel--mobile{margin-top:0}.nav--mobile{bottom:58px}.home .presentation__wrapper{margin-top:-25px}.home .home__illustration img:first-child{width:120px;top:32px;margin-left:-60px}}@font-face{font-family:'butler_stencilextrabold';src:url("../fonts/butler/butler_extrabold_stencil-webfont.woff2") format("woff2"),url("../fonts/butler/butler_extrabold_stencil-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?e3yhn3");src:url("../fonts/icomoon/icomoon.eot?e3yhn3#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?e3yhn3") format("truetype"),url("../fonts/icomoon/icomoon.woff?e3yhn3") format("woff"),url("../fonts/icomoon/icomoon.svg?e3yhn3#icomoon") format("svg");font-weight:normal;font-style:normal}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@-moz-keyframes slideRight{0%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@-o-keyframes slideRight{0%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@keyframes slideRight{0%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@-webkit-keyframes slideRightBis{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@-moz-keyframes slideRightBis{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@-o-keyframes slideRightBis{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@keyframes slideRightBis{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}100%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}}@-moz-keyframes slideLeft{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}}@-o-keyframes slideLeft{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}}@keyframes slideLeft{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-ms-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);opacity:0}}@-webkit-keyframes slideLeftBis{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@-moz-keyframes slideLeftBis{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@-o-keyframes slideLeftBis{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@keyframes slideLeftBis{0%{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@-webkit-keyframes slideTop{0%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-moz-keyframes slideTop{0%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-o-keyframes slideTop{0%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes slideTop{0%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes slideTopBis{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-moz-keyframes slideTopBis{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-o-keyframes slideTopBis{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes slideTopBis{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes slideBottom{0%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:0}100%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:1}}@-moz-keyframes slideBottom{0%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:0}100%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:1}}@-o-keyframes slideBottom{0%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:0}100%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:1}}@keyframes slideBottom{0%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:0}100%{-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes shadowDropIn{0%{text-shadow:0 0 0 rgba(6,10,46,0.1)}100%{text-shadow:0 0 20px rgba(6,10,46,0.1)}}@-moz-keyframes shadowDropIn{0%{text-shadow:0 0 0 rgba(6,10,46,0.1)}100%{text-shadow:0 0 20px rgba(6,10,46,0.1)}}@-o-keyframes shadowDropIn{0%{text-shadow:0 0 0 rgba(6,10,46,0.1)}100%{text-shadow:0 0 20px rgba(6,10,46,0.1)}}@keyframes shadowDropIn{0%{text-shadow:0 0 0 rgba(6,10,46,0.1)}100%{text-shadow:0 0 20px rgba(6,10,46,0.1)}}@-webkit-keyframes shadowDropOut{0%{text-shadow:0 0 20px rgba(6,10,46,0.1)}100%{text-shadow:0 0 0 rgba(6,10,46,0.1)}}@-moz-keyframes shadowDropOut{0%{text-shadow:0 0 20px rgba(6,10,46,0.1)}100%{text-shadow:0 0 0 rgba(6,10,46,0.1)}}@-o-keyframes shadowDropOut{0%{text-shadow:0 0 20px rgba(6,10,46,0.1)}100%{text-shadow:0 0 0 rgba(6,10,46,0.1)}}@keyframes shadowDropOut{0%{text-shadow:0 0 20px rgba(6,10,46,0.1)}100%{text-shadow:0 0 0 rgba(6,10,46,0.1)}}@-webkit-keyframes shadowDropInColor{0%{text-shadow:0 0 0 rgba(6,10,46,0.3)}100%{text-shadow:0 0 20px rgba(6,10,46,0.3)}}@-moz-keyframes shadowDropInColor{0%{text-shadow:0 0 0 rgba(6,10,46,0.3)}100%{text-shadow:0 0 20px rgba(6,10,46,0.3)}}@-o-keyframes shadowDropInColor{0%{text-shadow:0 0 0 rgba(6,10,46,0.3)}100%{text-shadow:0 0 20px rgba(6,10,46,0.3)}}@keyframes shadowDropInColor{0%{text-shadow:0 0 0 rgba(6,10,46,0.3)}100%{text-shadow:0 0 20px rgba(6,10,46,0.3)}}@-webkit-keyframes shadowDropOutColor{0%{text-shadow:0 0 20px rgba(6,10,46,0.3)}100%{text-shadow:0 0 0 rgba(6,10,46,0.3)}}@-moz-keyframes shadowDropOutColor{0%{text-shadow:0 0 20px rgba(6,10,46,0.3)}100%{text-shadow:0 0 0 rgba(6,10,46,0.3)}}@-o-keyframes shadowDropOutColor{0%{text-shadow:0 0 20px rgba(6,10,46,0.3)}100%{text-shadow:0 0 0 rgba(6,10,46,0.3)}}@keyframes shadowDropOutColor{0%{text-shadow:0 0 20px rgba(6,10,46,0.3)}100%{text-shadow:0 0 0 rgba(6,10,46,0.3)}}@-webkit-keyframes bubble{0%{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-moz-keyframes bubble{0%{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-o-keyframes bubble{0%{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes bubble{0%{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0}100%{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes contact{0%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}15%{-webkit-transform:translateX(0) translateY(-2px) rotate(20deg);-moz-transform:translateX(0) translateY(-2px) rotate(20deg);-ms-transform:translateX(0) translateY(-2px) rotate(20deg);-o-transform:translateX(0) translateY(-2px) rotate(20deg);transform:translateX(0) translateY(-2px) rotate(20deg)}30%{-webkit-transform:translateX(1px) translateY(0);-moz-transform:translateX(1px) translateY(0);-ms-transform:translateX(1px) translateY(0);-o-transform:translateX(1px) translateY(0);transform:translateX(1px) translateY(0)}45%{-webkit-transform:translateX(1px) translateY(-1px);-moz-transform:translateX(1px) translateY(-1px);-ms-transform:translateX(1px) translateY(-1px);-o-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}55%{-webkit-transform:translateX(1.5px) translateY(0);-moz-transform:translateX(1.5px) translateY(0);-ms-transform:translateX(1.5px) translateY(0);-o-transform:translateX(1.5px) translateY(0);transform:translateX(1.5px) translateY(0)}65%{-webkit-transform:translateX(1.5px) translateY(-1px);-moz-transform:translateX(1.5px) translateY(-1px);-ms-transform:translateX(1.5px) translateY(-1px);-o-transform:translateX(1.5px) translateY(-1px);transform:translateX(1.5px) translateY(-1px)}75%{-webkit-transform:translateX(2px) translateY(0) rotate(0);-moz-transform:translateX(2px) translateY(0) rotate(0);-ms-transform:translateX(2px) translateY(0) rotate(0);-o-transform:translateX(2px) translateY(0) rotate(0);transform:translateX(2px) translateY(0) rotate(0)}100%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}}@-moz-keyframes contact{0%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}15%{-webkit-transform:translateX(0) translateY(-2px) rotate(20deg);-moz-transform:translateX(0) translateY(-2px) rotate(20deg);-ms-transform:translateX(0) translateY(-2px) rotate(20deg);-o-transform:translateX(0) translateY(-2px) rotate(20deg);transform:translateX(0) translateY(-2px) rotate(20deg)}30%{-webkit-transform:translateX(1px) translateY(0);-moz-transform:translateX(1px) translateY(0);-ms-transform:translateX(1px) translateY(0);-o-transform:translateX(1px) translateY(0);transform:translateX(1px) translateY(0)}45%{-webkit-transform:translateX(1px) translateY(-1px);-moz-transform:translateX(1px) translateY(-1px);-ms-transform:translateX(1px) translateY(-1px);-o-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}55%{-webkit-transform:translateX(1.5px) translateY(0);-moz-transform:translateX(1.5px) translateY(0);-ms-transform:translateX(1.5px) translateY(0);-o-transform:translateX(1.5px) translateY(0);transform:translateX(1.5px) translateY(0)}65%{-webkit-transform:translateX(1.5px) translateY(-1px);-moz-transform:translateX(1.5px) translateY(-1px);-ms-transform:translateX(1.5px) translateY(-1px);-o-transform:translateX(1.5px) translateY(-1px);transform:translateX(1.5px) translateY(-1px)}75%{-webkit-transform:translateX(2px) translateY(0) rotate(0);-moz-transform:translateX(2px) translateY(0) rotate(0);-ms-transform:translateX(2px) translateY(0) rotate(0);-o-transform:translateX(2px) translateY(0) rotate(0);transform:translateX(2px) translateY(0) rotate(0)}100%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}}@-o-keyframes contact{0%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}15%{-webkit-transform:translateX(0) translateY(-2px) rotate(20deg);-moz-transform:translateX(0) translateY(-2px) rotate(20deg);-ms-transform:translateX(0) translateY(-2px) rotate(20deg);-o-transform:translateX(0) translateY(-2px) rotate(20deg);transform:translateX(0) translateY(-2px) rotate(20deg)}30%{-webkit-transform:translateX(1px) translateY(0);-moz-transform:translateX(1px) translateY(0);-ms-transform:translateX(1px) translateY(0);-o-transform:translateX(1px) translateY(0);transform:translateX(1px) translateY(0)}45%{-webkit-transform:translateX(1px) translateY(-1px);-moz-transform:translateX(1px) translateY(-1px);-ms-transform:translateX(1px) translateY(-1px);-o-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}55%{-webkit-transform:translateX(1.5px) translateY(0);-moz-transform:translateX(1.5px) translateY(0);-ms-transform:translateX(1.5px) translateY(0);-o-transform:translateX(1.5px) translateY(0);transform:translateX(1.5px) translateY(0)}65%{-webkit-transform:translateX(1.5px) translateY(-1px);-moz-transform:translateX(1.5px) translateY(-1px);-ms-transform:translateX(1.5px) translateY(-1px);-o-transform:translateX(1.5px) translateY(-1px);transform:translateX(1.5px) translateY(-1px)}75%{-webkit-transform:translateX(2px) translateY(0) rotate(0);-moz-transform:translateX(2px) translateY(0) rotate(0);-ms-transform:translateX(2px) translateY(0) rotate(0);-o-transform:translateX(2px) translateY(0) rotate(0);transform:translateX(2px) translateY(0) rotate(0)}100%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}}@keyframes contact{0%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}15%{-webkit-transform:translateX(0) translateY(-2px) rotate(20deg);-moz-transform:translateX(0) translateY(-2px) rotate(20deg);-ms-transform:translateX(0) translateY(-2px) rotate(20deg);-o-transform:translateX(0) translateY(-2px) rotate(20deg);transform:translateX(0) translateY(-2px) rotate(20deg)}30%{-webkit-transform:translateX(1px) translateY(0);-moz-transform:translateX(1px) translateY(0);-ms-transform:translateX(1px) translateY(0);-o-transform:translateX(1px) translateY(0);transform:translateX(1px) translateY(0)}45%{-webkit-transform:translateX(1px) translateY(-1px);-moz-transform:translateX(1px) translateY(-1px);-ms-transform:translateX(1px) translateY(-1px);-o-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}55%{-webkit-transform:translateX(1.5px) translateY(0);-moz-transform:translateX(1.5px) translateY(0);-ms-transform:translateX(1.5px) translateY(0);-o-transform:translateX(1.5px) translateY(0);transform:translateX(1.5px) translateY(0)}65%{-webkit-transform:translateX(1.5px) translateY(-1px);-moz-transform:translateX(1.5px) translateY(-1px);-ms-transform:translateX(1.5px) translateY(-1px);-o-transform:translateX(1.5px) translateY(-1px);transform:translateX(1.5px) translateY(-1px)}75%{-webkit-transform:translateX(2px) translateY(0) rotate(0);-moz-transform:translateX(2px) translateY(0) rotate(0);-ms-transform:translateX(2px) translateY(0) rotate(0);-o-transform:translateX(2px) translateY(0) rotate(0);transform:translateX(2px) translateY(0) rotate(0)}100%{-webkit-transform:translateX(0) translateY(0) rotate(0);-moz-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}}@-webkit-keyframes plop{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}70%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}80%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}90%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-moz-keyframes plop{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}70%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}80%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}90%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-o-keyframes plop{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}70%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}80%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}90%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@keyframes plop{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}70%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}80%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}90%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes goProject{0%{-webkit-transform:translate(-100%, -50%) rotate(15deg);-moz-transform:translate(-100%, -50%) rotate(15deg);-ms-transform:translate(-100%, -50%) rotate(15deg);-o-transform:translate(-100%, -50%) rotate(15deg);transform:translate(-100%, -50%) rotate(15deg)}100%{-webkit-transform:translate(0, -50%) rotate(0);-moz-transform:translate(0, -50%) rotate(0);-ms-transform:translate(0, -50%) rotate(0);-o-transform:translate(0, -50%) rotate(0);transform:translate(0, -50%) rotate(0)}}@-moz-keyframes goProject{0%{-webkit-transform:translate(-100%, -50%) rotate(15deg);-moz-transform:translate(-100%, -50%) rotate(15deg);-ms-transform:translate(-100%, -50%) rotate(15deg);-o-transform:translate(-100%, -50%) rotate(15deg);transform:translate(-100%, -50%) rotate(15deg)}100%{-webkit-transform:translate(0, -50%) rotate(0);-moz-transform:translate(0, -50%) rotate(0);-ms-transform:translate(0, -50%) rotate(0);-o-transform:translate(0, -50%) rotate(0);transform:translate(0, -50%) rotate(0)}}@-o-keyframes goProject{0%{-webkit-transform:translate(-100%, -50%) rotate(15deg);-moz-transform:translate(-100%, -50%) rotate(15deg);-ms-transform:translate(-100%, -50%) rotate(15deg);-o-transform:translate(-100%, -50%) rotate(15deg);transform:translate(-100%, -50%) rotate(15deg)}100%{-webkit-transform:translate(0, -50%) rotate(0);-moz-transform:translate(0, -50%) rotate(0);-ms-transform:translate(0, -50%) rotate(0);-o-transform:translate(0, -50%) rotate(0);transform:translate(0, -50%) rotate(0)}}@keyframes goProject{0%{-webkit-transform:translate(-100%, -50%) rotate(15deg);-moz-transform:translate(-100%, -50%) rotate(15deg);-ms-transform:translate(-100%, -50%) rotate(15deg);-o-transform:translate(-100%, -50%) rotate(15deg);transform:translate(-100%, -50%) rotate(15deg)}100%{-webkit-transform:translate(0, -50%) rotate(0);-moz-transform:translate(0, -50%) rotate(0);-ms-transform:translate(0, -50%) rotate(0);-o-transform:translate(0, -50%) rotate(0);transform:translate(0, -50%) rotate(0)}}@-webkit-keyframes goHome{0%{-webkit-transform:matrix(2, 1, -1, 2, 0, 1);-moz-transform:matrix(2, 1, -1, 2, 0, 1);-ms-transform:matrix(2, 1, -1, 2, 0, 1);-o-transform:matrix(2, 1, -1, 2, 0, 1);transform:matrix(2, 1, -1, 2, 0, 1)}100%{-webkit-transform:translate3d(100%, 0px, 0px);-moz-transform:translate3d(100%, 0px, 0px);-ms-transform:translate3d(100%, 0px, 0px);-o-transform:translate3d(100%, 0px, 0px);transform:translate3d(100%, 0px, 0px)}}@-moz-keyframes goHome{0%{-webkit-transform:matrix(2, 1, -1, 2, 0, 1);-moz-transform:matrix(2, 1, -1, 2, 0, 1);-ms-transform:matrix(2, 1, -1, 2, 0, 1);-o-transform:matrix(2, 1, -1, 2, 0, 1);transform:matrix(2, 1, -1, 2, 0, 1)}100%{-webkit-transform:translate3d(100%, 0px, 0px);-moz-transform:translate3d(100%, 0px, 0px);-ms-transform:translate3d(100%, 0px, 0px);-o-transform:translate3d(100%, 0px, 0px);transform:translate3d(100%, 0px, 0px)}}@-o-keyframes goHome{0%{-webkit-transform:matrix(2, 1, -1, 2, 0, 1);-moz-transform:matrix(2, 1, -1, 2, 0, 1);-ms-transform:matrix(2, 1, -1, 2, 0, 1);-o-transform:matrix(2, 1, -1, 2, 0, 1);transform:matrix(2, 1, -1, 2, 0, 1)}100%{-webkit-transform:translate3d(100%, 0px, 0px);-moz-transform:translate3d(100%, 0px, 0px);-ms-transform:translate3d(100%, 0px, 0px);-o-transform:translate3d(100%, 0px, 0px);transform:translate3d(100%, 0px, 0px)}}@keyframes goHome{0%{-webkit-transform:matrix(2, 1, -1, 2, 0, 1);-moz-transform:matrix(2, 1, -1, 2, 0, 1);-ms-transform:matrix(2, 1, -1, 2, 0, 1);-o-transform:matrix(2, 1, -1, 2, 0, 1);transform:matrix(2, 1, -1, 2, 0, 1)}100%{-webkit-transform:translate3d(100%, 0px, 0px);-moz-transform:translate3d(100%, 0px, 0px);-ms-transform:translate3d(100%, 0px, 0px);-o-transform:translate3d(100%, 0px, 0px);transform:translate3d(100%, 0px, 0px)}}@-webkit-keyframes imgProject{0%{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes imgProject{0%{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes imgProject{0%{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes imgProject{0%{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes pinAnimation{0%{opacity:1;transform:scale(0.1)}50%{opacity:1}100%{opacity:0;transform:scale(1.8)}}@-moz-keyframes pinAnimation{0%{opacity:1;transform:scale(0.1)}50%{opacity:1}100%{opacity:0;transform:scale(1.8)}}@-o-keyframes pinAnimation{0%{opacity:1;transform:scale(0.1)}50%{opacity:1}100%{opacity:0;transform:scale(1.8)}}@keyframes pinAnimation{0%{opacity:1;transform:scale(0.1)}50%{opacity:1}100%{opacity:0;transform:scale(1.8)}}