.whitebg {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000;
}

#spinner {
    position: absolute;
    height:35px;
    width:35px;
    top: 50%;
    border:3px solid rgba(226, 226, 226, 0.75);
    border-radius:100%;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
}

.no-csstransforms #spinner {
    background:url(images/preloader.gif) no-repeat scroll 0 0;
    width: 38px;
    height: 38px;
    border: 0;
    margin-left: -19px;
    margin-top: -19px;
}

.no-csstransforms #spinner:before {
    border: 0;
}

#spinner:before {
   content:"";
   display:block;
   position:absolute;
   left:-3px;
   top:-3px;
   height:100%;
   width:100%;
   border-top:3px solid rgba(0,0,0,1);
   border-left: 3px solid #000;
   border-bottom:3px solid transparent;
   border-right: 3px solid #000;
   border-radius:100%;
}
@-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);}
}