.preloader .preloader-section{
    background-color: rgba(25, 26, 29, 0.95);
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 2000;
    transition: all .55s ease;
}

.preloader .preloader-left {
    left: 0;
}

.preloader.loaded .preloader-left {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.preloader .preloader-right {
    right: 0;
}

.preloader.loaded .preloader-right {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.preloader .preloader-icon {
    position: fixed;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    z-index: 3000;
}

.preloader .preloader-icon .loading-dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #1089D6;
}

.preloader .preloader-icon .loading-dot-1 {
    -webkit-animation: 1.2s grow ease-in-out infinite;
    animation: 1.2 s grow ease-in-out infinite;
}

.preloader .preloader-icon .loading-dot-2 {
    -webkit-animation: 1.2s grow ease-in-out infinite;
    animation: 1.2 s grow ease-in-out infinite;
    margin: 0 7 px
}

.preloader .preloader-icon .loading-dot-3 {
    -webkit-animation: 1.2s grow ease-in-out infinite .3s;
    animation: 1.2 s grow ease-in-out infinite .3s;
}

@-webkit-keyframes grow {
    0%, 100%, 40% {
        -webkit-transform: scale(0);
        transform:scale(0);
    }
    40% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@keyframes grow {
    0%, 100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}