#loader{
	position: fixed ;
	width: 100% ;
	height: 100% ;
	top: 0px ;
	left: 0px ;
	
	background-color: #FFF ;
	z-index: 3000 ;
}

div.loading{
	margin: -50px 0px 0px -50px;
	border-style: solid;
	border-width: 9px;
	border-color: #C0C0C0 #F8F8F8 #C0C0C0 #F8F8F8;
	border-radius: 50%;
	
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	
	animation: spinning 0.75s linear 0s infinite;
	
	transition: width .25s, height .25s ;
}

div.message{
	position: relative ;
	top: 50% ;
	
	transform: translateY( -50% ) ;
	font-size: 16px ;
	color: #000 ;
	
	text-align: center ;
	display: none ;
}

@keyframes spinning{
	from{ transform: rotate( 0deg ) }
	to{ transform: rotate( 360deg ) }
}


@media ( max-width: 915px ){
	div.loading{
		width: 75px ;
		height: 75px ;
	}
}