@font-face{font-family:'UniversLTStd-Bold';src:url("../src/fonts/UniversLTStd-Bold.eot");src:url("../src/fonts/UniversLTStd-Bold.eot?#iefix") format("embedded-opentype"),url("../src/fonts/UniversLTStd-Bold.woff") format("woff"),url("../src/fonts/UniversLTStd-Bold.ttf") format("truetype"),url("../src/fonts/UniversLTStd-Bold.svg#UniversLTStd-Bold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'UniversLTStd-Black';src:url("../src/fonts/UniversLTStd-Black.eot");src:url("../src/fonts/UniversLTStd-Black.eot?#iefix") format("embedded-opentype"),url("../src/fonts/UniversLTStd-Black.woff") format("woff"),url("../src/fonts/UniversLTStd-Black.ttf") format("truetype"),url("../src/fonts/UniversLTStd-Black.svg#UniversLTStd-Black") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'UniversLTStd';src:url("../src/fonts/UniversLTStd.eot");src:url("../src/fonts/UniversLTStd.eot?#iefix") format("embedded-opentype"),url("../src/fonts/UniversLTStd.woff") format("woff"),url("../src/fonts/UniversLTStd.ttf") format("truetype"),url("../src/fonts/UniversLTStd.svg#UniversLTStd") format("svg");font-weight:normal;font-style:normal}@-webkit-keyframes clipPathToLeft{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}}@keyframes clipPathToLeft{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}}@-webkit-keyframes clipPathBackLeft{0%{-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@keyframes clipPathBackLeft{0%{-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@-webkit-keyframes clipPathToRight{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}}@keyframes clipPathToRight{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}}@-webkit-keyframes clipPathBackRight{0%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@keyframes clipPathBackRight{0%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@-webkit-keyframes clipPathToTop{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}}@keyframes clipPathToTop{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}}@-webkit-keyframes clipPathBackTop{0%{-webkit-clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@keyframes clipPathBackTop{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@-webkit-keyframes clipPathBackBottom{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@keyframes clipPathBackBottom{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@-webkit-keyframes workTopAnimation{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@keyframes workTopAnimation{0%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@-webkit-keyframes workBottomAnimation{0%{-webkit-clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}@keyframes workBottomAnimation{0%{-webkit-clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}100%{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}q:before,q:after{content:'';content:none}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;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}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],input[disabled]{cursor:default}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}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}.transition-transition,.subroute-transition-transition{opacity:1}.transition-enter,.subroute-transition-enter{opacity:0}.transition-leave,.subroute-transition-leave{position:absolute}body,html{font-family:"UniversLTStd",sans-serif;margin:0px;padding:0px;position:fixed;width:100vw;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:black}body{overflow:hidden}p{margin:0}strong{font-weight:normal;font-family:'UniversLTStd-Bold'}a{outline:0 !important;text-decoration:none}a:hover,a :active,a :visited,a :link{outline:0 !important;text-decoration:none}.little-line{position:relative;width:32px;height:2px}.number-font{font-family:"UniversLTStd-Black",sans-serif !important;letter-spacing:1px}.seo{display:none}.mask-line{position:fixed;z-index:9999;width:200px;bottom:0px;top:0px;transform:translateY(calc(100% - 11px));will-change:transform;left:0px;overflow:hidden}.mask-line .mask-line-container{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%)}.mask-line .mask-line-container .centered{position:absolute;top:50%;left:50%;will-change:transform;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.mask-line .mask-line-container .centered svg{width:100px;height:100px}.mask-line .mask-line-container .centered .mask-logo-bg{fill:rgba(255,255,255,0.3);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);will-change:transform}.mask-line .mask-line-container .centered .loader-mask-logo{position:relative;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);will-change:transform;font-size:0;overflow:hidden}.mask-line .mask-line-container .centered .loader-mask-logo svg{fill:white;position:relative;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);will-change:transform}.vasarely ::-moz-selection{color:#130074}.vasarely ::selection{color:#130074}.lotto ::-moz-selection{color:#e21833}.lotto ::selection{color:#e21833}.chaos ::-moz-selection{color:#00f9ba}.chaos ::selection{color:#00f9ba}.stoooorm ::-moz-selection{color:#6a2fa1}.stoooorm ::selection{color:#6a2fa1}.scenthunter ::-moz-selection{color:#87001b}.scenthunter ::selection{color:#87001b}.h2o ::-moz-selection{color:#B08574}.h2o ::selection{color:#B08574}.klein ::-moz-selection{color:#e20025}.klein ::selection{color:#e20025}.intorno ::-moz-selection{color:#0000FF}.intorno ::selection{color:#0000FF}.coke-zero ::-moz-selection{color:#d30004}.coke-zero ::selection{color:#d30004}.originals-x-farm ::-moz-selection{color:#0562dc}.originals-x-farm ::selection{color:#0562dc}.originals-x-farm ::-moz-selection{color:#0562dc}.originals-x-farm ::selection{color:#0562dc}.climaheat ::-moz-selection{color:#F37200}.climaheat ::selection{color:#F37200}.climaheat ::-moz-selection{color:#F37200}.climaheat ::selection{color:#F37200}.mnwhl ::-moz-selection{color:#453880}.mnwhl ::selection{color:#453880}.coke-ahh ::-moz-selection{color:#d30004}.coke-ahh ::selection{color:#d30004}.originals-x-monster ::-moz-selection{color:#0562dc}.originals-x-monster ::selection{color:#0562dc}.oneill ::-moz-selection{color:#48B4B6}.oneill ::selection{color:#48B4B6}.boss ::-moz-selection{color:#022FA6}.boss ::selection{color:#022FA6}.about-info ::-moz-selection{color:white}.about-info ::selection{color:white}.loader{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:15;font-size:0;will-change:transform}.loader .loading-bar{position:absolute;top:0px;left:0px;height:10px;width:100%;transform:translate(-100%, -100%);-webkit-transform:translate(-100%, -100%);-moz-transform:translate(-100%, -100%);-ms-transform:translate(-100%, -100%);background:white;z-index:99999999;will-change:transform}@media screen and (max-width: 768px){.loader .loading-bar{height:5px}}.loader .left-side,.loader .right-side{position:relative;width:50%;height:100%;display:inline-block;box-sizing:border-box;will-change:transform}.loader .left-side .init,.loader .left-side .end,.loader .right-side .init,.loader .right-side .end{position:absolute;top:0;left:0;width:100%;height:100%}.loader .right-side{will-change:transform}.loader .right-side .init{background:#f3d331}.loader .right-side .end{background:#f3d331;transform:translate(0%, -100%);-webkit-transform:translate(0%, -100%);-moz-transform:translate(0%, -100%);-ms-transform:translate(0%, -100%)}.loader .left-side{will-change:transform}.loader .left-side .init{background:#345cb6}.loader .left-side .end{will-change:transform;background:#345cb6;transform:translate(0%, 100%);-webkit-transform:translate(0%, 100%);-moz-transform:translate(0%, 100%);-ms-transform:translate(0%, 100%)}.loader .loader-logo{position:absolute;width:100%;height:100%;top:0px;left:0px;font-size:0}.loader .loader-logo .logo-left,.loader .loader-logo .logo-right{position:relative;width:50%;height:100%;display:inline-block;box-sizing:border-box;will-change:transform}.loader .loader-logo .logo-left .svgs,.loader .loader-logo .logo-right .svgs{height:100%;will-change:transform}.loader .loader-logo .logo-left .svgs .x,.loader .loader-logo .logo-right .svgs .x{z-index:3}.loader .loader-logo .logo-left .svgs .c,.loader .loader-logo .logo-right .svgs .c{z-index:2}.loader .loader-logo .logo-left .svgs .g,.loader .loader-logo .logo-right .svgs .g{z-index:1}.loader .loader-logo .logo-left{z-index:2}.loader .loader-logo .logo-left .svgs svg{right:0px;transform:translate(50%, -50%);-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);will-change:transform}.loader .loader-logo .logo-left .svgs .letters path{fill:#f3d331}.loader .loader-logo .logo-right .svgs svg{left:0px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);will-change:transform}.loader .loader-logo .logo-right .svgs .letters path{fill:#345cb6}.loader .loader-logo svg{position:absolute;top:50%}.loader .loader-logo svg .black{fill:#345cb6}.loader .loader-logo svg .red{fill:#f3d331}.loader .loader-logo svg .none{fill:none}.loader .loader-logo .c{width:400px}@media screen and (max-width: 768px){.loader .loader-logo .c{width:260px}}.loader .loader-logo .x{width:70px}@media screen and (max-width: 768px){.loader .loader-logo .x{width:45px}}.loader .loader-logo .g{width:345px}@media screen and (max-width: 768px){.loader .loader-logo .g{width:224px}}.loader .loader-logo .letters{width:410px}@media screen and (max-width: 768px){.loader .loader-logo .letters{width:270px}}.loader .hidden-logo{overflow:hidden}header{position:relative;width:100%}header .logo{will-change:transform}header .logo,header .logo-mask{position:fixed;z-index:10;overflow:hidden;display:inline-block;top:30px;left:30px;width:64px;height:64px}@media screen and (max-width: 768px){header .logo,header .logo-mask{width:50px;height:50px;top:15px;left:20px}}header .logo svg,header .logo-mask svg{position:absolute;top:0px;width:64px;height:64px;will-change:transform}@media screen and (max-width: 768px){header .logo svg,header .logo-mask svg{width:50px;height:50px}}header .logo svg path,header .logo-mask svg path{fill:white}header .logo-mask{z-index:9;display:none}header .logo-mask svg{position:fixed;top:30px;left:30px}@media screen and (max-width: 768px){header .logo-mask svg{top:15px;left:20px}}header .menu,header .menu-mask{position:fixed;z-index:10;overflow:hidden;display:inline-block;top:40px;right:30px;height:25px;will-change:transform}@media screen and (max-width: 768px){header .menu,header .menu-mask{top:30px;right:20px}}header .menu .navigation ul,header .menu-mask .navigation ul{padding:0px;margin:0px;list-style:none;white-space:nowrap}header .menu .navigation ul li,header .menu-mask .navigation ul li{display:inline;padding:0px;margin:0px 30px 0px 0px}@media screen and (max-width: 768px){header .menu .navigation ul li,header .menu-mask .navigation ul li{margin:0px 20px 0px 0px}}header .menu .navigation ul li a,header .menu-mask .navigation ul li a{cursor:pointer;position:relative;color:white;font-family:"UniversLTStd",sans-serif;font-size:18px;font-weight:400}@media screen and (max-width: 768px){header .menu .navigation ul li a,header .menu-mask .navigation ul li a{font-size:15px}}header .menu .navigation ul li a svg,header .menu-mask .navigation ul li a svg{width:18px;height:18px}header .menu .navigation ul li a svg path,header .menu-mask .navigation ul li a svg path{fill:white}header .menu .navigation ul li a:hover,header .menu .navigation ul li a :focus,header .menu .navigation ul li a :active,header .menu-mask .navigation ul li a:hover,header .menu-mask .navigation ul li a :focus,header .menu-mask .navigation ul li a :active{color:white}header .menu .navigation ul li .link,header .menu-mask .navigation ul li .link{overflow:hidden;display:inline-block}header .menu .navigation ul li .link span,header .menu-mask .navigation ul li .link span{display:block;position:absolute;left:-2px;top:40%;transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);-moz-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);width:calc(100% + 2px);height:2px;background:white;will-change:transform;-webkit-transition:all ease .25s;-moz-transition:all ease .25s;-ms-transition:all ease .25s;-o-transition:all ease .25s;transition:all ease .25s}header .menu .navigation ul li .link:hover span,header .menu-mask .navigation ul li .link:hover span{transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}header .menu .navigation ul li .active span,header .menu-mask .navigation ul li .active span{transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}header .menu .navigation ul li:last-child,header .menu-mask .navigation ul li:last-child{margin:0px}header .menu .navigation ul .smiley,header .menu-mask .navigation ul .smiley{cursor:pointer;position:relative;left:3px;top:3px;margin-right:23px}@media screen and (max-width: 768px){header .menu .navigation ul .smiley,header .menu-mask .navigation ul .smiley{margin-right:20px}}header .menu-mask{display:none;z-index:9}header .menu-mask .navigation ul li a{color:#e9103a}header .menu-mask .navigation ul li .link span{background:#e9103a}header .menu-mask .navigation .smiley svg path{fill:#e9103a}footer{position:fixed;z-index:11;width:100%;padding:0px 20px;bottom:20px;box-sizing:border-box;font-size:0;overflow:hidden;will-change:transform}@media screen and (max-width: 600px){footer{padding:0px 15px;bottom:15px}footer .label-hello{display:none}}footer .left,footer .right{font-size:0;display:inline-block;width:50%;will-change:transform}footer .left p,footer .right p{will-change:transform;color:white;font-family:"UniversLTStd",sans-serif;font-size:12px;font-weight:400}footer .left a,footer .right a{will-change:transform;font-size:12px;color:white}footer .left a:hover,footer .left a :focus,footer .left a :active,footer .left a :link,footer .right a:hover,footer .right a :focus,footer .right a :active,footer .right a :link{color:white}footer .left div{display:inline-block}footer .left .twitter-logo svg{width:14px;height:12px}footer .left .twitter-logo svg path{fill:white}footer .left .divider{position:relative;width:1px;height:10px;background:white;margin:0px 10px}footer .left .email-logo svg{width:18px;height:12px;margin-right:7px}footer .left .email-logo svg path{fill:white}footer .right{text-align:right}.about{font-size:0;position:fixed;top:0px;left:0px;z-index:10;opacity:0}.about .about-header-logo{transform:translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%)}.about .about-header-logo .about-header-logo-mask{transform:translate(100%, 0%);-webkit-transform:translate(100%, 0%);-moz-transform:translate(100%, 0%);-ms-transform:translate(100%, 0%)}.about .about-header-menu{right:0;transform:translate(100%, 0%);-webkit-transform:translate(100%, 0%);-moz-transform:translate(100%, 0%);-ms-transform:translate(100%, 0%)}.about .about-header-menu .about-header-menu-mask{transform:translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%)}.about .about-header-logo,.about .about-header-menu{position:fixed;height:100%;width:50%;overflow:hidden;will-change:transform;z-index:2;pointer-events:none}@media screen and (max-width: 1023px){.about .about-header-logo,.about .about-header-menu{width:100%;transform:translate(100%, 0%);-webkit-transform:translate(100%, 0%);-moz-transform:translate(100%, 0%);-ms-transform:translate(100%, 0%)}}.about .about-header-logo .about-header-logo-mask,.about .about-header-logo .about-header-menu-mask,.about .about-header-menu .about-header-logo-mask,.about .about-header-menu .about-header-menu-mask{position:absolute;height:100%;width:100%;will-change:transform}@media screen and (max-width: 1023px){.about .about-header-logo .about-header-logo-mask,.about .about-header-logo .about-header-menu-mask,.about .about-header-menu .about-header-logo-mask,.about .about-header-menu .about-header-menu-mask{transform:translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%)}}.about .about-header-logo .about-header-logo-mask .logo,.about .about-header-logo .about-header-menu-mask .logo,.about .about-header-menu .about-header-logo-mask .logo,.about .about-header-menu .about-header-menu-mask .logo{cursor:pointer;pointer-events:auto;position:absolute;z-index:10;overflow:hidden;display:inline-block;top:30px;left:30px;width:64px;height:64px}@media screen and (max-width: 768px){.about .about-header-logo .about-header-logo-mask .logo,.about .about-header-logo .about-header-menu-mask .logo,.about .about-header-menu .about-header-logo-mask .logo,.about .about-header-menu .about-header-menu-mask .logo{width:50px;height:50px;top:15px;left:20px}}.about .about-header-logo .about-header-logo-mask .logo svg,.about .about-header-logo .about-header-menu-mask .logo svg,.about .about-header-menu .about-header-logo-mask .logo svg,.about .about-header-menu .about-header-menu-mask .logo svg{position:absolute;top:0px;width:64px;height:64px;will-change:transform}@media screen and (max-width: 768px){.about .about-header-logo .about-header-logo-mask .logo svg,.about .about-header-logo .about-header-menu-mask .logo svg,.about .about-header-menu .about-header-logo-mask .logo svg,.about .about-header-menu .about-header-menu-mask .logo svg{width:50px;height:50px}}.about .about-header-logo .about-header-logo-mask .logo svg path,.about .about-header-logo .about-header-menu-mask .logo svg path,.about .about-header-menu .about-header-logo-mask .logo svg path,.about .about-header-menu .about-header-menu-mask .logo svg path{fill:white}.about .about-header-logo .about-header-logo-mask .menu,.about .about-header-logo .about-header-menu-mask .menu,.about .about-header-menu .about-header-logo-mask .menu,.about .about-header-menu .about-header-menu-mask .menu{pointer-events:auto;position:fixed;z-index:10;overflow:hidden;display:inline-block;top:40px;right:30px;height:25px;will-change:transform}@media screen and (max-width: 768px){.about .about-header-logo .about-header-logo-mask .menu,.about .about-header-logo .about-header-menu-mask .menu,.about .about-header-menu .about-header-logo-mask .menu,.about .about-header-menu .about-header-menu-mask .menu{top:30px;right:20px}}.about .about-header-logo .about-header-logo-mask .menu .navigation ul,.about .about-header-logo .about-header-menu-mask .menu .navigation ul,.about .about-header-menu .about-header-logo-mask .menu .navigation ul,.about .about-header-menu .about-header-menu-mask .menu .navigation ul{padding:0px;margin:0px;list-style:none;white-space:nowrap}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li{display:inline;padding:0px;margin:0px 30px 0px 0px}@media screen and (max-width: 768px){.about .about-header-logo .about-header-logo-mask .menu .navigation ul li,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li{margin:0px 20px 0px 0px}}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a{cursor:pointer;position:relative;color:#e9103a;font-family:"UniversLTStd",sans-serif;font-size:18px;font-weight:400}@media screen and (max-width: 768px){.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a{font-size:15px}}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a svg,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a svg,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a svg,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a svg{width:18px;height:18px}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a svg path,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a svg path,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a svg path,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a svg path{fill:#e9103a}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a:hover,.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a :focus,.about .about-header-logo .about-header-logo-mask .menu .navigation ul li a :active,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a:hover,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a :focus,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li a :active,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a:hover,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a :focus,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li a :active,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a:hover,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a :focus,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li a :active{color:#e9103a}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li .link,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li .link,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li .link,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li .link{overflow:hidden;display:inline-block}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li .link span,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li .link span,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li .link span,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li .link span{display:block;position:absolute;left:0px;top:40%;transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);-moz-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);width:100%;height:2px;background:#e9103a;will-change:transform;-webkit-transition:all ease .25s;-moz-transition:all ease .25s;-ms-transition:all ease .25s;-o-transition:all ease .25s;transition:all ease .25s}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li .link:hover span,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li .link:hover span,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li .link:hover span,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li .link:hover span{transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li .active span,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li .active span,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li .active span,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li .active span{transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}.about .about-header-logo .about-header-logo-mask .menu .navigation ul li:last-child,.about .about-header-logo .about-header-menu-mask .menu .navigation ul li:last-child,.about .about-header-menu .about-header-logo-mask .menu .navigation ul li:last-child,.about .about-header-menu .about-header-menu-mask .menu .navigation ul li:last-child{margin:0px}.about .about-pics,.about .about-info{position:relative;display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;font-size:20px;will-change:transform}.about .anim{will-change:transform}.about .about-pics{background:#e9103a;height:100vh;will-change:transform}@media (max-width: 1023px){.about .about-pics{display:none}}.about .about-info{opacity:0;will-change:transform}@media (max-width: 1023px){.about .about-info{width:100%}}.about .aux-about-info{position:fixed;z-index:-1;right:0px;top:0px;width:50%;height:100vh;background-color:#080808;will-change:transform}@media (max-width: 1023px){.about .aux-about-info{width:100%}}@media (min-width: 2520px){.about .aux-about-info{width:55%}}.about .close-scroll-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);will-change:transform}@media (max-width: 1023px){.about .close-scroll-indicator{top:auto;left:auto;bottom:-10px;right:-10px}}.about .close-scroll-indicator svg{cursor:pointer;width:46px}.about .close-scroll-indicator svg .scroll{stroke:white;fill:none;stroke-width:2;stroke-dasharray:0, 145;will-change:stroke-dasharray;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%}.about .close-scroll-indicator svg .bg{fill:black;transition:all 0.25s;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s}.about .close-scroll-indicator svg .cross{fill:white;transition:all 0.25s;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s}.about .close-scroll-indicator svg:hover .bg{fill:white}.about .close-scroll-indicator svg:hover .cross{fill:black}.pics-container{height:100vh;perspective:600px;overflow:hidden;will-change:transform}.pics-container .pics-x-mask{position:absolute;top:50%;left:50%;perspective:600px;transform:translate(-150%, -50%);-webkit-transform:translate(-150%, -50%);-moz-transform:translate(-150%, -50%);-ms-transform:translate(-150%, -50%);overflow:hidden}.pics-container .pics{position:relative;top:0%;left:0%;transform:translateX(100%) translateZ(0) rotateX(0deg);-webkit-transform:translateX(100%) translateZ(0) rotateX(0deg);-moz-transform:translateX(100%) translateZ(0) rotateX(0deg);-ms-transform:translateX(100%) translateZ(0) rotateX(0deg);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;will-change:transform;width:560px;height:560px;box-sizing:border-box;background:url("../src/img/about/bg.jpg");background-size:calc(100% - 20px) calc(100% - 20px);background-position:0px 0px;background-repeat:no-repeat;z-index:-1}@media (max-width: 1200px){.pics-container .pics{width:460px;height:460px}}@media (min-width: 1600px){.pics-container .pics{width:700px;height:700px}}.pics-container .pics .credits{position:absolute;right:0px;top:0px;transform:translate(100%, 0%) translateZ(0) rotate(90deg);-webkit-transform:translate(100%, 0%) translateZ(0) rotate(90deg);-moz-transform:translate(100%, 0%) translateZ(0) rotate(90deg);-ms-transform:translate(100%, 0%) translateZ(0) rotate(90deg);transform-origin:0% 0%;z-index:999;will-change:transform}.pics-container .pics .credits p{will-change:transform;padding-left:2px;color:white;font-family:"UniversLTStd",sans-serif;font-size:12px;font-weight:400;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);text-transform:uppercase}.pics-container .xavi-pic{z-index:99999;position:absolute;width:560px;height:560px;top:0;left:0;transform:translateX(100%) rotateX(0deg) translateZ(0);-webkit-transform:translateX(100%) rotateX(0deg) translateZ(0);-moz-transform:translateX(100%) rotateX(0deg) translateZ(0);-ms-transform:translateX(100%) rotateX(0deg) translateZ(0);will-change:transform}@media (max-width: 1200px){.pics-container .xavi-pic{width:460px;height:460px}}@media (min-width: 1600px){.pics-container .xavi-pic{width:700px;height:700px}}.pics-container .xavi-pic img{width:calc(100% - 20px)}.info-container{padding:0px 50px 0px 70px}.info-container .info-box{font-size:0}.info-container .info-box .column{display:inline-block;vertical-align:top;width:50%;padding-right:20px;box-sizing:border-box}@media (max-width: 575px){.info-container .info-box .column{width:100%;padding-right:0px}}.info-container .info-box ul{padding:0px}.info-container .info-box ul li{color:#e9103a;font-size:18px;list-style:none;line-height:28px}.info-container .info-box ul li a{color:#e9103a;border-bottom:1px solid #e9103a}.info-container .info-box p,.info-container .info-box h1,.info-container .info-box h2,.info-container .info-box h3,.info-container .info-box a{font-family:"UniversLTStd",sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#e9103a}.info-container .info-box span,.info-container .info-box a{color:white}.info-container .info-box h2{font-size:12px;font-weight:700;text-transform:uppercase;margin:45px 0 0 0;letter-spacing:1px}.info-container .info-box .intro,.info-container .info-box .contact{font-family:"UniversLTStd-Black",sans-serif;font-size:32px;font-weight:900;line-height:42px}.info-container .info-box .intro a,.info-container .info-box .contact a{font-family:"UniversLTStd-Black",sans-serif;font-size:32px;font-weight:900;line-height:42px}@media (max-width: 414px){.info-container .info-box .intro,.info-container .info-box .contact{font-size:24px;line-height:32px}.info-container .info-box .intro a,.info-container .info-box .contact a{font-size:24px;line-height:32px}}@media (max-width: 585px){.info-container .info-box .skills-grid{text-align:center}}.info-container .info-box .contact{color:#e9103a}.info-container .info-box .contact a{color:#e9103a}.info-container .info-box .contact .email{border-bottom:1px solid #e9103a}.info-container .info-box .contact span{color:white}.info-container .info-box .intro-awwwards{margin-top:25px}.info-container .info-box .line{width:32px;height:2px;background:#e9103a;margin:15px 0 19px 0}@media (max-width: 768px){.info-container .info-box .line{margin:10px 0 20px 0}}@media (max-width: 1023px){.info-container{padding:0px 65px !important;max-width:93vw}}@media (max-width: 678px){.info-container{padding:0px 50px !important;max-width:93vw}.info-container .info-box ul li{font-size:15px;line-height:24px}.info-container .info-box p,.info-container .info-box h1,.info-container .info-box h2,.info-container .info-box h3,.info-container .info-box a{font-size:15px;line-height:24px}.info-container .info-box h2{font-size:12px;margin:35px 0 0 0}.info-container .info-box .contact{font-size:32px;line-height:42px;letter-spacing:-0.5px}.info-container .info-box .contact a{font-size:32px;line-height:42px;letter-spacing:-0.5px}.info-container .info-box .contact{font-size:24px;line-height:34px;letter-spacing:-0.5px}.info-container .info-box .contact a{font-size:24px;line-height:34px;letter-spacing:-0.5px}}@media (max-width: 414px){.info-container{padding:0px 20px !important;max-width:93vw}.info-container .info-box ul li{font-size:15px;line-height:24px}.info-container .info-box p,.info-container .info-box h1,.info-container .info-box h2,.info-container .info-box h3,.info-container .info-box a{font-size:15px;line-height:24px}.info-container .info-box h2{font-size:12px;margin:35px 0 0 0}.info-container .info-box .contact{font-size:32px;line-height:42px;letter-spacing:-0.5px}.info-container .info-box .contact a{font-size:32px;line-height:42px;letter-spacing:-0.5px}.info-container .info-box .contact{font-size:24px;line-height:34px;letter-spacing:-0.5px}.info-container .info-box .contact a{font-size:24px;line-height:34px;letter-spacing:-0.5px}}.about-mvl-img{width:100%;display:none;background:#e9103a;box-sizing:border-box}@media (max-width: 1023px){.about-mvl-img{display:block;padding:65px}}@media (max-width: 678px){.about-mvl-img{display:block;padding:50px;box-sizing:border-box}}@media (max-width: 414px){.about-mvl-img{padding:15px}}.about-mvl-img img{width:100%}@media (max-width: 768px){.about-mvl-img img{display:block;width:100%}}.skill{position:relative;display:inline-block;vertical-align:top;margin-right:15px;margin-bottom:15px;text-align:center}@media (max-width: 768px){.skill{margin:16px}}@media (max-width: 414px){.skill{margin:10px}}.skill .roll{position:relative}.skill p{margin:12.5px 0px;font-size:11px}.skill svg{width:170px}@media (max-width: 1023px){.skill svg{width:130px}}@media (max-width: 414px){.skill svg{width:110px}}.skill svg circle{fill:none;stroke-width:20px}.skill svg .white-circle{stroke:white}.skill svg .red-circle{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;stroke:#e9103a;stroke-miterlimit:10;stroke-dasharray:0,200;will-change:stroke-dasharray}.skill img{width:33px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}@media (max-width: 1023px){.skill img{width:30px}}@media (max-width: 414px){.skill img{width:27px}}.work{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10;white-space:nowrap}@media (max-width: 768px){.work{white-space:normal}}.work .work-header-logo{transform:translate(0%, -100%);-webkit-transform:translate(0%, -100%);-moz-transform:translate(0%, -100%);-ms-transform:translate(0%, -100%)}@media (max-width: 768px){.work .work-header-logo{transform:translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%)}}.work .work-header-logo .work-header-logo-mask{transform:translate(0%, 100%);-webkit-transform:translate(0%, 100%);-moz-transform:translate(0%, 100%);-ms-transform:translate(0%, 100%)}@media (max-width: 768px){.work .work-header-logo .work-header-logo-mask{transform:translate(100%, 0%);-webkit-transform:translate(100%, 0%);-moz-transform:translate(100%, 0%);-ms-transform:translate(100%, 0%)}}.work .work-header-menu{right:0;transform:translate(0%, -100%);-webkit-transform:translate(0%, -100%);-moz-transform:translate(0%, -100%);-ms-transform:translate(0%, -100%)}@media (max-width: 768px){.work .work-header-menu{transform:translate(100%, 0%);-webkit-transform:translate(100%, 0%);-moz-transform:translate(100%, 0%);-ms-transform:translate(100%, 0%)}}.work .work-header-menu .work-header-menu-mask{transform:translate(0%, 100%);-webkit-transform:translate(0%, 100%);-moz-transform:translate(0%, 100%);-ms-transform:translate(0%, 100%)}@media (max-width: 768px){.work .work-header-menu .work-header-menu-mask{transform:translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%)}}.work .work-header-logo,.work .work-header-menu{position:fixed;height:50%;width:50%;overflow:hidden;will-change:transform;z-index:2;pointer-events:none}.work .work-header-logo .work-header-logo-mask,.work .work-header-logo .work-header-menu-mask,.work .work-header-menu .work-header-logo-mask,.work .work-header-menu .work-header-menu-mask{position:absolute;height:100%;width:100%;will-change:transform}.work .work-header-logo .work-header-logo-mask .logo,.work .work-header-logo .work-header-menu-mask .logo,.work .work-header-menu .work-header-logo-mask .logo,.work .work-header-menu .work-header-menu-mask .logo{cursor:pointer;pointer-events:auto;position:absolute;z-index:10;overflow:hidden;display:inline-block;top:30px;left:30px;width:64px;height:64px}@media screen and (max-width: 768px){.work .work-header-logo .work-header-logo-mask .logo,.work .work-header-logo .work-header-menu-mask .logo,.work .work-header-menu .work-header-logo-mask .logo,.work .work-header-menu .work-header-menu-mask .logo{width:50px;height:50px;top:15px;left:20px}}.work .work-header-logo .work-header-logo-mask .logo svg,.work .work-header-logo .work-header-menu-mask .logo svg,.work .work-header-menu .work-header-logo-mask .logo svg,.work .work-header-menu .work-header-menu-mask .logo svg{position:absolute;top:0px;width:64px;height:64px;will-change:transform}@media screen and (max-width: 768px){.work .work-header-logo .work-header-logo-mask .logo svg,.work .work-header-logo .work-header-menu-mask .logo svg,.work .work-header-menu .work-header-logo-mask .logo svg,.work .work-header-menu .work-header-menu-mask .logo svg{width:50px;height:50px}}.work .work-header-logo .work-header-logo-mask .logo svg path,.work .work-header-logo .work-header-menu-mask .logo svg path,.work .work-header-menu .work-header-logo-mask .logo svg path,.work .work-header-menu .work-header-menu-mask .logo svg path{fill:white}.work .work-header-logo .work-header-logo-mask .menu,.work .work-header-logo .work-header-menu-mask .menu,.work .work-header-menu .work-header-logo-mask .menu,.work .work-header-menu .work-header-menu-mask .menu{pointer-events:auto;position:fixed;z-index:10;overflow:hidden;display:inline-block;top:40px;right:30px;height:25px;will-change:transform}@media screen and (max-width: 768px){.work .work-header-logo .work-header-logo-mask .menu,.work .work-header-logo .work-header-menu-mask .menu,.work .work-header-menu .work-header-logo-mask .menu,.work .work-header-menu .work-header-menu-mask .menu{top:30px;right:20px}}.work .work-header-logo .work-header-logo-mask .menu .navigation ul,.work .work-header-logo .work-header-menu-mask .menu .navigation ul,.work .work-header-menu .work-header-logo-mask .menu .navigation ul,.work .work-header-menu .work-header-menu-mask .menu .navigation ul{padding:0px;margin:0px;list-style:none;white-space:nowrap}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li{display:inline;padding:0px;margin:0px 30px 0px 0px}@media screen and (max-width: 768px){.work .work-header-logo .work-header-logo-mask .menu .navigation ul li,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li{margin:0px 20px 0px 0px}}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a{cursor:pointer;position:relative;color:white;font-family:"UniversLTStd",sans-serif;font-size:18px;font-weight:400}@media screen and (max-width: 768px){.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a{font-size:15px}}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a svg,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a svg,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a svg,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a svg{width:18px;height:18px}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a svg path,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a svg path,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a svg path,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a svg path{fill:white}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a:hover,.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a :focus,.work .work-header-logo .work-header-logo-mask .menu .navigation ul li a :active,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a:hover,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a :focus,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li a :active,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a:hover,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a :focus,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li a :active,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a:hover,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a :focus,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li a :active{color:white}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li .link,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li .link,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li .link,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li .link{overflow:hidden;display:inline-block}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li .link span,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li .link span,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li .link span,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li .link span{display:block;position:absolute;left:0px;top:40%;transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);-moz-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);width:100%;height:2px;background:white;will-change:transform;-webkit-transition:all ease .25s;-moz-transition:all ease .25s;-ms-transition:all ease .25s;-o-transition:all ease .25s;transition:all ease .25s}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li .link:hover span,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li .link:hover span,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li .link:hover span,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li .link:hover span{transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li .active span,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li .active span,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li .active span,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li .active span{transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%)}.work .work-header-logo .work-header-logo-mask .menu .navigation ul li:last-child,.work .work-header-logo .work-header-menu-mask .menu .navigation ul li:last-child,.work .work-header-menu .work-header-logo-mask .menu .navigation ul li:last-child,.work .work-header-menu .work-header-menu-mask .menu .navigation ul li:last-child{margin:0px}@media (max-width: 768px){.work .projects{font-size:0px}}.work .black-background{overflow:hidden;position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:-1}.work .close-scroll-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);will-change:transform}@media (max-width: 768px){.work .close-scroll-indicator{top:auto;left:auto;bottom:20px;right:10px}}.work .close-scroll-indicator svg{cursor:pointer;width:46px}.work .close-scroll-indicator svg .scroll{stroke:white;fill:none;stroke-width:2;stroke-dasharray:0, 145;will-change:stroke-dasharray;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%}.work .close-scroll-indicator svg .bg{fill:black;transition:all 0.25s;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s}.work .close-scroll-indicator svg .cross{fill:white;transition:all 0.25s;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s}.work .close-scroll-indicator svg:hover .bg{fill:white}.work .close-scroll-indicator svg:hover .cross{fill:black}.work p{color:#fff}.menu-project{position:relative;display:inline-block;cursor:pointer;font-size:0px;overflow:hidden}.menu-project .mask-top,.menu-project .mask-bottom{will-change:transform}.menu-project .image-bottom,.menu-project .image-top{will-change:transform}.menu-project .project-image{position:absolute;width:100%;height:50%;overflow:hidden;will-change:transform}.menu-project .project-image .bg{position:relative;width:100%;height:100%;background-size:cover;background-position:center;will-change:transform}.menu-project .project-image .indicator{position:absolute;left:50%;transform:translate(-50%, 0%);width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:transparent transparent #000 transparent}.menu-project .project-mask{position:relative;height:100%;width:100%;overflow:hidden;will-change:transform;pointer-events:none}.menu-project .project-mask .project-info-content{will-change:transform;position:relative;height:100%;width:100%}.menu-project .project-info{position:absolute;width:100%;height:50%}.menu-project .project-info .project-info-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform}.menu-project .project-info .project-info-background .color{position:relative;width:100%;height:100%;background:lime;will-change:transform}.menu-project .project-info .project-black-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#090909}.menu-project .project-info .project-number{position:absolute;top:40px;left:40px}.menu-project .project-info .project-number p{font-size:20px;color:#e9103a}@media (max-width: 550px){.menu-project .project-info .project-number p{font-size:15px}}.menu-project .project-info .project-number p .line{display:block;height:2px;width:100%;background:#e9103a}.menu-project .project-info .project-title{cursor:pointer;position:absolute;right:40px}@media (max-width: 768px){.menu-project .project-info .project-title{right:auto;left:40px;height:auto !important;width:auto !important;padding-right:40px;bottom:0px}}@media (max-width: 550px){.menu-project .project-info .project-title{right:auto;left:20px;height:auto !important;width:auto !important;padding-right:20px;bottom:0px}}.menu-project .project-info .project-title p{font-family:"UniversLTStd-Black",sans-serif;font-size:38px;position:relative;top:50%;transform:rotate(270deg) translate(-50%, 0%);transform-origin:0% 0%;-ms-transform:rotate(270deg) translate(-50%, 0%);-ms-transform-origin:0% 0%;-webkit-transform:rotate(270deg) translate(-50%, 0%);-webkit-transform-origin:0% 0%;display:inline-block}@media (max-width: 768px){.menu-project .project-info .project-title p{transform:none;-webkit-transform:none;-ms-transform:none;-moz-transform:none}}@media (max-width: 550px){.menu-project .project-info .project-title p{font-size:26px}}.menu-project .project-info .project-title p .category{font-family:"UniversLTStd",sans-serif;font-size:12px;color:#e9103a;text-transform:uppercase;display:block}.menu-project .top{top:0px;transform:translateZ(0)}@media (max-width: 768px){.menu-project .top{left:0px}}.menu-project .top .indicator{bottom:-1px}.menu-project .top .project-title{bottom:40px}@media (max-width: 768px){.menu-project .top .project-title{bottom:40px}}@media (max-width: 550px){.menu-project .top .project-title{bottom:20px}}.menu-project .top .project-title p{text-align:left}.menu-project .bottom{bottom:0px;transform:translateZ(0)}@media (max-width: 768px){.menu-project .bottom{right:0px}}.menu-project .bottom .indicator{top:-1px;border-width:20px 15px 0 15px;border-color:rgba(0,0,0,0.9) transparent transparent transparent}.menu-project .bottom .project-title{top:40px}@media (max-width: 768px){.menu-project .bottom .project-title{top:auto;bottom:40px}}@media (max-width: 550px){.menu-project .bottom .project-title{top:auto;bottom:20px}}.menu-project .bottom .project-title p{text-align:right}@media (max-width: 768px){.menu-project .bottom .project-title p{text-align:left}}.home{width:100%;overflow:hidden;position:relative;transform:translateY(-1px);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px)}.home .project-carrousel{overflow:hidden;position:relative !important;z-index:1}@media screen and (max-width: 768px){.home .project-carrousel{position:fixed;top:0px;left:0px;bottom:0px;right:0px}}.home .project-carrousel .covers{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;will-change:transform}.home .project-carrousel .covers .project{font-size:0;position:absolute;height:100%;width:100%}.home .scroll-carrousel-indicator{cursor:pointer;position:absolute;right:26px;bottom:58px;z-index:7;will-change:transform}@media screen and (max-width: 600px){.home .scroll-carrousel-indicator{bottom:40px;right:15px}}.home .scroll-carrousel-indicator svg{width:20px;height:12px}.home .scroll-carrousel-indicator svg path{fill:white}.home .work-menu-overlay,.home .about-overlay{position:fixed;z-index:9;top:0}.home .base-for-image{position:absolute;bottom:0;height:400px;left:0px;width:100%;z-index:3;background:white;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%)}.home #scroll-blocker-overlay {position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:rgba(255,255,255,0.5)}.cover .frame{display:inline-block;box-sizing:content-box;position:absolute;overflow:hidden;top:50%;left:50%;font-size:20px}.cover .frame .mask{transform:translateZ(0);position:absolute;top:0px;left:0px;width:calc(100%);height:calc(100%)}.cover .left-frame{will-change:transform;transform:translate(-100%, -50%)}.cover .left-frame .mask{will-change:transform;transform:translate(0%, 100%)}.cover .right-frame{will-change:transform;transform:translate(0%, -50%)}.cover .right-frame .mask{will-change:transform;transform:translate(0%, -100%)}.main-pic{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;pointer-events:none}.main-pic .mask{position:relative;display:block;overflow:hidden;will-change:transform;font-size:0;z-index:2}.main-pic .mask img{position:relative;width:1080px;height:890px;background-size:1080px 890px;background-repeat:no-repeat;backface-visibility:hidden;will-change:transform}.main-pic .button{pointer-events:auto;z-index:3}.main-pic .shadow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;will-change:opacity;box-shadow:0px 20px 30px rgba(0,0,0,0.3);-webkit-box-shadow:0px 20px 30px rgba(0,0,0,0.3);-moz-box-shadow:0px 20px 30px rgba(0,0,0,0.3);-ms-box-shadow:0px 20px 30px rgba(0,0,0,0.3)}.button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);cursor:pointer}.button .circle{will-change:transform;position:relative;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);width:96px;height:96px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background:black;transition:0.2s background ease;-webkit-transition:0.2s background ease;-moz-transition:0.2s background ease;-ms-transition:0.2s background ease}.button .plus,.button .passwordProtected{will-change:transform;position:absolute;width:32px;height:32px;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);-webkit-transform:translate(-50%, -50%) scale(0);-moz-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0)}.button .plus path,.button .passwordProtected path{fill:white}.button .passwordProtected{width:96px;height:96px;z-index:9}.button .passwordProtected.hidden{visibility:hidden}.button .passwordProtected path{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.indicators{position:absolute;backface-visibility:hidden;z-index:5;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.indicators .index{position:absolute;left:0px;bottom:0px;color:white}.indicators .index .index-mask{overflow:hidden;height:52px;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);will-change:transform}.indicators .index .index-mask .index-mask-content{will-change:transform}.indicators .index .index-mask .line{display:block;position:relative;left:50%;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);width:1px;background:white;margin:8px 0px;height:12px}.indicators .index .index-mask p{will-change:transform;height:12px}.indicators .category{position:absolute;right:0px;top:0px;color:white;width:150px;text-align:right}.indicators .category .category-content{transform:rotate(-90deg) translate(-59px, 67px);-webkit-transform:rotate(-90deg) translate(-59px, 67px);-moz-transform:rotate(-90deg) translate(-59px, 67px);-ms-transform:rotate(-90deg) translate(-59px, 67px);will-change:transform}.indicators .category .category-content .category-mask-content{will-change:transform}.indicators .category .category-content .category-mask{will-change:transform, opacity;display:inline-block;white-space:nowrap;overflow:hidden}.indicators p{font-size:12px;font-weight:600;text-transform:uppercase;margin:0px;will-change:transform, opacity}@media screen and (max-width: 641px){.indicators p{font-size:10px}}.titles{position:absolute;top:50%;left:0px;z-index:4;width:100%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);font-size:0;pointer-events:none;will-change:transform}.titles .first-line,.titles .second-line{position:relative;width:100%;overflow:hidden;will-change:transform;font-size:0}.titles .first-line img,.titles .second-line img{stroke-width:2px;position:relative;width:100%;transform:translate(0px, 0px);will-change:transform}.titles .first-line svg,.titles .second-line svg{stroke-width:2px}.titles .second-line{margin-top:12px}.bg-frame{position:absolute;width:560px;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%) translateZ(0);overflow:hidden;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;box-shadow:0px 0px 0px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 0px rgba(0,0,0,0.3);-ms-box-shadow:0px 0px 0px rgba(0,0,0,0.3);will-change:transform}.bg-frame .bg{position:relative;top:0px;left:0px;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.bg-frame .mainPicBack{position:absolute;will-change:transform;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none}.bg-frame .mainPicBack .mask{display:block;overflow:hidden}.bg-frame .mainPicBack .mask figure{width:1080px;height:890px;background-size:1080px 890px;background-repeat:no-repeat;backface-visibility:hidden}.project-content{position:relative;z-index:2;background:white;margin-top:-1px}.project-content .project-loader{position:fixed;top:0px;left:0px;height:10px;width:100%;transform:translateX(-100%);background:white;z-index:99999999;will-change:transform}@media screen and (max-width: 768px){.project-content .project-loader{height:5px}}.project-content .scroll{position:absolute;width:100px;transform:translate(-50%, -100px);left:50%;text-align:center;overflow:hidden;will-change:transform}@media screen and (max-width: 768px){.project-content .scroll{transform:translate(-50%, -90px)}}.project-content .scroll .scroll-content{will-change:transform;cursor:pointer;transform:translateY(100%)}.project-content .scroll .scroll-content p{font-family:"UniversLTStd-Bold",sans-serif;font-size:12px;color:white;text-transform:uppercase}.project-content .scroll .scroll-content .indicator{position:relative;left:50%;transform:translateX(-50%);width:2px;background:rgba(255,255,255,0.5);height:35px;margin-top:15px}.project-content .scroll .scroll-content .indicator span{position:absolute;height:50%;width:100%;background:white;left:0px;top:0px;margin:0px;animation:scrollAnim 1s infinite linear}.project-content .images-container .project-images{padding:10px 0px}@media screen and (max-width: 768px){.project-content .images-container .project-images{padding:40px 0px}}@-webkit-keyframes scrollAnim{0%{transform:translateY(0%)}50%{transform:translateY(100%)}100%{transform:translateY(0%)}}.brief{position:relative;margin:auto;display:block}.brief .svg{position:absolute;width:100%;top:50%;z-index:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);overflow:hidden}.brief .svg svg{position:relative;will-change:transform;width:100%;top:0px;transform:translateY(120%);-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%)}@media screen and (max-width: 768px){.brief .svg svg{display:none}}.brief .brief-content{z-index:1;position:relative;width:80%;max-width:1600px;margin:auto;padding:80px 0px;text-align:center}@media screen and (max-width: 768px){.brief .brief-content{width:calc(100% - 130px)}}@media screen and (max-width: 414px){.brief .brief-content{width:calc(100% - 40px)}}.brief .brief-content .the-project{font-family:"UniversLTStd-Bold",sans-serif;font-size:12px;font-weight:700;text-transform:uppercase}@media screen and (max-width: 768px){.brief .brief-content .the-project{text-align:left}}.brief .brief-content .title-line{margin:15px auto 20px auto}@media screen and (max-width: 768px){.brief .brief-content .title-line{margin:20px 0px 24px 0px}}.brief .brief-content .description{margin:0px auto;width:70%;max-width:680px}@media screen and (max-width: 768px){.brief .brief-content .description{width:100%;max-width:none;text-align:left}}.brief .brief-content .description p{color:#080808;font-size:18px;line-height:30px;margin-bottom:18px}@media screen and (max-width: 768px){.brief .brief-content .description p{font-size:15px;line-height:25px}}.brief .brief-content .credits{margin:75px 0 0 0}@media screen and (max-width: 768px){.brief .brief-content .credits{margin:30px 0 0 0;text-align:left}}.brief .brief-content .credits .credit-container{display:inline-block;vertical-align:top;font-size:0;width:25%;padding:0px 10px;box-sizing:border-box}@media screen and (max-width: 768px){.brief .brief-content .credits .credit-container{width:50%;text-align:left;padding:0px 10px 0px 0px}}.credit{display:inline-block;text-align:left}.credit .title{font-family:"UniversLTStd-Bold",sans-serif;font-size:12px;font-weight:700;text-transform:uppercase}.credit .credit-line{margin:10px 0 15px 0}.credit .credit-description{color:#080808;font-size:18px;line-height:30px;margin-bottom:18px}@media screen and (max-width: 768px){.credit .credit-description{font-size:15px;line-height:25px;padding-right:10px}}.credit a{display:block;position:relative;overflow:hidden}.credit a span{display:block;position:absolute;top:50%;left:-100%;width:100%;height:2px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transition:all ease .25s;-moz-transition:all ease .25s;-ms-transition:all ease .25s;-o-transition:all ease .25s;transition:all ease .25s}.credit a:hover span{left:0%}.case-movie{position:relative;margin-bottom:-1px}.case-movie .movie-frame{position:absolute;width:75%;top:calc(50% + 4px);left:calc(50% + 2px);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);max-width:1748px}.case-movie .movie-frame .bg-image{width:100%}@media screen and (max-width: 600px){.case-movie .movie-frame{display:none}}.case-movie .movie-container{display:block;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);margin:auto;overflow:hidden}.case-movie .movie-container #movie{position:relative;pointer-events:none}.case-movie .movie-container #movie iframe{display:block;position:relative;width:100%;max-width:1600px !important}.case-movie .movie-container #player{display:block;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:100%;max-width:1600px !important;pointer-events:none}.case-movie .case-svg,.case-movie .movie-svg{position:absolute;width:100%;overflow:hidden}.case-movie .case-svg svg,.case-movie .movie-svg svg{position:relative;width:100%}.case-movie .case-svg svg path,.case-movie .movie-svg svg path{fill:rgba(255,255,255,0.15)}.case-movie .case-svg{top:0px}.case-movie .movie-svg{bottom:0px}.case-movie .movie-svg svg{transform:translateY(6px);-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px)}.case-movie .parralax-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:75%;max-width:1748px;pointer-events:none;will-change:transform;z-index:2}@media screen and (max-width: 768px){.case-movie .parralax-bg{display:none}}.case-movie .parralax-bg img{width:100%}.case-movie .video-number{position:absolute;top:0%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);right:15%;font-size:140px;font-weight:900;color:white;font-family:"UniversLTStd-Black",sans-serif;z-index:9;opacity:1;pointer-events:none;text-shadow:0 20px 50px rgba(0,0,0,0.3);-webkit-text-shadow:0 20px 50px rgba(0,0,0,0.3);-moz-text-shadow:0 20px 50px rgba(0,0,0,0.3);-ms-text-shadow:0 20px 50px rgba(0,0,0,0.3)}.case-movie .video-number .number-line{position:absolute;display:block;width:30px;right:25%;height:7px;background:white;transform:translate(50%, -30px);-webkit-transform:translate(50%, -30px);-moz-transform:translate(50%, -30px);-ms-transform:translate(50%, -30px)}@media screen and (max-width: 1024px){.case-movie .video-number{display:none}}.case-movie .video-title{position:absolute;bottom:18px;left:20%}@media screen and (max-width: 768px){.case-movie .video-title{display:none}}.case-movie .video-title p{color:white;font-size:12px;font-weight:700;height:12px;text-transform:uppercase;transform:rotate(90deg) translate(calc(-100% + 14px), -100%);transform-origin:0% 0%}.case-movie .video-title p span{display:block;will-change:opacity;opacity:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg)}.case-movie .movie-cover img,.case-movie .movie-cover svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;cursor:pointer}.case-movie .movie-cover svg{width:96px}.case-movie .movie-cover svg .cls-1{fill:#080808}.case-movie .movie-cover svg .cls-2{fill:#fff}.case-movie .movie-cover svg:hover .cls-1{fill:#fff}.case-movie .movie-cover svg:hover .cls-2{fill:#080808}@media screen and (max-width: 768px){.case-movie .movie-cover svg{width:75px}}.pass-protected{position:relative;margin-bottom:-1px}@media screen and (max-width: 768px){.pass-protected{padding:65px 0px}}@media screen and (max-width: 414px){.pass-protected{padding:35px 0px}}.pass-protected .pass-frame{z-index:2;position:absolute;width:75%;top:calc(50% + 4px);left:calc(50% + 2px);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);max-width:1748px;border:1px solid transparent}.pass-protected .pass-frame .bg-image{width:100%}@media screen and (max-width: 768px){.pass-protected .pass-frame{display:none}}.pass-protected .case-svg,.pass-protected .pass-svg{position:absolute;width:100%;overflow:hidden;z-index:1;border:1px solid transparent}.pass-protected .case-svg svg,.pass-protected .pass-svg svg{position:relative;width:100%}.pass-protected .case-svg svg path,.pass-protected .pass-svg svg path{fill:rgba(255,255,255,0.15)}.pass-protected .case-svg{top:0px}.pass-protected .pass-svg{bottom:0px}.pass-protected .pass-svg svg{transform:translateY(6px);-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px)}.pass-protected .password-content{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);text-align:center;padding:0px 10px;max-width:560px;margin:auto;box-sizing:border-box}@media screen and (max-width: 768px){.pass-protected .password-content{max-width:none;text-align:left;top:auto;left:auto;position:relative;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;width:calc(100% - 130px);margin:auto;padding:45px 30px}}@media screen and (max-width: 414px){.pass-protected .password-content{width:calc(100% - 40px)}}.pass-protected .password-content .pass-font{font-family:"UniversLTStd-Bold",sans-serif;font-size:12px;line-height:12px;font-weight:700;text-transform:uppercase;color:white}.pass-protected .password-content .the-project,.pass-protected .password-content .overlay p{margin-bottom:0px;text-align:center}.pass-protected .password-content .title-line{background:white;margin:15px auto 20px auto}.pass-protected .password-content p{font-size:18px;line-height:30px;margin-bottom:18px}@media screen and (max-width: 768px){.pass-protected .password-content p{font-size:15px;line-height:25px}}@media screen and (max-width: 768px){.pass-protected .password-content .content-text{display:none}}.pass-protected .password-content .new-password-input{overflow:hidden;position:relative;box-sizing:border-box;width:80%;margin:0 auto;max-width:500px;padding:0;font-size:0}@media screen and (max-width: 768px){.pass-protected .password-content .new-password-input{width:100%}}.pass-protected .password-content .new-password-input .overlay{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden;will-change:transform}.pass-protected .password-content .new-password-input .overlay .mask{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;display:grid}.pass-protected .password-content .new-password-input .overlay .mask p{height:10px;align-self:center;white-space:nowrap}.pass-protected .password-content .new-password-input .grid{position:relative;z-index:1;display:grid;grid-template-rows:1fr;grid-template-columns:1fr max-content;-ms-grid-rows:1fr;-ms-grid-columns:1fr max-content}.pass-protected .password-content .new-password-input .grid input{grid-column:1;grid-row:1;-ms-grid-column:1;-ms-grid-row:1;width:100%;color:white;text-transform:uppercase;border-width:2px;border-style:solid;box-sizing:content-box;outline:0;padding:10px 0px 10px 22px;cursor:pointer;text-align:center;opacity:1;z-index:1;white-space:nowrap}.pass-protected .password-content .new-password-input .grid input ::-webkit-input-placeholder{color:white}.pass-protected .password-content .new-password-input .grid input ::-moz-placeholder{color:white}.pass-protected .password-content .new-password-input .grid input :-ms-input-placeholder{color:white}.pass-protected .password-content .new-password-input .grid input :-moz-placeholder{color:white}@media screen and (max-width: 768px){.pass-protected .password-content .new-password-input .grid input{width:100%}}.pass-protected .password-content .new-password-input .grid .ok-button{cursor:pointer;grid-column:2;grid-row:1;-ms-grid-column:2;-ms-grid-row:1;width:48px;position:relative;overflow:hidden;z-index:3}.pass-protected .password-content .new-password-input .grid .ok-button p{will-change:transform;position:absolute;color:white;top:calc(50% + 2px);left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);font-family:"UniversLTStd-Bold",sans-serif;font-size:12px;line-height:12px}.image-container{position:relative;max-width:1600px;margin:100px auto}@media screen and (max-width: 768px){.image-container{margin:15px auto;text-shadow:none !important;-webkit-text-shadow:none !important;-moz-text-shadow:none !important;-ms-text-shadow:none !important;box-shadow:none !important}}.image-container .image-number{position:absolute;top:0%;transform:translate(50%, 0px);-webkit-transform:translate(50%, 0px);-moz-transform:translate(50%, 0px);-ms-transform:translate(50%, 0px);right:10%;font-size:140px;font-weight:900;color:white;font-family:"UniversLTStd-Black",sans-serif;z-index:9;opacity:1;will-change:transform}@media screen and (max-width: 768px){.image-container .image-number{display:none}}.image-container .image-number .number-line{position:absolute;display:block;width:30px;right:25%;height:7px;background:white;transform:translate(50%, -30px);-webkit-transform:translate(50%, -30px);-moz-transform:translate(50%, -30px);-ms-transform:translate(50%, -30px)}.image-container .image-number-left{right:auto;left:10%;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%)}.image-container .image-number-left .number-line{right:auto;left:25%;transform:translate(-50%, -30px);-webkit-transform:translate(-50%, -30px);-moz-transform:translate(-50%, -30px);-ms-transform:translate(-50%, -30px)}.image-container .img{position:relative;margin:auto;width:75%;z-index:8;will-change:transform}@media screen and (max-width: 768px){.image-container .img{width:calc(100% - 130px)}}@media screen and (max-width: 414px){.image-container .img{width:calc(100% - 40px)}}.image-container .img img{width:100%}.image-container .title{position:absolute;color:white;bottom:10px;left:calc(12.5% - 20px);transform:translate(-15px, -50%);-webkit-transform:translate(-15px, -50%);-moz-transform:translate(-15px, -50%);-ms-transform:translate(-15px, -50%);will-change:transform}@media screen and (max-width: 768px){.image-container .title{display:none}}.image-container .title p{font-size:12px;font-weight:700;height:12px;text-transform:uppercase;transform:rotate(90deg) translate(calc(-100% + 14px), -100%);transform-origin:0% 0%;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;-ms-text-shadow:none;overflow:hidden;will-change:transform}.image-container .title p span{display:block;opacity:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);position:relative;will-change:opacity;top:-3px}.image-container .title-right{left:auto;right:calc(12.5% - 20px);transform:translate(100%, -50%);-webkit-transform:translate(100%, -50%);-moz-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%)}.image-container .title-right p span{transform:none;-webkit-transform:none;-moz-tranform:none;-ms-transform:none;top:0px}.board{position:relative;padding:100px 0px}@media screen and (max-width: 768px){.board{padding:50px 0px}}.board .arrows .arrow-left,.board .arrows .arrow-right{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0px;width:50px;height:50px;background:#080808;z-index:9;overflow:hidden}@media screen and (max-width: 768px){.board .arrows .arrow-left,.board .arrows .arrow-right{top:0px;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%)}}.board .arrows .arrow-left svg,.board .arrows .arrow-right svg{will-change:transform;position:absolute;top:50%;left:50%;width:15px}.board .arrows .arrow-left svg path,.board .arrows .arrow-right svg path{fill:white}@media screen and (max-width: 768px){.board .arrows .arrow-left{left:auto;right:52px}}.board .arrows .arrow-left svg{transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg)}.board .arrows .arrow-right{left:auto;right:0px}.board .arrows .arrow-right svg{transform:translate(-50%, -50%) rotate(-90deg);-webkit-transform:translate(-50%, -50%) rotate(-90deg);-moz-transform:translate(-50%, -50%) rotate(-90deg);-ms-transform:translate(-50%, -50%) rotate(-90deg)}.board .board-images{display:block;position:relative;margin:auto;width:75%;max-width:1200px;font-size:0;z-index:8;opacity:1}@media screen and (max-width: 768px){.board .board-images{width:100%}}.board .board-images .board-image-mask{top:0;position:absolute;z-index:1;overflow:hidden;will-change:transform;width:100%}.board .board-images .board-image-mask:first-child{position:relative;z-index:3}.board .board-images .board-image-mask img{width:100%;will-change:transform;border:1px solid transparent;transform:translate(-1px, -1px);-webkit-transform:translate(-1px, -1px);-moz-transform:translate(-1px, -1px);-ms-transform:translate(-1px, -1px)}.board .board-title{position:absolute;color:white;bottom:110px;right:calc(12.5% - 20px);transform:translate(100%, -50%);-webkit-transform:translate(100%, -50%);-moz-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);will-change:transform}@media screen and (max-width: 768px){.board .board-title{display:none}}@media screen and (min-width: 1600px){.board .board-title{right:calc(50vw - 620px)}}.board .board-title p{font-size:12px !important;font-weight:700;height:12px;text-transform:uppercase;transform:rotate(90deg) translate(calc(-100% + 14px), -100%);transform-origin:0% 0%;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;-ms-text-shadow:none;overflow:hidden;will-change:transform}.board .board-title p span{display:block;position:relative;will-change:opacity}.project-end{position:relative;padding:100px 0px}.project-end .svg{width:100%;position:absolute;overflow:hidden;top:50%;z-index:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%)}.project-end .svg svg{will-change:transform;position:relative;width:100%;transform:translateY(120%);-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%)}.project-end .image{z-index:1}.project-end .image img{position:relative;display:block;margin:auto;z-index:9999;transform:translate(-1px, -1px, 0);-webkit-transform:translate(-1px, -1px, 0);-moz-transform:translate(-1px, -1px, 0);border:1px solid transparent}@media screen and (max-width: 768px){.project-end .image img{width:50%}}.project-end .back-to-top-label{position:absolute;right:70px;bottom:18px}@media screen and (max-width: 768px){.project-end .back-to-top-label{right:auto;left:20px}}.project-end .back-to-top-label .label-mask{position:relative;will-change:transform;height:15px}@media screen and (max-width: 768px){.project-end .back-to-top-label .label-mask{visibility:visible !important;opacity:1 !important}}.project-end .back-to-top-label p{position:relative;color:black;will-change:transform;font-size:15px;height:15px;margin:0;padding:0}@media screen and (max-width: 768px){.project-end .back-to-top-label p{visibility:visible !important;opacity:1 !important}}.project-end .back-to-top-arrow,.project-end .left-arrow,.project-end .right-arrow{position:absolute;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);background:black;width:50px;height:50px;right:0px;bottom:0px;cursor:pointer;overflow:hidden}.project-end .back-to-top-arrow svg,.project-end .left-arrow svg,.project-end .right-arrow svg{position:absolute;top:50%;left:50%;width:15px;will-change:transform;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.project-end .back-to-top-arrow svg path,.project-end .left-arrow svg path,.project-end .right-arrow svg path{fill:white !important}@media screen and (max-width: 768px){.project-end .back-to-top-arrow{display:none}}.project-end .left-arrow{right:52px;display:none}@media screen and (max-width: 768px){.project-end .left-arrow{display:block}}.project-end .left-arrow svg{transform:translate(-50%, -50%) rotate(-90deg);-webkit-transform:translate(-50%, -50%) rotate(-90deg);-moz-transform:translate(-50%, -50%) rotate(-90deg);-ms-transform:translate(-50%, -50%) rotate(-90deg)}.project-end .right-arrow{display:none}@media screen and (max-width: 768px){.project-end .right-arrow{display:block}}.project-end .right-arrow svg{transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg)}.projects-slider{position:relative;white-space:nowrap;height:10px}.footer-project{position:relative;display:inline-block;overflow:hidden;cursor:pointer}.footer-project .line{position:absolute;top:0px;height:11px;width:100%;z-index:999 !important;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);will-change:transform}.footer-project .bg{will-change:transform;position:relative;z-index:-1;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-tap-highlight-color:transparent}.error{width:100%;height:100vh}.error p{color:white}