@font-face{font-family:'voyagerlight';src:url('../fonts/VOYAGER_LIGHT-webfont.eot');src:url('../fonts/VOYAGER_LIGHT-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/VOYAGER_LIGHT-webfont.woff2') format('woff2'),url('../fonts/VOYAGER_LIGHT-webfont.woff') format('woff'),url('../fonts/VOYAGER_LIGHT-webfont.ttf') format('truetype'),url('../fonts/VOYAGER_LIGHT-webfont.svg#voyagerlight') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'voyagerbold';src:url('../fonts/VOYAGER_MEDIUM-webfont.eot');src:url('../fonts/VOYAGER_MEDIUM-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/VOYAGER_MEDIUM-webfont.woff2') format('woff2'),url('../fonts/VOYAGER_MEDIUM-webfont.woff') format('woff'),url('../fonts/VOYAGER_MEDIUM-webfont.ttf') format('truetype'),url('../fonts/VOYAGER_MEDIUM-webfont.svg#voyagermedium') format('svg');font-weight:400;font-style:normal}body{overflow-x:hidden !important;margin:0;padding:0}body p{//font-family:'voyagerlight',sans-serif !important}a{color:#000}.black a{color:#fff;font-family:'voyagerlight',sans-serif !important}.animated-bg{-webkit-animation-name:animated-bg;-webkit-animation-duration:50s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-name:animated-bg;animation-duration:50s;animation-iteration-count:infinite;animation-timing-function:linear}.psychedelic1{background:-webkit-linear-gradient(left,#0ff 0%,#97fba0 33%,#97b1fb 66%,#0ff 100%) repeat;background:-moz-linear-gradient(left,#0ff 0%,#97fba0 33%,#97b1fb 66%,#0ff 100%) repeat;background:-ms-linear-gradient(left,#0ff 0%,#97fba0 33%,#97b1fb 66%,#0ff 100%) repeat;background:linear-gradient(left,#0ff 0%,#97fba0 33%,#97b1fb 66%,#0ff 100%) repeat}.psychedelic2{background:-webkit-linear-gradient(left,#d27fc5 0%,#8eadfe 33%,#c4b090 66%,#d27fc5 100%) repeat;background:-moz-linear-gradient(left,#d27fc5 0%,#8eadfe 33%,#c4b090 66%,#d27fc5 100%) repeat;background:-ms-linear-gradient(left,#d27fc5 0%,#8eadfe 33%,#c4b090 66%,#d27fc5 100%) repeat;background:linear-gradient(left,#d27fc5 0%,#8eadfe 33%,#c4b090 66%,#d27fc5 100%) repeat}.psychedelic3{background:-webkit-linear-gradient(left,#87f0ba 0%,#bd4651 33%,#6b80bc 66%,#87f0ba 100%) repeat;background:-moz-linear-gradient(left,#87f0ba 0%,#bd4651 33%,#6b80bc 66%,#87f0ba 100%) repeat;background:-ms-linear-gradient(left,#d27fc5 0%,#8eadfe 33%,#c4b090 66%,#d27fc5 100%) repeat;background:linear-gradient(left,#d27fc5 0%,#8eadfe 33%,#c4b090 66%,#d27fc5 100%) repeat}.illustration{background-image:url("../img/bg_homepage.png");background-position:center;height:1599px}@-webkit-keyframes animated-bg{0%{background-position:0 0}00%{background-position:-8000px -3000px}}@keyframes animated-bg{0%{background-position:0 0}00%{background-position:-8000px -3000px}}.js div#preloader{position:fixed;left:0;top:0;z-index:1002;width:100%;height:100%;overflow:visible;background:#000}#top-bar{background:0 0}#top-bar.semi-transparent{background:rgba(255,255,255,.9) !important;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#top-bar .top-bar{background:0 0;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.top-bar.white .menu-caller{color:#fff}.menu-caller{color:#000}.menu-caller:hover{color:#000}section{padding:150px 0;overflow:hidden}section.works,section.black{background:#000;color:#fff}.black h1,.black h4{font-family:'voyagerlight',sans-serif !important;text-transform:uppercase;color:#fff}.black ul{list-style:none;margin-left:0}.about{padding-bottom:0}.ab-descriprion h2{font-size:45px;letter-spacing:8px}.gif-wall{position:relative;height:1000px;width:1250px;margin:50px auto;overflow-x:hidden}.gif-wall img{position:absolute}.gif-wall img:hover{position:absolute;z-index:25}.gif-wall .img1{top:0;z-index:2}.gif-wall .img2{top:500px;left:90px}.gif-wall .img3{top:0;left:800px}.gif-wall .img4{top:270px;left:30px;z-index:10}.gif-wall .img5{top:270px;left:750px}.gif-wall .img6{top:290px;left:363px}.gif-wall .img7{top:620px;left:430px}.gif-wall .img8{top:30px;left:380px}.gif-wall .img9{top:470px;left:403px;z-index:11}.gif-wall .img11{top:680px;left:680px}.gif-wall-mobile{padding:50px 0}.about-title{position:relative;left:-50%;text-transform:uppercase;letter-spacing:35px;font-size:135px;font-weight:700;color:#000;text-align:center;top:0;z-index:26;margin-top:80px}section.about h1{font-size:104px;letter-spacing:50px;text-transform:uppercase}.cd-image-container img{max-width:100%}.cd-image-container{position:relative;width:90%;max-width:768px;margin:0 auto}.cd-image-container img{display:block}.cd-image-label{position:absolute;bottom:0;right:0;color:#fff;padding:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .3s .7s,opacity .3s .7s;-moz-transition:-moz-transform .3s .7s,opacity .3s .7s;transition:transform .3s .7s,opacity .3s .7s}.cd-image-label.is-hidden{visibility:hidden}.is-visible .cd-image-label{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cd-resize-img{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-resize-img img{position:absolute;left:0;top:0;display:block;height:100%;width:auto;max-width:none}.cd-resize-img .cd-image-label{right:auto;left:0}.is-visible .cd-resize-img{width:50%;-webkit-animation:cd-bounce-in .7s;-moz-animation:cd-bounce-in .7s;animation:cd-bounce-in .7s}@-webkit-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@-moz-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}.cd-handle{position:absolute;height:44px;width:44px;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border-radius:50%;background:#000 url("../img/cd-arrows.svg") no-repeat center center;cursor:move;opacity:0;-webkit-transform:translate3d(0,0,0) scale(0);-moz-transform:translate3d(0,0,0) scale(0);-ms-transform:translate3d(0,0,0) scale(0);-o-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0)}.is-visible .cd-handle{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);-webkit-transition:-webkit-transform .3s .7s,opacity 0s .7s;-moz-transition:-moz-transform .3s .7s,opacity 0s .7s;transition:transform .3s .7s,opacity 0s .7s}.wrap-portfolio-title{position:absolute;left:50%;top:220px}.portfolio-title{position:relative;left:-50%;letter-spacing:25px;text-transform:uppercase;font-size:120px;font-weight:700;color:#000;text-align:center;top:0;z-index:20}.item-portfolio-title{letter-spacing:16px;font-size:70px}.wrap-portfolio-item{height:250px;width:100%;background:#000;margin-bottom:30px;display:table}.wrap-portfolio-item a{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;color:#fff;font-family:'voyagerlight',sans-serif !important;letter-spacing:6px;font-size:20px}.bg-1{background:#eceff1;color:#37474f}.bg-2{background:#97fba0;color:#eceff1}.bg-3{background:#37474f;color:#fff}button:hover,button:focus,.button:hover,.button:focus{background-color:transparent}.button{float:left;min-width:150px;max-width:250px;display:block;padding:1em 2em;border:none;background:0 0;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.button:focus{outline:none;color:#000}.button.white:focus{color:#fff}.button>span{vertical-align:middle}.bg-1 .button{color:#37474f;border-color:#37474f}.bg-2 .button{color:#eceff1;border-color:#eceff1}.bg-3 .button{color:#fff;border-color:#fff}.button--size-s{font-size:14px}.button--size-m{font-size:16px}.button--size-l{font-size:18px}.button-block.button--wayra{width:100%}.button-block.button{max-width:100%}.button--text-upper{letter-spacing:2px;text-transform:uppercase}.button--text-thin{font-weight:300}.button--text-medium{font-weight:500}.button--text-thick{font-weight:600}.button--round-s{border-radius:5px}.button--round-m{border-radius:15px}.button--round-l{border-radius:40px}.button--border-thin{border:1px solid}.button--border-medium{border:2px solid}.button--border-thick{border:3px solid}.button--wayra{overflow:hidden;width:245px;-webkit-transition:border-color .3s,color .3s;transition:border-color .3s,color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.button--wayra:before{content:'';position:absolute;top:0;left:0;width:150%;height:100%;background:#fff;z-index:-1;-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transition:-webkit-transform .3s,opacity .3s,background-color .3s;transition:transform .3s,opacity .3s,background-color .3s}.button--wayra:hover{color:#fff;border-color:#000}.button--wayra.button--inverted:hover{color:#3f51b5;border-color:#fff}.button--wayra:hover:before{opacity:1;background-color:#000;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.button--wayra.button--inverted:hover:before{background-color:#fff}.button--wayra.white:hover:before{background-color:#fff}.button--wayra.white:hover{color:#000;border-color:#fff}.button--wayra.white:before{background:#000}#top-bar{top:0;transition:all .3s ease-in-out;z-index:1001}#top-bar.nav-up{top:-50px;transition:all .3s ease-in-out}.works h1,.works h2,.works h3,section.black h1,section.black h2,section.black h3{color:#fff}.works h1{margin-bottom:50px;font-size:85px;text-transform:uppercase;letter-spacing:15px}@font-face{font-family:'weather';src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');font-weight:400;font-style:normal}#hamburg{margin:0 auto;padding:150px 0;background:url(../img/bg_hamburg_bw.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-family:'voyagerlight',sans-serif !important}#hamburg p,.gw-descr p,.ct-descr p,#hamburg .cl-effect-5 a,.portfolio-item-descr{color:#fff;text-align:center;max-width:420px;margin:0 auto;font-size:20px;text-transform:uppercase}.portfolio-item-descr{color:#000}#hamburg .cl-effect-5{text-align:center;margin-top:15px}.ct-descr p{color:#000;max-width:630px}.ct-descr p:first-child{margin-bottom:10px}#weather{margin:0 auto;text-align:center;text-transform:uppercase;padding:150px 0;background:url(../img/bg_vicenza_wheater.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-family:'voyagerlight',sans-serif !important}#weather i{color:#fff;font-family:weather;font-size:150px;font-weight:400;font-style:normal;line-height:1.0}.icon-0:before{content:":"}.icon-1:before{content:"p"}.icon-2:before{content:"S"}.icon-3:before{content:"Q"}.icon-4:before{content:"S"}.icon-5:before{content:"W"}.icon-6:before{content:"W"}.icon-7:before{content:"W"}.icon-8:before{content:"W"}.icon-9:before{content:"I"}.icon-10:before{content:"W"}.icon-11:before{content:"I"}.icon-12:before{content:"I"}.icon-13:before{content:"I"}.icon-14:before{content:"I"}.icon-15:before{content:"W"}.icon-16:before{content:"I"}.icon-17:before{content:"W"}.icon-18:before{content:"U"}.icon-19:before{content:"Z"}.icon-20:before{content:"Z"}.icon-21:before{content:"Z"}.icon-22:before{content:"Z"}.icon-23:before{content:"Z"}.icon-24:before{content:"E"}.icon-25:before{content:"E"}.icon-26:before{content:"3"}.icon-27:before{content:"a"}.icon-28:before{content:"A"}.icon-29:before{content:"a"}.icon-30:before{content:"A"}.icon-31:before{content:"6"}.icon-32:before{content:"1"}.icon-33:before{content:"6"}.icon-34:before{content:"1"}.icon-35:before{content:"W"}.icon-36:before{content:"1"}.icon-37:before{content:"S"}.icon-38:before{content:"S"}.icon-39:before{content:"S"}.icon-40:before{content:"M"}.icon-41:before{content:"W"}.icon-42:before{content:"I"}.icon-43:before{content:"W"}.icon-44:before{content:"a"}.icon-45:before{content:"S"}.icon-46:before{content:"U"}.icon-47:before{content:"S"}#weather h2{margin:0 0 8px;color:#fff;font-size:100px;font-weight:300;text-align:center;text-shadow:0px 1px 3px rgba(0,0,0,.15);font-family:'voyagerlight',sans-serif !important}#weather ul{margin:0;padding:0}#weather li{padding:20px;display:inline-block;border-radius:5px;color:#fff;font-family:'voyagerlight',sans-serif !important}#weather .currently{margin:0 20px}.img_grid_all{height:1060px;position:relative}.portactivate .img_grind_mask_wrap{margin:-326px 0 0 -786px}.img_grind_mask_wrap{margin:-237px 0 0 -786px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.img_grind_mask_wrap{position:absolute;top:50%;left:50%;z-index:20;margin:-326px 0 0 -786px}.img_grind_mask_body{width:1359px;height:721px;position:relative;-webkit-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg)}.img_grind_tgt{position:relative;text-align:center;line-height:316px;font-family:'Brandon Grotesque W01';letter-spacing:12px;font-size:20px;font-weight:600;text-decoration:none;color:rgba(0,0,0,1);background:rgba(255,255,255,1);position:absolute;height:331px;width:648px;display:block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:skewX(30deg);-ms-transform:skewX(30deg);-o-transform:skewX(30deg);transform:skewX(30deg);border:1px solid #000}.img_grind_tgt1{top:0;left:1px}.img_grind_tgt2{top:0;right:0}.img_grind_tgt3{bottom:-1px;left:227px}.img_grind_tgt4{bottom:-1px;right:-237px}.img_grind_tgt{position:relative;text-align:center;line-height:316px;font-family:'voyagerlight',sans-serif;letter-spacing:12px;font-size:20px;font-weight:500;text-decoration:none;color:rgba(255,255,255,1);background:rgba(0,0,0,1);position:absolute;height:331px;width:648px;display:block;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;-webkit-transform:skewX(30deg);-ms-transform:skewX(30deg);-o-transform:skewX(30deg);transform:skewX(30deg)}.img_grind_tgt span{padding:15px;background:rgba(0,0,0,0);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transition-delay:.3s;-o-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}.img_grind_tgt:hover span{background:rgba(0,0,0,.9)}.img_grind_tgt:hover{background:rgba(0,0,0,0);color:#fff}.img_grind_tgt1{background:#000 url(../img/portfolio/bg_andreabax.jpg) no-repeat;background-position:700px 700px}.img_grind_tgt1:hover{background:#fff url(../img/portfolio/bg_andreabax.jpg) no-repeat;background-position:0 0}.img_grind_tgt2{background:#000 url(../img/portfolio/bg_capodopera.jpg) no-repeat;background-position:700px 700px}.img_grind_tgt2:hover{background:#fff url(../img/portfolio/bg_capodopera.jpg) no-repeat;background-position:0 0}.img_grind_tgt3{background:#000 url(../img/portfolio/bg_fpl.jpg) no-repeat;background-position:700px 700px}.img_grind_tgt3:hover{background:#fff url(../img/portfolio/bg_fpl.jpg) no-repeat;background-position:0 0}.img_grind_tgt4{background:#000 url(../img/portfolio/bg_atena.jpg) no-repeat;background-position:700px 700px}.img_grind_tgt4:hover{background:#fff url(../img/portfolio/bg_atena.jpg) no-repeat;background-position:0 0}.portfolio--wayra{overflow:hidden;-webkit-transition:border-color .3s,color .3s;transition:border-color .3s,color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.portfolio--wayra:before{content:'';position:absolute;top:0;left:0;width:150%;height:100%;background:#fff;z-index:-1;opacity:1;background-color:#000;-webkit-transform:rotate3d(0,0,2,0deg);transform:rotate3d(0,0,2,0deg);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transition:-webkit-transform .3s ease-in-out,opacity .6s ease-in-out,background-color .3s ease-in-out;transition:transform .3s ease-in-out,opacity .6s ease-in-out,background-color .3s ease-in-out}.portfolio--wayra:hover:before{-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:0}.menu-nav--wayra{overflow:hidden;-webkit-transition:border-color .3s,color .3s;transition:border-color .3s,color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.menu-nav--wayra:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;opacity:1;background-color:#fff;-webkit-transform:rotate3d(0,0,2,0deg);transform:rotate3d(0,0,2,0deg);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transition:-webkit-transform .3s ease-in-out,opacity .6s ease-in-out,background-color .3s ease-in-out;transition:transform .3s ease-in-out,opacity .6s ease-in-out,background-color .3s ease-in-out}.menu-nav--wayra:hover:before{-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:0}.bg-iframe{border:0 !important;width:100%;height:550px;overflow:hidden}#stats{display:none !important}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.loadMask_normal{display:none}.loadbox{width:60px;height:60px;position:relative;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.loadbox div{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:60px;height:60px;line-height:60px;position:absolute;-webkit-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);color:#fff;font-family:'L Futura W01';font-weight:300;font-size:16px;border:1px solid rgba(0,0,0,.9)}.loadbox{-webkit-animation-name:turnLeft;-o-animation-name:turnLeft;animation-name:turnLeft;-webkit-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform:rotateY(-360deg);-ms-transform:rotateY(-360deg);-o-transform:rotateY(-360deg);transform:rotateY(-360deg)}@-webkit-keyframes turnLeft{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}}@-ms-keyframes turnLeft{0%{-o-transform:rotateY(0);transform:rotateY(0)}100%{-o-transform:rotateY(-360deg);transform:rotateY(-360deg)}}@-o-keyframes turnLeft{0%{-o-transform:rotateY(0);transform:rotateY(0)}100%{-o-transform:rotateY(-360deg);transform:rotateY(-360deg)}}@keyframes turnLeft{0%{-webkit-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-360deg);-o-transform:rotateY(-360deg);transform:rotateY(-360deg)}}.loadbox:hover{-webkit-animation-duration:10s}.loadbox:hover .side_front{-webkit-transform:translateZ(0px) translateX(-90px);-ms-transform:translateZ(0px) translateX(-90px);-o-transform:translateZ(0px) translateX(-90px);transform:translateZ(0px) translateX(-90px);left:0}.loadbox:hover .side_right{-webkit-transform:rotateY(0deg) translateZ(0px) translateX(-30px);-ms-transform:rotateY(0deg) translateZ(0px) translateX(-30px);-o-transform:rotateY(0deg) translateZ(0px) translateX(-30px);transform:rotateY(0deg) translateZ(0px) translateX(-30px);left:0}.loadbox:hover .side_left{-webkit-transform:rotateX(0deg) translateZ(0px) translateX(30px);-ms-transform:rotateX(0deg) translateZ(0px) translateX(30px);-o-transform:rotateX(0deg) translateZ(0px) translateX(30px);transform:rotateX(0deg) translateZ(0px) translateX(30px);left:0}.loadbox:hover .side_back{-webkit-transform:rotateY(0deg) translateZ(0px) translateX(90px);-ms-transform:rotateY(0deg) translateZ(0px) translateX(90px);-o-transform:rotateY(0deg) translateZ(0px) translateX(90px);transform:rotateY(0deg) translateZ(0px) translateX(90px);left:0}.loadbox:hover .side_top{opacity:0}.loadbox:hover .side_bottom{opacity:0}#loadMask{position:fixed;z-index:3000;height:100%;width:100%;top:0}.loadMask_wrap{opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;width:60px;height:60px;top:50%;left:50%;margin:-30px 0 0 -30px;z-index:2}.loadMask{margin:0 auto;width:60px;text-align:center;-webkit-perspective:400;-ms-perspective:400;-o-perspective:400;-moz-perspective:400px;perspective:400}.other .loadbox{display:block}.loadbox{-webkit-animation-name:turnLeft;-o-animation-name:turnLeft;animation-name:turnLeft;-webkit-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform:rotateY(-360deg);-ms-transform:rotateY(-360deg);-o-transform:rotateY(-360deg);transform:rotateY(-360deg)}.loadbox{width:60px;height:60px;position:relative;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.loadbox .side_front{background:rgba(255,255,255,.9);-webkit-transform:translateZ(30px);-ms-transform:translateZ(30px);-o-transform:translateZ(30px);transform:translateZ(30px);z-index:2}.loadbox .side_right{left:30px;background:rgba(255,255,255,.9);-webkit-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);z-index:2}.loadbox .side_left{background:rgba(255,255,255,.8);-webkit-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform:translateZ(-30px);-ms-transform:translateZ(-30px);-o-transform:translateZ(-30px);transform:translateZ(-30px);z-index:2}.loadbox .side_top{top:-30px;background:rgba(255,255,255,.9);z-index:1}.loadbox .side_back{left:-30px;background:rgba(255,255,255,.7);-webkit-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);z-index:2}.loadbox div{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:60px;height:60px;line-height:60px;position:absolute;-webkit-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);color:#000;font-family:'voyagerlight',sans-serif !important;font-weight:300;font-size:16px;border:1px solid rgba(255,255,255,.9)}.button_nav{float:right;margin:15px 50px 0 0;width:20px;height:20px;position:relative}.button_nav a{display:block;width:inherit;height:inherit;font-size:11px;background:url();background-repeat:no-repeat;background-position:center;background-size:20px}.button_nav a span{display:block!important;position:absolute;left:0;width:20px;height:3px;background-color:#000;webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.button_nav a span{position:absolute;top:32px;right:70px;color:#000;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.button_nav a span.line_1{top:0}.button_nav a span.line_2{top:6px}.button_nav a span.line_3{top:12px}.button_nav.close a{background:none!important}.button_nav.close a span{background-color:#fff}.button_nav.close a span.line_1{top:6px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.button_nav.close a span.line_2{top:6px;opacity:0}.button_nav.close a span.line_3{top:6px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.wrap-logo{position:relative}.wrap-logo .logo{position:absolute;left:0;top:0;opacity:1;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;max-width:100%}.wrap-logo .logo.hidden{opacity:0;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.row-1,.row-2{margin-top:50px}.facelift-page h3,.about-page h3,.homepage h3,.portfolio-page h3,.portfolio-item-page h3{font-size:45px;letter-spacing:8px;text-transform:uppercase;margin-bottom:50px}.portfolio-item-page h3{font-size:35px;letter-spacing:6px;text-transform:uppercase;margin:50px 0}.portfolio-item-page .black h3{margin-top:0}.portfolio-page h3{font-size:25px;letter-spacing:4px;text-transform:uppercase;margin-bottom:30px}.work-nav .columns{padding-left:0;padding-right:0;overflow:hidden}.work-nav .previus,.work-nav .next{border:3px solid #000}.work-nav .previus{border-right:1px solid #000}.work-nav .next{border-left:1px solid #000}.work-nav a{display:block;height:80px;padding-top:27px;color:#000;background:rgba(255,255,255,1);-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3 s ease-in-out}.work-nav a:hover{color:#fff;background:rgba(255,255,255,0)}.homepage h3{font-size:35px;letter-spacing:6px}.hire{padding:50px 0 30px}.hire p{margin-top:12px}.hire a.button{font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif !important;float:none;display:inline-block;margin:0 0 0 20px}.button-center{float:none;display:inline-block;margin:0 auto}#map{height:550px;width:100%;margin-top:45px}.gmnoprint,.gm-style-cc{display:none !important}.ct-action{margin-top:50px}.tilt{overflow:hidden;position:relative;width:100%;height:100%;margin:0 auto}.tilt__back,.tilt__front{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tilt__back{position:relative}.tilt__front{position:absolute;top:0;left:0}.wrap-pantone{border:3px solid #fff}.pantone{border:3px solid #000;width:100%;height:150px}.pantone.white{background:#fff}.pantone.black{background:#000}.andreabax .pantone.magenta{background:#ef004e}.capodopera .pantone.light-grey{background:#f5f5f5}.capodopera .pantone.dark-grey{background:#999}.andreabax .pantone.grey{background:gray}.fplarreda .pantone.light-grey{background:#f1f1f1}.fplarreda .pantone.light-blue{background:#46d4fe}.atenanet .pantone.light-grey{background:#f0f0f0}.atenanet .pantone.red{background:#951016}.atenanet .pantone.dark-grey{background:#4a4a4c}.pantone-descr{padding:10px 0;background:#fff;color:#000;padding-left:6px}.pantone-descr p{margin-bottom:0}.fake-browser-ui{padding:20px 0 0;border-radius:3px;border:2px solid #000;background:#000;display:block;position:relative;line-height:0}.fake-browser-ui .frame{display:block;height:15px;position:absolute;top:6px;left:1px}.fake-browser-ui span{height:6px;width:6px;border-radius:6px;background-color:#fff;float:left;margin:0 0 0 4px}//.grid{//position:relative;//display:-webkit-flex;//display:-ms-flexbox;//display:flex;//-webkit-flex-wrap:wrap;//-ms-flex-wrap:wrap;//flex-wrap:wrap;//-webkit-justify-content:center;//-ms-justify-content:center;//justify-content:center;//list-style:none;//padding:0;//margin:0 auto;//max-width:1020px;//}.grid__item{margin:0;width:100%}.grid__img img{max-width:100%;display:block}.grid--examples{max-width:100%}.grid--examples .grid__img{position:relative;height:0;padding-bottom:590px;overflow:hidden}.grid--examples .tilt{position:absolute;top:0}.grid__img--example-2:after{content:'';position:absolute;box-shadow:inset 0 0 50px 30px rgba(2,0,37,.8);pointer-events:none;width:100%;height:100%;top:0;left:0}.grid__img--example-3 .tilt{-webkit-filter:grayscale(100%) brightness(105%) contrast(120%);filter:grayscale(100%) brightness(105%) contrast(120%);-webkit-transition:filter .5s,-webkit-filter .5s;transition:filter .5s,-webkit-filter .5s}.grid__img--example-3 .tilt:hover{-webkit-filter:none;filter:none}.grid__img--example-4 .tilt{width:120%;height:120%;top:-10%;left:-10%}.def-list{max-width:900px;background:#f0f0f0;border-radius:10px;margin:1em auto;padding:3%}.def-list dt{font-family:'Avenir','Helvetica',Arial,sans-serif}.def-list dt:not(:first-child){margin-top:2em}.def-list dd{margin:0;font-size:.95em;line-height:1.4}.media-item{display:inline-block;padding:1em;vertical-align:top;-webkit-transition:color .3s;transition:color .3s}.media-item__img{max-width:100%;opacity:.7;-webkit-transition:opacity .3s;transition:opacity .3s}.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1}.media-item__title{margin:0;padding:.5em;font-size:1em}@media screen and (min-aspect-ratio:1440/960){.hero__imgwrap .tilt__back,.hero__imgwrap .tilt__front,.codrops-header{background-size:100vw auto}.hero__img{width:100vw;height:auto}}@media screen and (max-width:40em){.hero{left:20px;bottom:20px;right:20px;top:20px}.github-link{top:40px;right:40px}.codrops-links{top:35px;left:30px}.mobile-note{display:block}}