/*!
 * Preloader v0.0.1 
 *
 */
@CHARSET "UTF-8";

/* Когда у тела есть класс загрузки, мы отключаем
   scrollbar  */
body.loading {
    overflow: hidden;
}

/* Каждый раз, когда у тела есть класс загрузки, наша
   анимация элемента будет видена */
body.loading .preloader-animation {
    display: block;
}

.preloader-animation {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .4);
}

.preloader-animation #splash {
    background: transparent;
    background-repeat: repeat-y;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: splash 3s ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.preloader-animation #loader {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(10%,0);
}

.preloader-animation #splash .anim {
    height: 100%;
    position: absolute;
    left: 50%;
    width: 100px;
    transform: translate(-50%,100%);
    animation: loader 15s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: 10;

}

@keyframes loader {
    0% {
        transform: translate(-50%,110%);
    }
    30% {
        transform: translate(-50%,50%);
    }
    100% {
        transform: translate(-50%,0%);
    }
}

.preloader-animation .flight-loader {
    position: fixed;
    top: 25%;
    left: 41%;
}

.preloader-animation .loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 40px;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 40px;
    }
}