.loading {
  overflow: hidden;
  height: 100vh;
}

.preloader {
  background: #fff;
  position: fixed;
  text-align: center;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display:none;
  z-index: 11000;
}

#loadingText {
 vertical-align: middle;
 text-align:center; 
 position: absolute;
 top:50%;
 left: 50%;
 transform:translate(-50%,-50%);
 color: white;
 font-family: "Exo 2", Sans-serif;
 font-weight: 800;
 font-style: italic;
 z-index: 12000;
}

.preloader4 {
  position: absolute;
  top:-100%; right:-100%; left:-100%; bottom:-100%;
  margin:auto;
  z-index:0;
  padding: 0px;
  border-radius: 50%;
  width: 100px;
  height:100px;
  background: radial-gradient(circle at 65% 15%,  #eed0e4 2px, #fdacd4 10%, #FF69B4 40%, #ca4487 80%);

  -webkit-animation: pulse 1s infinite ease-in-out alternate; /* Safari & Chrome*/
  -moz-animation: pulse 1s infinite ease-in-out alternate; /* Firefox */
  -ms-animation: pulse 1s infinite ease-in-out alternate;/* Internet Explorer */
  -o-animation: pulse 1s infinite ease-in-out alternate;/* Opera */  
  animation: pulse 1s infinite ease-in-out alternate; /* W3C */
  z-index: 12000;
}

@-webkit-keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

@-moz-keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

@-o-keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}