/*.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  
  background: blue; background: none repeat scroll 0 0 #ffffff;
  background: linear-gradient(to bottom, #001A7B, #0A0E29);
}*/


.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(to bottom, #001A7B, #0A0E29);
   z-index: 999999;
}



.spinner {
   position: absolute;
   top: 48%;
   left: 48%;
   width: 40px;
   height: 40px;
   position: relative;
   text-align: center;

   -webkit-animation: sk-rotate 2.0s infinite linear;
   animation: sk-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
   width: 60%;
   height: 60%;
   display: inline-block;
   position: absolute;
   top: 0;
   background-color: white;
   border-radius: 100%;

   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
   top: auto;
   bottom: 0;
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
   100% {
      -webkit-transform: rotate(360deg)
   }
}

@keyframes sk-rotate {
   100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg)
   }
}

@-webkit-keyframes sk-bounce {

   0%,
   100% {
      -webkit-transform: scale(0.0)
   }

   50% {
      -webkit-transform: scale(1.0)
   }
}

@keyframes sk-bounce {

   0%,
   100% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
   }

   50% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
   }
}