#preloader {
   position: fixed;
   z-index: 10000;
   left: 0;
   right: 0;
   top: 0;    
   bottom: 0;
   background: #fff;  
   display:none; 
}

#preloader .spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   margin:-50px 0 0 -50px;
   width: 100px;
   height:100px;
}

.spinner div{
	width: 4px;
	height: 20px;
	background: #660400;
	position: absolute;
	top: 35px;
	left: 45px;
	opacity:0.08;

	-webkit-animation: fadeit 1.21s linear infinite;
	animation: fadeit 1.21s linear infinite;
}
.spinner div:nth-child(1){
	-webkit-transform: rotate(0deg) translate(0, -20px);
	transform: rotate(0deg) translate(0, -20px);

	-webkit-animation-delay:0.33s;
	animation-delay:0.33s;
}
.spinner div:nth-child(2){
	-webkit-transform: rotate(36deg) translate(0, -20px);
	transform: rotate(36deg) translate(0, -20px);

	-webkit-animation-delay:0.45s;
	animation-delay:0.45s;
}
.spinner div:nth-child(3){
	-webkit-transform: rotate(72deg) translate(0, -20px);
	transform: rotate(72deg) translate(0, -20px);

	-webkit-animation-delay:0.57s;
	animation-delay:0.57s;
}
.spinner div:nth-child(4){
	-webkit-transform: rotate(108deg) translate(0, -20px);
	transform: rotate(108deg) translate(0, -20px);

	-webkit-animation-delay:0.69s;
	animation-delay:0.69s;
}
.spinner div:nth-child(5){
	-webkit-transform: rotate(144deg) translate(0, -20px);
	transform: rotate(144deg) translate(0, -20px);

	-webkit-animation-delay:0.81s;
	animation-delay:0.81s;
}
.spinner div:nth-child(6){
	-webkit-transform: rotate(180deg) translate(0, -20px);
	transform: rotate(180deg) translate(0, -20px);

	-webkit-animation-delay:0.93s;
	animation-delay:0.93s;
}
.spinner div:nth-child(7){
	-webkit-transform: rotate(216deg) translate(0, -20px);
	transform: rotate(216deg) translate(0, -20px);

	-webkit-animation-delay:1.05s;
	animation-delay:1.05s;
}
.spinner div:nth-child(8){
	-webkit-transform: rotate(252deg) translate(0, -20px);
	transform: rotate(252deg) translate(0, -20px);

	-webkit-animation-delay:1.17s;
	animation-delay:1.17s;
}
.spinner div:nth-child(9){
	-webkit-transform: rotate(288deg) translate(0, -20px);
	transform: rotate(288deg) translate(0, -20px);

	-webkit-animation-delay:1.29s;
	animation-delay:1.29s;
}
.spinner div:nth-child(10){
	-webkit-transform: rotate(324deg) translate(0, -20px);
	transform: rotate(324deg) translate(0, -20px);

	-webkit-animation-delay:1.41s;
	animation-delay:1.41s;
}
@-webkit-keyframes fadeit{
	0%{ opacity:0.8; }
	100%{ opacity:0;}
}
@keyframes fadeit{
	0%{ opacity:0.8; }
	100%{ opacity:0;}
}