body{padding:0; margin:0}
.loader { position: fixed; background: #fff url(../images/cimentas-icon.png) no-repeat center; left:0; top: 0; width: 100%; height: 100%; z-index: 999; opacity: 1; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.bar{background:url(../images/loader.gif)no-repeat center; width:128px; height:16px; position:absolute; left:calc(50% - 64px); top:calc(50% + 100px)}

@keyframes fillMe {
    0% { height: 0; }
    50% { height: 100%; }
    100% { height: 100%; }
}

@-webkit-keyframes fillMe {
    0% { height: 0; }
    50% { height: 100%; }
    100% { height: 100%; }
}
@keyframes fillMe2 {
    0% { height: 0; }
    20% { height: 0; }
    70% { height: 100%; }
    100% { height: 100%; }
}

@-webkit-keyframes fillMe2 {
    0% { height: 0; }
    20% { height: 0; }
    70% { height: 100%; }
    100% { height: 100%; }
}
@keyframes fillMe3 {
    0% { height: 0; }
    40% { height: 0; }
    90% { height: 100%; }
    100% { height: 100%; }
}

@-webkit-keyframes fillMe3 {
    0% { height: 0; }
    40% { height: 0; }
    90% { height: 100%; }
    100% { height: 100%; }
}
.loader.loaded { opacity: 0; z-index: -1; }