.ahvr-animated.animated-box:hover > * {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.ahvr-animated {
  /* Attention Seekers */
  /* Rotating Entrances */
  /* bounces */
  /* fades */
  /* Rotating Exits */
  /* Sliding Entrances */
  /* Sliding Exits */
  /*Zoom Entrances  */
}

.ahvr-animated:hover .animated-bounce,
.ahvr-animated:hover.animated-bounce > * {
  animation-name: bounce;
}

.ahvr-animated:hover .animated-flash,
.ahvr-animated:hover.animated-flash > * {
  animation-name: flash;
}

.ahvr-animated:hover .animated-pulse,
.ahvr-animated:hover.animated-pulse > * {
  animation-name: pulse;
}

.ahvr-animated:hover .animated-rubberBand,
.ahvr-animated:hover.animated-rubberBand > * {
  animation-name: rubberBand;
}

.ahvr-animated:hover .animated-shake,
.ahvr-animated:hover.animated-shake > * {
  animation-name: shake;
}

.ahvr-animated:hover .animated-swing,
.ahvr-animated:hover.animated-swing > * {
  animation-name: swing;
}

.ahvr-animated:hover .animated-tada,
.ahvr-animated:hover.animated-tada > * {
  animation-name: tada;
}

.ahvr-animated:hover .animated-wobble,
.ahvr-animated:hover.animated-wobble > * {
  animation-name: wobble;
}

.ahvr-animated:hover .animated-jello,
.ahvr-animated:hover.animated-jello > * {
  animation-name: jello;
}

.ahvr-animated:hover .animated-rotateIn,
.ahvr-animated:hover.animated-rotateIn > * {
  animation-name: rotateIn;
}

.ahvr-animated:hover .animated-rotateInDownLeft,
.ahvr-animated:hover.animated-rotateInDownLeft > * {
  animation-name: rotateInDownLeft;
}

.ahvr-animated:hover .animated-rotateInDownRight,
.ahvr-animated:hover.animated-rotateInDownRight > * {
  animation-name: rotateInDownRight;
}

.ahvr-animated:hover .animated-rotateInUpLeft,
.ahvr-animated:hover.animated-rotateInUpLeft > * {
  animation-name: rotateInUpLeft;
}

.ahvr-animated:hover .animated-rotateInUpRight,
.ahvr-animated:hover.animated-rotateInUpRight > * {
  animation-name: rotateInUpRight;
}

.ahvr-animated:hover .animated-bounceIn,
.ahvr-animated:hover.animated-bounceIn > * {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

.ahvr-animated:hover .animated-bounceInDown,
.ahvr-animated:hover.animated-bounceInDown > * {
  animation-name: bounceInDown;
}

.ahvr-animated:hover .animated-bounceInLeft,
.ahvr-animated:hover.animated-bounceInLeft > * {
  animation-name: bounceInLeft;
}

.ahvr-animated:hover .animated-bounceInRight,
.ahvr-animated:hover.animated-bounceInRight > * {
  animation-name: bounceInRight;
}

.ahvr-animated:hover .animated-bounceInUp,
.ahvr-animated:hover.animated-bounceInUp > * {
  animation-name: bounceInUp;
}

.ahvr-animated:hover .animated-bounceOut,
.ahvr-animated:hover.animated-bounceOut > * {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

.ahvr-animated:hover .animated-bounceOutDown,
.ahvr-animated:hover.animated-bounceOutDown > * {
  animation-name: bounceOutDown;
}

.ahvr-animated:hover .animated-bounceOutLeft,
.ahvr-animated:hover.animated-bounceOutLeft > * {
  animation-name: bounceOutLeft;
}

.ahvr-animated:hover .animated-bounceOutRight,
.ahvr-animated:hover.animated-bounceOutRight > * {
  animation-name: bounceOutRight;
}

.ahvr-animated:hover .animated-bounceOutUp,
.ahvr-animated:hover.animated-bounceOutUp > * {
  animation-name: bounceOutUp;
}

.ahvr-animated:hover .animated-fadeIn, .ahvr-animated:hover.animated-fadeIn {
  animation-name: fadeIn;
}

.ahvr-animated:hover .animated-fadeInDown, .ahvr-animated:hover.animated-fadeInDown {
  animation-name: fadeInDown;
}

.ahvr-animated:hover .animated-fadeInDownBig, .ahvr-animated:hover.animated-fadeInDownBig {
  animation-name: fadeInDownBig;
}

.ahvr-animated:hover .animated-fadeInLeft, .ahvr-animated:hover.animated-fadeInLeft {
  animation-name: fadeInLeft;
}

.ahvr-animated:hover .animated-fadeInLeftBig, .ahvr-animated:hover.animated-fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

.ahvr-animated:hover .animated-fadeInRight, .ahvr-animated:hover.animated-fadeInRight {
  animation-name: fadeInRight;
}

.ahvr-animated:hover .animated-fadeInRightBig, .ahvr-animated:hover.animated-fadeInRightBig {
  animation-name: fadeInRightBig;
}

.ahvr-animated:hover .animated-fadeInUp, .ahvr-animated:hover.animated-fadeInUp {
  animation-name: fadeInUp;
}

.ahvr-animated:hover .animated-fadeInUpBig, .ahvr-animated:hover.animated-fadeInUpBig {
  animation-name: fadeInUpBig;
}

.ahvr-animated:hover .animated-fadeOut, .ahvr-animated:hover.animated-fadeOut {
  animation-name: fadeOut;
}

.ahvr-animated:hover .animated-fadeOutDown, .ahvr-animated:hover.animated-fadeOutDown {
  animation-name: fadeOutDown;
}

.ahvr-animated:hover .animated-fadeOutDownBig, .ahvr-animated:hover.animated-fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

.ahvr-animated:hover .animated-fadeOutLeft, .ahvr-animated:hover.animated-fadeOutLeft {
  animation-name: fadeOutLeft;
}

.ahvr-animated:hover .animated-fadeOutLeftBig, .ahvr-animated:hover.animated-fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

.ahvr-animated:hover .animated-fadeOutRight, .ahvr-animated:hover.animated-fadeOutRight {
  animation-name: fadeOutRight;
}

.ahvr-animated:hover .animated-fadeOutRightBig, .ahvr-animated:hover.animated-fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

.ahvr-animated:hover .animated-fadeOutUp, .ahvr-animated:hover.animated-fadeOutUp {
  animation-name: fadeOutUp;
}

.ahvr-animated:hover .animated-fadeOutUpBig, .ahvr-animated:hover.animated-fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

.ahvr-animated:hover .animated-rotateOut,
.ahvr-animated:hover.rotateOu.animated- > * {
  animation-name: rotateOut;
}

.ahvr-animated:hover .animated-rotateOutDownLeft,
.ahvr-animated:hover.animated-rotateOutDownLeft > * {
  animation-name: rotateOutDownLeft;
}

.ahvr-animated:hover .animated-rotateOutDownRight,
.ahvr-animated:hover.animated-rotateOutDownRight > * {
  animation-name: rotateOutDownRight;
}

.ahvr-animated:hover .animated-rotateOutUpLeft,
.ahvr-animated:hover.animated-rotateOutUpLeft > * {
  animation-name: rotateOutUpLeft;
}

.ahvr-animated:hover .animated-rotateOutUpRight,
.ahvr-animated:hover.animated-rotateOutUpRight > * {
  animation-name: rotateOutUpRight;
}

.ahvr-animated:hover .animated-slideInDown,
.ahvr-animated:hover.animated-slideInDown > * {
  animation-name: slideInDown;
}

.ahvr-animated:hover .animated-slideInLeft,
.ahvr-animated:hover.animated-slideInLeft > * {
  animation-name: slideInLeft;
}

.ahvr-animated:hover .animated-slideInRight,
.ahvr-animated:hover.animated-slideInRight > * {
  animation-name: slideInRight;
}

.ahvr-animated:hover .animated-slideInUp,
.ahvr-animated:hover.animated-slideInUp > * {
  animation-name: slideInUp;
}

.ahvr-animated:hover .animated-slideOutDown,
.ahvr-animated:hover.animated-slideOutDown > * {
  animation-name: slideOutDown;
}

.ahvr-animated:hover .animated-slideOutLeft,
.ahvr-animated:hover.animated-slideOutLeft > * {
  animation-name: slideOutLeft;
}

.ahvr-animated:hover .animated-slideOutRight,
.ahvr-animated:hover.animated-slideOutRight > * {
  animation-name: slideOutRight;
}

.ahvr-animated:hover .animated-slideOutUp,
.ahvr-animated:hover.animated-slideOutUp > * {
  animation-name: slideOutUp;
}

.ahvr-animated:hover .animated-zoomIn,
.ahvr-animated:hover.animated-zoomIn > * {
  animation-name: zoomIn;
}

.ahvr-animated:hover .zoomInDown, .ahvr-animated:hover.zoomInDown {
  animation-name: zoomInDown;
}

.ahvr-animated:hover .zoomInLeft, .ahvr-animated:hover.zoomInLeft {
  animation-name: zoomInLeft;
}

.ahvr-animated:hover .zoomInRight, .ahvr-animated:hover.zoomInRight {
  animation-name: zoomInRight;
}

.ahvr-animated:hover .zoomInUp, .ahvr-animated:hover.zoomInUp {
  animation-name: zoomInUp;
}

.ahvr-animated:hover .zoomOut, .ahvr-animated:hover.zoomOut {
  animation-name: zoomOut;
}

.ahvr-animated:hover .zoomOutDown, .ahvr-animated:hover.zoomOutDown {
  animation-name: zoomOutDown;
}

.ahvr-animated:hover .zoomOutLeft, .ahvr-animated:hover.zoomOutLeft {
  animation-name: zoomOutLeft;
}

.ahvr-animated:hover .zoomOutRight, .ahvr-animated:hover.zoomOutRight {
  animation-name: zoomOutRight;
}

.ahvr-animated:hover .zoomOutUp, .ahvr-animated:hover.zoomOutUp {
  animation-name: zoomOutUp;
}

.ahvr-square {
  position: relative;
}

.ahvr-square .image {
  display: block;
  width: 100%;
  height: auto;
}

.ahvr-square .overlay {
  position: absolute;
  background-color: #30A9DE;
  overflow: hidden;
  transition: .5s ease;
}

.ahvr-square .middle {
  color: #f3f3f3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 1rem;
}

/*
=========================================================
zoom image
=========================================================
*/
.ahvr-square.ahvr-zoom-image {
  transition: transform .3s;
}

.ahvr-square.ahvr-zoom-image:hover {
  transform: scale(1.05);
}

.overlay-hidden {
  overflow: hidden;
}

/* Aninated Middle
=========================== */
.ahvr-middle-from-top .middle {
  top: 0;
  transition: top .3s;
}

.ahvr-middle-from-top:hover .overlay .middle {
  top: 50%;
}

.ahvr-middle-from-bottom .middle {
  top: 100% !important;
  transition: top .3s;
}

.ahvr-middle-from-bottom:hover .overlay .middle {
  top: 50% !important;
}

.ahvr-middle-from-left .middle {
  left: 0;
  transition: left 0.3 !important;
}

.ahvr-middle-from-left:hover .overlay .middle {
  left: 50%;
}

.ahvr-middle-from-right .middle {
  left: 100%;
  transition: left 0.3 !important;
}

.ahvr-middle-from-right:hover .overlay .middle {
  left: 50%;
}

.ahvr-boxed-image .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(33, 33, 33, 0.75);
  transition: all .25s ease-in-out;
}

.ahvr-boxed-image:hover .overlay {
  background-color: rgba(33, 33, 33, 0.45);
}

.ahvr-boxed-image .middle .box-icon {
  font-size: 2.5rem;
}

.ahvr-boxed-image .middle .box-title {
  font-weight: 600;
}

.ahvr-boxed-image .middle .box-text {
  font-weight: 300;
  font-size: 1rem;
}

.ahvr-boxed-image.overlay-opacity {
  overflow: hidden;
}

.ahvr-boxed-image.overlay-opacity .overlay {
  opacity: 0;
}

.ahvr-boxed-image.overlay-opacity:hover .overlay {
  opacity: 1;
}

.ahvr-box-effect-1 {
  overflow: hidden;
}

.ahvr-box-effect-1 .overlay {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: rgba(33, 33, 33, 0.57);
  height: 65px;
  max-height: 65px;
}

.ahvr-box-effect-1 .box-content {
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding: 5px 10px;
}

.ahvr-box-effect-1 .box-content .box-title {
  border-bottom: 1px dotted transparent;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.ahvr-box-effect-1 .box-content .box-text {
  width: 100%;
  bottom: 0;
  min-height: 50px;
  padding-top: 10px;
}

.ahvr-box-effect-1 .image,
.ahvr-box-effect-1 .overlay,
.ahvr-box-effect-1 .box-content {
  transition: all 1s ease-out;
}

.ahvr-box-effect-1 .box-content .box-text {
  transition: all 2s ease-out;
}

.ahvr-box-effect-1 .box-content.info-center {
  transition: all 1s ease-in-out;
}

.ahvr-box-effect-1:hover .image {
  transform: scale(1.09);
}

.ahvr-box-effect-1:hover .overlay {
  height: 100%;
  max-height: 100%;
}

.ahvr-box-effect-1:hover .overlay.box-center {
  display: flex;
  align-items: center;
}

.ahvr-box-effect-1:hover .overlay.box-start {
  display: flex;
  align-items: flex-start;
}

.ahvr-box-effect-1:hover .overlay.box-end {
  display: flex;
  align-items: flex-end;
}

.ahvr-box-effect-1:hover .box-content .box-title {
  border-bottom: 1px dotted #fff;
}

/* effects opacity hover */
.ahvr-square.effect-opacity .overlay {
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.ahvr-square.effect-opacity:hover .overlay {
  opacity: 1;
}