@import "animations.css";


.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.webkit-displayfix{-webkit-backface-visibility:hidden;-webkit-perspective:1000}#needChromeFrame{z-index:2001;background-color:#161616;color:#fff;position:absolute;width:100%;font-family:'DINNextLTW01-UltraLight 706122',Arial,Helvetica,sans-serif;text-align:center;font-size:1.2em;padding-top:1em;padding-bottom:1em}#needChromeFrame a{color:#e6e6e6;text-decoration:underline}#needChromeFrame a:hover{text-decoration:none}#at{position:absolute;opacity:.01}#view{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-transition:opacity 200ms ease-in-out;-moz-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}html.lt-ie10 #view{display:none}#view.loaded{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}html.lt-ie10 #view.loaded{display:block}#view.loaded.transitionReleased{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-backface-visibility:visible;-webkit-perspective:none}#preloader{position:fixed;top:0;left:0;height:100%;width:100%;background:url(../loading.gif) no-repeat center center;z-index:100}#preloader.loaded{display:none}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;margin:0;font-family:'DIN Next W01 Regular',Arial,Helvetica,sans-serif;color:#161616}#home{overflow:hidden;display:block;position:relative}#nav{position:fixed;width:100%;height:20px;background-color:#fff;top:0;z-index:2;-webkit-transition:background-color 200ms ease-in-out;-moz-transition:background-color 200ms ease-in-out;-o-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#nav.inverse{background-color:rgba(255,255,255,0.92);background-image:url(../nav-texture.png)}#nav.inverse ul{background-color:rgba(255,255,255,0.92);background-image:url(../nav-texture.png)}#nav ul{background-color:#fff;float:right;
margin:20px auto 0;overflow:hidden;padding:0 10px}#nav ul li.hovered,#nav ul.about #nav-about,#nav ul.work #nav-work,#nav ul.contact #nav-contact{background-position:center 35px}#nav ul li#nav-home.hovered,#nav ul.home #nav-home{background-image:none;opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5}#nav ul li.hovered,#nav ul li.leave{-webkit-transition:background-position 100ms ease-in-out;-moz-transition:background-position 100ms ease-in-out;-o-transition:background-position 100ms ease-in-out;transition:background-position 100ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#nav ul li{float:left;background:url(../nav-bullet.png) no-repeat center 40px}#nav ul li a{background-repeat:no-repeat;height:10px;background-position:center 40%;display:block;padding:15px;text-indent:150%;white-space:nowrap;overflow:hidden}#nav ul li#nav-home a{background-image:url(../nav/home.png);width:10px;text-indent:260%}#nav ul li#nav-about a{background-image:url(../nav/about.png);width:49px}#nav ul li#nav-work a{background-image:url(../nav/work.png);width:44px}#nav ul li#nav-contact a{background-image:url(../nav/contact.png);width:66px}#nav ul li#nav-blog a{background-image:url(../nav/blog.png);width:37px}#header{margin-top:20px;display:block;background:#67cecd url(header-bg.jpg) no-repeat;background-image:url(../texture-black.png),url(../header-bg.jpg);background-size:auto,cover;background-position:center center,left 0;background-repeat:repeat,no-repeat;overflow:hidden}#header .page{overflow:hidden}#header .ctaWrap{position:absolute;right:9%;bottom:50%}#header .cta{font-family:'WisdomScript',"Monotype Corsiva",cursive;background-color:#161616;color:#fff;width:66px;height:58px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:15px;padding-top:23px;margin-right:-48px;margin-bottom:-48px;font-size:29px;line-height:28px;text-decoration:none;display:block;text-align:center;cursor:pointer}html.ie9 #header .cta{border-radius:0}html.csstransforms3d #header .cta{-webkit-transform:translate3d(0px,-1200px,0px);-moz-transform:translate3d(0px,-1200px,0px);-ms-transform:translate3d(0px,-1200px,0px);-o-transform:translate3d(0px,-1200px,0px);transform:translate3d(0px,-1200px,0px)}html.csstransforms #header .cta{-webkit-transform:translate(0px,-1200px);-moz-transform:translate(0px,-1200px);-ms-transform:translate(0px,-1200px);-o-transform:translate(0px,-1200px);transform:translate(0px,-1200px)}#header .cta:hover{width:72px;height:61px;-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:16px;padding-top:27px;margin-right:-52px;margin-bottom:-52px}html.ie9 #header .cta:hover{border-radius:0}#header.loadedBuggy

