.preloader {
    position:relative;
    margin:0 auto;
    margin-top: 30px;
	margin-bottom: 30px;
    line-height: 200px;
    width: 54px;
    height: 54px;
}

.preloader span.loader {
    width:50px; height:50px; position:absolute; font-size:10px; 
    top: 0px; left: 0px;
	border:2px solid rgba(0,0,0, 0.08); border-left:2px solid rgba(51,63,79,1);
  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
   -webkit-animation:spinner 800ms infinite linear; -moz-animation:spinner 800ms infinite linear; -ms-animation:spinner 800ms infinite linear; -o-animation:spinner 800ms infinite linear; animation:spinner 800ms infinite linear;
}
@-webkit-keyframes spinner {
  0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@-moz-keyframes spinner {
  0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@-o-keyframes spinner {
  0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes spinner {
  0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}