#home.container.homeContainerLoading {
    opacity: 0.01;
    background-color: #2f2f2f;
}

.homeLoader {
    position: fixed;
    top: 0px;
    left: -200px;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1000;

    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homeLoader.enter {
    left: -200px;
}
.homeLoader.leaving {
    left: -130%;
}
.homeLoader .leftDiagonal {
    width: 200px;
    height: 100%;
}
.homeLoader .rightDiagonal {
    position: absolute;
    right: -400px;
    top: 0px;
    width: 200px;
    height: 100%;
}
.homeLoader .pageLoaderContent {
    position: absolute;
    top: 0px;
    left: 200px;
    width: 100%;
    height: 100%;
    float: left;
    background-color: #2f2f2f;
}
.homeLoader .loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;

    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    
    -webkit-animation: loader-logo-fadein 2s forwards;
    animation: loader-logo-fadein 2s forwards;
}
@-webkit-keyframes loader-logo-fadein {
    from {
        margin-top: 30px;
        opacity: 0;
    }
    to { 
        margin-top: 0px;
        opacity: 1;
    }
} 
@keyframes loader-logo-fadein {
    from {
        margin-top: 30px;
        opacity: 0;
    }
    to { 
        margin-top: 0px;
        opacity: 1;
    }
}
.homeLoader .animated-road {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 490px;
    height: 490px;
    max-width: 35%;
    /*border: 1px solid #FFF;*/
    overflow: hidden;
    -webkit-perspective: 300px;
    perspective: 300px;
    -webkit-perspective-origin: top left;
    perspective-origin: top left;
}
.homeLoader .animated-road .road-line {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 40px;
    background-color: #fff;
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.homeLoader .animated-road .road-line.animated {
    -webkit-animation: road-line-animation 2s infinite;
    animation: road-line-animation 2s infinite;
}

/*.homeLoader .animated-road .road-line.delay1 { animation-delay: -0.5s; }
.homeLoader .animated-road .road-line.delay2 { animation-delay: -1.0s; }
.homeLoader .animated-road .road-line.delay3 { animation-delay: -1.5s; }*/

/*.homeLoader .animated-road .road-line.delay1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.homeLoader .animated-road .road-line.delay2 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.homeLoader .animated-road .road-line.delay3 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }*/

@-webkit-keyframes road-line-animation {
    0%   { 
        opacity: 1;
        -webkit-transform: rotateY(16deg) rotateX(75deg) translateY(-40px);
        width: 10px;
    }
    100% { 
        opacity: 1;
        -webkit-transform: rotateY(16deg) rotateX(75deg) translateY(280px);
        width: 20px;
    }
}
@keyframes road-line-animation {
    0%   { 
        opacity: 1;
        transform: rotateY(16deg) rotateX(75deg) translateY(-40px);
        width: 10px;
    }
    100% { 
        opacity: 1;
        transform: rotateY(16deg) rotateX(75deg) translateY(280px);
        width: 20px;
    }
}