.loader-scroll-hidden{
    overflow: hidden;
}

.loader-scroll-show{
    overflow: auto;
}

#loader{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #f7fafc;
    z-index: 997;
}

.loader-preloader{
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 998;
}

.circle-loader{
    border-radius: 50%;
    padding: 10px;
    margin: 10px;
    -webkit-animation: spin 5s infinite;
    animation: spin 7s infinite;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    z-index: 999;
    border: 4px solid #ff4081;
    /*border-top-color: #ffd600;*/
    /*border-right-color: #b4b4b4;*/
    /*border-left-color: #fb6340;*/
    border-top-color: #f7fafc;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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