.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #edf5ff;
    z-index: 999999;
}

.preloader .dots {
    position: absolute;
    top: 100px;
    bottom: 0px;
    height: 15px;
    margin: auto;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}
.preloader .dots .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 50%;
    background: linear-gradient(
45deg
, #2bc3f0, #0bb7ed) !important;
    -webkit-animation: dot-dot-dot 1.4s linear infinite;
    animation: dot-dot-dot 1.4s linear infinite;
}

.preloader .dots .dot:nth-child(2) {
    animation-delay: .2s
}

.preloader .dots .dot:nth-child(3) {
    animation-delay: .4s
}

@keyframes dot-dot-dot {
    0%,
    100%,
    60% {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial
    }
    30% {
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}
/*Loader Complate*/

.logo_load{
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 43px;
    width: 270px;
    margin: auto;
    left: 0px;
    right: 0px;
}


.loader-hide {
    display: none;
}