body {
    display: none
}

#jpreOverlay {
    background-color: #FFF
}

#jpreSlide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0!important;
    left: 0
}

#jpreLoader {
    width: 300px;
    height: 1px;
    top: 58%!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    background-color: #F9BEC2
}

#jpreBar {
    background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-color: #BF343D;
    animation: progress 2s linear infinite;
    -moz-animation: progress 2s linear infinite;
    -webkit-animation: progress 2s linear infinite;
    -ms-animation: progress 2s linear infinite;
    -o-animation: progress 2s linear infinite
}

#jprePercentage {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    top: -100%;
    padding: 8px;
    display: none
}

@-webkit-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@-moz-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@-ms-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@-o-keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}

@keyframes progress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -60px -60px
    }
}