@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800;900&display=swap);@font-face{font-family:Avenir;src:url(../fonts/AvenirBold.eot);src:url(../fonts/AvenirBold.eot?#iefix) format("embedded-opentype"),url(../fonts/AvenirBold.woff2) format("woff2"),url(../fonts/AvenirBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(../fonts/AvenirMedium.eot);src:url(../fonts/AvenirMedium.eot?#iefix) format("embedded-opentype"),url(../fonts/AvenirMedium.woff2) format("woff2"),url(../fonts/AvenirMedium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(../fonts/AvenirRegular.eot);src:url(../fonts/AvenirRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/AvenirRegular.woff2) format("woff2"),url(../fonts/AvenirRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}body,html{height:100%;position:relative}body{font-family:Raleway,sans-serif;background:#000}h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}h1{font-size:100px;text-transform:uppercase}button:focus,input:focus{outline:transparent}a{text-decoration:none;color:#fff}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.--just-space{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.--just-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.--just-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.--align-str{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.--align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.--align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.logo{position:fixed;left:50%;top:0;-webkit-transform:translateY(-100px) translateX(-50%);-ms-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%);padding:30px 0;z-index:999;width:146px;-webkit-animation:.9s ease-in-out .5s forwards down;animation:.9s ease-in-out .5s forwards down}.logo svg{width:100%;pointer-events:none}.logo .mark{fill:#7457e9;-webkit-transition:1s .4s;-o-transition:1s .4s;transition:1s .4s}.logo.view .mark{fill:#fff;-webkit-transition:1s .5s;-o-transition:1s .5s;transition:1s .5s}@-webkit-keyframes down{0%{-webkit-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%)}100%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}@keyframes down{0%{-webkit-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%)}100%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}.nav-color{position:fixed;left:0;right:0;top:0;height:100%;background:#7457e9;-webkit-transition:.5s ease-in-out .4s;-o-transition:.5s ease-in-out .4s;transition:.5s ease-in-out .4s;mix-blend-mode:difference;pointer-events:none;opacity:0;z-index:140}.nav-color.view{pointer-events:all;opacity:1;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out}nav{position:fixed;left:0;right:0;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 0;display:flex;pointer-events:none;background:#7457e9;z-index:150;opacity:0;-webkit-transition:.5s ease-in-out .4s;-o-transition:.5s ease-in-out .4s;transition:.5s ease-in-out .4s}nav ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}nav ul li{display:inline-block;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);opacity:0;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}nav ul li:nth-of-type(2){-webkit-transition:.2s ease-in-out .2s;-o-transition:.2s ease-in-out .2s;transition:.2s ease-in-out .2s}nav ul li:nth-of-type(3){-webkit-transition:.2s ease-in-out .4s;-o-transition:.2s ease-in-out .4s;transition:.2s ease-in-out .4s}nav ul li a{display:block;padding:0 30px;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;font-size:90px;text-transform:uppercase;font-weight:600;color:#fff}nav ul li a:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%;width:0;height:2px;background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}nav ul li a:before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;width:0;height:2px;background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}nav ul li a:hover{color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}nav.view{pointer-events:all;opacity:1;-webkit-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out}nav.view ul li{opacity:1;-webkit-transition:.3s ease-in-out .6s;-o-transition:.3s ease-in-out .6s;transition:.3s ease-in-out .6s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}nav.view ul li:nth-of-type(2){-webkit-transition:.3s .8s;-o-transition:.3s .8s;transition:.3s .8s}nav.view ul li:nth-of-type(3){-webkit-transition:.3s 1s;-o-transition:.3s 1s;transition:.3s 1s}@-webkit-keyframes ani2{0%{-webkit-mask-position:100% 0;mask-position:100% 0}100%{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes ani2{0%{-webkit-mask-position:100% 0;mask-position:100% 0}100%{-webkit-mask-position:0 0;mask-position:0 0}}.burger-nav{position:fixed;z-index:999;display:block;width:35px;height:25px;top:40px;right:40px}.burger-nav:before{content:"";position:absolute;width:100%;height:1px;background:#d5d5d5;top:0;opacity:0}.burger-nav:after{content:"";position:absolute;width:100%;height:1px;background:#d5d5d5;bottom:0}.burger-nav span{position:absolute;top:0;left:50%;display:block;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-transform:uppercase;font-size:14px;color:#d5d5d5}.btn{display:inline-block;padding:15px 35px;position:relative;font-weight:500;overflow:hidden}.btn span{position:relative;z-index:1}.btn-primary{background:#7457e9;color:#fff;-webkit-transition:.4s .1s;-o-transition:.4s .1s;transition:.4s .1s}.btn-primary:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:200%;height:200%;background:#fff;border-radius:100%;z-index:0;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;transition:.4s ease-out}.btn-primary:hover{color:#000;-webkit-transition:.4s .1s;-o-transition:.4s .1s;transition:.4s .1s}.btn-primary:hover:after{top:-15%;-webkit-transition:.8s cubic-bezier(.3,1.8,.4,.4);-o-transition:.8s cubic-bezier(.3,1.8,.4,.4);transition:.8s cubic-bezier(.3,1.8,.4,.4)}@-webkit-keyframes hovereffect{0%{top:100%}100%,60%{top:-20%}85%{top:0}}@keyframes hovereffect{0%{top:100%}100%,60%{top:-20%}85%{top:0}}.promo{width:100%;position:relative;overflow:hidden}.promo-link{display:-webkit-box;display:-ms-flexbox;display:flex}.promo-link a{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;position:relative;width:50vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:7vw;font-weight:600;color:#d5d5d5;text-transform:uppercase;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;z-index:3}.promo-link a small{display:block;font-size:25px}.promo-link a.cases small{text-align:right;color:#d5d5d5}.promo-link a.cases:hover{color:#7457e9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.promo-link a.about small,.promo-link a.cases:hover small{color:#d5d5d5}.promo-link a.about:hover{color:#7457e9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.promo-link a.about:hover small{color:#d5d5d5}a.cases span{opacity:0;-webkit-transform:translateY(-150%) skewY(-10deg);-ms-transform:translateY(-150%) skewY(-10deg);transform:translateY(-150%) skewY(-10deg);-webkit-animation:.8s ease-in-out .6s forwards texters;animation:.8s ease-in-out .6s forwards texters}a.about span{opacity:0;-webkit-transform:translateY(150%) skewY(10deg);-ms-transform:translateY(150%) skewY(10deg);transform:translateY(150%) skewY(10deg);-webkit-animation:.8s ease-in-out .6s forwards texter;animation:.8s ease-in-out .6s forwards texter}@-webkit-keyframes texter{0%{opacity:0;-webkit-transform:translateY(150%) skewY(-10deg);transform:translateY(150%) skewY(-10deg)}100%{opacity:1;-webkit-transform:translateY(0) skewY(0);transform:translateY(0) skewY(0)}}@keyframes texter{0%{opacity:0;-webkit-transform:translateY(150%) skewY(-10deg);transform:translateY(150%) skewY(-10deg)}100%{opacity:1;-webkit-transform:translateY(0) skewY(0);transform:translateY(0) skewY(0)}}@-webkit-keyframes texters{0%{opacity:0;-webkit-transform:translateY(-150%) skewY(-10deg);transform:translateY(-150%) skewY(-10deg)}100%{opacity:1;-webkit-transform:translateY(0) skewY(0);transform:translateY(0) skewY(0)}}@keyframes texters{0%{opacity:0;-webkit-transform:translateY(-150%) skewY(-10deg);transform:translateY(-150%) skewY(-10deg)}100%{opacity:1;-webkit-transform:translateY(0) skewY(0);transform:translateY(0) skewY(0)}}#dote{position:fixed;top:0;left:0;width:10px;height:10px;background:#fff;border-radius:100%;mix-blend-mode:difference;z-index:1001;pointer-events:none;-webkit-transform:translateX(-1000px);-ms-transform:translateX(-1000px);transform:translateX(-1000px)}.jelly-container{-webkit-transform:translateX(-1000px);-ms-transform:translateX(-1000px);transform:translateX(-1000px);position:fixed;left:0;top:0;display:inline-block;z-index:1000;pointer-events:none}.jelly-canvas,.jelly-container{width:170px;height:170px;mix-blend-mode:difference}.jelly-container-s{position:fixed;left:0;top:0;display:inline-block;z-index:1000;pointer-events:none}.jelly-canvas-s,.jelly-container-s{width:170px;height:170px;mix-blend-mode:difference}.centroid-container-s{position:absolute;left:0;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.centroid-text-s{font-size:20px;font-weight:500;text-transform:uppercase;color:#fff;text-align:center}.centroid-text-s span{display:block;font-size:12px;margin-top:10px;text-transform:none}.centroid-container{position:absolute;left:0;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.centroid-text{font-size:20px;font-weight:500;text-transform:uppercase;color:#fff;text-align:center}.centroid-text span{display:block;font-size:12px;margin-top:10px;text-transform:none}.description{font-family:sans-serif;font-weight:900;font-size:20px;margin-top:50px;padding:0 50px;color:#913023;text-transform:uppercase;text-align:center}#scene{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:140;pointer-events:none}#scene canvas{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.updown{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);-webkit-animation:8s ease-in-out infinite forwards updown;animation:8s ease-in-out infinite forwards updown}.mtitle{position:fixed;left:50%;bottom:50px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-transform:uppercase;display:block;text-align:center;mix-blend-mode:difference;z-index:130}.mtitle h1{font-size:36px;color:#fff}.pf{background:#000;color:#fff}.centertitle{position:absolute;top:40vh;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.centertitle h1{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:default}.centertitle span{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.centertitle span:hover{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#d5d5d5;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.portfolio{padding:0 30px;padding-top:calc(100vh - 150px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:2}.portfolio-item{width:calc(50vw - 160px);padding:0 50px;margin:0 30px 60px;pointer-events:all!important}.portfolio-item .paralax-pf{-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}.portfolio-item .paralax-pf video{pointer-events:none}.portfolio-item img{width:100%;height:auto;display:block;pointer-events:none}.wrapp-circle{position:fixed;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100vw;height:100vh;pointer-events:none}.wrapp-circle .svg{width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@-webkit-keyframes spins{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spins{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#svgmain{-webkit-animation:40s linear infinite spins;animation:40s linear infinite spins}#textincircle{display:none}.circleText{font-size:80px;fill:transparent;stroke-width:1px;stroke:#555;font-weight:600;font-family:Raleway,sans-serif}.start{position:fixed;bottom:0;left:50%;-webkit-transform:translateY(100px) translateX(-50%);-ms-transform:translateY(100px) translateX(-50%);transform:translateY(100px) translateX(-50%);-webkit-animation:.9s ease-in-out .5s forwards up;animation:.9s ease-in-out .5s forwards up;width:135px;height:135px;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;z-index:998;background:0 0;font-size:20px;border:1px solid #fff;text-transform:uppercase}@-webkit-keyframes up{0%{-webkit-transform:translateY(100px) translateX(-50%);transform:translateY(100px) translateX(-50%)}100%{-webkit-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translateX(-50%)}}@keyframes up{0%{-webkit-transform:translateY(100px) translateX(-50%);transform:translateY(100px) translateX(-50%)}100%{-webkit-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translateX(-50%)}}@-webkit-keyframes updown{0%,1000%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes updown{0%,1000%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}.social{position:fixed;left:40px;top:40px;z-index:185}.social a{display:inline-block;width:30px;margin-right:10px}.social a svg{width:100%;stroke:#d5d5d5;stroke-width:1px}button{-webkit-appearance:none;padding:0;margin:100px auto;border:0;background-color:transparent;border-radius:0;cursor:pointer;-webkit-appearance:none;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:240ms ease-out;-o-transition:240ms ease-out;transition:240ms ease-out;background-size:contain;background-position:center center;background-repeat:no-repeat;display:block}button:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}button:focus{-webkit-transform:scale(1.05) trahslateY(-5%);-ms-transform:scale(1.05) trahslateY(-5%);transform:scale(1.05) trahslateY(-5%)}button:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}@media screen and (max-width:767px){.promo{height:100vh;background:#000}.promo-link{display:none}.logo{padding:20px 0;width:120px}#dote,.jelly-container{display:none}*{cursor:initial}.mtitle{font-size:26px;bottom:inherit;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.wrapp-circle{width:100vw;height:100vw}.portfolio-item{width:100%;padding:0}.burger-nav{top:inherit;bottom:25px;right:20px;height:20px}.social{top:inherit;bottom:20px;left:20px}.wrapp-circle-2{width:120vh;height:120vh}nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav ul li a{font-size:70px;padding:10px 0}.start{border:none;width:115px;padding:0;border-radius:0;height:auto;font-size:14px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:none;animation:none;bottom:28px}.start:hover{color:#fff}.start:hover:after{content:none}.social a{width:26px}}@media screen and (max-width:581px){.portfolio{padding:0}.portfolio-item{width:100%;padding:0}h1{font-size:46px}}
/*# sourceMappingURL=../sourcemaps/style.min.css.map */