/* ----------------------------------------
    Preloader
---------------------------------------- */

.preloader-circle,
.preloader {
    position: fixed;
    width: 260vw;
    height: 260vw;
    margin-left: -130vw;
    margin-top: -130vw;
    background-color: #fff;
    z-index: 50;
    border-radius: 50%;
    -webkit-transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.preloader-circle {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
}

.preloader {
    left: 50%;
    top: 50%;
}

.preloader-circle, .preloader.preloader--disappearing {
    -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
}

.preloader-circle--appearing {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}