#jpreOverlay {
    background: #5a3795;
    transition: 3s ease;
    -moz-transition: 3s ease;
    -o-transition: 3s ease;
    -webkit-transition: 3s ease;
}

#jpreOverlay.bgcolor1 { background: #11a0db; }
#jpreOverlay.bgcolor2 { background: #01babd; }
#jpreOverlay.bgcolor3 { background: #f58220; }
#jpreOverlay.bgcolor4 { background: #ffc20e; }

#jpreSlide {
    font-size: 22px;
    font-weight: bold;
    color: #ccc;
    text-align: center;
    width: 50%;
    height: 30%;
}
#jpreLoader {
    width: 250px;
    height: 250px;
    margin-top: -125px;
    position: relative;
    background: #fff url(../img/logo-grey.png) no-repeat 16px 63px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

#jpreBar {
    background: url(../img/logo.png) no-repeat 16px 63px;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

#jprePercentage {
    color: #fff;
    text-align: center;
    line-height: 3;
    font-size: 20px;
    font-family: Alegreya, serif;
}