#welcome{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}#header.in
#welcome{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}#header.in
#welcome strong#iLikeMaking{-webkit-animation:welcome-blank-intro 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:welcome-blank-intro 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:welcome-blank-intro 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:welcome-blank-intro 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;animation:welcome-blank-intro 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
#header.in #welcome strong#greatIdeas{-webkit-animation:welcome-blank-intro 1.9s cubic-bezier(1,0,0,1) 0s 1 normal;
-moz-animation:welcome-blank-intro 1.9s cubic-bezier(1,0,0,1) 0s 1 normal;
-ms-animation:welcome-blank-intro 1.9s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:welcome-blank-intro 1.9s cubic-bezier(1,0,0,1) 0s 1 normal;animation:welcome-blank-intro 1.9s cubic-bezier(1,0,0,1) 0s 1 normal;
-webkit-backface-visibility:hidden;-webkit-perspective:1000}
#header.in #welcome strong#happen{-webkit-animation:welcome-blank-intro 2.3s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:welcome-blank-intro 2.3s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:welcome-blank-intro 2.3s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:welcome-blank-intro 2.3s cubic-bezier(1,0,0,1) 0s 1 normal;animation:welcome-blank-intro 2.3s cubic-bezier(1,0,0,1) 0s 1 normal;
-webkit-backface-visibility:hidden;-webkit-perspective:1000}
#header.in .ctaWrap{-webkit-transition:bottom 200ms ease-in-out,right 200ms ease-in-out;-moz-transition:bottom 200ms ease-in-out,right 200ms ease-in-out;-ms-transition:bottom 200ms ease-in-out,right 200ms ease-in-out;-o-transition:bottom 200ms ease-in-out,right 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
#header.in .cta{-webkit-transition:-webkit-transform .75s cubic-bezier(1,0,0,1);-moz-transition:-moz-transform .75s cubic-bezier(1,0,0,1);-ms-transition:-ms-transform .75s cubic-bezier(1,0,0,1);-o-transition:-o-transform .75s cubic-bezier(1,0,0,1);-webkit-backface-visibility:hidden;-webkit-perspective:1000}
#header.in #welcome strong,#header.loadedBuggy #welcome strong{background-position:center 0;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}html.csstransforms3d #header.in .cta,html.csstransforms3d
#header.loadedBuggy .cta{-webkit-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}html.csstransforms #header.in .cta,html.csstransforms
#header.loadedBuggy .cta{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);-o-transform:translate(0px,0px);transform:translate(0px,0px)}#header.out #welcome strong{background-position:center -118px;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0)}#header.out #welcome strong#iLikeMaking{-webkit-animation:welcome-blank-outro .6s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:welcome-blank-outro .6s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:welcome-blank-outro .6s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:welcome-blank-outro .6s cubic-bezier(1,0,0,1) 0s 1 normal;animation:welcome-blank-outro .6s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#header.out #welcome strong#greatIdeas{-webkit-animation:welcome-blank-outro .4s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:welcome-blank-outro .4s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:welcome-blank-outro .4s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:welcome-blank-outro .4s cubic-bezier(1,0,0,1) 0s 1 normal;animation:welcome-blank-outro .4s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#header.out #welcome strong#happen{-webkit-animation:welcome-blank-outro .2s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:welcome-blank-outro .2s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:welcome-blank-outro .2s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:welcome-blank-outro .2s cubic-bezier(1,0,0,1) 0s 1 normal;animation:welcome-blank-outro .2s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#header.out .cta{-webkit-transition:-webkit-transform 1.5s cubic-bezier(1,0,0,1),bottom 200ms ease-in-out,right 200ms ease-in-out;-moz-transition:-moz-transform 1.5s cubic-bezier(1,0,0,1),bottom 200ms ease-in-out,right 200ms ease-in-out;-ms-transition:-ms-transform 1.5s cubic-bezier(1,0,0,1),bottom 200ms ease-in-out,right 200ms ease-in-out;-o-transition:-o-transform 1.5s cubic-bezier(1,0,0,1),bottom 200ms ease-in-out,right 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}html.csstransforms3d #header.out .cta{-webkit-transform:translate3d(0px,-1200px,0px);-moz-transform:translate3d(0px,-1200px,0px);-ms-transform:translate3d(0px,-1200px,0px);-o-transform:translate3d(0px,-1200px,0px);transform:translate3d(0px,-1200px,0px)}html.csstransforms #header.out .cta{-webkit-transform:translate(0px,-1200px);-moz-transform:translate(0px,-1200px);-ms-transform:translate(0px,-1200px);-o-transform:translate(0px,-1200px);transform:translate(0px,-1200px)}.page{width:1320px;margin:auto;position:relative}#main{background-color:#fff}

