@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext);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],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .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}html input[type=button],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]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-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}body{font-family:'Open Sans',Aller,sans-serif;font-size:14px;position:relative}a,a:hover,a:visited{color:#404041;text-decoration:none}a.inactive{color:#929497;font-weight:400}a.inactive:hover{color:#404041;font-weight:400}ul{margin:0;padding:0}.container{margin:0 auto;width:100%}header{margin-top:80px;text-align:center}@media only screen and (min-width:768px){header{width:18%;text-align:right}}@media only screen and (min-width:1824px){header{width:-webkit-calc(50% - 330px);width:calc(50% - 330px)}header a{margin-right:10%}}#languages{margin-top:-60px;float:right;font-size:16px;margin-right:10%}@media only screen and (min-width:321px){#languages{}}@media only screen and (min-width:768px){#languages{margin-right:0;width:10%}}@media only screen and (min-width:1024px){#languages{}}@media only screen and (min-width:1224px){#languages{}}@media only screen and (min-width:1824px){#languages{}}#languages li{display:inline}#languages li+li:before{content:"/ "}#menu{width:100%;margin-top:60px;font-size:16px}@media only screen and (min-width:321px){#menu{}}@media only screen and (min-width:768px){#menu{float:left;width:20%}}@media only screen and (min-width:1024px){#menu{}}@media only screen and (min-width:1224px){#menu{}}@media only screen and (min-width:1824px){#menu{width:-webkit-calc(50% - 330px);width:calc(50% - 330px)}}#menu ul{text-align:center;list-style:none;line-height:20px}@media only screen and (min-width:768px){#menu ul{text-align:right}}#menu>ul{}@media only screen and (min-width:768px){#menu>ul{margin-right:85px;margin-right:10%}}#menu li{padding-bottom:3px}#menu li.active{border-bottom:1px solid #404041}#menu .categories{border-bottom:1px solid #404041;font-size:14px}#menu a.back{position:relative;display:block;margin-top:20px;margin-right:-webkit-calc(50% - 20px);margin-right:calc(50% - 20px);height:64px}@media only screen and (min-width:768px){#menu a.back{margin-right:10%}}#menu a.back:before{background-image:url(../images/back.png);width:41px;height:41px;position:absolute;top:0;right:0;content:"";-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:1s;transition-duration:1s}#menu a.back:hover:before{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes rotate{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#menu-line{border-bottom:1px solid #404041;height:10px;width:10px}.content{margin:65px auto 0;width:220px}@media only screen and (min-width:321px){.content{width:90%}}@media only screen and (min-width:768px){.content{float:left;width:60%}}@media only screen and (min-width:1024px){.content{}}@media only screen and (min-width:1224px){.content{}}@media only screen and (min-width:1824px){.content{max-width:660px}}#behance{position:absolute;top:147px;right:0;height:24px;width:10%;background:url(../images/be.png) no-repeat;border-bottom:1px solid #404041;opacity:.5;display:none;margin-left:50px}@media only screen and (min-width:768px){#behance{display:block}}#behance:hover{opacity:1}footer{clear:both;border-top:4px solid #231F20;text-align:right;padding-top:30px;padding-bottom:30px;padding-right:20%;font-weight:lighter}footer .fb-like{padding-right:13px;border-right:solid 1px grey;margin-right:7px}#portfolio nav ul{list-style:none}#portfolio nav li{display:inline}#portfolio nav li+li:before{content:" /  "}#portfolio nav a.inactive{font-style:italic}#portfolio>ul::after{clear:left;content:"";display:block}#portfolio>ul{list-style:none;margin:0 auto;max-width:440px}@media only screen and (min-width:768px){#portfolio>ul{max-width:660px}}#portfolio>ul li{position:relative;width:50%;padding-bottom:50%;float:left;background-color:lightgrey}@media only screen and (min-width:768px){#portfolio>ul li{width:33.33%;padding-bottom:33.33%}}#portfolio>ul li img,#portfolio>ul li .reverse{position:absolute;top:0;left:0;bottom:0;right:0}#portfolio>ul li .reverse{background-color:#E0FCFA;opacity:0;text-align:center;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}#portfolio>ul li .reverse>div{position:absolute;bottom:17%;width:100%}#portfolio>ul li h3{font-size:18px;text-transform:uppercase;font-weight:400;margin:0}#portfolio>ul li .category{font-size:13px;font-weight:lighter}#portfolio>ul li .category:after{content:"\A";white-space:pre}#portfolio>ul li .action{display:inline-block;margin-top:30px;font-size:13px;font-weight:lighter;border:1px solid #404041;padding:2px 5px}#portfolio>ul li:hover .reverse{opacity:1}#portfolio .author{clear:both;font-size:20px;font-weight:lighter;text-align:right;padding-top:55px;margin-bottom:55px}#about p{white-space:pre-line;font-size:20px;font-weight:400;padding:60px 0;border-bottom:1px solid #404041}#about p.details{font-weight:lighter;font-size:16px}#about p.details:last-child{margin-bottom:186px}#about p.test{font-family:'Open Sans'}#about img{width:100%}#contact p:first-child{margin-top:-4px}#contact p{white-space:pre-line;font-size:18px;font-weight:lighter}#contact strong{font-weight:400;font-size:26px;white-space:pre-line}#contact form{padding:50px 0 55px;font-size:16px;margin-bottom:60px}#contact form>*{display:block;width:100%;border:0}#contact form input,#contact form textarea{background-color:#FFF;border-left:6px solid #9DE88B;border-right:6px solid #9DE88B;padding:0 3px;width:-webkit-calc(100% - 18px);width:calc(100% - 18px);color:#404041}#contact form input::-webkit-input-placeholder,#contact form textarea::-webkit-input-placeholder{color:#6d6e70}#contact form input:-moz-placeholder,#contact form textarea:-moz-placeholder{color:#6d6e70}#contact form input::-moz-placeholder,#contact form textarea::-moz-placeholder{color:#6d6e70}#contact form input:-ms-input-placeholder,#contact form textarea:-ms-input-placeholder{color:#6d6e70}#contact form input{margin-bottom:14px;height:27px}#contact form button{color:#FFF;text-transform:uppercase;height:26px;background-color:#404041}#contact form .info{background:#fff;font-weight:400;font-size:16px;padding:20px 20px 1px;display:none}#contact form .info>div{width:660px;margin:0 auto}#contact p.details{font-style:normal;font-weight:lighter;font-size:16px;padding:60px 0;border-bottom:1px solid #404041;border-top:1px solid #404041;margin-bottom:90px}#form-background{background:url(../images/contact-form-bg.png) repeat;left:0;position:absolute;z-index:-1}aside{width:90%;margin:0 auto;text-align:center}aside h2{background-color:#404041;color:#fff;text-transform:uppercase;font-size:18px;font-weight:400;height:28px;padding-top:2px;margin-bottom:0}aside h2:before{display:none}@media only screen and (min-width:768px){aside h2:before{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #fff;content:"";display:block;float:left;margin-top:-2px;margin-right:5px}}aside h2:after{content:"";float:right;display:block;height:11px;width:10px;background-image:url(../images/aside-close.png);cursor:pointer;margin-top:8px;margin-right:15px}aside h3{font-weight:400;font-size:16px;border-bottom:solid 1px #404041;padding-bottom:21px;margin-top:0;margin-bottom:0}aside.off h2:before{border-top:15px solid #fff;border-bottom:15px solid #fff;border-right:15px solid transparent;margin-left:-15px}aside.off h2:after{content:none}aside.off h3{border:0;padding:0}aside.off>div{cursor:pointer}@media only screen and (min-width:768px){aside.off>div{margin-left:15px}}aside.off>div div:after{content:"..."}aside.off p{display:none}@media only screen and (min-width:768px){aside{float:right;margin-top:50px;text-align:left;width:18%}}@media only screen and (min-width:1224px){aside{}}@media only screen and (min-width:1824px){aside{width:-webkit-calc(58% - 660px);width:calc(58% - 660px)}}aside>div{padding-left:15px;background-color:#E0FCFA;color:#404041;border-bottom:solid 2px #404041;padding-top:20px;padding-left:22px;padding-bottom:15px}aside>div p{font-weight:lighter;white-space:pre-line;display:none}aside>div p b{font-weight:400}aside>div p:after{content:"";border-bottom:1px solid #404041;width:36px;display:block;margin:15px auto 0;text-align:center}@media only screen and (min-width:768px){aside>div p:after{text-align:left;margin-left:0;margin-right:0}}aside>div p:last-child:after{content:none}aside>div p:last-child{margin-bottom:0}aside>div a{font-weight:400;text-decoration:underline}#work article{text-align:center}#work article div{margin:0 0 20px;background-color:rgba(255,255,255,.8);height:26px;padding-top:4px;color:#404041;clear:left}#work article img{margin:0 0 20px;width:100%}#work article div.sep{width:100%;height:0;margin:0;padding:0}#work article img.second{margin-left:36px}#work article img.third{margin-left:26px}#work article a{position:relative;display:block;background-color:rgba(255,255,255,.9);margin-bottom:40px;height:24px;padding-top:18px;margin-top:20px}#work article a:before{background-image:url(../images/back.png);width:41px;height:41px;position:absolute;top:-20px;left:50%;margin-left:-20px;content:"";-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:1s;transition-duration:1s}#work article a:hover:before{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}@keyframes rotate{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#work-background{position:absolute;top:320px;left:0;right:0;bottom:0;background:url(../images/work-bg.png) repeat;z-index:-1}