.preloader-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0; 
	bottom: 0;
	height:300px;
	background: #fff;
	z-index : 5; 
}

.percentage {
	z-index: 100;
	border: 1px solid #fff;
	text-align:center;
	color: #fff;
	line-height: 30px;
	font-size : 15px;
}

.loader,
.percentage{
	height:9px;
	max-width: 300px; 
	/*border: 1px solid #fff;
	border-radius: 20px;*/
	font-weight: 300;
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
	margin : auto;
	opacity:0.6;
}
.loader:after,
.percentage:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;
  /*border-radius: 20px;*/
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}

.loadbar {
	width: 0%;
	height: 100%;
	background: repeating-linear-gradient(
	45deg, 
	#04915f, 
	#3cb88c 10px, 
	#48a65c 10px,
	#ffffff 20px
	); /* Stripes Background Gradient */
	box-shadow: 0px 0px 14px 1px #04915f; 
	position: absolute;
	top: 0;
	left: 0;
	animation: flicker 5s infinite;
	overflow: hidden;
}


.glow {
	width: 0%;
	height: 0%;
	/*border-radius: 20px;*/
	/*box-shadow: 0px 0px 60px 10px #008737;*/
	position: absolute;
	bottom: -5px;
	animation: animation 5s infinite;
}

@keyframes animation {
	10% {
	opacity: 0.9;
	}
	30% {
	opacity: 0.86;
	}
	60% {
	opacity: 0.8;
	}
	80% {
	opacity: 0.75;
	}
}