/* ==============
  preloader
===================*/
.ic-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;

    &::before {
        position: absolute;
        content: '';
        background-color: rgba(255, 255, 255, 0.89);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ic-inner-preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999999;

        /* DOUBLE BORDER SPINNER */
        .db-spinner {
            width: 75px;
            height: 75px;
            border-radius: 50%;
            border: 4px solid $primary;
            border-top-color: transparent;
            border-bottom-color: transparent;
            -webkit-animation: 1s spin linear infinite;
            animation: 1s spin linear infinite;

            @media (max-width: 575px) {
                width: 50px;
                height: 50px;
            }
        }
    }


}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}