/* Preloader */
.preloader-wrap {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0; 
    left: 0;
    background: #FFF;
    z-index : 999999; 
    overflow: hidden;
}
.loader_bar{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #000000;
}
#precent {
    text-align: center;
    color: #FFF;
    line-height: 1;
    font-size: 10vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    mix-blend-mode: difference;
}

.preloader-wrap .container-fluid small {  
    text-align: center;
    color: #FFF;
    position: absolute;
    font-size: 18px;
    left: 50%;
    top: 70%;
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
    mix-blend-mode: difference;
    z-index : 99; 
}

.preloader-wrap .container-fluid img {
    text-align: center;
border-style: none;
    color: #FFF;
    position: absolute;
    left: 50%;
    top: 30%;
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
    mix-blend-mode: difference;
    z-index : 99; 
}