@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Lucida Console', Monaco, monospace}h1,h2,h3,h4,h5,h6{font-family:'Anton', sans-serif;line-height:1.2}a{text-decoration:none;z-index:9}p{display:inline-block;line-height:1.2}.primary-bg{background-color:#ff4655}.secondary-bg{background-color:#fffaff}.light-bg{background-color:#9a9595}.proj1-bg{background-color:#1e1b18}.proj2-bg{background-color:#3d348b}.proj3-bg{background-color:#0e867f}.proj4-bg{background-color:#0a0a1b}.extra-bg{background-color:#4e717d}.primary-text{color:#ff4655}.secondary-text{color:#fffaff}.light-text{color:#9a9595}.proj1-text{color:#1e1b18}.proj2-text{color:#3d348b}.proj3-text{color:#0e867f}.proj4-text{color:#0a0a1b}ul{list-style:none}.d-none{display:none}.d-block-sm{display:none}.first-page .letter{display:inline-block;opacity:0}.first-page .letter:first-child::before{content:'';position:absolute;top:-40px;left:10px;width:100px;height:100px;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url(img/39fc9b68c69b7092170d876277da66a7.svg)}.display-1,.display-2{display:inline-block;position:relative;font-size:225px;letter-spacing:25px}.heading{letter-spacing:5px;text-transform:uppercase}.sub-heading{font-weight:bold;margin-bottom:15px}.display-2{font-size:100px;letter-spacing:15px}.display-2 .letter::before{background-size:50px;left:-25px;top:-50px}.display-1-simple{font-size:24px;letter-spacing:5px;margin-bottom:12px}.display-2-simple{font-size:50px;letter-spacing:5px;margin-bottom:12px}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.btn{padding:1rem 0.9rem;color:#fffaff;width:fit-content;display:inline-block;transition:box-shadow 0.5s !important;z-index:9}.btn.btn-primary{background-color:#ff4655;color:#1e1b18;border-radius:50px}.btn.btn-primary:hover{transform:scale(1.02);box-shadow:-2px 2px #ffffff}.btn.btn-primary-outline{background-color:none;border:2px solid #ff4655;border-radius:50px}.btn.btn-primary-outline:hover{transform:scale(1.02);box-shadow:-2px 2px #ffffff}.btn.btn-proj1{background-color:#1e1b18;color:#fffaff;border-radius:50px}.btn.btn-proj1:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj1-outline{background-color:none;border:2px solid #1e1b18;border-radius:50px;color:#1e1b18}.btn.btn-proj1-outline:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj2{background-color:#3d348b;color:#fffaff;border-radius:50px}.btn.btn-proj2:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj2-outline{background-color:none;border:2px solid #3d348b;border-radius:50px;color:#3d348b}.btn.btn-proj2-outline:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj3{background-color:#0e867f;color:#fffaff;border-radius:50px}.btn.btn-proj3:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj3-outline{background-color:none;border:2px solid #0e867f;border-radius:50px;color:#0e867f}.btn.btn-proj3-outline:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj4{background-color:#0a0a1b;color:#fffaff;border-radius:50px}.btn.btn-proj4:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}.btn.btn-proj4-outline{background-color:none;border:2px solid #0a0a1b;border-radius:50px;color:#0a0a1b}.btn.btn-proj4-outline:hover{transform:scale(1.02);box-shadow:-2px 2px #9a9595}hr{width:100%}.mouse{position:absolute;width:50px;height:50px;border-radius:50px;border:#e27a7a 2px solid;box-shadow:3px 3px #0a0a1b;z-index:200;opacity:0;pointer-events:none;transform:translate(-50%, -50%);margin:auto;transition:all 0.3s ease;transition-property:background, transform;transform-origin:100% 100%}.mouse.mouse-hovered{transform:scale(2)}#pp-nav{z-index:5 !important}#pagepiling{height:100vh;position:relative}.nav-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1b1873;z-index:140;visibility:hidden;transition:opacity 0.5s;opacity:0}.nav-screen.enter{opacity:1;visibility:visible}.all-container{overflow:hidden;position:relative}.main-navbar{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s}.main-navbar .nav-sm .nav-icon-container{width:50px;height:50px;border-radius:50px;position:absolute;top:50px;right:50px;border:#fffaff 2px solid;display:flex;justify-content:center;align-items:center;z-index:150;box-shadow:3px 3px #1e1b18;background-color:#1e1b18}.main-navbar .nav-sm .nav-icon-container.open{border:2px #1e1b18 solid;border:#fffaff 2px solid}.main-navbar .nav-sm .nav-icon-container.open .nav-icon{background:transparent}.main-navbar .nav-sm .nav-icon-container.open .nav-icon::before{transform:rotate(-45deg)}.main-navbar .nav-sm .nav-icon-container.open .nav-icon::after{transform:rotate(45deg)}.main-navbar .nav-sm .nav-icon-container .nav-icon{width:25px;height:2px;background-color:#fffaff;transition:all 0.5s}.main-navbar .nav-sm .nav-icon-container .nav-icon::before,.main-navbar .nav-sm .nav-icon-container .nav-icon::after{width:25px;height:2px;background-color:#fffaff;content:'';position:absolute;transition:all 0.5s}.main-navbar .nav-sm .nav-icon-container .nav-icon::before{transform:translateY(-8px)}.main-navbar .nav-sm .nav-icon-container .nav-icon::after{transform:translateY(8px)}.main-navbar .nav-sm .nav-menu{position:absolute;width:30%;background-color:#fffaff;min-height:-webkit-fill-available;height:100%;top:0;right:-30%;visibility:hidden;opacity:0;transition:all 0.5s;display:flex;align-items:center;list-style:none;flex-direction:column;padding:1rem;z-index:140}.main-navbar .nav-sm .nav-menu .nav-item{margin:20px 0}.main-navbar .nav-sm .nav-menu .nav-item.img{width:100%;text-align:center;margin-bottom:30px}.main-navbar .nav-sm .nav-menu .nav-item .nav-link{font-size:1.5rem;color:#1e1b18;position:relative}.main-navbar .nav-sm .nav-menu .nav-item .nav-link::before{position:absolute;bottom:-10px;content:'';width:0%;background-color:#ff4655;height:5px;transition:width 0.5s}.main-navbar .nav-sm .nav-menu .nav-item .nav-link:hover::before{width:100%}.main-navbar .nav-sm .nav-menu.enter{visibility:visible;opacity:1;right:0}.main-navbar .nav-sm .nav-menu.leave{right:-30%}.preloader{position:absolute;top:0;left:0;width:100vw;height:100%;background-color:#c55454;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:z-index 0.5s, opacity 0.5s;z-index:200;text-transform:uppercase}.preloader .img-preloader{margin-bottom:20px}.preloader.preloader-finish{opacity:0;z-index:-1}.preloader .letter{display:inline-block}.link-list{display:flex;flex-direction:column;justify-content:center;align-items:center}.link-list .link-item{margin:20px 0}.link-list .link-item .link{display:flex;flex-direction:column;justify-content:center;align-items:center;transform:scale(0.9);transition:transform 0.5s;color:#fffaff}.link-list .link-item .link *{margin-bottom:10px}.link-list .link-item .link:hover{transform:scale(1)}.first-page,.second-page,.third-page,.fourth-page,.fifth-page,.sixth-page,.seventh-page{color:white;overflow:hidden;position:relative;display:flex}.first-page.active .content .left-container *,.second-page.active .content .left-container *,.third-page.active .content .left-container *,.fourth-page.active .content .left-container *,.fifth-page.active .content .left-container *,.sixth-page.active .content .left-container *,.seventh-page.active .content .left-container *{opacity:1}.first-page .content .left-container *,.second-page .content .left-container *,.third-page .content .left-container *,.fourth-page .content .left-container *,.fifth-page .content .left-container *,.sixth-page .content .left-container *,.seventh-page .content .left-container *{opacity:0;transition:opacity 0.5s}.seventh-page{text-align:center}.seventh-page.active .content *{opacity:1}.seventh-page .content *{opacity:0;transition:opacity 0.5s}.seventh-page .content .left-container .link-list .link-item .link{transition:transform 0.5s}.seventh-page .content .right-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.second-page{background-color:#c55454;color:white}.second-page .letter{display:inline-block}.second-page .bg-container img{transform:rotate(120deg);width:90%}.second-page .right-container .container{padding:3rem;height:100%;display:flex;justify-content:center;flex-direction:column}.second-page .right-container .container .category{margin:20px 0}.second-page .right-container .container .category .tech-list li{margin:5px 0px}.third-page .bg-container img,.fifth-page .bg-container img{transform:rotate(180deg);width:90%}.third-page .content,.fifth-page .content{flex-direction:row-reverse}.fourth-page .bg-container img{transform:rotate(200deg)}.bg-container{position:absolute;width:100%;height:100%;top:0;left:0}.bg-container .scene-bg{display:flex;justify-content:center;align-items:center;height:100%}.content{display:flex;height:100%;z-index:20;width:100%}.content .left-container,.content .right-container{width:50%;position:relative;height:100%}.content .left-container{padding:0 2rem;display:flex;justify-content:center;flex-direction:column}.content .left-container p{width:80%}.content .left-container .cta{margin-top:20px}.content .right-container ul.scene-list{height:100%}.content .right-container ul.scene-list li.layer{height:100%;position:absolute;top:50%;transform:translateY(-50%);margin-left:auto;margin-right:auto;left:0;right:0}.content .right-container .move{position:absolute;top:50%;transform:translateY(-50%);margin-left:auto;margin-right:auto;left:0;right:0}

