@charset "UTF-8";

._navigation ._item:hover {
    animation: nav 2s infinite;
}

@keyframes nav {
    0% {
        transform: translateY(0)
    }

    5% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-25px)
    }

    25% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-15px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

.fadein {
    opacity: 0.1;
    transform: translate(0, 50px);
    transition: all 800ms cubic-bezier(.17, .67, .67, .91);
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


.matrix .bg-wrap {
    overflow: hidden;
    opacity: 0;
}

.matrix .bg-wrap .inn {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 100);
    transition: 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
   
.matrix.fadein.scrollin .bg-wrap {
  opacity: 1;
}
   
.matrix.fadein.scrollin .bg-wrap .inn {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
  transition-delay: 400ms;
  transition-duration: 400ms;
}