.main.load > * {
    opacity: 0 !important;
}

.main.load .preloader {
    opacity: 1 !important;
}

.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #0A1944;
    transition: opacity .5s;
}

.preloader .progress {
    width: 30%;
    height: 2px;
    background: rgba(255, 255, 255, .1);
    margin-top: 60px;
    position: relative;

}

.preloader .progress .bar {
    background: #fff;
    position: absolute;
    width: 5%;
    height: 100%;
    left: 0;
    top: 0;
    transition: width 4.5s;
}

.preload {
    /*opacity: 0.5;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.animated-fast {
    height: 15%;
    display: block;
    margin: 25% auto;
    animation: pulse-lg 1.75s infinite;
}

@-webkit-keyframes pulse-lg {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse-lg {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes pulse-lg {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse-lg {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.main .map-yandex .header {
    text-align: center;
    font-size: 58px;
    font-family: OpiumNew;
    color: #0a1944;
}

.main .map-yandex .desc {
    margin: 30px auto;
    font-family: Montserrat;
    font-size: 26px;
    line-height: 1.5;
    color: #0a1944;
}


@media ( max-width: 479px ) {
    .animated-fast {
        height: 15%;
        margin: 90% auto;
    }

    .main .map-yandex .desc {
        font-family: Montserrat;
        font-size: 16px;
    }

    .main .map-yandex .header {

        text-align: left;
        font-size: 27px;
        font-family: OpiumNew;
    }
}

@media ( min-width: 480px ) {


}

@media ( max-width: 599px ) {


}

@media ( min-width: 600px ) {

}

@media ( min-width: 660px ) {
    .animated-fast {
        margin: 70% auto;
    }
}

@media ( min-width: 700px ) {
    .animated-fast {
        margin: 50% auto;
    }

}
@media ( min-width: 768px ) {
    .animated-fast {
        margin: 50% auto;
    }
}

@media (min-width: 782px) {
    .animated-fast {
        margin: 80% auto;
    }
}

@media ( min-width: 1000px ) {
    .animated-fast {
        margin: 50% auto;
    }
}


@media ( min-width: 1220px ) {
    .animated-fast {
        margin: 25% auto;
    }
}

@media ( min-width: 1240px ) {
    .animated-fast {
        margin: 25% auto;
    }

}

@media ( min-width: 1280px ) {
    .animated-fast {
        margin: 25% auto;
    }

}

@media ( min-width: 1330px ) {

    .animated-fast {
        margin: 25% auto;
    }
}