#welcome{position:absolute;top:30%;line-height:0;width:700px;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform 200ms ease-in-out;-moz-transition:-moz-transform 200ms ease-in-out;-ms-transition:-ms-transform 200ms ease-in-out;-o-transition:-o-transform 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}html.csstransforms3d #welcome{-webkit-transform-origin:0 50% 0;-moz-transform-origin:0 50% 0;-ms-transform-origin:0 50% 0;-o-transform-origin:0 50% 0;transform-origin:0 50% 0}#welcome strong{display:block;text-indent:150%;white-space:nowrap;overflow:hidden;margin-top:-1px;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;background-color:#fff;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);background-position:center -118px;background-repeat:no-repeat}

#welcome strong#iLikeMaking{width:719px;height:118px;background-image:url(../part1.gif)}#welcome strong#greatIdeas{width:599px;height:117px;background-image:url(../part2.gif)}#welcome strong#happen{width:436px;height:117px;background-image:url(../part3.gif)}#mainDolly{position:absolute;width:100%}html.no-touch #mainDolly{-webkit-transform:translate3d(0px,0px,0px)}#about h1,#contact h1{-webkit-transition:-webkit-transform 750ms cubic-bezier(1,0,0,1),opacity 750ms cubic-bezier(1,0,0,1);-moz-transition:-moz-transform 750ms cubic-bezier(1,0,0,1),opacity 750ms cubic-bezier(1,0,0,1);-ms-transition:-ms-transform 750ms cubic-bezier(1,0,0,1),opacity 750ms cubic-bezier(1,0,0,1);-o-transition:-o-transform 750ms cubic-bezier(1,0,0,1),opacity 750ms cubic-bezier(1,0,0,1);transition:-o-transform 750ms cubic-bezier(1,0,0,1),opacity 750ms cubic-bezier(1,0,0,1);-webkit-backface-visibility:hidden;-webkit-perspective:1000}#work h1,#about h1,#contact h1,#blog h1{position:absolute;left:50%;overflow:hidden;background-image:url(../about-title-bg.png);margin:auto;margin-top:-15px;margin-left:-150px;padding:25px 35px;-webkit-transform-origin:150px 86px 0;-moz-transform-origin:150px 86px 0;-ms-transform-origin:150px 86px 0;-o-transform-origin:150px 86px 0;transform-origin:150px 86px 0;width:230px;height:36px}#work h1 a,#about h1 a,#contact h1 a,#blog h1 a{display:block;background:url(../about-title.png);text-indent:150%;white-space:nowrap;overflow:hidden;width:230px;height:36px}#work.out h1,#about.out h1,#contact.out h1,#blog.out h1{-webkit-transform:translate3d(0px,-20px,0px) scale(1.1);-moz-transform:translate3d(0px,-20px,0px) scale(1.1);-ms-transform:translate3d(0px,-20px,0px) scale(1.1);-o-transform:translate3d(0px,-20px,0px) scale(1.1);transform:translate3d(0px,-20px,0px) scale(1.1);opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}#work.in h1,#blog.in h1{opacity:1;-webkit-animation:section-header-fade-in 1s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:section-header-fade-in 1s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:section-header-fade-in 1s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:section-header-fade-in 1s cubic-bezier(1,0,0,1) 0s 1 normal;animation:section-header-fade-in 1s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#work.out h1,#blog.out h1{opacity:0;-webkit-animation:section-header-fade-out 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:section-header-fade-out 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:section-header-fade-out 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:section-header-fade-out 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;animation:section-header-fade-out 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#work.in .rule,#blog.in .rule{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-animation:section-header-rule-in 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:section-header-rule-in 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:section-header-rule-in 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:section-header-rule-in 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;animation:section-header-rule-in 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#work.out .rule,#blog.out .rule{-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-animation:section-header-rule-out 1s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:section-header-rule-out 1s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:section-header-rule-out 1s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:section-header-rule-out 1s cubic-bezier(1,0,0,1) 0s 1 normal;animation:section-header-rule-out 1s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#footer{background-color:#161616;color:#fff}#footer #contact{width:750px;margin:auto;padding-bottom:1em}#footer #contact h2{font-family:'WisdomScript',"Monotype Corsiva",cursive;font-weight:normal;text-align:center;padding-top:3.3em;font-size:2.3em;margin:0}#footer #contact h1{background-image:url(../about-title-bg.png);margin-left:-178px;width:307px;height:33px}#footer #contact h1 a{background-image:url(../contact-title.png);width:307px;height:33px}
#footer
#contact #contactFormBox{background:#1e1e1d url(../about-title-bg.png);padding:5px 30px;margin:3em 0}
#footer #contact #contactFormBox
#response{text-align:center;margin:3.5% 0;opacity:1;filter:alpha(opacity=100);
-moz-opacity:1;-khtml-opacity:1;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#footer #contact #contactFormBox #response.empty{margin:0;opacity:0;filter:alpha(opacity=0);
-moz-opacity:0;-khtml-opacity:0}#footer #contact #contactFormBox label{padding-left:140px;
display:block;
margin:1em;
background-position:left 1em;background-repeat:no-repeat}#footer #contact #contactFormBox label strong{display:none}#footer #contact #contactFormBox label input,
#footer #contact #contactFormBox label textarea{border:0;background-color:#373735;background:rgba(66,66,66,0.6);
color:#fff;
font-family:'DIN Next W01 Regular',Arial,Helvetica,sans-serif;
font-size:1em;padding:.4em 1em;width:99%;overflow:auto}
#footer #contact #contactFormBox label input:focus,#footer #contact #contactFormBox label textarea:focus{outline:0 none;-webkit-box-shadow:0 0 0 2px #fff;
-moz-box-shadow:0 0 0 2px #fff;
box-shadow:0 0 0 2px #fff}

