#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 999999;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
}

#preloader.hide {
  transition: visibility 0s 500ms, opacity 500ms linear;
  opacity: 0;
  visibility: hidden;
}

.own-load {
  -webkit-animation: 2000ms linear 0s normal none infinite running own-load;
  animation: 2000ms linear 0s normal none infinite running own-load;
  background: transparent none repeat scroll 0 0;
  border-color: #dddddd #dddddd #181e3b;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  height: 40px;
  left: calc(50% - 20px);
  position: relative;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 9;
}

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

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