.slide_left {
  animation-duration: 1s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

.slide_right {
  animation-duration: 1s;
  animation-name: slidein_right;
}

@keyframes slidein_right {
  from {
    margin-left: -200%;
  }
  to {
    margin-left: 0%;
  }
}

 .spiniform {
  animation: spin 1.5s infinite linear;
  animation-iteration-count:1;
  box-shadow:0;
}
 
 
@keyframes spin {
    0%  {transform: rotate(180deg);box-shadow:0 0 10px 10px #778899;}
    100% {transform: rotate(360deg);box-shadow:0 0 10px 10px #778899;}
}

.zoominform {
  animation: zoomIn 1.5s infinite linear;
  animation-iteration-count:1;
}

@keyframes zoomIn {
	0% {
	  transform: scale(0.9,0.9);
	}
	
	100% {
	  transform: scale(1.1,1.1);
	}
}

@keyframes ani_fadein { from { opacity: 0; }  to { } }

.fadein {
	animation: ani_fadein 3s infinite linear;
  animation-iteration-count:1;
}

.slide_up {
  animation-duration: 1s;
  animation-name: slideup;
}

@keyframes slideup {
  from {
	margin-top: 65px;
  }		
  to {
	margin-top: 0;
  }		
}

.silde_down {
	  animation-duration: 1s;
	  animation-name: slidedown;
  }

@keyframes slidedown {
  from {
	margin-top: -350%;
    height: 10%
  }		
  to {
	margin-top: 0%;
    height: 100%;	
  }		
}

.icon_hover {
	box-shadow:3px 3px 5px #778899;
	z-index:999999;
	opacity:0.97;
	border-radius:5px;
	animation-duration: 1s;
	animation-name: zoomIn;
	transform: scale(1.1,1.1);
}