@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bounce{0%{margin-top:0}50%{margin-top:-5px}100%{margin-top:0}}@-moz-keyframes bounce{0%{margin-top:0}50%{margin-top:-5px}100%{margin-top:0}}@-o-keyframes bounce{0%{margin-top:0}50%{margin-top:-5px}100%{margin-top:0}}@keyframes bounce{0%{margin-top:0}50%{margin-top:-5px}100%{margin-top:0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}50%{-webkit-transform:scale(.95);-moz-transform:scale(.95);-khtml-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;-o-opacity:.1;opacity:.1}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}50%{-webkit-transform:scale(.95);-moz-transform:scale(.95);-khtml-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;-o-opacity:.1;opacity:.1}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}}@-o-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}50%{-webkit-transform:scale(.95);-moz-transform:scale(.95);-khtml-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;-o-opacity:.1;opacity:.1}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}50%{-webkit-transform:scale(.95);-moz-transform:scale(.95);-khtml-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;-o-opacity:.1;opacity:.1}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}}@-webkit-keyframes loader{0%{width:0}100%{width:100%}}@-moz-keyframes loader{0%{width:0}100%{width:100%}}@-o-keyframes loader{0%{width:0}100%{width:100%}}@keyframes loader{0%{width:0}100%{width:100%}}html,body{margin:0;padding:0;height:100%;width:100%}body{background:#000;color:#fff;font-family:"Lato",sans-serif;font-weight:300;overflow-x:hidden;overflow-y:hidden;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:normal;-moz-animation-iteration-count:normal;-o-animation-iteration-count:normal;animation-iteration-count:normal;-webkit-animation-name:fade-in;-moz-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in;-webkit-animation-direction:ease-in-out;-moz-animation-direction:ease-in-out;-o-animation-direction:ease-in-out;animation-direction:ease-in-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}body.loaded{overflow-y:auto}body.loaded #loader{-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;-o-opacity:0;opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-khtml-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);visibility:hidden}::-moz-selection{background:#fff;color:#000}::selection{background:#fff;color:#000}a{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}a.btn{color:#fff;text-transform:uppercase;padding:10px 15px 10px 20px;letter-spacing:4px;border:1px solid #fff;text-decoration:none;font-size:12px;margin-top:40px;display:inline-block}a:hover,a:active,a:focus{outline:none}#loader{position:fixed;height:100%;width:100%;top:0;left:0;box-sizing:border-box;padding:80px 240px;display:flex;align-items:center;justify-content:center;background:#fff;z-index:2000;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#loader #loaderLogo{font-size:0;width:160px;height:160px;position:relative;background:#eee}#loader #loaderLogo img{width:100%;position:relative;z-index:20}#loader #loaderLogo:before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:normal;-moz-animation-iteration-count:normal;-o-animation-iteration-count:normal;animation-iteration-count:normal;-webkit-animation-name:loader;-moz-animation-name:loader;-o-animation-name:loader;animation-name:loader;-webkit-animation-direction:ease-in-out;-moz-animation-direction:ease-in-out;-o-animation-direction:ease-in-out;animation-direction:ease-in-out}header{box-sizing:border-box;padding:30px;position:fixed;z-index:20;height:100vh;top:0;left:0;right:0;filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);-ms-filter:grayscale(1)}header #logo{display:inline-block;padding:30px;position:fixed;top:0;left:0;z-index:20;-webkit-transition:none;-moz-transition:none;-khtml-transition:none;-o-transition:none;transition:none}header #logo svg path{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}header #logo:hover svg .letter2,header #logo:hover svg .letter3,header #logo:hover svg .letter4,header #logo:hover svg .letter7,header #logo:hover svg .letter8,header #logo:hover svg .letter9,header #logo:hover svg .letter10,header #logo:hover svg .letter11{-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;-o-opacity:0;opacity:0}header h1{display:block;position:relative;text-transform:uppercase;text-align:left;font-size:100px;letter-spacing:60px;line-height:130px;padding:0 0 0 210px;margin:150px 0 100px 0;font-weight:500;word-break:break-word}nav{position:fixed;bottom:30px;right:30px;z-index:20}nav ul{list-style-type:none;text-align:right;padding:0;box-sizing:border-box;margin:0}nav ul li{display:block}nav ul li a{font-size:14px;text-decoration:none;text-transform:uppercase;color:#fff;letter-spacing:4px}nav ul li+li{margin-top:20px}nav ul li.active a{text-decoration:line-through}#lang{list-style-type:none;position:absolute;top:15px;right:30px;text-align:right;z-index:20}#lang li{display:inline-block;font-size:14px;text-transform:uppercase;letter-spacing:4px}#lang li a{color:#fff;text-decoration:none}#lang li.active{text-decoration:line-through}#lang li+li{margin-left:20px}#works{margin-top:calc(100vh - 140px)}.work{height:100%;width:100%;box-sizing:border-box;padding:80px 240px;display:flex;align-items:center;justify-content:center;margin-bottom:80px}.work:nth-of-type(odd){padding-right:400px}.work:nth-of-type(even){padding-left:400px}.work .legend{width:30%;padding-right:80px;box-sizing:border-box;min-width:360px;word-wrap:break-word;text-align:left;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;z-index:20}.work .legend h2{text-transform:uppercase;margin:0 0 40px 0;font-size:40px;letter-spacing:40px;line-height:60px;font-weight:400}.work .legend p{margin:0 0 40px 0;font-size:14px;letter-spacing:2px;line-height:24px}.work .legend a.btn{color:#fff;text-transform:uppercase;padding:10px 15px 10px 20px;letter-spacing:4px;border:1px solid #fff;text-decoration:none;font-size:12px;margin-top:40px;display:inline-block}.work .modal{position:relative;height:100%;width:70%;top:0;left:0;overflow:hidden;cursor:pointer;background:#000;z-index:20}.work .modal .cover{height:100%;width:100%;position:relative;-webkit-transition:none;-moz-transition:none;-khtml-transition:none;-o-transition:none;transition:none;z-index:20}.work .modal .cover img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);-ms-filter:grayscale(1);-webkit-opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;-o-opacity:.6;opacity:.6}.work .modal .close{position:relative;top:80px;right:80px;z-index:30;cursor:pointer;height:40px;width:40px}.work .modal .close:before{content:"";display:block;height:1px;width:56px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-khtml-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background:#fff;position:absolute;left:-8px;top:19px}.work .modal .close:after{content:"";display:block;height:1px;width:56px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-khtml-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;position:absolute;left:-8px;top:19px}.work .modal .content{padding:160px 240px;box-sizing:border-box;display:none}.work .modal .content h2{text-transform:uppercase;margin:0 0 40px 0;font-size:40px;letter-spacing:40px;line-height:60px;font-weight:400}.work .modal .content h3{font-weight:400;letter-spacing:6px;margin:0 0 10px 0;font-size:16px}.work .modal .content p{margin:0 0 40px 0;font-size:14px;letter-spacing:2px;line-height:24px}.work .modal .content a{color:#fff}.work .modal .content a.btn{text-transform:uppercase;padding:10px 15px 10px 20px;letter-spacing:4px;border:1px solid #fff;text-decoration:none;font-size:12px;margin-top:40px;display:inline-block}.work .modal .content ul{margin:0 0 40px 0;padding-left:0;list-style-type:none}.work .modal .content ul li{font-size:14px;letter-spacing:2px;line-height:24px}.work .modal .content .projectInfos{display:flex;align-items:top;justify-content:center}.work .modal .content .projectInfos .brief{width:70%;padding-right:80px}.work .modal .content .projectInfos .infos{width:30%}.work .modal .content .projectInfos+.pictures{margin-top:160px}.work .modal .content .pictures{text-align:left}.work .modal .content .pictures img{max-width:100%;margin:0 auto;display:block}.work .modal .content .pictures img+img{margin-top:80px}.work .modal .content .pictures img+.mobile{margin-top:160px}.work .modal .content .pictures .mobile{font-size:0}.work .modal .content .pictures .mobile .col{width:50%;display:inline-block;vertical-align:top;padding:0 40px;box-sizing:border-box}.work .modal .content .pictures .mobile .col img{max-width:380px;width:100%;display:block;margin:0 auto}.work .modal .content .pictures .mobile .col:first-child{margin-top:0}.work .modal .content .pictures .mobile .col:nth-child(even){margin-top:300px}.work .modal .content .pictures .mobile .col.icon img{max-width:160px}.work .modal:hover .cover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-khtml-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);-ms-filter:grayscale(0);-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;-o-opacity:1;opacity:1}.work .modal.active{position:fixed;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;cursor:auto}.work .modal.active .cover img,.work .modal.active:hover .cover img{-webkit-transform:scale(1);-moz-transform:scale(1);-khtml-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.work .modal.active .cover{height:50%;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-khtml-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:normal;-moz-animation-iteration-count:normal;-o-animation-iteration-count:normal;animation-iteration-count:normal;-webkit-animation-name:fade-in;-moz-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in;-webkit-animation-direction:ease-in-out;-moz-animation-direction:ease-in-out;-o-animation-direction:ease-in-out;animation-direction:ease-in-out}.work .modal.active .close{position:fixed;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:normal;-moz-animation-iteration-count:normal;-o-animation-iteration-count:normal;animation-iteration-count:normal;-webkit-animation-name:fade-in;-moz-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in;-webkit-animation-direction:ease-in-out;-moz-animation-direction:ease-in-out;-o-animation-direction:ease-in-out;animation-direction:ease-in-out}.work .modal.active .content{display:block;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:normal;-moz-animation-iteration-count:normal;-o-animation-iteration-count:normal;animation-iteration-count:normal;-webkit-animation-name:fade-in;-moz-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in;-webkit-animation-direction:ease-in-out;-moz-animation-direction:ease-in-out;-o-animation-direction:ease-in-out;animation-direction:ease-in-out}.work:last-of-type{margin-bottom:160px}#about,#contact{min-height:100%;width:100%;box-sizing:border-box;padding:160px 240px;display:flex;align-items:center;justify-content:center;position:relative}#about .content,#contact .content{width:100%;max-width:360px;position:relative;z-index:20}#about .content h2,#contact .content h2{text-transform:uppercase;margin:0 0 40px 0;font-size:40px;letter-spacing:40px;line-height:60px;font-weight:400}#about .content p,#contact .content p{margin:0 0 40px 0;font-size:14px;letter-spacing:2px;line-height:24px}#about .content a,#contact .content a{color:#fff}#about .content ul,#contact .content ul{margin:0 0 40px 0;padding-left:0;list-style-type:none}#about .content ul li,#contact .content ul li{font-size:14px;letter-spacing:2px;line-height:24px}#about .content ul li .social,#contact .content ul li .social{display:inline-block;vertical-align:bottom;margin-top:16px}#about .content ul li .social svg,#contact .content ul li .social svg{height:15px;width:auto}#about .content ul li .social+.social,#contact .content ul li .social+.social{margin-left:15px}#about .content ul li .social+.social svg,#contact .content ul li .social+.social svg{height:17px}#about:before{content:"";display:block;position:absolute;z-index:10;height:100%;width:100%;top:0;left:0;background:url("../img/about_x.jpg") no-repeat center;background-size:cover;filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);-ms-filter:grayscale(1);-webkit-opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;-o-opacity:.1;opacity:.1}@media screen and (min-height: 2000px){header,.work,#about,#about:before,#contact{height:800px;min-height:0;box-sizing:border-box}}@media screen and (max-width: 1480px){header{padding:40px}#loader,.work,.work:nth-of-type(odd),.work:nth-of-type(even){padding:80px 160px}header #logo{left:0;top:0}header #frame{top:40px;left:40px;height:calc(100% - 90px);width:calc(100% - 90px)}.work .modal .content{padding:160px 160px}.work .modal .close{top:40px;right:40px}#about,#contact{padding:160px 160px}#about:before{background:url("../img/about_l.jpg") no-repeat center;background-size:cover}header h1{font-size:70px;letter-spacing:45px;padding-left:120px;line-height:100px}}@media screen and (max-width: 1180px){.work{flex-direction:column-reverse;height:auto;margin-bottom:0}.work .modal{width:100%;height:300px;margin-bottom:80px}.work .modal.active{height:100%;margin-bottom:0}.work .modal .content{padding:80px 160px}.work .modal .content .projectInfos+.pictures,.work .modal .content .pictures img+.mobile{margin-top:80px}.work .legend{padding-right:0;width:100%;min-width:0}.work .legend h2{float:left;margin-right:40px}.work .legend p{margin:10px 0 0 0}.work .modal .content .pictures .mobile .col:nth-child(even){margin-top:250px}}@media screen and (max-width: 960px){header h1{font-size:38px;letter-spacing:40px;line-height:74px}.work .legend h2,#about .content h2,#contact .content h2,.work .modal .content h2{font-size:38px}.work .modal .content .pictures .mobile .col:nth-child(even){margin-top:0}.work .modal .content .pictures .mobile .col+.col{margin-top:80px}.work .modal .content .pictures .mobile .col{display:block;width:100%;padding:0}#about:before{background:url("../img/about_m.jpg") no-repeat center;background-size:cover}}@media screen and (max-width: 768px){header{position:relative;height:auto}header h1{font-size:30px;letter-spacing:30px;padding-left:50px;line-height:57px}#works{margin-top:0}.work .legend h2,#about .content h2,#contact .content h2,.work .modal .content h2{font-size:30px;letter-spacing:30px;line-height:50px}header #logo{position:absolute}#loader,.work,.work:nth-of-type(odd),.work:nth-of-type(even),.work .modal .content{padding:80px 90px}#about,#contact{padding:160px 90px}#loader #loaderLogo{-webkit-transform:scale(.9);-moz-transform:scale(.9);-khtml-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}}@media screen and (max-width: 570px){nav{position:relative;right:auto;bottom:auto;left:auto;margin:160px 0 0 0;top:auto}nav ul{padding:0;text-align:left}nav ul li,nav ul li+li{margin:0;display:block}nav ul li a{font-size:24px;letter-spacing:24px;line-height:51px;font-weight:400;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto}header{padding:30px}header h1{display:none !important}#loader,.work,.work:nth-of-type(odd),.work:nth-of-type(even),.work .modal .content{padding:80px 30px}#about,#contact{padding:160px 30px}}@media screen and (max-width: 460px){header{justify-content:left}header #frame{display:none !important}nav ul li a{padding-left:0}.work .legend h2{float:none;margin-right:0}.work .modal{margin-bottom:40px}.work:last-of-type{margin-bottom:80px}#loader #loaderLogo{-webkit-transform:scale(.8);-moz-transform:scale(.8);-khtml-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.work .modal .content .projectInfos{display:block}.work .modal .content .projectInfos .brief{margin-bottom:80px}.work .modal .content a.btn{margin-top:0}.work .modal .content .projectInfos .brief,.work .modal .content .projectInfos .infos{padding:0;width:100%}}@media screen and (max-width: 360px){nav ul li a{font-size:20px;letter-spacing:20px;padding-left:0;line-height:45px;font-weight:400}#loader #loaderLogo{-webkit-transform:scale(.7);-moz-transform:scale(.7);-khtml-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}.work .modal{height:240px}}
/*# sourceMappingURL=styles.css.map */