.loader{
	position: fixed;
	background:#fff;
	z-index:11000;
	height:100%;
	width:100%;
	overflow:hidden;
}


.spinner {
	margin: auto;
	width: 180px;
	height: 40px;
	position: relative;
	text-align: center;
	position: absolute;
	left: 45%;
	right: 55%;
	top: 30%;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;

}

@media screen and (max-width: 480px) {
.spinner {
	margin: auto;
	width: 180px;
	height: 40px;
	padding-left: 55px;
	position: relative;
	text-align: center;
	position: absolute;
	left: 20%;
	right: 80%;
	top: 30%;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;

}
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}


.spinner a {
opacity:0;
-webkit-animation: fadeIn 3s ease-in-out;
-moz-animation: fadeIn 3s ease-in-out;
-o-animation: fadeIn 3s ease-in-out;
animation: fadeIn 3s ease-in-out; 
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #CC1F25;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #CC1F25;
}

.spinner .bounce3 {
  background-color: #CC1F25;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}