html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;border-radius:0;vertical-align:baseline}:focus{outline:0}strong{font-weight:bold}body{background:transparent;line-height:1;position:absolute;z-index:-2}html,body{position:absolute;z-index:-2}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:0}@font-face{font-family:PierSans;font-display:swap;src:local('Pier Sans Regular'),local('PierSansRegular'),url("../font/piersans_regular-webfont.woff2") format("woff2"),url("../font/piersans_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:PierSans;font-display:swap;src:local('Pier Sans Bold'),local('PierSansBold'),url("../font/piersans_bold-webfont.woff2") format("woff2"),url("../font/piersans_bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:BauerBodini;font-display:swap;src:local('Bauer Bodini Regular'),local('BauerBodiniRegular'),url("../font/bauerbodini_regular-webfont.woff2") format("woff2"),url("../font/bauerbodini_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:BauerBodini;font-display:swap;src:local('Bauer Bodini Bold'),local('BauerBodiniBold'),url("../font/bauerbodini_bold-webfont.woff2") format("woff2"),url("../font/bauerbodini_bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}#loading{overflow:hidden;background:#ffffff;width:100%;height:100%;z-index:99999;position:fixed;animation:loadsc 1.6s  forwards  linear 1;left:100%;opacity:0;visibility:hidden}@keyframes loadsc{0%,60%{opacity:1;display:block;visibility:visible;left:0}80%,99%{left:100%;opacity:1;visibility:hidden}100%{left:100%;visibility:hidden;opacity:0}}#loading #inner{width:100%;position:absolute;height:100%;background-color:#ff0404;left:0;animation:ther 0.4s  forwards  linear 1}@keyframes ther{0%{left:-100%}100%{left:0}}#loading #inner span{top:50%;transform:translateY(-50%);width:100%;left:0;font-size:7vw;line-height:7vw;font-family:"BauerBodini",Arial,Tahoma;font-weight:normal;color:#fff;position:fixed;text-align:center}#loading h2{position:absolute;opacity:1;bottom:2vw;z-index:9999}html,body{margin:0;padding:0;height:100%;width:100%;line-height:28px;font-size:18px;font-family:"PierSans",Arial,Tahoma;font-weight:normal;color:#000;background:transparent;min-width:320px;-webkit-text-size-adjust:none}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}img{border:0}a,a:hover,a:active{outline:none}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}a{color:#000;transition:all .3s linear;text-decoration:none;border-bottom:3px solid #ff0000}a:hover{border-bottom:3px solid #000}::-webkit-input-placeholder{color:#000;opacity:1}:-moz-placeholder{color:#000;opacity:1}::-moz-placeholder{color:#000;opacity:1}:-ms-input-placeholder{color:#000;opacity:1}h1{margin:0 0 2vw 0;padding:0;font-size:7vw;line-height:7vw;font-family:"BauerBodini",Arial,Tahoma;font-weight:normal;color:#fff;text-align:right}h1 span{font-weight:bold;color:#ff0000}h2{margin:0;padding:0;font-size:25vw;line-height:25vw;font-family:"PierSans",Arial,Tahoma;font-weight:normal;color:rgba(255,255,255,0.08);text-align:;white-space:nowrap;text-align:right;margin:0 auto;letter-spacing:2px}front .left h2{position:absolute;right:0;bottom:2vw}front .right h2{position:absolute;left:0;bottom:2vw;color:rgba(0,0,0,0.03)}#cursor{display:none;position:absolute;width:1vw;opacity:0.8;height:1vw;background:#ff0000;border-radius:1000px;transition:all 20ms cubic-bezier(0.770,0.000,0.175,1.000);transition:transform 300ms cubic-bezier(0.770,0.000,0.175,1.000);pointer-events:none}front{width:170%;height:100%;display:flex;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-points-x:repeat(70%);-ms-scroll-snap-points-x:repeat(70%);scroll-snap-points-x:repeat(70%);-webkit-scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;scroll-behavior:smooth}.front{transition:width .2s;height:100%;width:50%;position:relative}.background{position:absolute;width:100%;height:500vh}.background .image{width:100%;height:100vh;float:left;background-size:cover;background-position:center;background-repeat:no-repeat}.divert .image{width:100%;height:100vh;float:left;background-size:auto 70%;background-position:right 6vw center;background-repeat:no-repeat}.background{animation:backgroundani 50s  forwards ease-in infinite}.background .first{animation:fadeonload 1s forwards 0.6s linear 1}@keyframes backgroundani{0%,19%{top:0vh}20%,39%{top:-100vh}40%,59%{top:-200vh}61%,79%{top:-300vh}80%,98%{top:-400vh}100%{top:0vh}}.divert{animation:divertani 50s  forwards ease-in infinite}@keyframes divertani{0%,19%{bottom:0vh}20%,39%{bottom:-100vh}40%,59%{bottom:-200vh}61%,79%{bottom:-300vh}80%,98%{bottom:-400vh}100%{bottom:0vh}}@keyframes fadeonload{0%{height:120vh}100%{width:100%;height:100vh}}.left h1{animation:fontwidth 1s forwards 0.6s linear 1}@keyframes fontwidth{0%{right:-12vw}100%{right:-8vw}}.firstb{animation:pics 50s ease-in-out infinite}.secondb{animation:pics 50s ease-in-out 10s infinite}.thirdb{animation:pics 50s ease-in-out 20s infinite}.fourthb{animation:pics 50s ease-in-out 30s infinite}.fifthb{animation:pics 50s ease-in-out 40s infinite}@keyframes pics{0%{opacity:0}1%{opacity:1}19%{opacity:1}20%{opacity:0}}h2{opacity:0}front .inactive:hover{width:53%}.active{transition:margin-left 1s;margin-left:-70%}.unactive{transition:margin-left 1s;margin-left:0%}front .round{position:absolute;display:block;right:-17.5vw;top:50%;border-radius:100%;transform:translateY(-50%);width:4vw;height:4vw;text-align:center;padding:1vw 0 0 1vw;background-color:#000;cursor:pointer;transition:all 1s;z-index:10}.active .round{right:13.5vw;background-color:#fff}front .round svg,content .goleft svg,content .goright svg{transition:all 1s;width:2vw;height:2vw;color:#fff;fill:currentColor;margin:0;padding:0;position:relative;float:left}.active .round  svg,.goleft  svg{transform:rotate(180deg);color:#000;fill:currentColor}front h1{top:50%;transform:translateY(-50%);position:absolute;z-index:100;transition:all 1s;z-index:1000;right:-8vw;width:100%;white-space:nowrap}.right h1{opacity:0;visibility:hidden;left:-8vw;color:#000;text-align:left}.hide{opacity:0;visibility:hidden;animation:hider 0.6s forwards  linear 1}@keyframes hider{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.unhide{opacity:1;visibility:visible;animation:unhide 0.6s forwards  linear 1}@keyframes unhide{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.right h1{visibility:hidden;opacity:0}black{color:#000}white{color:#fff}button{background-color:transparent;border:0;padding:15px;font-size:18px;line-height:18px;font-family:"PierSans",Arial,Tahoma;color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer}.right  button{visibility:hidden;opacity:0}button img{width:30px;height:30px;margin:0 7px;margin-bottom:-7px;animation:bimg 1s forwards  linear infinite}button  span{margin-top:-6px;vertical-align:middle;line-height:29px;position:relative;display:inline-block}button span:after{position:absolute;left:0;text-align:center;width:44px;color:#fff;content:"+"}.right button span:after{color:#000}@keyframes bimg{0%{transform:rotate(0);opacity:1}50%{transform:rotate(180deg);opacity:0.2}100%{transform:rotate(360deg);opacity:1}}.left button{position:absolute;right:5vw;bottom:5vw}.right button{position:absolute;left:5vw;bottom:5vw;color:#000}.bar{position:absolute;bottom:0;left:5vw;height:3px;background-color:#fff;width:calc(100% - 10vw)}.right .bar{opacity:0;background-color:#000}.bar .animation{bottom:0;left:5vw;height:3px;background-color:#ff0404;width:0;animation:progress 50s   linear  infinite}@keyframes progress{0%{opacity:1}98%{width:100%}100%{width:0}}menu{overflow:hidden;left:0;width:100%;height:100%;z-index:2000;position:fixed;margin:0;padding:0;top:0;visibility:hidden;display:}.open{visibility:visible}.menubox{position:absolute;width:50%;height:50%;background-color:#ff0000;opacity:0}.open .fadein,.active .fadein{top:0;left:0;animation:loadsmf 0.2s  forwards  linear 1}.fadein{top:0;left:0}.open .fadein2,.active .fadein2{top:0;right:0;animation:loadsms 0.2s  forwards 0.1s linear 1}.fadein2{top:0;right:0;opacity:0}.open .fadein3,.active .fadein3{bottom:0;left:0;animation:loadsmt 0.2s  forwards 0.2s linear 1}.fadein3{bottom:0;left:0}.open .fadein4,.active .fadein4{bottom:0;right:0;animation:loadsmfo 0.2s  forwards 0.3s linear 1}@keyframes loadsmf{0%{opacity:0;left:-8vw}80%{left:0}100%{opacity:1}}@keyframes loadsms{0%{top:-8vw;opacity:0}80%{top:0}100%{opacity:1}}@keyframes loadsmt{0%{bottom:-8vw;opacity:0}80%{bottom:0}100%{opacity:1}}@keyframes loadsmfo{0%{opacity:0;right:-8vw}80%{right:0}100%{opacity:1}}menu #links{opacity:0}menu .openl{animation:openll 0.15s  forwards 0.25s ease-in-out 1}@keyframes openll{0%{top:40%;opacity:0}100%{top:50%;opacity:1}}menu #links{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;opacity:0}menu #links a{display:inline-block;color:#fff;padding:1vw;clear:left;position:relative;font-size:4vw;line-height:4vw;font-family:"BauerBodini",Arial,Tahoma;font-weight:normal;color:#fff;border:0;overflow:hidden}menu #links a:before{position:absolute;margin-left:calc(-100% - 1vw);top:0;width:100%;height:100%;transition:all .2s;content:"";background:rgb(0,0,0,0.2);border:0;z-index:-1}menu #links a:hover:before{margin-left:-1vw}.dos,.tres,.quatro,.sinco{opacity:0}.uno{animation:uno 0.2s  forwards 0.2s linear 1}.dos{animation:uno 0.1s  forwards 0.4s linear 1}.tres{animation:uno 0.1s  forwards 0.6s linear 1}.quatro{animation:uno 0.1s  forwards 0.8s linear 1}.sinco{animation:uno 0.1s  forwards 1s linear 1}@keyframes uno{0%,99%{opacity:1}100%{opacity:0}}social{position:absolute;top:6vw;color:#fff;z-index:1000;font-size:14px}#hamburger.white span,#hamburger.white  span{background:#fff!important}#white{left:6vw}#black{right:6vw;opacity:0;visibility:hidden}social img{margin:0;width:30px;height:30px;transition:all 0.3s}social a,social a:hover{text-decoration:none;border:0;display:inline-block;width:50px;padding:10px;margin:0;height:50px}social  span{line-height:30px;vertical-align:middle;position:relative;width:30px;height:30px;display:inline-block}social span:after{position:absolute;left:0;top:0;text-align:center;width:30px;height:30px;color:#fff}#black span:after,#photography span:after,#design span:after{color:#000}social #facebook:after{content:"f"}social #linkedin:after{content:"in"}#linkedin img{transform:rotate(180deg)}social a:hover #linkedin img{transform:rotate(360deg)}social a:hover #facebook img{transform:rotate(180deg)}#holder{border:1px solid #000;height:200px;width:200px;position:relative;margin:10px}#mask{position:absolute;top:-1px;left:1px;width:50%;height:1px;background-color:#fff}#hamburger{width:60px;height:60px;margin:0;transform:rotate(0deg);cursor:pointer;top:calc(6vw - 10px);position:fixed;z-index:9999;transition:all 1s;right:20vw}.active #hamburger{right:calc(100% - 20vw - 60px)}.active #hamburger span,#design   #hamburger span{background:#000;right:auto;left:14px}#hamburger span{display:block;position:absolute;height:3px;width:30px;background:#fff;opacity:1;right:14px;transform:rotate(0deg);-webkit-transition:all .50s linear;-moz-transition:all .50s linear;-o-transition:all .50s linear;transition:all .50s linear}#hamburger:hover span{width:30px!important;transition:.3s linear}#hamburger span:nth-child(1){top:18px;width:20px;transform-origin:left center}#hamburger span:nth-child(2){top:28px;width:10px;transform-origin:left center}#hamburger span:nth-child(3){top:38px;transform-origin:left center}#hamburger.white span:nth-child(1){transform:rotate(45deg);top:18px;right:10px;width:30px!important}#hamburger.white span:nth-child(2){width:0%;opacity:0}#hamburger.white span:nth-child(3){transform:rotate(-45deg);top:39px;right:10px;width:30px!important}@media screen and (max-width:980px){menu #links a{padding:10px;font-size:36px;line-height:36px}menu #links a:before{margin-left:calc(-100% - 10px)}menu #links a:hover:before{margin-left:-10px}}@media screen and (max-width:980px) and (orientation:portrait){.divert .image{background-size:60% auto;background-position:center}h1{margin:0 0 2vw 0;font-size:10vw;line-height:10vw}#loading #inner span{font-size:10vw;line-height:10vw}@keyframes fontwidth{0%{right:-15vw}100%{right:-11vw}}.right h1{left:-11vw}h2{font-size:45vw;line-height:45vw;letter-spacing:2px}}@media screen and (max-width:680px){html,body{line-height:26px;font-size:16px}.active #hamburger span,#design   #hamburger span{left:18px!important}a{border-bottom:2px solid #ff0000}a:hover{border-bottom:2px solid #000}.active{transition:margin-left 0.6s;margin-left:-70%}.unactive{transition:margin-left 0.6s;margin-left:0%}#hamburger{transition:all 0.6s}front .round{transition:all 0.6s}.hide{animation:hider 0.4s forwards linear 1}.unhide{animation:unhide 0.4s forwards linear 1}}.active #hamburger span,#design   #hamburger span{background:#000;right:auto;left:14px}@media screen and (max-width:680px){.bar{height:2px}#hamburger span{width:22px;right:18px;height:2px}#hamburger:hover span{width:22px!important;transition:.3s linear}#hamburger span:nth-child(1){top:20px;width:12px}#hamburger span:nth-child(2){top:28px;width:6px}#hamburger span:nth-child(3){top:36px}#hamburger.white span:nth-child(1){top:20px;right:16px;width:22px!important}#hamburger.white span:nth-child(3){top:36px;right:16px;width:22px!important}social a,social a:hover{width:42px;padding:10px;height:42px}social span{line-height:22px;width:22px;margin-top:-8px;height:22px}social img{width:22px;height:22px}social span::after{width:22px;height:22px;font-size:12px!important}button img{width:22px;height:22px;margin:0 4px;margin-bottom:-5px}button span::after{width:30px}button span{line-height:21px!important}}@media screen and (max-width:480px){social{top:20px}.left button{right:5vw;bottom:15px}.right button{left:5vw;bottom:20px}#white{left:20px}#black{right:20px}#hamburger{top:10px;right:19vw}.active #hamburger{right:calc(100% - 19vw - 60px)}button{padding:10px;font-size:14px;line-height:14px;letter-spacing:1px}button  span{margin-top:-4px;vertical-align:middle;line-height:29px;position:relative;display:inline-block}}body{overflow:hidden}