.new-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    background: var(--global--color1);

    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.new-loading.active {
    opacity: 1;
    visibility: visible;
}
.new-loading-layer1 {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--global--color7);
}
.new-loading-layer2 {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 160px;
    margin: auto;
    transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
}
.loader-img {
    position: relative;    
    max-width: 160px;
    margin: auto;
    padding-bottom: 20px;
}
.loader {
	width: 100%;
	height: 2px;
	display: inline-block;
	position: relative;
	background: var(--global--color1);
	overflow: hidden;
}
.loader::after {
	content: '';
	width: 192px;
	height: 2px;
	background: var(--global--color4);
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	animation: animloader 2s linear infinite;
}

@keyframes animloader {
	0% {
		left: 0;
		transform: translateX(-100%);
	}
	100% {
		left: 100%;
		transform: translateX(0%);
	}
}