/*! Prelodr v1.0.6 | MIT (c) 2015 José Luis Quintana */
.prelodr,.prelodr>span>span{
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:all .3s cubic-bezier(.4,0,.2,1)
}
.prelodr{
    position:fixed;
    display:table;
    height:100%;
    width:100%;
    left:0;
    top:0;
    background-color:rgba(225,225,225,.75);
    font-family:Arial,sans-serif;
    font-size:16px;
    cursor:default;
    z-index:100
}
.prelodr>span,.prelodr>span>span{
    position:relative;
    text-align:center;
    vertical-align:middle
}
.prelodr>span{
    display:table-cell
}
.prelodr>span>span{
    display:inline-block;
    background-color:#fff;
    color:#545454;
    font-weight:400;
    min-width:150px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);
    transform:scale(.95);
    transition-delay:.2s;
    border-radius:3px;
    padding:.7em 2em .9em
}
.prelodr.prelodr-in{
    opacity:1;
    visibility:visible
}
.prelodr.prelodr-out{
    opacity:0
}
.prelodr>span>span.prelodr-in{
    opacity:1;
    visibility:visible;
    transform:scale(1)
}
.prelodr .prelodr-progressbar{
    position:absolute;
    bottom:0;
    left:0;
    padding-top:3px;
    width:100%;
    background-color:rgb(0, 64, 128);
    animation:prelodr-background linear 2.5s infinite
}
.prelodr .prelodr-progressbar:after,.prelodr .prelodr-progressbar:before{
    display:block;
    position:absolute;
    top:0;
    z-index:2;
    width:0;
    background-color:rgb(0, 64, 128);
    height:3px;
    content:'';
    animation:prelodr-front linear 2.5s infinite
}
.prelodr .prelodr-progressbar:before{
    right:50%
}
.prelodr .prelodr-progressbar:after{
    left:50%
}
@keyframes prelodr-background{
    0%,24.9%{
        background-color:rgb(0, 64, 128)
    }
    25%,49.9%{
        background-color:rgb(192, 192, 192)
    }
    50%,74.9%{
        background-color:#1d6fee
    }
    100%,75%{
        background-color:rgb(0, 255, 255)
    }
}
@keyframes prelodr-front{
    0%{
        width:0;
        background-color:rgb(0, 0, 0)
    }
    24.9%{
        width:50%;
        background-color:rgb(192, 192, 192)
    }
    25%{
        width:0;
        background-color:#1d6fee
    }
    49.9%{
        width:50%;
        background-color:#1d6fee
    }
    50%{
        width:0;
        background-color: rgb(0, 255, 255);
    }
    74.9%{
        width:50%;
        background-color: rgb(0, 255, 255);
    }
    75%{
        width:0;
        background-color:rgb(0, 64, 128);
    }
    100%{
        width:50%;
        background-color:rgb(0, 64, 128);
    }
}