/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999; /* makes sure it stays on top */
background: rgba(51,55,61,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(51,55,61,1) 0%, rgba(26,28,31,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(51,55,61,1)), color-stop(100%, rgba(26,28,31,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(51,55,61,1) 0%, rgba(26,28,31,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(51,55,61,1) 0%, rgba(26,28,31,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(51,55,61,1) 0%, rgba(26,28,31,1) 100%);
background: radial-gradient(ellipse at center, rgba(51,55,61,1) 0%, rgba(26,28,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33373d', endColorstr='#1a1c1f', GradientType=1 );  
}
#status {
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
}

.spinner {
  width: 70px;
  height: 40px;
  margin: 0 auto;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ffc017;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}