@media screen and (max-width: 1530px) and (min-width: 1280px){.content .left-container .display-1{font-size:180px}.content .left-container .display-1 .letter:first-child::before{left:-5px}.content .right-container .layer-1{width:400px}.content .right-container .layer-2{width:450px}.content .right-container .layer-3{width:550px}.content .right-container .layer-4{width:650px}}@media screen and (max-width: 1280px) and (min-width: 1025px){.content .left-container .display-1{font-size:120px}.content .left-container .display-1 .letter:first-child::before{background-size:60px;left:-17px;top:-45px}.content .right-container .layer-1{width:300px}.content .right-container .layer-2{width:350px}.content .right-container .layer-3{width:400px}.content .right-container .layer-4{width:500px}}@media screen and (max-width: 1024px){.content .left-container .display-1{font-size:100px}.content .left-container .display-1 .letter::before{background-size:50px;top:-47px;left:-24px}.content .left-container p{width:100%}.content .right-container .layer-1{width:250px}.content .right-container .layer-2{width:300px}.content .right-container .layer-3{width:350px}.content .right-container .layer-4{width:400px}}@media screen and (max-width: 950px){.d-block-sm{display:block}.first-page .content .left-container{width:100%}.first-page .content .left-container .display-1{font-size:140px}.first-page .content .left-container .display-1 .letter:first-child::before{background-size:50px;left:-15px;top:-45px}.first-page .content .left-container p{width:100%}.first-page .content .right-container{display:none}.second-page .content .left-container{display:none}.second-page .content .right-container{width:100%}.second-page .content .right-container .container{width:100%;padding:1rem 1.8rem}}@media screen and (max-width: 850px){*{cursor:pointer}.mouse{opacity:0;visibility:hidden}.display-1-simple{font-size:18px}.first-page .content .left-container{padding:0 1.8rem}.first-page .content .left-container .display-1{letter-spacing:10px;font-size:90px}.first-page .content .left-container .display-1 .letter:first-child::before{left:-27px}.first-page .content .left-container .cta .btn{margin-bottom:15px}.second-page .content .left-container{display:none}.second-page .content .right-container .container{width:100%;padding:0.2rem 1.8rem;text-align:center}.seventh-page .display-2-simple{font-size:30px}.seventh-page .content{flex-direction:column;justify-content:center;align-items:center}.seventh-page .content *{padding:0 0.6rem}.seventh-page .content .display-2-simple{font-size:18px}.seventh-page .content .link-list .link-item .link img{height:30px}.third-page .content .left-container,.fourth-page .content .left-container,.fifth-page .content .left-container,.sixth-page .content .left-container{width:100%;text-align:center;padding:0 0.6rem}.third-page .content .right-container,.fourth-page .content .right-container,.fifth-page .content .right-container,.sixth-page .content .right-container{display:none}.main-navbar .nav-sm{visibility:visible;opacity:1;display:flex;justify-content:flex-end}.main-navbar .nav-sm .nav-icon-container{right:25px}.main-navbar .nav-sm .nav-menu{width:50%;right:-50%}.main-navbar .nav-sm .nav-menu.enter{right:0}.main-navbar .nav-sm .nav-menu.leave{right:-50%}#pp-nav{display:none;visibility:hidden}}@media screen and (max-width: 500px){.main-navbar .nav-sm .nav-menu{width:100%;right:-100%}.main-navbar .nav-sm .nav-menu.enter{right:0}.main-navbar .nav-sm .nav-menu.leave{right:-100%}}@media screen and (max-width: 340px){.first-page .content .left-container{padding:0 0.8rem}.first-page .content .left-container .display-1{letter-spacing:10px;font-size:90px}.first-page .content .left-container .display-1 .letter:first-child::before{left:-27px}.first-page .content .left-container .cta .btn{margin-bottom:15px}.second-page .right-container .container .category{margin:15px 0}.main-navbar .nav-sm{padding:0.5rem}}@media screen and (max-width: 320px){.content .left-container{max-width:320px;height:100%}}

/*!
 * pagepiling.js 1.5.6
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    overflow:hidden;
    margin:0;
    padding:0;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.pp-section {
    height:100%;
    position:absolute;
    width:100%;
    
    /* fixes flickering in firefox*/
    backface-visibility: hidden; 
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#pp-nav.right {
    right: 17px;
}
#pp-nav.left {
    left: 17px;
}
.pp-section.pp-table{
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.pp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.pp-slidesNav.bottom {
    bottom: 17px;
}
.pp-slidesNav.top {
    top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.pp-slidesNav li {
    display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #333;
}
#pp-nav span,
.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.pp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.pp-tooltip.right {
    right: 20px;
}
.pp-tooltip.left {
    left: 20px;
}
.pp-scrollable{
    overflow-y: scroll;
    height: 100%;
}