#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#preloader .intrologo {
  position:fixed; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);transform-origin:center center;
  background:url("../images/unicampus.svg") center center no-repeat; background-size: contain; width:150px; height:150px;
}
#preloader .introspin {
  position:fixed; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);transform-origin:center center;
  width:200px; height:200px;border: 4px solid #f3f3f3;  -webkit-border-radius: 50%; border-radius: 50%;  border-top: 4px solid #4463ac;
  -webkit-animation: preloadspin 2s linear infinite; animation: preloadspin 2s linear infinite;
}
@-webkit-keyframes preloadspin {0% { -webkit-transform:translate(-50%, -50%) rotate(0deg) }100% { -webkit-transform:translate(-50%, -50%) rotate(360deg) }}
@keyframes preloadspin {0% { transform:translate(-50%, -50%) rotate(0deg) }100% { transform:translate(-50%, -50%) rotate(360deg) }}