.hero .background-content.page-enter-animated
{
    -webkit-transition: all .8s cubic-bezier(.5,.34,.06,.82);
            transition: all .8s cubic-bezier(.5,.34,.06,.82);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

.hero .background-content.page-enter-animated.show
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.hero .background-content .level-1,
.hero .background-content .level-2
{
    position: absolute;

    width: 100%;
    height: 100%;
}

.hero .background-content .level-1
{
    z-index: 2;
    top: 50%;
    left: 50%;

    width: 110%;
    height: 110%;

    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.hero .background-content .level-2
{
    z-index: 1;

    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}

.hero .background-content .bg-overlay,
.hero .background-content .bg-pattern,
.hero .background-content .bg-image,
.hero .background-content .bg-video,
.hero .background-content .bg-color,
.hero .background-content #canvas
{
    position: absolute !important;

    width: 100%;
    height: 100% !important;
}

.hero .background-content .bg-color
{
    z-index: -1;

    opacity: 0;
    background: rgb(175,153,127);
}

.hero .background-content #canvas
{
    top: 100%;

    -webkit-transition: all .8s cubic-bezier(.5,.34,.06,.82) 1s;
            transition: all .8s cubic-bezier(.5,.34,.06,.82) 1s;

    opacity: 0;
}

.hero .background-content.page-enter-animated.show #canvas
{
    top: 0;

    opacity: 1;
}

.hero .background-content #canvas canvas
{
    position: absolute !important;
}

.hero .background-content
{
    position: absolute;
    z-index: -10;

    width: 100%;
    height: 100%;

    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}

@-webkit-keyframes mousewheelScroll
{
    0%
    {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    50%
    {
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
    }
}

@keyframes mousewheelScroll
{
    0%
    {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    50%
    {
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
    }
}