#loader .bottomHalf,
#loader .topHalf {
    width: 100%;
    height: 50%;
    background-color: #000;
    position: absolute;
}

#loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    background-color: transparent;
    overflow: hidden;
}

#loader .bottomHalf,
#loader .topHalf {
    width: 100%;
    height: 50%;
    background-color: #fff;
    position: absolute;
}

#loader .topHalf {
    top: 0%;

}

#loader .bottomHalf,
#loader .topHalf {
    width: 100%;
    height: 50%;
    background-color: #fff;
    position: absolute;
    -webkit-transition: height 800ms ease-out 0s;
    transition: height 800ms ease-out 0s;
}

#loader .bottomHalf {
    bottom: 0%;

}

.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#loader .loader-img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#loader .loader-img {
    height: 70px;
    width: 230px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.overflow-h{
    overflow: hidden;
}