.mani-hvr-grow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.mani-hvr-grow:hover, .mani-hvr-grow:focus, .mani-hvr-grow:active {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}





/* Push */

@-webkit-keyframes mani-hvr-push {

  50% {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes mani-hvr-push {

  50% {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.mani-hvr-push {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.mani-hvr-push:hover, .mani-hvr-push:focus, .mani-hvr-push:active {

  -webkit-animation-name: mani-hvr-push;

  animation-name: mani-hvr-push;

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



/* Float */

.mani-hvr-float {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-float:hover, .mani-hvr-float:focus, .mani-hvr-float:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}





/* Wobble Horizontal */

@-webkit-keyframes mani-hvr-wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px);

  }

  33.3% {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes mani-hvr-wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px);

  }

  33.3% {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.mani-hvr-wobble-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.mani-hvr-wobble-horizontal:hover, .mani-hvr-wobble-horizontal:focus, .mani-hvr-wobble-horizontal:active {

  -webkit-animation-name: mani-hvr-wobble-horizontal;

  animation-name: mani-hvr-wobble-horizontal;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



/* Forward */

.mani-hvr-forward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.mani-hvr-forward:hover, .mani-hvr-forward:focus, .mani-hvr-forward:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}



/* Backward */

.mani-hvr-backward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.mani-hvr-backward:hover, .mani-hvr-backward:focus, .mani-hvr-backward:active {

  -webkit-transform: translateX(-8px);

  transform: translateX(-8px);

}





/* Ripple Out */

@-webkit-keyframes mani-hvr-ripple-out {

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

@keyframes mani-hvr-ripple-out {

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

.mani-hvr-ripple-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

}

.mani-hvr-ripple-out:before {

  content: '';

  position: absolute;

  border: #e1e1e1 solid 6px;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

}

.mani-hvr-ripple-out:hover:before, .mani-hvr-ripple-out:focus:before, .mani-hvr-ripple-out:active:before {

  -webkit-animation-name: mani-hvr-ripple-out;

  animation-name: mani-hvr-ripple-out;

}



/* Outline Out */

.mani-hvr-outline-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

}

.mani-hvr-outline-out:before {

  content: '';

  position: absolute;

  border: #e1e1e1 solid 4px;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: top, right, bottom, left;

  transition-property: top, right, bottom, left;

}

.mani-hvr-outline-out:hover:before, .mani-hvr-outline-out:focus:before, .mani-hvr-outline-out:active:before {

  top: -8px;

  right: -8px;

  bottom: -8px;

  left: -8px;

}



/* Underline From Left */

.mani-hvr-underline-from-left {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-underline-from-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-underline-from-left:hover:before, .mani-hvr-underline-from-left:focus:before, .mani-hvr-underline-from-left:active:before {

  right: 0;

}





/* Overline From Left */

.mani-hvr-overline-from-left {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-overline-from-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  top: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-overline-from-left:hover:before, .mani-hvr-overline-from-left:focus:before, .mani-hvr-overline-from-left:active:before {

  right: 0;

}



/* Overline From Center */

.mani-hvr-overline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-overline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  top: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-overline-from-center:hover:before, .mani-hvr-overline-from-center:focus:before, .mani-hvr-overline-from-center:active:before {

  left: 0;

  right: 0;

}



/* Underline From Center */

.mani-hvr-underline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  bottom: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-underline-from-center:hover:before, .mani-hvr-underline-from-center:focus:before, .mani-hvr-underline-from-center:active:before {

  left: 0;

  right: 0;

}





/* Underline From Right */

.mani-hvr-underline-from-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-underline-from-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 100%;

  right: 0;

  bottom: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-underline-from-right:hover:before, .mani-hvr-underline-from-right:focus:before, .mani-hvr-underline-from-right:active:before {

  left: 0;

}



/* Overline From Right */

.mani-hvr-overline-from-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-overline-from-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 100%;

  right: 0;

  top: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-overline-from-right:hover:before, .mani-hvr-overline-from-right:focus:before, .mani-hvr-overline-from-right:active:before {

  left: 0;

}

/* Underline Reveal */

.mani-hvr-underline-reveal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-underline-reveal:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  bottom: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transform: translateY(4px);

  transform: translateY(4px);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-underline-reveal:hover:before, .mani-hvr-underline-reveal:focus:before, .mani-hvr-underline-reveal:active:before {

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



/* Overline Reveal */

.mani-hvr-overline-reveal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.mani-hvr-overline-reveal:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  top: 0;

  background: #2098D1;

  height: 4px;

  -webkit-transform: translateY(-4px);

  transform: translateY(-4px);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mani-hvr-overline-reveal:hover:before, .mani-hvr-overline-reveal:focus:before, .mani-hvr-overline-reveal:active:before {

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



/* Float Shadow */

.mani-hvr-float-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.mani-hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  /* W3C */

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}

.mani-hvr-float-shadow:hover, .mani-hvr-float-shadow:focus, .mani-hvr-float-shadow:active {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

  /* move the element up by 5px */

}

.mani-hvr-float-shadow:hover:before, .mani-hvr-float-shadow:focus:before, .mani-hvr-float-shadow:active:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */

}



/* Fade */

.mani-hvr-fade .overlay {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  overflow: hidden;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color, background-color;

  transition-property: color, background-color;

}

.mani-hvr-fade .overlay:hover, .mani-hvr-fade .overlay:focus, .mani-hvr-fade .overlay:active {

  background-color: #2098D1;

  color: white;

}



/* Sweep To Left */

.mani-hvr-sweep-to-left .overlay{

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.mani-hvr-sweep-to-left .overlay:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #2098D1;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

} 

.mani-hvr-sweep-to-left:hover .overlay:before, .mani-hvr-sweep-to-left:focus .overlay:before, .mani-hvr-sweep-to-left:active .overlay:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



/* Bounce To Left */

.mani-hvr-bounce-to-left .overlay {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

}

.mani-hvr-bounce-to-left .overlay:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0; 

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

} 

.mani-hvr-bounce-to-left:hover .overlay:before, .mani-hvr-bounce-to-left:focus .overlay:before, .mani-hvr-bounce-to-left:active .overlay:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}



/* Shutter Out Horizontal */

.mani-hvr-shutter-out-horizontal .overlay {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.mani-hvr-shutter-out-horizontal .overlay:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0; 

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

} 

.mani-hvr-shutter-out-horizontal:hover .overlay:before, .mani-hvr-shutter-out-horizontal:focus .overlay:before, .mani-hvr-shutter-out-horizontal:active .overlay:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}