a { color: #caf0ad;text-decoration: none; }
a:link { color: #caf0ad; }
a:hover {color: #8cd651;}

#footer #contact #contactFormBox label textarea{min-height:13em;padding:1em}#footer #contact #contactFormBox label.email{background-image:url(../contactformlabel-email.png)}#footer #contact #contactFormBox label.message{background-image:url(../contactformlabel-message.png)}#footer #contact #contactFormBox div.submit{position:relative;height:2.3em;padding-top:1.0em}#footer #contact
#contactFormBox input.submit{background-color:#fff;
color:#161616;font-family:'WisdomScript',"Monotype Corsiva",cursive;font-size:1em;display:block;width:160px;border:0;padding:1em;text-indent:150%;white-space:nowrap;
overflow:hidden;background:#fff url(../submit-txt.png) no-repeat center center;
position:absolute;left:50%;height:65px;margin-left:-80px}
#footer #contact #social{text-align:center;margin:1.4em .3em}
#footer #contact #social li{display:inline-block;width:44px;height:44px}html.ielte7 #footer #contact #social li{display:inline}
#footer #contact #social li a{text-indent:150%;white-space:nowrap;overflow:hidden;display:block;width:44px;height:44px;background-image:url(../social-icons/twitter.png?v=1)}#footer #contact #social li a:hover{background-image:url(../social-icons/twitter-on.png?v=1)}#footer #contact #social li.dribbble a{background-image:url(../social-icons/dribbble.png)}#footer #contact #social li.dribbble a:hover{background-image:url(../social-icons/dribbble-on.png)}#footer #contact #social li.youtube a{background-image:url(../social-icons/youtube.png)}#footer #contact #social li.youtube a:hover{background-image:url(../social-icons/youtube-on.png)}#footer #contact #social li.github a{background-image:url(../social-icons/github.png)}#footer #contact #social li.github a:hover{background-image:url(../social-icons/github-on.png)}#footer #contact #social li.appstore a{background-image:url(../social-icons/appstore.png)}#footer #contact #social li.appstore a:hover{background-image:url(../social-icons/appstore-on.png)}body.blog a{color:#303030}body.blog a:hover{color:#494949}body.blog #view{opacity:1;filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-backface-visibility:visible;
-webkit-perspective:none}body.blog #preloader{display:none}body.blog #header{background:0}body.blog #header .page{height:175px}body.blog #header .page #logo{top:32%}#blog{margin-top:2em;margin-bottom:8em;*zoom:1;display:block;font-size:.9em}#blog:before,#blog:after{display:table;content:""}#blog:after{clear:both}#blog .rule{border-top:1px solid #d5d5d5;height:0;overflow:hidden}#blog h1{background-image:url(../work-title-bg.png);margin-left:-101px;width:163px;height:33px}#blog h1 a{background:url(../blog-title.png);width:163px;height:33px}#blog #blogMain{overflow:auto;display:block;float:left;line-height:2.05em;font-size:1em;padding:6em 3em 0}#blog #blogMain #content{float:left;width:62%;margin:2%}#blog #blogMain #content article.entry{border-bottom:1px solid #d5d5d5;padding-bottom:3.5em;margin-bottom:3.5em;display:block}#blog #blogMain #content article.entry header{display:block;margin-bottom:2em}#blog #blogMain #content article.entry h2{font-size:2.6em;line-height:1em;letter-spacing:-0.004em;font-weight:normal;text-transform:uppercase}#blog #blogMain #content article.entry .date{background-image:url(../work-title-bg.png);padding:1em 1.5em 1.5em;margin:0 3em 1em 0;float:left;line-height:2em;text-align:center}#blog #blogMain #content article.entry .date .day{font-size:26px}#blog #blogMain #content article.entry .date .month{font-size:18px}#blog #blogMain #sidebar{display:block;float:right;font-size:2.2em;width:29%;margin:2%}#blog #blogMain #sidebar h3{text-transform:uppercase;font-family:'DINNextLTW01-UltraLight 706122',Arial,Helvetica,sans-serif;font-size:.43em;letter-spacing:.1em;margin:2em 0}#blog #blogMain #sidebar ul.previous-posts{line-height:1.13em}#blog #blogMain #sidebar ul.previous-posts li{font-family:'DINNextLTW01-UltraLight 706122',Arial,Helvetica,sans-serif;margin:.6em 0;border-left:.25em solid #e6e6e9}#blog #blogMain #sidebar ul.previous-posts li a{color:#161616;background-color:#e6e6e9;text-decoration:none;padding:0 .25em 0 0}#blog #blogMain #sidebar ul.previous-posts li.hovered{border-left:.25em solid #161616}#blog #blogMain #sidebar ul.previous-posts li.hovered a{background-color:#161616;color:#fff}#work{margin-top:200px;display:block;font-size:.9em}#work .rule{border-top:1px solid #d5d5d5;height:0;overflow:hidden}#work h1{background-image:url(../work-title-bg.png);margin-left:-132px;width:194px;height:33px}#work h1 a{background:url(../work-title.png);width:194px;height:33px}#work ul.work{margin-top:100px}#work ul.work li.workCarouselItem{background-image:url(../work/1/1.jpg);height:420px;background-position:center center;background-repeat:no-repeat;background-size:cover}#work ul.work #iterum li.workCarouselItem{background-image:url(../work/1/1.jpg)}#work ul.work #iterum li.workCarouselItem.item-2{background-image:url(../work/1/2.jpg)}#work ul.work #iterum li.workCarouselItem.item-3{background-image:url(../work/1/3.jpg)}#work ul.work #socius li.workCarouselItem{background-image:url(../work/5/3.jpg)}#work ul.work #socius li.workCarouselItem.item-2{background-image:url(../work/5/1.jpg)}#work ul.work #socius li.workCarouselItem.item-3{background-image:url(../work/5/2.jpg)}#work ul.work #games li.workCarouselItem{background-image:url(../work/7/1.jpg)}#work ul.work #games li.workCarouselItem.item-2{background-image:url(../work/7/2.jpg)}#work ul.work #games li.workCarouselItem.item-3{background-image:url(../work/7/3.jpg)}#work ul.work #xpo li.workCarouselItem{background-image:url(../work/2/1.jpg)}#work ul.work #xpo li.workCarouselItem.item-2{background-image:url(../work/2/2.jpg)}#work ul.work #xpo li.workCarouselItem.item-3{background-image:url(../work/2/3.jpg)}#work ul.work #mainstream li.workCarouselItem{background-image:url(../work/6/1.jpg)}#work ul.work #mainstream li.workCarouselItem.item-2{background-image:url(../work/6/2.jpg)}#work ul.work #veris li.workCarouselItem{background-image:url(../work/3/1.jpg)}#work ul.work #veris li.workCarouselItem.item-2{background-image:url(../work/3/2.jpg)}#work ul.work #veris li.workCarouselItem.item-3{background-image:url(../work/3/4.jpg)}#work ul.work #veris li.workCarouselItem.item-4{background-image:url(../work/3/3.jpg)}#work ul.work #switchable li.workCarouselItem{background-image:url(../work/4/1.jpg)}#work ul.work #switchable li.workCarouselItem.item-2{background-image:url(../work/4/2.jpg)}#work ul.work li.workItem{overflow:visible;line-height:2.05em;font-size:1em;padding:6em 3em;border-bottom:1px solid #d5d5d5;*zoom:1}#work ul.work li.workItem:before,

#work ul.work li.workItem:after{display:table;content:""}
#work ul.work li.workItem:after{clear:both}
#work ul.work li.workItem aside{*zoom:1;display:block;float:left;width:29%;margin:2%}#work ul.work li.workItem aside:before,#work ul.work li.workItem aside:after{display:table;content:""}
#work ul.work li.workItem aside:after{clear:both}#work ul.work li.workItem
aside h2{font-size:1.9em}
#work ul.work li.workItem aside .slideDisplay{font-size:.8em;letter-spacing:.3em;color:#494949}
#work ul.work li.workItem
aside ul.sliderPagination li{display:inline-block}html.ielte7 #work ul.work li.workItem aside ul.sliderPagination li{display:inline}#work ul.work li.workItem aside ul.sliderPagination li a{display:inline-block;height:0;overflow:hidden;border-bottom:1px solid #a6a6a6;width:25px;padding-top:14px;margin:.2em;margin-top:.5em;cursor:pointer}html.ielte7 #work ul.work li.workItem aside ul.sliderPagination li a{display:inline}#work ul.work li.workItem aside ul.sliderPagination li a:hover,#work ul.work li.workItem aside ul.sliderPagination li.active a{border-bottom-color:#161616}#work ul.work li.workItem aside ul.tags li{display:inline-block;background-color:#161616;color:#fff;text-transform:uppercase;font-size:.7em;margin:.2em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;line-height:1em;padding:.5em .5em .5em}html.ielte7 #work ul.work li.workItem aside ul.tags li{display:inline}html.ie9 #work ul.work li.workItem aside ul.tags li{border-radius:0}#work ul.work li.workItem .workCarouselBoxOuter{float:right;width:62%;margin:2%}#work ul.work li.workItem .workCarouselBox{border:15px solid #e6e6e9;overflow:hidden;width:104.8%}#work ul.work li.workItem ul.workCarousel{overflow:hidden}#about{display:block;background-color:#161616;color:#fff;font-size:.9em;position:relative}#about blockquote{font-size:2.5em;text-align:center;width:78%;padding-top:3em;padding-bottom:.7em;line-height:1.2em;font-family:'DINNextLTW01-UltraLight 706122',Arial,Helvetica,sans-serif;margin:auto}#about ul{overflow:hidden;line-height:2.05em;font-size:1em;padding:3em;padding-top:0;padding-bottom:2em}#about ul li{float:left;width:29%;margin:2%}#about ul li h2{height:20px;text-indent:150%;white-space:nowrap;overflow:hidden;margin:auto;margin-bottom:1.3em}#about ul li.strategy h2{background-image:url(../activite.png);width:156px}#about ul li.action h2{background-image:url(../adhesion.png);width:157px}#about ul li.design h2{background-image:url(../micromoulin.png);width:228px}

#welcome img{margin:0}ul,ul li{margin:0;padding:0;list-style:none}a img{border:0}#awwwardsNominee{position:absolute;top:32.5%;right:0;display:block;background:url(../awwwards_nominee_w_right.png) no-repeat;width:69px;height:105px;text-indent:150%;white-space:nowrap;overflow:hidden}#logo{position:absolute;left:0;top:7%;display:block;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000}@media(max-width:1440px){#awwwardsNominee{top:18%}}@media(max-width:1320px){#awwwardsNominee{display:none}.page{width:auto;margin:0 3%}#welcome img{height:65px;width:auto}}@media(max-width:1024px) and (min-height:700px){#header .ctaWrap{top:auto;bottom:20%}}@media(max-width:1024px){#about blockquote{font-size:2.3em}}@media(max-width:768px){#about blockquote{font-size:1.9em;padding-top:3.5em;padding-bottom:.8em}#about ul li{float:none;width:auto;margin-bottom:3em}#nav,#nav.inverse{background-color:transparent;background-image:none}#nav ul{margin:0;float:none;text-align:center}#nav ul li.hovered,#nav ul.about #nav-about,#nav ul.work #nav-work,#nav ul.contact #nav-contact{background-position:center 40px}#nav ul li{display:inline-block;background-position:center 50px;float:none}html.ielte7 #nav ul li{display:inline}#nav ul li a{background-position:center 18px;display:inline-block}html.ielte7 #nav ul li a{display:inline}.page{margin:0}#logo{left:5%;top:10%}#about{margin-left:5%;margin-right:5%}

#welcome{left:5%}#header .ctaWrap{right:18%}#work ul.work li.workCarouselItem{height:385px}#work ul.work li.workItem{padding:1.6em}#work ul.work li.workItem aside{float:none;width:auto}#work ul.work li.workItem aside ul.tags{float:left}#work ul.work li.workItem aside ul.sliderPagination{float:right}#work ul.work li.workItem aside div.slideDisplay{clear:both;float:right}#work ul.work li.workItem .workCarouselBoxOuter{float:none;width:auto}#work ul.work li.workItem .workCarouselBox{width:101%;margin-left:-15px}#footer #contact{width:90%}}@media(max-width:768px) and (min-height:700px){#welcome{-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8)}}@media(max-width:768px) and (max-height:700px){#header .ctaWrap{top:auto;bottom:20%}#logo{top:13%}}@media(max-height:700px){#welcome{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);
-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@media(max-width:640px){#welcome{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}#logo{top:13%;left:50%;
margin-left:-37px}#header .ctaWrap{right:18%}#header #checkIt{width:54px;height:51px;
-webkit-border-radius:39px;
-moz-border-radius:39px;
border-radius:39px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:12px;padding-top:16px;
margin-right:-39px;margin-bottom:-39px;
font-size:23.779999999999998px;line-height:22.959999999999997px}html.ie9 #header #checkIt{border-radius:0}#header #checkIt:hover{width:58px;height:53px;-webkit-border-radius:42px;
-moz-border-radius:42px;border-radius:42px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:13px;padding-top:18px;margin-right:-42px;
margin-bottom:-42px}html.ie9 #header #checkIt:hover{border-radius:0}#work ul.work li.workCarouselItem{height:320px}}@media(max-height:800px){#work{margin-top:120px}#work ul.work li.workItem{padding-top:3em;padding-bottom:3em}}@media(max-height:700px){#work{margin-top:100px}#work ul.work{margin-top:75px}#work ul.work li.workItem{padding-top:2.3em;padding-bottom:2.3em}}@media(max-height:640px){#work{margin-top:80px}#work ul.work{margin-top:55px}#work ul.work li.workItem{padding-top:1.9em;padding-bottom:1.9em}}@media(max-width:600px){#welcome{-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}#about blockquote{font-size:1.6em;padding-top:4.0em;padding-bottom:1.0em;width:80%;line-height:1.35em}}@media(max-width:480px) and (min-height:540px){#header .ctaWrap{right:50%}}@media(max-width:640px) and (min-height:768px){#header .ctaWrap{right:50%}}@media(max-width:480px){#about blockquote{width:90%;padding-top:3.2em}#logo{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);top:9%}#welcome{-webkit-transform:scale(0.55);-moz-transform:scale(0.55);-ms-transform:scale(0.55);-o-transform:scale(0.55);transform:scale(0.55);top:20%}#nav ul li a{padding:15px 5px}#about{margin-left:0;margin-right:0}#about ul{padding-right:1.2em;padding-left:1.2em}#about ul li{margin-bottom:1.5em}

