/* ==================== ##Preloader ==================== */
#preloader-wrapper {
  background-color: #fdfaf8;
  z-index: 10000;
  position: fixed;
  width: 100%;
  height: 100%; }

.preloader-container {
  position: relative;
  width: 70px;
  height: 70px;
  left: 50%;
  top: 50%;
  margin-top: -41px;
  margin-left: -41px; }
  .preloader-container > div {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 1px;
    float: left;
    background: tomato;
    transform: scale(0);
    transform-origin: center center;
    animation: loader 2s infinite linear; }
    .preloader-container > div:nth-of-type(1), .preloader-container > div:nth-of-type(5), .preloader-container > div:nth-of-type(9) {
      animation-delay: 0.4s; }
    .preloader-container > div:nth-of-type(4), .preloader-container > div:nth-of-type(8) {
      animation-delay: 0.2s; }
    .preloader-container > div:nth-of-type(2), .preloader-container > div:nth-of-type(6) {
      animation-delay: 0.6s; }
    .preloader-container > div:nth-of-type(3) {
      animation-delay: 0.8s; }

@keyframes loader {
  0% {
    transform: scale(0); }
  40% {
    transform: scale(1); }
  80% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }