#iconLoad {
  position: absolute;
  -webkit-animation: loadAnimation 2s ; /* Chrome, Safari, Opera */
  animation: loadAnimation 2s ;
}


/* Standard syntax */
@keyframes loadAnimation {
	0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} 

.load-content {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}


.fade {
  opacity: 1; /* Initially visible */
  transition: opacity 2s ease-in-out; /* Smooth fade effect */
}

.fade.hide {
  opacity: 0; /* Hidden */
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom: 0; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom: 0; opacity:1 }
}