.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   margin: 0px auto;
   margin-left: -80px;
   height:80px;
   width:80px;
   -webkit-animation: rotation 2s infinite linear;
   -moz-animation: rotation 2s infinite linear;
   -o-animation: rotation 2s infinite linear;
   animation: rotation 2s infinite linear;
   border-left:10px solid rgba(175,25,25,.15);
   border-right:10px solid rgba(175,25,25,.15);
   border-bottom:10px solid rgba(175,25,25,.15);
   border-top:10px solid rgba(175,25,25,.8);
   border-radius:100%;
   background-color: rgba(255,255,255,0.7);
   z-index:9999;
   display:none;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}