#preloadBRK{
    position: fixed;
    display:block;
    background-color:#e4b95b;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 99999;
    transition: all 1s ease;
}
.preload-image{
    position: relative;
    width:10%;
    top: 52%;
    right: 500px;
    /* height:  150px; */
    float:  right;
    /* right:  0; */
    /* margin:0 auto; */
    /* display:  block; */
}
@media(max-width:999px){
    .preload-image{
    width:60%;
    }
}
.preload-image img{
    width:100%;
    position: absolute;
}

.white-image{

    -webkit-animation: whiteimage 2s ease infinite; /* Safari 4.0 - 8.0 */
    animation:  whiteimage 2s ease infinite;
}
.red-image{
    -webkit-animation: redimage 2s ease infinite; /* Safari 4.0 - 8.0 */
    animation:  redimage 2s ease infinite;
}
@keyframes whiteimage {
    from{
        opacity: 0.5;
        transition: 0.5s linear;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari */
        transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transition: 0.5s linear;
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Safari */
        transform: rotate(360deg);
    }
}
@keyframes redimage {
    from{
        opacity: 0.5;
        transition: 0.5s linear;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari */
        transform: rotate(0deg);
    }
    to{
        opacity: 1;
        visibility: : visibility;
        transition: 0.5s linear;
        -ms-transform: rotate(-360deg); /* IE 9 */
        -webkit-transform: rotate(-360deg); /* Safari */
        transform: rotate(-360deg);
    }
}