@font-face{font-family:'Avenir';font-weight:400;font-style:normal;src:url("/fonts/avenir-roman/282043458-Avenir-Roman.eot");src:url("/fonts/avenir-roman/282043458-Avenir-Roman.eot?#iefix") format("embedded-opentype"),url("/fonts/avenir-roman/282043458-Avenir-Roman.svg#Avenir") format("svg"),url("/fonts/avenir-roman/282043458-Avenir-Roman.woff") format("woff"),url("/fonts/avenir-roman/282043458-Avenir-Roman.ttf") format("truetype");font-weight:normal;font-style:normal}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:'\201C' '\201D' '\2018' '\2019'}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type='button'],input[type='reset'],input[type='submit']{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='search']{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}#breakpoint{background:#fff;color:#000;height:40px;display:inline-block;position:absolute;left:0;bottom:0;z-index:99;min-width:150px;text-align:center;line-height:40px;text-transform:uppercase}#breakpoint:before{content:'desktop'}@media only screen and (max-width: 1010px){#breakpoint:before{content:'tablet'}}@media only screen and (max-width: 740px){#breakpoint:before{content:'mobile'}}@media only screen and (max-width: 740px) and (max-height: 520px){#breakpoint:before{content:'mobile small height'}}html{height:100%}body{min-height:100%;background-color:#1c1e21;font:12px 'Montserrat', sans-serif;color:#f8f8f8;overflow:hidden}ul{list-style:none;padding:0;margin:0}img{border:0}a{text-decoration:none}a:active,a:focus{outline:none}.view-container{height:100%}.frame{border:8px solid rgba(98,98,98,0.08);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.valign-container{width:100%;height:100%;display:table;position:absolute}.valign-child{display:table-cell;vertical-align:middle}.browsehappy,.mobile-landscape{width:100%;height:100%;font-size:13px;background-color:#1c1e21;text-align:center;position:absolute;z-index:99}.browsehappy svg,.mobile-landscape svg,#preloader svg{width:150px;height:84px}.browsehappy a{color:#b37f43}.browsehappy a:hover{color:#CD914C}.mobile-landscape{display:none}@media only screen and (max-width: 740px){.desktop{display:none}}@media only screen and (max-width: 740px) and (orientation: landscape){.mobile-landscape{display:table;z-index:99}}#preloader-container{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1c1e21}#preloader-container #preloader{width:400px;height:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -200px;text-align:center}#preloader img{margin:35px auto 0}#preloader p{margin:0}#preloader .preloader-text-1,#preloader .preloader-text-2{font-weight:700;text-transform:uppercase;font-size:13px}#preloader .preloader-text-1{width:100%;color:#f8f8f8;position:absolute;top:50%;margin-top:-8px}#preloader .preloader-text-2{color:#b37f43}#preloader svg{opacity:0;position:absolute;top:50%;left:50%;margin:-42px 0 0 -75px}#transition-container{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1}#transition-container.off{width:0;height:0}#transition{width:0;height:100%;background:#b37f43;position:fixed;top:0;left:0;z-index:999}#transition.left,#transition.left div{left:0;right:auto}#transition.right,#transition.right div{left:auto;right:0}#transition.top,#transition.top div{top:0;bottom:auto}#transition.bottom,#transition.bottom div{top:auto;bottom:0}#transition div{width:0%;height:100%;background-color:#1c1e21;position:fixed;top:0;right:0;z-index:999}.navbar-link{font-size:11px;text-transform:uppercase;-webkit-transition:color 0.45s;-moz-transition:color 0.45s;-ms-transition:color 0.45s;-o-transition:color 0.45s;transition:color 0.45s}.line{width:100%;height:2px;background-color:rgba(248,248,248,0.2);opacity:0;position:absolute;bottom:1px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:background-color 0.45s;-moz-transition:background-color 0.45s;-ms-transition:background-color 0.45s;-o-transition:background-color 0.45s;transition:background-color 0.45s}.dark .navbar-link{color:rgba(248,248,248,0.2)}.dark .navbar-link:hover,.dark .navbar-link.active{color:#b37f43}.dark .active .line,.dark .navbar-link:hover .line{background-color:#b37f43}.light .navbar-link,.light .navbar-link.active{color:rgba(248,248,248,0.55)}.light .navbar-link:hover{color:#f8f8f8}.light .active .line{background-color:rgba(248,248,248,0.55)}.light .navbar-link:hover .line{background-color:#f8f8f8}@media only screen and (max-width: 740px){.navbar-link{position:relative}.line{bottom:-2px}}#navbar{width:95%;height:20px;opacity:0;position:absolute;top:25px;left:50%;z-index:4;margin-left:-47.5%}#nav{float:right;height:20px;line-height:20px}#navbar:after,#nav:after{content:"";display:block;clear:both}#nav li{float:left;margin-right:40px;position:relative}#nav li:last-child{margin-right:0px}#logo{width:100px;height:59px;position:absolute;top:0;left:0}#logo path{fill:#b37f43;-webkit-transition:fill 0.8s;-moz-transition:fill 0.8s;-ms-transition:fill 0.8s;-o-transition:fill 0.8s;transition:fill 0.8s}.light #logo path{fill:rgba(248,248,248,0.55)}#logo:hover path{fill:#f8f8f8}#toggle{display:none}#toggle li{background-color:#b37f43;-webkit-transition:background-color 0.8s;-moz-transition:background-color 0.8s;-ms-transition:background-color 0.8s;-o-transition:background-color 0.8s;transition:background-color 0.8s}.light #toggle li{background-color:rgba(248,248,248,0.55)}#toggle:hover li{background-color:#f8f8f8}@media only screen and (max-width: 1010px){#project-switcher li{margin-left:60px}}@media only screen and (max-width: 740px){#navbar{width:100%;height:auto;top:0;left:0;margin-left:0}#nav{height:auto;float:none;margin:24px 0 0}#nav li{width:33.33%;text-align:center;opacity:0;margin:0}#logo{top:20px;left:20px}#toggle{width:44px;display:block;position:fixed;top:40px;right:20px}#toggle li{width:60%;height:2px;background:#fff;margin:0 auto 5px}}#welcome-text{text-align:center;font-weight:700;font-size:63px;padding:0 20px;margin-top:0}#content-links{width:54%;max-width:840px;margin:auto;position:relative;z-index:2}#content-links:after{content:'';display:block;clear:both}#welcome-text,#content-links{opacity:0}#content-links li{width:49%;height:67px;background-color:#b37f43;line-height:67px;float:left;position:relative;overflow:hidden;-webkit-transition:background-color 0.8s;-moz-transition:background-color 0.8s;-ms-transition:background-color 0.8s;-o-transition:background-color 0.8s;transition:background-color 0.8s}#content-links li:hover{background-color:#f8f8f8}#content-links li:first-child{margin-right:10px}#content-links a{font-size:14px;font-weight:400;color:#f8f8f8;text-transform:uppercase;cursor:pointer;display:block;padding-left:12%;position:relative;z-index:2;-webkit-transition:color 0.8s;-moz-transition:color 0.8s;-ms-transition:color 0.8s;-o-transition:color 0.8s;transition:color 0.8s}#content-links li:hover a{color:#b37f43}#content-links path{-webkit-transition:stroke 0.8s;-moz-transition:stroke 0.8s;-ms-transition:stroke 0.8s;-o-transition:stroke 0.8s;transition:stroke 0.8s}#content-links li:hover path{stroke:#b37f43;opacity:0.09}#about-svg,#project-svg{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);position:absolute;top:-100px;left:-120px}#welcome-svg{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;z-index:1}#welcome-svg.supersized{width:128%;height:128%;margin-left:-72px;opacity:0.2}@media only screen and (max-width: 1010px){#content-links{width:78%}}@media only screen and (max-width: 740px){#welcome-text{font-size:33px}#content-links{width:70%}#content-links li{width:100%}#content-links li:first-child{margin-right:0;margin-bottom:10px}}@media only screen and (max-width: 740px) and (max-height: 570px){#welcome-text{font-size:28px;margin-top:50px}#content-links li{height:47px;line-height:47px}}#projects{width:100%;height:100%;position:relative}#projects .project{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:1}#projects:after{content:'';display:block;clear:both}.ui{opacity:0}.top-line,.bottom-line{width:100%;height:50%;position:relative}.visual{background-repeat:no-repeat;background-size:100%;opacity:0;position:absolute;left:50%;top:50%;z-index:3;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.title{width:100%;font-size:60px;font-weight:700;color:#f8f8f8;letter-spacing:30px;text-align:center;text-transform:uppercase;position:absolute;top:50%;z-index:3;margin:0;padding-left:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.description{width:413px;font-size:12px;font-family:Avenir, Montserrat, sans-serif;line-height:19px;text-align:center;position:absolute;top:50%;left:50%;z-index:3;margin:120px 0 0 0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.link{width:152px;height:30px;color:#d6dde5;font-size:11px;line-height:30px;text-align:center;border:1px solid rgba(255,255,255,0.15);display:block;position:relative;top:43px;z-index:3;margin:auto;padding:5px;-webkit-transition:background-color 0.7s, color 0.7s;-moz-transition:background-color 0.7s, color 0.7s;-ms-transition:background-color 0.7s, color 0.7s;-o-transition:background-color 0.7s, color 0.7s;transition:background-color 0.7s, color 0.7s}.link:hover{background-color:#f8f8f8}.infos{position:absolute;right:40px;bottom:60px;z-index:3}.infos li{font-size:10px;text-align:right;text-transform:uppercase;margin-top:4px}.airfrance .top-line{background-color:#33b3c7}.airfrance .bottom-line{background-color:#025764}.airfrance .visual{width:755px;height:537px;background-image:url(../../img/desktop/airfrance-visual.jpg);margin-top:-2px;margin-left:52px}.airfrance .description{color:#cff6fc}.airfrance .infos li{color:#359bab}.airfrance .link:hover{color:#33b3c7}.thalios .top-line{background-color:#683ac1}.thalios .bottom-line{background-color:#190439}.thalios .visual{width:720px;height:496px;background-image:url(../../img/desktop/thalios-visual.jpg);margin-top:-37px;margin-left:-5px}.thalios .description{color:#d4c7f1}.thalios .infos li{color:#69549a}.thalios .link:hover{color:#6740bf}.picasso .top-line{background-color:#4a1216}.picasso .bottom-line{background-color:#1a0a17}.picasso .visual{width:701px;height:670px;background-image:url(../../img/desktop/picasso-visual.jpg);margin-top:26px;margin-left:28px}.picasso .description{color:#ebc9cb}.picasso .infos li{color:#722a2f}.picasso .link:hover{color:#4a1216}.omnisense .top-line{background-color:#026fd6}.omnisense .bottom-line{background-color:#0d233a}.omnisense .visual{width:440px;height:560px;background-image:url(../../img/desktop/omnisense-visual.jpg);margin-top:-43px;margin-left:6px}.omnisense .description{color:#a2bbd3}.omnisense .infos li{color:#2a5681}.omnisense .link:hover{color:#1272d2}.paleofuture .top-line{background-color:#28d57e}.paleofuture .bottom-line{background-color:#0a3421}.paleofuture .visual{width:648px;height:606px;background-image:url(../../img/desktop/paleofuture-visual.jpg);margin-top:-54px}.paleofuture .description{color:#d7f1da}.paleofuture .infos li{color:#47936d}.paleofuture .link:hover{color:#17A85F}@media only screen and (max-width: 1010px){.title{font-size:45px}.visual{-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8);-o-transform:translate(-50%, -50%) scale(0.8);transform:translate(-50%, -50%) scale(0.8)}.omnisense .visual{margin-top:-34px}.thalios .visual{margin-top:-30px}.picasso .visual{margin-top:21px}.paleofuture .visual{margin-top:-43px}}@media only screen and (max-width: 740px){.title{font-size:20px;letter-spacing:10px;padding-left:5px}.description{width:90%;margin:90px 0 0 0}.description p{margin:0}.link{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}.infos{display:none}.airfrance .visual{width:469px;height:332px;background-image:url(../../img/mobile/airfrance-visual.jpg);margin-left:30px}.omnisense .visual{width:306px;height:399px;background-image:url(../../img/mobile/omnisense-visual.jpg);margin-top:-20px}.thalios .visual{width:459px;height:310px;background-image:url(../../img/mobile/thalios-visual.jpg);margin-top:-21px}.picasso .visual{width:407px;height:336px;background-image:url(../../img/mobile/picasso-visual.jpg);margin-top:-9px;margin-left:17px}.paleofuture .visual{width:377px;height:350px;background-image:url(../../img/mobile/paleofuture-visual.jpg);margin-top:-26px}}#project-switcher{display:none;position:absolute;bottom:30px;left:50%;z-index:3;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}#project-switcher:after{content:'';display:block;clear:both}#project-switcher li{margin-left:100px;float:left}#project-switcher li:first-child{margin-left:0}#project-switcher a{width:20px;height:18px;line-height:18px;text-align:center;display:block;-webkit-transition:color 0.6s;-moz-transition:color 0.6s;-ms-transition:color 0.6s;-o-transition:color 0.6s;transition:color 0.6s}#project-switcher.transition a{-webkit-transition:color 0.8s 0.6s;-moz-transition:color 0.8s 0.6s;-ms-transition:color 0.8s 0.6s;-o-transition:color 0.8s 0.6s;transition:color 0.8s 0.6s}#project-switcher.thalios a{color:#69549a}#project-switcher.thalios a:hover{color:#966cf4}#project-switcher.airfrance a{color:#359aaa}#project-switcher.airfrance a:hover{color:#37c7de}#project-switcher.picasso a{color:#722a2f}#project-switcher.picasso a:hover{color:#bb303a}#project-switcher.omnisense a{color:#2a5681}#project-switcher.omnisense a:hover{color:#1683f1}#project-switcher.paleofuture a{color:#47936d}#project-switcher.paleofuture a:hover{color:#5cba8b}#project-switcher a.current{color:#f8f8f8}.btn{width:13px;height:24px;opacity:0.3;position:absolute;top:50%;z-index:3;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-ms-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.btn:hover{opacity:1}#previous-project{left:20px}#next-project{right:20px;-webkit-transform:translateY(-50%) scale(-1);-moz-transform:translateY(-50%) scale(-1);-ms-transform:translateY(-50%) scale(-1);-o-transform:translateY(-50%) scale(-1);transform:translateY(-50%) scale(-1)}@media only screen and (min-height: 500px){#project-switcher{display:block}}@media only screen and (max-width: 1010px){#project-switcher li{margin-left:60px}}@media only screen and (max-width: 740px){#project-switcher li{margin-left:10px}#previous-project{left:10px}#next-project{right:10px}}.about{width:80%;font-size:14px;text-align:justify;line-height:21px;margin:auto;position:relative;z-index:3}.about a{color:rgba(155,181,237,0.3);-webkit-transition:color 0.6s;-moz-transition:color 0.6s;-ms-transition:color 0.6s;-o-transition:color 0.6s;transition:color 0.6s}.about .twitter:hover{color:#1683f1}.about .linkedin:hover{color:#E8DE12}.about .email:hover{color:#b37f43}@media only screen and (max-width: 740px){.about{font-size:13px;line-height:20px}}@media only screen and (max-width: 740px) and (max-height: 520px){.about{font-size:12px;line-height:18px;margin:60px auto 0}.small-height{display:none}}