#work h1,#about.out h1,#footer #contact h1{-webkit-transform:scale(0.79);-moz-transform:scale(0.79);-ms-transform:scale(0.79);-o-transform:scale(0.79);transform:scale(0.79);margin-top:-35px}#work.in h1,#about h1,#footer #contact.in h1{-webkit-transform:scale(0.72);-moz-transform:scale(0.72);-ms-transform:scale(0.72);-o-transform:scale(0.72);transform:scale(0.72);margin-top:-35px}#work.in h1{-webkit-animation:section-header-fade-in-mobile 1s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:section-header-fade-in-mobile 1s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:section-header-fade-in-mobile 1s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:section-header-fade-in-mobile 1s cubic-bezier(1,0,0,1) 0s 1 normal;animation:section-header-fade-in-mobile 1s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}#work.out h1{-webkit-animation:section-header-fade-out-mobile 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-moz-animation:section-header-fade-out-mobile 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-ms-animation:section-header-fade-out-mobile 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-o-animation:section-header-fade-out-mobile 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;animation:section-header-fade-out-mobile 1.5s cubic-bezier(1,0,0,1) 0s 1 normal;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.slideDisplay{display:none}#work{margin-top:50px}#work ul.work{margin-top:50px}#work ul.work li.workItem{padding-top:1.8em;padding-bottom:1.8em}#work ul.work li.workItem aside{margin-bottom:1em}#work ul.work li.workItem aside h2{margin-top:.4em}#work ul.work li.workItem aside div.slideDisplay{clear:none}#work ul.work li.workItem aside ul.sliderPagination{padding-top:.5em;clear:both;float:none;text-align:center}#work ul.work li.workCarouselItem{height:280px}#footer #contact h2{padding-top:2.5em;font-size:1.9em}#footer #contact #contactFormBox label{background-position:center .4em;padding-left:0;padding-top:35px;margin:23px 0 0;width:92%}}@media(max-width:420px){#welcome{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}#footer #contact #contactFormBox label{width:90%}#work ul.work li.workItem .workCarouselBox{border-width:7px;width:104%}}@media(max-width:400px){#about blockquote{padding-bottom:1.2em;font-size:1.45em;width:85%;padding-top:3.5em}#welcome{-webkit-transform:scale(0.43);-moz-transform:scale(0.43);-ms-transform:scale(0.43);-o-transform:scale(0.43);transform:scale(0.43)}#work ul.work li.workCarouselItem{height:215px}}@media(max-width:320px){#welcome{-webkit-transform:scale(0.4);-moz-transform:scale(0.4);-ms-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}#work ul.work li.workCarouselItem{height:190px}}@media(max-height:480px){#logo{top:12%}#welcome{top:18%}#header .ctaWrap{display:none}}