@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}

#main-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #d200a5 0%, #7800d1 100%) !important;
  /*background-color: #1c3070 !important; */ /*elte*/
  z-index: 10000;
  text-align: center;
  overflow: hidden;
  padding-top: calc(50vh - 100px);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#main-loader .spinner-grow {
  display:inline-block;
  width:3rem;
  height:3rem;
  vertical-align:-.125em;
  background-color: white;
  border-radius:50%;
  opacity:0;
  animation:.75s linear infinite spinner-grow
}

#main-loader .spinner-grow-sm {
  width:3rem;height:3rem
}

#main-loader span.m-1 {
  font-size: .87rem;
  color: white;
}

#main-loader.load-fade{transition:opacity .15s linear}

#main-loader .logo {
  max-width: 160px;
  margin: 0 auto 2rem auto;
}

#main-loader.hide {
  display: none !important;
}

#main-loader.loader-hide {
  opacity: 0;
}

@-webkit-keyframes fadeOut {
          0% {opacity: 1;}
          100% {opacity: 0;}
}
       
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}