img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.reveal-effect::before {
	content: '';
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(209, 14, 14, 0.2);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease-out;
  }
  
  .reveal-effect:hover::before {
	transform: scaleX(1);
  }


/* circle */
.hoverImgCircle {
	position: relative;
}
.hoverImgCircle::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hoverImgCircle:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}


@keyframes floatFade {
	0% {
	  transform: translateY(0);
	  opacity: 1;
	}
	50% {
	  transform: translateY(-10px);
	  opacity: 0.7;
	}
	100% {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  
  .float-fade {
	animation: floatFade 2s ease-in-out infinite;
  }
  
  .delay-1 {
	animation-delay: 0s;
  }
  .delay-2 {
	animation-delay: 0.2s;
  }
  .delay-3 {
	animation-delay: 0.4s;
  }
  .delay-4 {
	animation-delay: 0.6s;
  }
  .delay-5 {
	animation-delay: 0.8s;
  }
  .delay-6 {
	animation-delay: 1s;
  }