.hidden {
  display: none;
}

.ajax-preloader{
  position: fixed;
  z-index: 100;
  /*Размеры циферблата*/
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -150px;
  /*фон, циферблат*/
  background: url('#');
}
.ajax-preloader-m{
  position: absolute;
  /*размеры минутной стрелки*/
  width: 12px;
  height: 148px;
  left: 145px;
  bottom: 120px;
  /*Изображение минутной стрелки*/
  background: url('#');
}
/*Анимация минутной стрелки*/
.ajax-preloader--animated .ajax-preloader-m{
  animation: preloaderm 3s linear infinite;
  transform-origin: 100% 0;
  transform-origin: 5px 118px;
}
@keyframes preloaderm{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.ajax-preloader-h{
  position: absolute;
  /*размеры часовой стрелки*/
  width: 12px;
  height: 115px;
  left: 145px;
  bottom: 120px;
  /*Изображение часовой стрелки*/
  background: url('#');
}
/*Анимация часовой стрелки*/
.ajax-preloader--animated .ajax-preloader-h{
  animation: preloaderh 36s steps(12, end) infinite;
  transform-origin: 100% 0;
  transform-origin: 5px 85px;
}
@keyframes preloaderh{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*Тень*/
.ajax-preloader-shadow{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  top: 0;
  left: 0;
  z-index: 80;
}