.page-loading {
	position: fixed;
	z-index: 99999 !important;
	left: 0; 
	top: 0px; 
	right: 0px; 
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width:60px;
	height:40px;
	margin-left: -17.5px; 
	margin-top: -20px; 
	padding-top:10px;
}

.loading-bar {
    display: inline-block;
    width: 5px;
    height:20px;
    border-radius:0px;
    animation: loading 1s ease-in-out infinite;
    margin-right: 1px;
    margin-left: 1px;
}
.loading-bar:nth-child(1) {
    background-color: #ff8204;
    animation-delay: 0;
}
.loading-bar:nth-child(2) {
    background-color: #1b1a1b;
    animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
    background-color: #ff8204;
    animation-delay: .18s;
}
.loading-bar:nth-child(4) {
    background-color: #1b1a1b;
    animation-delay: .27s;
}
.loading-bar:nth-child(5) {
    background-color: #ff8204;
    animation-delay: .36s;
}

@keyframes loading {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1, 2.0);
    }
    40% {
        transform: scale(1);
    }
}