.pleasewait-loader {
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	/*margin: 100px auto;*/
	/*top: 5%;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:14px;
	color: rgb(173,0,28);
	letter-spacing: 0.2em;
}
.pleasewait-loader::before, .pleasewait-loader::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: rgb(246,143,33);
	position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.pleasewait-loader::before {
	top: 0;
}
.pleasewait-loader::after {
	bottom: 0;
}

@keyframes cssload-load {
	0% {
		left: 0;
		height: 24px;
		width: 12px;
	}
	50% {
		height: 6px;
		width: 32px;
	}
	100% {
		left: 188px;
		height: 24px;
		width: 12px;
	}
}

@-o-keyframes cssload-load {
	0% {
		left: 0;
		height: 24px;
		width: 12px;
	}
	50% {
		height: 6px;
		width: 32px;
	}
	100% {
		left: 188px;
		height: 24px;
		width: 12px;
	}
}

@-ms-keyframes cssload-load {
	0% {
		left: 0;
		height: 24px;
		width: 12px;
	}
	50% {
		height: 6px;
		width: 32px;
	}
	100% {
		left: 188px;
		height: 24px;
		width: 12px;
	}
}

@-webkit-keyframes cssload-load {
	0% {
		left: 0;
		height: 24px;
		width: 12px;
	}
	50% {
		height: 6px;
		width: 32px;
	}
	100% {
		left: 188px;
		height: 24px;
		width: 12px;
	}
}

@-moz-keyframes cssload-load {
	0% {
		left: 0;
		height: 24px;
		width: 12px;
	}
	50% {
		height: 6px;
		width: 32px;
	}
	100% {
		left: 188px;
		height: 24px;
		width: 12px;
	}
}