﻿

#loader_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 60;
}

.loader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
}

.loader_main1_dym {
    z-index: 5;
    position: absolute;
    border: 8px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    border-left: 8px solid #78DC00;
    border-right: 8px solid #78DC00;
    width: 200px;
    height: 200px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    -o-animation-name: spin;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -moz-animation-name: spin;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
}



.loader_title {
    z-index: 10;
    width: 200px;
    position: absolute;
    color: #FFF;
    font-size: 28px;
}

    .loader_title > span {
        width: 200px;
        text-align: center;
    }

    .loader_title > div, .loader_title > span {
        position: fixed;
        -webkit-animation-duration: 6s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-duration: 6s;
        animation-iteration-count: infinite;
        -moz-animation-duration: 6s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        -o-animation-duration: 6s;
        -o-animation-iteration-count: infinite;
    }



.img_icon {
/*    background: url("../Content/images/airport.png");*/
    position: fixed;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 200px;
    height: 200px;
    filter: contrast(60%) brightness(130%);
    -webkit-animation-name: fade_ease_1;
    animation-name: fade_ease_1;
    -moz-animation-name: fade_ease_1;
    -o-animation-name: fade_ease_1;
}

.t_1 {
    -webkit-animation-name: fade_ease_2;
    animation-name: fade_ease_2;
    -moz-animation-name: fade_ease_2;
    -o-animation-name: fade_ease_2;
}

.t_2 {
    -webkit-animation-name: fade_ease_3;
    animation-name: fade_ease_3;
    -moz-animation-name: fade_ease_3;
    -o-animation-name: fade_ease_3;
}

/*animation*/
/*///spin_c1///*/
@-webkit-keyframes spin_c1 {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: cubic-bezier(.38, -0.90, .62, 1.90);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_c1 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(.38, -0.90, .62, 1.90);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin_c1 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(.38, -0.90, .62, 1.90);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin_c1 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(.38, -0.90, .62, 1.90);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*///spin_c2///*/
@-webkit-keyframes spin_c2 {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: cubic-bezier(.25, -1.20, .75, 2.20);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_c2 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(.25, -1.20, .75, 2.20);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin_c2 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(.25, -1.20, .75, 2.20);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin_c2 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(.25, -1.20, .75, 2.20);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*///spin///*/
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*///fade_ease_1///*/
@-webkit-keyframes fade_ease_1 {
    0% {
        opacity: 0;
    }

    16% {
        opacity: 1;
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade_ease_1 {
    0% {
        opacity: 0;
    }

    16% {
        opacity: 1;
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fade_ease_1 {
    0% {
        opacity: 0;
    }

    16% {
        opacity: 1;
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fade_ease_1 {
    0% {
        opacity: 0;
    }

    16% {
        opacity: 1;
    }

    32% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/*///fade_ease_2///*/
@-webkit-keyframes fade_ease_2 {
    0% {
        opacity: 0;
    }

    32% {
        opacity: 0;
    }

    48% {
        opacity: 1;
    }

    64% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade_ease_2 {
    0% {
        opacity: 0;
    }

    32% {
        opacity: 0;
    }

    48% {
        opacity: 1;
    }

    64% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fade_ease_2 {
    0% {
        opacity: 0;
    }

    32% {
        opacity: 0;
    }

    48% {
        opacity: 1;
    }

    64% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fade_ease_2 {
    0% {
        opacity: 0;
    }

    32% {
        opacity: 0;
    }

    48% {
        opacity: 1;
    }

    64% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/*///fade_ease_3///*/
@-webkit-keyframes fade_ease_3 {
    0% {
        opacity: 0;
    }

    64% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade_ease_3 {
    0% {
        opacity: 0;
    }

    64% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fade_ease_3 {
    0% {
        opacity: 0;
    }

    64% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fade_ease_3 {
    0% {
        opacity: 0;
    }

    64% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
