.loading-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, .8);
    z-index: 1000;
}

.loading {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 49%;
    top: 50%;
    transform: translate(-50%, -50%);

    border: 5px solid #ccc;
    border-top-color: #ddb029;
    border-radius: 100%;

    -webkit-animation: round 2s linear infinite;
    animation: round 2s linear infinite;
}
.loading-text {
    width: auto;
    height: 500px;

    position: absolute;
    
    left: 47%;
    
    right: 0;
    top: 56%;
    bottom: 0;  
                
}
@media (max-width: 599px) {
    .loading-text {
        left: 30%;
    }
}
@-webkit-keyframes round {
    from{ transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}
@-moz-keyframes round {
    from{ transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}    
@keyframes round {
    from{ transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}