.spinner{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, .8);
	z-index: 300;
	display: none;
}
	.spinner .content{
		display: block;
		height: 60px;
		position: absolute;
		top: 40%;
		right: 0;
		left: 0;
		text-align: center;
	}
		.spinner span.message{
			display: inline-block;
			height: 50px;
			/* background: url(../images/spinner.gif) no-repeat left center; */
			/* padding: 0 60px; */
			font: 300 30px/50px 'Open Sans', sans-serif;
			color: #2694bf;
			color: #51aed3;
			text-shadow: 0px 0px 5px #fff;
			white-space: nowrap;
			vertical-align: middle;
			/* position: relative; */
			cursor: default;
		}
		/* .spinner span.slow{
			display: none;
			position: absolute;
			left: 60px;
			top: 70px;
			font: 300 18px 'Open Sans', sans-serif;
			text-align: left;
			color: #6D96A6;
			border-left: 5px solid #d4edfa;
			padding-left: 10px;
		} */
		.spinner span.slow{
			display: none;
			position: absolute;
			left: 20px;
			right: 20px;
			top: 70px;
			font: 300 18px 'Open Sans', sans-serif;
			text-align: center;
			color: #6D96A6;
			cursor: default;
		} 
	.spinner .progress{
		display: block;
		height: 5px;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		
	}
		.spinner .progress div{
			display: block;
			height: 5px;
			width: 0%;
			background-color: #01A4E0;
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
		}

.pageLoader{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	/* background: #56b0d3 url(../images/preloader.gif) no-repeat center center; */
	/*background-color: #fff;*/
	z-index: 9999;
	display: none;
}