@charset "UTF-8";html{font-size:10px}body,html{width:100%;height:100%}body{margin:0}i{padding-left:7px}h1{font-size:7.425em}h2{font-size:49.5px}h3{font-size:33px}p{color:#87888b;font-size:22px}small{font-size:14.6666px}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}.wrap{width:1280px;margin:0 auto;height:auto;min-height:100vh;overflow:hidden}.vp.vp-right{text-align:right}.vp.vp-center{text-align:center}.vp:before{content:'';height:auto;min-height:100vh;display:inline-block;vertical-align:middle}.vp .va{white-space:normal;text-align:left;display:inline-block;vertical-align:middle}header{height:40px;line-height:40px;overflow:hidden;width:95%;max-width:1280px;margin:auto;position:absolute;top:0;left:0;right:0;z-index:20}header .nav li{font-size:18.33333px;font-family:"karmina", serif}header .nav li:first-child{float:left;color:#87888b}header .nav li:last-child a{background-color:#fdbb07;color:#ffffff;float:right;padding:0 5px;width:118.4px;text-align:center;height:100%}.cache{display:none}main:after,main:before{content:'';position:fixed;top:0;bottom:0;background-color:#ffffff;width:15px;z-index:15}main:before{left:0}main:after{right:0}section{width:100%;min-height:100vh;height:auto;overflow:hidden;position:relative}section:after,section:before{content:'';position:absolute;left:0;right:0;width:100%;background-color:#ffffff;height:7.5px;z-index:10}section:before{top:0}section:after{bottom:0}section:first-child:before{height:15px}#about img{position:absolute;max-width:1280px;width:auto;bottom:0;left:20%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-height:100%;height:auto;min-height:50%;min-width:50%;z-index:-1}#cheers{background-image:url(../img/mo-cheers.jpg)}#goodbye{background-image:url(../img/mo-good2.jpg)}#cupcake{background-image:url(../img/mo-cup2.jpg)}#axiome{background-image:url(../img/use_nb.jpg);background-position:top}#papillon{background-image:url(../img/ef_nb.jpg);background-position:left}.intro-text{width:54.625%;margin:60px 0}.intro-text span{font-family:"proxima-nova", sans-serif;font-weight:bold;font-size:14.6666px;text-transform:uppercase;color:#fdbb07}.intro-text h1{font-family:"proxima-nova", sans-serif;font-weight:bold;color:#363e48;margin:7px 0 30px}.intro-text p{font-family:"karmina", serif;line-height:160%}.intro-text a{font-family:"proxima-nova", sans-serif;color:#363e48;font-size:22px}.project{position:relative;background-color:#87888b;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:10}.project .wrap:after{content:'';position:absolute;top:0;bottom:0;width:48.75%;height:100%;background-color:rgba(253, 187, 7, 0.8);z-index:-1;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.project:nth-child(2n) .wrap:after{left:0;-webkit-transform:skew(-5deg);-ms-transform:skew(-5deg);transform:skew(-5deg);border-right:15px solid #ffffff}.project:nth-child(odd) .wrap:after{right:0;-webkit-transform:skew(5deg);-ms-transform:skew(5deg);transform:skew(5deg);border-left:15px solid #ffffff}.project .content{margin:60px 0;z-index:10;width:39.5%;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.project .content h2{font-family:"proxima-nova", sans-serif;font-weight:bold;color:#ffffff;margin:0 0 15px 0}.project .content p{font-family:"proxima-nova", sans-serif;line-height:160%;color:#fff}.project .content a{position:relative;display:inline-block;font-family:"proxima-nova", sans-serif;font-size:22px;margin-bottom:15px;color:#363e48}.project .content a:before{width:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;content:"";display:block;height:2px;position:absolute;top:28px;background:#ffffff;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}.project .content a:hover:before{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}.project .content .team li a{font-size:14.6666px;margin-bottom:15px}.project .content .team li a:before{top:18px}.project.animate:nth-child(2n) .wrap:after{-webkit-transform:skew(-5deg) translateX(-100%);-ms-transform:skew(-5deg) translateX(-100%);transform:skew(-5deg) translateX(-100%);-webkit-transition:0s;-o-transition:0s;transition:0s}.project.animate:nth-child(odd) .wrap:after{-webkit-transform:skew(5deg) translateX(100%);-ms-transform:skew(5deg) translateX(100%);transform:skew(5deg) translateX(100%);-webkit-transition:0s;-o-transition:0s;transition:0s}.project.animate .content{opacity:0;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.case-header .wrap{position:relative}.case-header img{position:absolute;left:15.125%;max-width:39.5%;width:auto;z-index:-1;max-height:60%;top:50%;max-width:24.375%;width:auto;left:349.6px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:auto}.case-project{background-color:#f4f4f2;z-index:0}.case-project .wrap{position:relative}.case-project .content{margin-left:9.25%;width:30.25%;margin-top:60px;margin-bottom:60px;-webkit-transition:.5s transform, .5s opacity .1s;-o-transition:.5s transform, .5s opacity .1s;transition:.5s transform, .5s opacity .1s}.case-project .content p{color:#363e48;line-height:160%;font-family:"karmina", serif}.case-project .content h2{font-family:"proxima-nova", sans-serif;font-weight:bold;font-size:14.6666px;text-transform:uppercase;color:#fdbb07}.case-project .content a{display:block;font-family:"proxima-nova", sans-serif;font-size:22px;color:#ffffff;background:#fdbb07;text-align:center;padding:7px 0;margin-bottom:22px}.case-project .content-mid{margin-left:30.25%;width:39.5%;margin-top:60px;margin-bottom:60px;-webkit-transition:.5s transform, .5s opacity .1s;-o-transition:.5s transform, .5s opacity .1s;transition:.5s transform, .5s opacity .1s}.case-project .content-mid p{color:#363e48;line-height:160%;font-family:"karmina", serif}.case-project .content-mid h2{font-family:"proxima-nova", sans-serif;font-weight:bold;font-size:14.6666px;text-transform:uppercase;color:#fdbb07}.case-project .content-mid a{display:block;font-family:"proxima-nova", sans-serif;font-size:22px;color:#ffffff;background:#fdbb07;text-align:center;padding:7px 0;margin-bottom:22px}.case-project img{position:absolute;right:34.875%;max-width:39.5%;width:auto;z-index:-1;max-height:60%;top:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);height:auto;-webkit-transition:.5s transform, .5s opacity .1s;-o-transition:.5s transform, .5s opacity .1s;transition:.5s transform, .5s opacity .1s}.case-project iframe{min-width:100%;height:300px;min-height:300px}.case-project.animate .content{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:0s;-o-transition:0s;transition:0s}.case-project.animate .content-mid{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:0s;-o-transition:0s;transition:0s}.case-project.animate img{-webkit-transform:translate(50%, -200%);-ms-transform:translate(50%, -200%);transform:translate(50%, -200%);opacity:0;-webkit-transition:0s;-o-transition:0s;transition:0s}#contact .content{margin:60px 0;width:39.5%}#contact h2{font-family:"proxima-nova", sans-serif;font-weight:bold;text-transform:uppercase;color:#fdbb07;font-size:14.6666px}#contact h3{margin:7px 0 30px 0;font-family:"proxima-nova", sans-serif;font-weight:bold;color:#363e48}#contact p{font-family:"karmina", serif;line-height:160%;margin-bottom:36px}#contact a{position:relative;overflow:hidden;font-family:"proxima-nova", sans-serif;font-weight:bold;border:2px solid #363e48;display:block;text-align:center;height:auto;padding:22px 11px;font-size:22px;width:38.26625%}#contact a:before{content:"";z-index:-5;position:absolute;top:0;left:0;width:100%;height:100%;background:#fdbb07;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:skew(-90deg)}#contact a:hover:before{-webkit-transform:skew(0deg)}#contact img{position:absolute;bottom:0;right:0;margin:auto;opacity:0.1;height:80%;width:auto;z-index:-1}#contact:after{display:none}#error{background-color:#f4f4f2;z-index:0}#error .wrap{position:relative}#error h1{font-size:49.5px}#error h1 a{color:#fdbb07;font-size:inherit}#error q{font-size:14.6666px;font-weight:bold;color:#fdbb07;display:block;font-family:"proxima-nova", sans-serif;text-transform:uppercase}#error svg{position:absolute;left:15.125%;max-width:39.5%;width:auto;z-index:-1;max-height:60%;top:50%;max-width:24.375%;width:auto;left:349.6px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:auto;z-index:-1}#error svg .rotation{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-name:wave;animation-name:wave;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#error svg .block{fill:#f4f4f2;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-name:hid;animation-name:hid;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#error svg .move-wave{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-name:dis;animation-name:dis;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:line;animation-direction:line;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#error:after{height:15px}@-webkit-keyframes wave{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes hid{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hid{0%{-webkit-transform:translateY(7px);transform:translateY(7px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dis{0%{-webkit-transform:translateX(-15px);transform:translateX(-15px);opacity:0}50%{opacity:0.2}to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}}@keyframes dis{0%{-webkit-transform:translateX(-15px);transform:translateX(-15px);opacity:0}50%{opacity:0.2}to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}}#credit h1{font-size:49.5px}#credit h3{font-size:14.6666px;color:#fdbb07;font-family:"proxima-nova", sans-serif}#credit li{margin-bottom:10px}#credit li,#credit p{font-size:22px;font-family:"proxima-nova", sans-serif;color:#363e48}#credit a{color:#fdbb07}footer{height:auto;background:#1a1b1c;z-index:20;width:100%;position:absolute}footer .wrap{position:relative;min-height:initial}footer .return{position:absolute;top:0;left:0;right:0;overflow:inherit;margin:0 auto}footer .return #return{height:40px;line-height:40px;background-color:#fdbb07;font-family:"karmina", serif;color:#ffffff;float:right;padding:0 5px;width:118.4px;text-align:center;position:absolute;right:0;bottom:0;font-size:18.33333px}footer li{float:left}footer a{display:block;padding:1.2em 7.5px;color:#fdbb07;font-size:18.33333px;font-family:"proxima-nova", sans-serif}footer .credit{float:right}footer .credit a{color:#ffffff}@media screen and (max-width:1344px){.wrap{width:95%}.case-header img{max-width:24.375%;left:15.125%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#error svg{max-width:39.5%;left:24.375%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@media screen and (max-width:1280px){#contact .content a{width:100%}}@media screen and (max-width:900px){#about img,#error svg,.case-header img,.case-project img,.project img{opacity:0}.project:nth-child(2n) .wrap:after{right:0;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);border-right:0}.project:nth-child(odd) .wrap:after{left:0;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);border-left:0}.project.animate:nth-child(2n) .wrap:after{-webkit-transform:skew(0) translateX(-100%);-ms-transform:skew(0) translateX(-100%);transform:skew(0) translateX(-100%)}.project.animate:nth-child(odd) .wrap:after{-webkit-transform:skew(0) translateX(100%);-ms-transform:skew(0) translateX(100%);transform:skew(0) translateX(100%)}.project .wrap:after{width:100%}.vp{text-align:center}.vp.vp-right{text-align:center}#contact .content,.case-project .content,.case-project .content-mid,.intro-text,.project .content{width:54.625%}.case-project .content-mid{margin-left:9.25%}.case-project img{margin:auto;right:0;left:0;top:0;bottom:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);max-width:100%}.case-project.animate img{-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%)}#error svg{margin:auto;right:0;left:0;top:0;bottom:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);max-width:100%}}@media screen and (max-width:500px){.intro-text h1{font-size:4.95em}.project .content-mid h2,.project .content h2{font-size:33px}#contact .content,.case-project .content,.case-project .content-mid,.intro-text,.project .content{width:84.875%}.case-project .content,.case-project .content-mid{margin-left:0}footer .credit{float:left}}