#lab{overflow:hidden;position:relative}#lab h2{font-size:20px;line-height:1.6}#lab .lab-grid{color:#988e9f;display:flex;flex-direction:column;flex-wrap:wrap;font-size:18px;font-weight:300;margin:30px 0 60px;max-height:650px;padding:0;width:100%}#lab .lab-grid .grid-item{margin:5px 0;position:relative;width:50%}#lab .lab-grid a{color:#fff;font-family:Roboto Mono,Consolas,Courier New,Courier,monospace!important;font-size:.9rem;padding-left:0;position:relative}#lab .lab-grid a,#lab .lab-grid a .nav-arr{transition:all .3s cubic-bezier(.165,.84,.44,1)}#lab .lab-grid a .nav-arr{color:#988e9f;margin-right:2px}#lab .lab-grid a:hover{color:#5918df;padding-left:10px}#lab .lab-grid a:hover .nav-arr{color:#5918df}#lab .lab-grid .cat-name{color:#302a4b;font-family:Roboto Condensed,Lato,Arial,sans-serif!important;font-size:1.9rem;font-weight:700;margin:15px 0 5px}#lab .lab-grid p{margin:2px 0}.hover-reveal{height:140px;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:272px}.hover-reveal__img,.hover-reveal__inner{height:100%;position:relative;width:100%}.hover-reveal__deco{background-color:#181314;height:100%;left:0;position:absolute;top:0;width:100%}.hover-reveal__img{background-position:50% 50%;background-size:cover}@media screen and (max-width:768px){#lab h2{font-size:16px;line-height:1.3}#lab .lab-grid{max-height:100%}#lab .lab-grid .grid-item{width:100%}#lab .hover-reveal{display:none!important}}#showreel{margin-bottom:100px;margin-top:100px;min-height:600px}#showreel .video-player-box{background-color:#0e0c16;box-shadow:0 6px 103px 0 rgba(0,0,0,.71);margin-top:150px;position:relative;z-index:10}#showreel .video-js{color:#5918df;transform:scaleX(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}#showreel .video-js:hover{transform:scale3d(1.01,1.01,1)}#showreel .video-js .vjs-big-play-button{display:none}#showreel .video-js .vjs-poster{background-size:101%}#showreel .video-js .vjs-control-bar{background-color:transparent;display:flex}#showreel .video-js .vjs-play-progress{background-color:#4d16bd}#showreel .video-js .vjs-slider{background-color:rgba(27,14,56,.815)}.work{background-color:#0f0d15;background-image:linear-gradient(-180deg,#1a1527,#0e0c16 88%,#0e0c16 99%);background-position:top;background-repeat:repeat-x;height:auto;min-height:3000px;overflow:hidden;position:relative}.work .projects-row{position:relative;z-index:99}.work:after{bottom:-100px;box-shadow:0 0 80px 0 rgba(3,3,5,.45);content:"";height:100px;left:0;position:absolute;width:100%}.work .down-arrow{background-image:linear-gradient(-180deg,rgba(3,3,5,.45),#14121c)}.work .project-box{box-shadow:0 0 0 0 transparent;cursor:pointer;margin-left:70px;transform-style:preserve-3d}.work .project-box,.work .project-box .project-image{display:block;height:410px;position:relative;width:230px}.work .project-box .project-image{background-position:top;background-repeat:no-repeat;background-size:cover;will-change:transform,opacity}.work .project-box .project-image[lazy=loading]{opacity:0;transform:translateX(-100px);transition:all .3s cubic-bezier(.165,.84,.44,1)}.work .project-box .project-image[lazy=error]{transition:all .3s cubic-bezier(.165,.84,.44,1)}.work .project-box .project-image[lazy=loaded]{animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:fadeinLeft;animation-timing-function:cubic-bezier(.165,.84,.44,1)}.work .project-box .project-image[lazy=loaded]:before{background-image:linear-gradient(65deg,rgba(16,9,27,.8),transparent 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.work .project-box .project-icon{height:50px;position:absolute;right:-15px;top:50px;transform:translateZ(35px);width:50px}.work .project-box .project-icon img{height:auto;width:100%;will-change:transform,opacity}.work .project-box .project-icon img[lazy=loading]{opacity:0;transform:translateX(-100px);transition:all .3s cubic-bezier(.165,.84,.44,1)}.work .project-box .project-icon img[lazy=error]{transition:all .3s cubic-bezier(.165,.84,.44,1)}.work .project-box .project-icon img[lazy=loaded]{animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:fadeinLeft;animation-timing-function:cubic-bezier(.165,.84,.44,1)}.work .project-box.h,.work .project-box.h .project-image{height:230px;width:410px}.work .project-box .project-meta{bottom:10px;font-weight:700;height:160px;left:-60px;line-height:1.2;position:absolute;transform:translateZ(30px);width:145px}.work .project-box .divider{background-color:#fff;height:3px;margin:10px 1px 13px;width:100%}.work .project-box .project-nav{color:#988e9f;font-family:Roboto Mono,Consolas,Courier New,Courier,monospace!important;font-size:14px;font-weight:400}.work .project-box .project-nav .arr{transition:all .3s cubic-bezier(.165,.84,.44,1)}.work .project-box:hover{box-shadow:4px 21px 44px -13px rgba(0,0,0,.75);padding-left:0}.work .project-box:hover .project-nav .arr{padding-left:10px}.work .spinner-border-wrp{left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;transform:translateZ(-1px);z-index:-1}@media screen and (max-width:768px){.workboxcol{margin:20px 0}.work .project-box{margin-left:125px!important;margin-top:50px!important}.work .project-box,.work .project-box .project-image{height:350px;width:200px}.work .project-box.h{margin-left:125px!important;margin-top:50px!important}.work .project-box.h,.work .project-box.h .project-image{height:117px;width:200px}}#start{overflow:hidden}.subtitle{font-size:48px;font-weight:700}.scroll-bottom svg{background-color:rgba(17,15,24,.7);margin-bottom:10px;width:16px}.top-jumbotron{background-image:url(../img/bg.87635d9.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:990px){.subtitle{font-size:38px}}@media screen and (max-width:568px){.subtitle{font-size:30px}.subtitle.ws-nowarp{white-space:normal!important}.subtitle .anim-txt{display:block;white-space:nowrap!important;width:100%}}footer{background-color:#0e0d10;box-shadow:0 0 76px 0 rgba(10,7,22,.004);overflow:hidden}footer .container-fluid{min-height:670px}footer .offseted{background-color:#0e0d10;box-shadow:0 0 76px 0 rgba(10,7,22,.004)}footer .copy{bottom:10px;color:#988e9f;font-family:Roboto Mono,Courier New,Courier,monospace!important;font-size:14px;padding-left:20px;position:absolute}footer .copy svg{margin-top:-2px;width:16px}footer .social-wrp{display:grid;grid-template-columns:33% 33% 33%}footer .social-wrp svg{margin-right:9px;margin-top:-4px;width:22px}footer .social-wrp svg path{fill:#5918df}footer .social-wrp a{font-size:1.2rem;margin:2px 0;white-space:nowrap}footer .social-title{font-size:1.4rem}footer .main-footer-wrp{position:relative;top:50%;transform:translateY(-25%)}@media screen and (max-width:768px){footer .container-fluid{padding-bottom:100px}footer .social-wrp{grid-template-columns:50%}footer .copy{padding-left:0}}#about{background-color:#14121c;height:auto;overflow:hidden;position:relative}#about:after{bottom:-100px;box-shadow:0 0 80px 0 #07060a;content:"";height:100px;left:0;position:absolute;width:100%}#about .down-arrow{background-image:linear-gradient(-180deg,#0d0c0e,#0e0d10)}#about .code-wrp{font-family:Roboto Mono,Courier New,Courier,monospace!important;font-size:16px;line-height:1.6}#about .code-l{position:relative;z-index:1}#about .code-l:after{color:#3b3553;content:attr(data-line-nr);font-family:Roboto Mono,Courier New,Courier,monospace!important;font-size:16px;left:-60px;line-height:1.6;position:absolute;top:0;z-index:3}#about .code-l:hover{position:relative}#about .code-l:hover:before{background-color:#231d28;content:"";height:100%;left:-100%;position:absolute;top:0;width:300%;z-index:-2}#about .methods{color:#5918df;display:inline}#about .propname{color:#eeff31}#about .dot{color:#3b3553;display:inline}#about .comment{color:#78707e;display:inline}#about .scope{color:#e3244c;display:inline}#about .prop2{color:#24e394}#about .string{color:#24e33a}#about .number{color:#e39d24}#about .cursor:before{animation:blink .8s infinite;content:"|";opacity:0}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){#about .dot{display:none}#about .code-l:after{left:-50px}}.navbar{padding:1rem 1.5rem}.navbar,.navbar.activated{transition:all 1s cubic-bezier(.165,.84,.44,1)}.navbar.activated{box-shadow:inset 0 35px 13px rgba(14,12,22,.85)}.navbar-brand{max-width:160px;transform:scaleX(1);transition:all .3s cubic-bezier(.165,.84,.44,1)}.navbar-brand svg{width:170px}.navbar-brand:focus,.navbar-brand:hover{transform:scale3d(1.1,1.1,1)}.navbar-nav{color:#f9f9f9;font-size:22px;font-weight:700}.navbar-nav span{color:#494949}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-dark .navbar-toggler{background-color:rgba(26,21,39,.9);position:absolute;right:10px;top:10px;z-index:99}@media screen and (max-width:768px){.navbar-collapse{align-items:center;background-image:linear-gradient(-180deg,#0e0c16,#0e0c16 88%,#0e0c16 99%);box-shadow:0 0 50px 80px #0e0c16;flex-basis:100%;flex-grow:1;margin-top:10px;width:100%}.navbar-collapse a{text-align:center}.collapsing{z-index:-1}.navbar{padding:.5rem 1rem 1rem}.navbar-nav{margin-left:0!important}}.curtain{background-color:#5918df;position:fixed;transform:scaleX(0);z-index:99999}.curtain,.curtain .curtain-inner{height:100%;left:0;top:0;transform-origin:left center;width:100%}.curtain .curtain-inner{background-color:#1a1527;position:absolute;transform:scaleX(0)}.modal-content{align-items:center;justify-content:center;padding:30px 0 0 30px}.modal,.modal-content{background-color:#0e0d10;border:none}.modal .close,.modal-content .close{color:#ccc;font-size:50px;position:absolute;right:40px;text-shadow:none;top:30px}.modal .modal-title,.modal-content .modal-title{font-size:2rem;font-weight:700}.modal .modal-header,.modal-content .modal-header{border-bottom:1px solid #4a454e;margin-bottom:2rem;padding:1rem}.modal .modal-footer,.modal-content .modal-footer{border-top:0;justify-content:space-between;overflow:visible;padding:30px 20px 20px 0}.modal .modal-dialog{transform:none}.modal-lg,.modal-xl{margin:0;max-width:100%;min-height:100vh}.modal-body{flex:initial}.modal-full{margin:0;min-width:100%}.modal-full .modal-content{min-height:100vh}.step{color:#988e9f;font-size:1rem}.mian-form{height:62px;overflow:hidden;padding:25px 0 30px;position:relative}.mian-form>span{display:inline-block;height:62px}.mian-form .arrrow{display:block;font-size:4rem;margin-left:10px;position:absolute;right:0;top:10px}@media screen and (max-width:768px){.modal-content{padding:0}.mian-form{height:160px}.mian-form>span{height:160px;line-height:2.5}.input__label--ruri{padding-bottom:0}}