.preloader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999999;

    height: 6px;
    background: #27c4f5 -webkit-gradient(linear, left top, right top, from(#27c4f5), color-stop(#a307ba), color-stop(#fd8d32), color-stop(#70c050), to(#27c4f5));
    background: #27c4f5 -webkit-linear-gradient(left, #27c4f5, #a307ba, #fd8d32, #70c050, #27c4f5);
    background: #27c4f5 linear-gradient(to right, #27c4f5, #a307ba, #fd8d32, #70c050, #27c4f5);
    background-size: 500%;

    -webkit-animation: 2s linear infinite LoadingBarProgress,
        0.5s ease-out LoadingBarEnter;
    animation: 2s linear infinite LoadingBarProgress, 0.5s ease-out LoadingBarEnter;
    -webkit-transform-origin: left;
    transform-origin: left;
}

@-webkit-keyframes LoadingBarProgress {
    0% {
        background-position: 0% 0;
    }

    to {
        background-position: 125% 0;
    }
}

@keyframes LoadingBarProgress {
    0% {
        background-position: 0% 0;
    }

    to {
        background-position: 125% 0;
    }
}