.cssload-loader{
	position: relative;
	width: 206px;
	height: 28px;
	left: 25%;
	left: calc(50% - 103px);
		left: -o-calc(50% - 103px);
		left: -ms-calc(50% - 103px);
		left: -webkit-calc(50% - 103px);
		left: -moz-calc(50% - 103px);
}

.cssload-loader:after{
	content: "Loading";
	text-transform:uppercase;
	color: rgb(255,255,255);
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	position: absolute;
	width: 100%;
	height: 28px;
	line-height: 28px;
	left: 0;
	top: 0;
	background-color: rgb(215,35,35);
	z-index: 1;
	font-weight: 700;
}

.cssload-loader:before{
	content: "";
	position: absolute;
	background-color: rgb(0,0,0);
	top: -7px;
	left: 0px;
	height: 41px;
	width: 0px;
	z-index: 0;
	opacity: 1;
	transform-origin:	100% 0%;
		-o-transform-origin:	100% 0%;
		-ms-transform-origin:	100% 0%;
		-webkit-transform-origin:	100% 0%;
		-moz-transform-origin:	100% 0%;
	animation: cssload-loader 11.5s ease-in-out infinite;
		-o-animation: cssload-loader 11.5s ease-in-out infinite;
		-ms-animation: cssload-loader 11.5s ease-in-out infinite;
		-webkit-animation: cssload-loader 11.5s ease-in-out infinite;
		-moz-animation: cssload-loader 11.5s ease-in-out infinite;
}






@keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-o-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-ms-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-webkit-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-moz-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}