.kenesis-body {
    background-color: #090909 !important;
}

.kenesis-body .scroll-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.kenesis-body .mid-wrap {
    width: 100%;
    max-width: 1120px;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:  translateX(-50%) translateY(-50%);
    perspective: 10em;
    perspective-origin: 50% 50%;
}

.kenesis-body .rv-image {
    width: 100%;
    height: 100%;
}

.kenesis-body .full-view .rv-image {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(-50%) !important;
    position: relative;
}

.kenesis-body .rv-image > .inner-ctn {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.kenesis-body .floater-ctn {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.kenesis-body .floater {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
}

footer {
    position: relative;
    z-index: 9;
    filter: none !important;
}

@keyframes grain {

    0%, 100% {
        transform: translate(0, 0);
    }

    10% {
        transform: translate(-5%, -10%);
    }

    20% {
        transform: translate(-15%, 5%);
    }

    30% {
        transform: translate(7%, -25%);
    }

    40% {
        transform: translate(21%, 25%);
    }

    50% {
        transform: translate(-25%, 10%);
    }

    60% {
        transform: translate(15%, 0%);
    }

    70% {
        transform: translate(0%, 15%);
    }

    80% {
        transform: translate(25%, 35%);
    }

    90% {
        transform: translate(-10%, 10%);
    }

}