.loader {
    position: fixed;
    left: 48%;
    top: 47%;
    border: 8px solid #D0D0D0;
    border-radius: 50%;
    border-top: 8px solid #ff7e18;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    z-index: 9999999999999;
    background: transparent;
    opacity: 1.0;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.overlayloader {
    background: #e9e9e9;
    /*    display: none;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 9999999999998;
}

.loadertext {
    position: fixed;
    left: 49.3%;
    top: 50.85%;
    color: #ff7e18;
    font-family: "Lucida Console", Courier, monospace;
    font-weight: bold;
    opacity: 1.0;
    z-index: 9999999999999;
    /*    animation-name: example;
    animation: 1s linear infinite;*/
    -webkit-animation: example 2s linear infinite; /* Safari */
    animation: example 2s linear infinite;
    background: transparent;
}

@keyframes example {
    from {
        color: #ff7e18;
    }

    to {
        color: #D0D0D0;
    }
}