/*--- preloader ---*/

:root {
    /**
  @font family declaration
  */
    --tp-ff-body: 'Jost', sans-serif;
    ;
    --tp-ff-heading: 'Jost', sans-serif;
    ;
    --tp-ff-fontawesome: Font Awesome 5 Pro;
    /**
  @color declaration
  */
    --tp-common-white: #ffffff;
    --tp-common-black: #101010;
    --tp-common-black-2: #0e1e2a;
    --tp-heading-primary: #101010;
    --tp-grey-1: #f4f8fb;
    --tp-grey-2: #e5eef6;
    --tp-text-body: #666666;
    --tp-theme-1: #104cba;
    --tp-theme-2: #053895;
    --tp-border-1: #e7eff7;
    --tp-border-2: #434f59;
}
.dark #preloader {
    background-color: var(--tp-theme-1);
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    z-index: 999999;
}

.preloader {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0px;
    text-align: left;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

    .preloader span {
        position: absolute;
        display: inline-block;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: var(--tp-theme-1);
        -webkit-animation: preloader 1.3s linear infinite;
        animation: preloader 1.3s linear infinite;
    }

        .preloader span:last-child {
            animation-delay: -0.9s;
            -webkit-animation-delay: -0.9s;
        }

@keyframes preloader {
    0% {
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}
/*--- end of preloader ---*/