.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;
}

/* Background  */
.ahvr-bg-primary,
.ahvr-bg-primary .overlay {
  background: #30A9DE !important;
}

.ahvr-bg-secondary,
.ahvr-bg-secondary .overlay {
  background: #EFDC05 !important;
}

.ahvr-bg-primary-light,
.ahvr-bg-primary-light .overlay {
  background: #82CDEE !important;
}

.ahvr-bg-primary-dark,
.ahvr-bg-primary-dark .overlay {
  background: #0474A5 !important;
}

.ahvr-bg-ahvr-black,
.ahvr-bg-ahvr-black .overlay {
  background: #212121 !important;
}

.ahvr-bg-ahvr-white,
.ahvr-bg-ahvr-white .overlay {
  background: #f3f3f3 !important;
}
.ahvr-bg-ahvr-white > *,
.ahvr-bg-ahvr-white .overlay > * {
  color: #212121 !important;
}

/* Background Transparent - 50  */
.ahvr-bg-primary-50,
.ahvr-bg-primary-50 .overlay {
  background: rgba(48, 169, 222, 0.5) !important;
}

.ahvr-bg-secondary-50,
.ahvr-bg-secondary-50 .overlay {
  background: rgba(239, 220, 5, 0.5) !important;
}

.ahvr-bg-ahvr-black-50,
.ahvr-bg-ahvr-black-50 .overlay {
  background: rgba(33, 33, 33, 0.5) !important;
  color: #f3f3f3;
}

.ahvr-bg-ahvr-white-50,
.ahvr-bg-ahvr-white-50 .overlay {
  background: rgba(243, 243, 243, 0.5) !important;
  color: #212121 !important;
}
.ahvr-bg-ahvr-white-50 .middle,
.ahvr-bg-ahvr-white-50 .overlay .middle {
  color: #212121;
}

/* Background Transparent - 75  */
.ahvr-bg-primary-75,
.ahvr-bg-primary-75 .overlay {
  background: rgba(48, 169, 222, 0.75) !important;
}

.ahvr-bg-secondary-75,
.ahvr-bg-secondary-75 .overlay {
  background: rgba(239, 220, 5, 0.75) !important;
}

.ahvr-bg-ahvr-black-75,
.ahvr-bg-ahvr-black-75 .overlay {
  background: rgba(33, 33, 33, 0.75) !important;
  color: #f3f3f3;
}

.ahvr-bg-ahvr-white-75,
.ahvr-bg-ahvr-white-75 .overlay {
  background: rgba(243, 243, 243, 0.75) !important;
  color: #212121 !important;
}
.ahvr-bg-ahvr-white-75 .middle,
.ahvr-bg-ahvr-white-75 .overlay .middle {
  color: #212121;
}

/* colors combination */
.ahvr-bg-ahvr-black-primary-50 {
  background: rgba(33, 33, 33, 0.5) !important;
}
.ahvr-bg-ahvr-black-primary-50:hover .overlay {
  background: rgba(48, 169, 222, 0.5) !important;
}

.ahvr-bg-ahvr-black-primary-75 {
  background: rgba(33, 33, 33, 0.75) !important;
}
.ahvr-bg-ahvr-black-primary-75:hover .overlay {
  background: rgba(48, 169, 222, 0.75) !important;
}

/* bg-opacities box ======================================== */
.ahvr-bg-primary-box .overlay {
  background-color: rgba(48, 169, 222, 0.75) !important;
}
.ahvr-bg-primary-box:hover .overlay {
  background-color: rgba(48, 169, 222, 0.45) !important;
}

.ahvr-bg-secondary-box .overlay {
  background-color: rgba(239, 220, 5, 0.75) !important;
}
.ahvr-bg-secondary-box:hover .overlay {
  background-color: rgba(239, 220, 5, 0.45) !important;
}

.ahvr-bg-ahvr-white-box .overlay {
  background-color: rgba(243, 243, 243, 0.75) !important;
}
.ahvr-bg-ahvr-white-box:hover .overlay {
  background-color: rgba(243, 243, 243, 0.45) !important;
}
.ahvr-bg-ahvr-white-box .middle {
  color: #212121;
}

/* bg-opacities circle ======================================== */
.ahvr-bg-primary-circle .spinner {
  background-color: rgba(48, 169, 222, 0.25) !important;
}
.ahvr-bg-primary-circle:hover .spinner {
  background-color: rgba(48, 169, 222, 0.6) !important;
}

.ahvr-bg-secondary-circle .spinner {
  background-color: rgba(239, 220, 5, 0.25) !important;
}
.ahvr-bg-secondary-circle:hover .spinner {
  background-color: rgba(239, 220, 5, 0.6) !important;
}

.ahvr-bg-ahvr-white-circle .spinner {
  background-color: rgba(243, 243, 243, 0.25) !important;
}
.ahvr-bg-ahvr-white-circle:hover .spinner {
  background-color: rgba(243, 243, 243, 0.6) !important;
}
.ahvr-bg-ahvr-white-circle .middle {
  color: #212121 !important;
}

.ahvr-square {
  position: relative;
}
.ahvr-square .image {
  display: block;
  width: 100%;
  height: auto;
}
.ahvr-square .overlay {
  position: absolute;
  background-color: #30A9DE;
  overflow: hidden;
  transition: 0.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 0.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 0.3s;
}
.ahvr-middle-from-top:hover .overlay .middle {
  top: 50%;
}

.ahvr-middle-from-bottom .middle {
  top: 100% !important;
  transition: top 0.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 0.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;
}

.ahvr-circle {
  position: relative;
  padding: 10px;
}
.ahvr-circle .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
  z-index: 10;
}
.ahvr-circle .spinner {
  border-width: 10px;
  border-color: #30A9DE;
  border-style: solid;
  border-right-color: #EFDC05;
  border-bottom-color: #EFDC05;
  transition: all 0.8s ease-in-out;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.25);
}
.ahvr-circle:hover .spinner {
  background-color: rgba(0, 0, 0, 0.6);
}
.ahvr-circle .spinner,
.ahvr-circle .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.ahvr-circle .overlay {
  z-index: 12;
}
.ahvr-circle .middle {
  color: #f3f3f3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 1rem;
}

.ahvr-circle.effect-rotate:hover .spinner,
.ahvr-circle.effect-opacity:hover .spinner {
  background-clip: content-box;
  transform: rotate(180deg);
}

.ahvr-circle.effect-opacity .spinner {
  background-color: transparent !important;
}
.ahvr-circle.effect-opacity .overlay {
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  border-width: 10px;
  border-color: transparent;
  border-style: solid;
  background-clip: padding-box;
}
.ahvr-circle.effect-opacity:hover .overlay {
  opacity: 1;
}