/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: 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;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -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;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -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;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -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;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

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

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

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

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

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

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

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

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -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;
}

/* Wobble Horizontal */
@-webkit-keyframes 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 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);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: 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;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -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;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -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;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -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;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -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;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -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;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right: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: 0 50%;
  transform-origin: 0 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;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left: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;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -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;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right: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: 0 50%;
  transform-origin: 0 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;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active: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);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left: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.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active: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);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -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;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(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);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(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);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -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;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -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;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -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;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -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;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -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;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(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;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.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;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.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;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  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;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  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;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098d1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.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;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .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) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-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;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -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;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

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

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

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

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  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 hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

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

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-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;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -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;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: 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;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -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;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -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;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -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;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

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

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

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

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

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

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

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

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -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;
}

/* Wobble Horizontal */
@-webkit-keyframes 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 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);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: 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;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -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;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -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;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -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;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -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;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -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;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right: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: 0 50%;
  transform-origin: 0 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;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left: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;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -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;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right: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: 0 50%;
  transform-origin: 0 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;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active: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);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left: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.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active: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);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -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;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(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);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(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);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -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;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -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;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -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;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -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;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -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;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(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;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.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;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.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;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  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;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  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;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098d1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.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;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.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;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .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) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-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;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -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;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

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

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

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

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  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 hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

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

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-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;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -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;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}
/* line 1, app/assets/stylesheets/navigation.scss */
.navigation-stripe {
  width: 100%;
  background-color: #f8f9fa;
  padding: 5px 0;
  margin: 0;
  overflow: visible;
}

/* line 8, app/assets/stylesheets/navigation.scss */
.navigation-stripe .navigation-stripe-inner {
  display: flex;
  align-items: stretch;
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 15px;
  gap: 0;
  overflow: visible;
}

/* line 18, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-container {
  flex: 1;
  background: linear-gradient(to bottom, #4a6fa5, #333367);
  display: flex;
  align-items: stretch;
  min-height: 48px;
}

/* line 27, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-container.homepage-layout .nav-stripe-links {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

/* line 37, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-container.non-homepage-layout .nav-stripe-shop-section {
  display: none;
}

@media screen and (max-width: 991px) {
  /* line 37, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-stripe-container.non-homepage-layout .nav-stripe-shop-section {
    display: none;
  }
}

/* line 45, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-container.non-homepage-layout .nav-stripe-links {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

/* line 54, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button {
  background: linear-gradient(to bottom, #02a005, #027d04);
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  min-height: 48px;
  border-right: none;
}

/* line 63, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-technical-library {
  background: linear-gradient(to bottom, #8a9199, #6c757d);
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  min-height: 48px;
  border-left: none;
}

/* line 72, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-links {
  display: flex;
  justify-content: center;
}

/* line 77, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-desktop {
  display: flex;
  gap: 0;
  align-items: stretch;
  height: 100%;
}

/* line 83, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-desktop .nav-stripe-link:first-child,
.navigation-stripe .nav-links-desktop .nav-dropdown:first-child .nav-stripe-link {
  border-left: none;
}

/* line 88, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-desktop .nav-stripe-link:last-child,
.navigation-stripe .nav-links-desktop .nav-dropdown:last-child .nav-stripe-link {
  border-right: none;
}

@media screen and (max-width: 768px) {
  /* line 77, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-links-desktop {
    display: none !important;
  }
}

/* line 98, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-mobile {
  display: none;
  gap: 0;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  /* line 98, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-links-mobile {
    display: flex !important;
  }
}

@media screen and (max-width: 480px) {
  /* line 98, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-links-mobile {
    gap: 10px;
  }
  /* line 112, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-links-mobile .nav-stripe-link {
    padding: 8px 18px !important;
    font-size: 14px;
  }
}

/* line 118, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-mobile .nav-stripe-link-shop {
  background: linear-gradient(to bottom, #02a005, #027d04) !important;
  color: #ffffff !important;
}

/* line 122, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-mobile .nav-stripe-link-shop:hover {
  background: linear-gradient(to bottom, #018003, #015a03) !important;
  color: #ffffff !important;
  text-decoration: none;
}

/* line 128, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-links-mobile .nav-stripe-link-shop:visited {
  color: #ffffff !important;
}

/* line 134, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button-mobile {
  background: linear-gradient(to bottom, #02a005, #027d04);
  display: none;
  align-items: stretch;
  flex-shrink: 0;
  min-height: 48px;
}

/* line 141, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button-mobile .shop-button {
  transition: all 0.3s ease;
}

/* line 144, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button-mobile .shop-button:hover {
  background: linear-gradient(to bottom, #018003, #015a03);
  color: #ffffff;
  text-decoration: none;
}

/* line 150, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button-mobile .shop-button.mobile-shop-toggle {
  position: relative;
}

/* line 153, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button-mobile .shop-button.mobile-shop-toggle:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 0.3s ease;
}

/* line 166, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-shop-button-mobile .shop-button.mobile-shop-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

/* line 173, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 0;
  transition: all 0.3s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 186, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-link:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
  text-decoration: none;
}

/* line 192, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-link:visited {
  color: #ffffff;
}

/* line 196, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-link:last-child {
  border-right: none;
}

/* line 200, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-stripe-link:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 206, app/assets/stylesheets/navigation.scss */
.navigation-stripe .technical-library-button {
  background: linear-gradient(to bottom, #8a9199, #6c757d);
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.3s ease;
  white-space: nowrap;
}

/* line 218, app/assets/stylesheets/navigation.scss */
.navigation-stripe .technical-library-button:hover {
  background: linear-gradient(to bottom, #6c757d, #5a6268);
  color: #ffffff;
  text-decoration: none;
}

/* line 224, app/assets/stylesheets/navigation.scss */
.navigation-stripe .technical-library-button:visited {
  color: #ffffff;
}

/* line 230, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-button-disabled {
  opacity: 0.7;
  cursor: default;
}

/* line 234, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-button-disabled:hover {
  background: linear-gradient(to bottom, #02a005, #027d04);
}

/* line 239, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-button-wrapper {
  position: relative;
}

/* line 243, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-button {
  background: linear-gradient(to bottom, #02a005, #027d04);
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  position: relative;
}

/* line 255, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-button:visited {
  color: #ffffff;
}

/* line 260, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown {
  position: relative;
  height: 100%;
}

/* line 264, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-button {
  transition: all 0.3s ease;
}

/* line 267, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-button:hover {
  background: linear-gradient(to bottom, #018003, #015a03);
  color: #ffffff;
  text-decoration: none;
}

/* line 275, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown #shop-button-homepage:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 0.3s ease;
}

/* line 288, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown #shop-button-homepage.active:after {
  transform: rotate(180deg);
}

/* line 293, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  width: max-content;
  max-width: 400px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 4px;
}

/* line 307, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav {
  margin: 0;
  padding: 8px;
  list-style: none;
}

/* line 312, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories {
  position: relative;
  margin-bottom: 4px;
}

/* line 316, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories > a {
  display: block;
  padding: 6px 12px;
  color: #337ab7;
  text-decoration: none;
}

/* line 322, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories > a:hover {
  color: #23527c;
  text-decoration: underline;
}

/* line 328, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories .sub-categories {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1001;
  display: none;
  min-width: 200px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  margin: 0;
  padding: 8px;
  list-style: none;
}

/* line 343, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories .sub-categories li {
  margin-bottom: 2px;
}

/* line 346, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories .sub-categories li a {
  display: block;
  padding: 4px 8px;
  color: #337ab7;
  text-decoration: none;
  font-size: 14px;
}

/* line 353, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories .sub-categories li a:hover {
  color: #23527c;
  text-decoration: underline;
}

/* line 359, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories .sub-categories li.root a {
  font-weight: bold;
  margin-bottom: 4px;
  padding: 6px 8px;
}

/* line 367, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown .shop-dropdown-menu .nav .panel.categories:hover .sub-categories {
  display: block;
}

/* line 374, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown.show .shop-dropdown-menu {
  display: block;
}

/* line 378, app/assets/stylesheets/navigation.scss */
.navigation-stripe .shop-dropdown.show #shop-button-homepage:after {
  transform: rotate(180deg);
}

@media (hover: hover) and (pointer: fine) {
  /* line 383, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .shop-dropdown:hover .shop-dropdown-menu {
    display: block;
  }
  /* line 387, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .shop-dropdown:hover #shop-button-homepage:after {
    transform: rotate(180deg);
  }
}

/* line 394, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown {
  position: relative;
  display: inline-block;
}

/* line 398, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-trigger {
  position: relative;
}

/* line 401, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-trigger:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 0.3s ease;
}

/* line 414, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-trigger.active:after {
  transform: rotate(180deg);
}

/* line 419, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  width: max-content;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 8px;
}

/* line 432, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-menu .dropdown-item {
  display: block;
  width: 100%;
  padding: 6px 12px;
  color: #337ab7;
  text-decoration: none;
  white-space: nowrap;
  margin-bottom: 4px;
}

/* line 441, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0;
}

/* line 445, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-menu .dropdown-item:hover {
  color: #23527c;
  text-decoration: underline;
}

/* line 452, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown.show .dropdown-menu {
  display: block;
}

/* line 456, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown.show .dropdown-trigger:after {
  transform: rotate(180deg);
}

@media (hover: hover) and (pointer: fine) {
  /* line 461, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-dropdown:hover .dropdown-menu {
    display: block;
  }
  /* line 465, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-dropdown:hover .dropdown-trigger:after {
    transform: rotate(180deg);
  }
}

/* line 471, app/assets/stylesheets/navigation.scss */
.navigation-stripe .nav-dropdown .dropdown-trigger.active:after {
  transform: rotate(180deg);
}

/* line 479, app/assets/stylesheets/navigation.scss */
.global-header {
  display: flex;
  align-items: center;
  padding: 10px 0 !important;
  gap: 15px;
  max-width: 1366px;
  margin: 0 auto;
}

/* line 487, app/assets/stylesheets/navigation.scss */
.global-header .logo {
  flex-shrink: 0;
}

/* line 491, app/assets/stylesheets/navigation.scss */
.global-header .header-actions {
  margin-left: auto;
  padding-right: 15px;
}

/* line 496, app/assets/stylesheets/navigation.scss */
.global-header .header-search {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  margin: 0 15px;
}

/* line 504, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form {
  display: flex;
  margin: 0;
  width: 100%;
  max-width: 500px;
}

/* line 510, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form .search-input-wrapper {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: visible;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  min-width: 250px;
}

/* line 521, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form .search-input-wrapper .search-input {
  flex: 1;
  padding: 8px 12px;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
}

/* line 529, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form .search-input-wrapper .search-input::placeholder {
  color: #999;
}

/* line 534, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form .search-input-wrapper .search-button {
  background-color: #23527c;
  color: #ffffff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  flex-shrink: 0;
  min-width: 40px;
}

/* line 544, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form .search-input-wrapper .search-button:hover {
  background-color: #286090;
}

/* line 548, app/assets/stylesheets/navigation.scss */
.global-header .header-search .search-form .search-input-wrapper .search-button i {
  font-size: 14px;
}

/* line 556, app/assets/stylesheets/navigation.scss */
.global-header .header-actions {
  flex-shrink: 0;
  min-width: 0;
  overflow: visible;
}

/* line 562, app/assets/stylesheets/navigation.scss */
.sidebar-wrapper {
  position: relative;
}

/* line 566, app/assets/stylesheets/navigation.scss */
.sidebar-wrapper .relative > .absolute {
  top: auto !important;
  left: 0 !important;
  transform: none !important;
  margin-top: 10px;
  margin-left: 15px;
}

@media screen and (max-width: 1200px) {
  /* line 576, app/assets/stylesheets/navigation.scss */
  .global-header {
    gap: 12px;
    padding: 10px 0 !important;
  }
  /* line 580, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions {
    margin-left: auto;
    padding-right: 15px;
  }
  /* line 587, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper {
    min-width: 220px;
  }
}

@media screen and (max-width: 990px) {
  /* line 596, app/assets/stylesheets/navigation.scss */
  .global-header {
    gap: 10px;
    padding: 10px 0 !important;
  }
  /* line 600, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions {
    margin-left: auto;
    padding-right: 10px;
  }
  /* line 607, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper {
    min-width: 200px;
  }
  /* line 613, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions {
    flex-shrink: 0;
    min-width: fit-content;
  }
}

@media screen and (max-width: 850px) {
  /* line 621, app/assets/stylesheets/navigation.scss */
  .global-header {
    gap: 8px;
    padding: 10px 0 !important;
  }
  /* line 625, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions {
    margin-left: auto;
    padding-right: 8px;
  }
  /* line 632, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper {
    min-width: 180px;
  }
}

@media screen and (min-width: 768px) and (max-width: 856px) {
  /* line 641, app/assets/stylesheets/navigation.scss */
  .nav-stripe-link[href="/articles/blueridge-company-videos"] {
    display: none;
  }
}

@media screen and (max-width: 836px) {
  /* line 647, app/assets/stylesheets/navigation.scss */
  .start-project-container {
    display: none !important;
  }
}

/* line 653, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.sign-in a.btn i.fa {
  margin-right: 1px;
}

/* line 657, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.dropdown.account a.btn i.fa {
  margin-right: 1px;
}

/* line 661, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.dropdown-cart a.btn-cart i.fa {
  margin-right: 1px;
}

/* line 665, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.dropdown.account {
  position: relative;
}

/* line 668, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.dropdown.account .dropdown-menu {
  z-index: 1050 !important;
}

/* line 673, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.dropdown-cart {
  position: relative;
}

/* line 676, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.dropdown-cart .dropdown-menu,
.header-actions ul.user-nav li.dropdown-cart .dropdown-messages,
.header-actions ul.user-nav li.dropdown-cart .dropdown-viewcart {
  z-index: 1050 !important;
}

/* line 683, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.sign-in a.btn,
.header-actions ul.user-nav li.dropdown.account a.btn {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  padding: 6px 8px !important;
}

/* line 691, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.sign-in a.btn:hover, .header-actions ul.user-nav li.sign-in a.btn:focus, .header-actions ul.user-nav li.sign-in a.btn:active, .header-actions ul.user-nav li.sign-in a.btn:active:hover, .header-actions ul.user-nav li.sign-in a.btn:active:focus,
.header-actions ul.user-nav li.dropdown.account a.btn:hover,
.header-actions ul.user-nav li.dropdown.account a.btn:focus,
.header-actions ul.user-nav li.dropdown.account a.btn:active,
.header-actions ul.user-nav li.dropdown.account a.btn:active:hover,
.header-actions ul.user-nav li.dropdown.account a.btn:active:focus {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: underline;
  outline: none !important;
}

/* line 704, app/assets/stylesheets/navigation.scss */
.header-actions ul.user-nav li.sign-in a.btn:focus,
.header-actions ul.user-nav li.dropdown.account a.btn:focus {
  outline: none !important;
}

/* line 710, app/assets/stylesheets/navigation.scss */
.header-actions .dropdown-menu {
  z-index: 1050 !important;
}

@media screen and (max-width: 768px) {
  /* line 715, app/assets/stylesheets/navigation.scss */
  .header-actions ul.user-nav li.dropdown-cart a.btn-cart i.fa {
    margin-right: 0;
  }
  /* line 718, app/assets/stylesheets/navigation.scss */
  .top-header {
    display: none;
  }
  /* line 722, app/assets/stylesheets/navigation.scss */
  .start-project-container {
    display: none !important;
  }
  /* line 726, app/assets/stylesheets/navigation.scss */
  .global-header {
    flex-wrap: wrap;
    gap: 5px;
    padding: 10px 0 !important;
  }
  /* line 731, app/assets/stylesheets/navigation.scss */
  .global-header .responsive-menu {
    flex: 0 0 auto;
  }
  /* line 735, app/assets/stylesheets/navigation.scss */
  .global-header .logo {
    flex: 0 0 auto;
    padding-left: 0;
  }
  /* line 740, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions {
    flex: 0 0 auto;
    margin-left: auto;
    padding-right: 0;
  }
  /* line 746, app/assets/stylesheets/navigation.scss */
  .global-header .header-search {
    flex: 1 0 100%;
    order: 2;
    max-width: none;
    margin: 5px 0 0 0;
  }
  /* line 752, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form {
    justify-content: stretch;
    width: 100%;
    max-width: none;
  }
  /* line 757, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  /* line 767, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-stripe-link {
    padding: 8px 24px !important;
  }
  /* line 771, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-stripe-shop-button-mobile {
    border-right: none !important;
  }
  /* line 775, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-links-mobile .nav-dropdown:first-child .nav-stripe-link {
    border-left: none !important;
  }
  /* line 784, app/assets/stylesheets/navigation.scss */
  .header-actions ul.user-nav li.dropdown-cart a.btn-cart .cart-text {
    display: none !important;
  }
  /* line 793, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner {
    flex-direction: row;
  }
  /* line 796, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-shop-button {
    display: none;
  }
  /* line 800, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-shop-button-mobile {
    display: flex !important;
    order: 1;
  }
  /* line 805, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container {
    order: 2;
    flex: 1;
  }
  /* line 810, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-technical-library {
    display: none;
  }
  /* line 815, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-stripe-links {
    justify-content: flex-end;
  }
  /* line 819, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile {
    display: flex !important;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0;
  }
  /* line 825, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-stripe-link {
    padding: 8px 24px !important;
    border-bottom: none;
  }
  /* line 829, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-stripe-link:last-child {
    border-right: none;
  }
  /* line 833, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-stripe-link:first-child {
    border-left: none !important;
  }
  /* line 838, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown {
    position: relative;
  }
  /* line 841, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-trigger {
    position: relative;
  }
  /* line 844, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-trigger:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: transform 0.3s ease;
  }
  /* line 857, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-trigger.active:after {
    transform: rotate(180deg);
  }
  /* line 862, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto !important;
    right: 0 !important;
    z-index: 1000;
    display: none;
    width: max-content;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 8px;
  }
  /* line 876, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 6px 12px;
    color: #337ab7;
    text-decoration: none;
    white-space: nowrap;
    margin-bottom: 4px;
  }
  /* line 885, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0;
  }
  /* line 889, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f5f5f5;
    text-decoration: none;
  }
  /* line 896, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown.show .dropdown-menu {
    display: block;
  }
  /* line 900, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown.show .dropdown-trigger:after {
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 768px) and (hover: hover) and (pointer: fine) {
  /* line 905, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown:hover .dropdown-menu {
    display: block;
  }
  /* line 909, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-dropdown:hover .dropdown-trigger:after {
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 480px) {
  /* line 921, app/assets/stylesheets/navigation.scss */
  .global-header {
    padding: 10px 10px;
  }
  /* line 924, app/assets/stylesheets/navigation.scss */
  .global-header .header-search {
    margin: 8px 0 0 0;
  }
  /* line 929, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper .search-input {
    padding: 6px 10px;
    font-size: 14px;
  }
  /* line 934, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper .search-button {
    padding: 6px 10px;
    min-width: 36px;
  }
  /* line 938, app/assets/stylesheets/navigation.scss */
  .global-header .header-search .search-form .search-input-wrapper .search-button i {
    font-size: 13px;
  }
  /* line 949, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions ul.user-nav li.dropdown-cart a.btn-cart {
    padding: 4px 8px !important;
    min-height: 28px !important;
    height: 28px !important;
  }
  /* line 954, app/assets/stylesheets/navigation.scss */
  .global-header .header-actions ul.user-nav li.dropdown-cart a.btn-cart .cart-text {
    display: none !important;
  }
}

@media screen and (max-width: 424px) {
  /* line 968, app/assets/stylesheets/navigation.scss */
  .header-actions ul.user-nav li.dropdown-cart a.btn-cart {
    padding: 4px 8px !important;
    min-height: 28px !important;
    height: 28px !important;
  }
}

@media screen and (max-width: 356px) {
  /* line 980, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-stripe-link {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
  /* line 985, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .nav-stripe-shop-button-mobile .shop-button {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
  /* line 990, app/assets/stylesheets/navigation.scss */
  .navigation-stripe .navigation-stripe-inner .nav-stripe-container .nav-links-mobile .nav-stripe-link {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
}
/* line 4, app/assets/stylesheets/new_order.sass */
.w-5 {
  width: 1.25rem;
}

/* line 6, app/assets/stylesheets/new_order.sass */
.h-5 {
  height: 1.25rem;
}

/* line 9, app/assets/stylesheets/new_order.sass */
body {
  box-shadow: none;
  width: auto;
}

/* line 15, app/assets/stylesheets/new_order.sass */
body.rht .global-header .brand-logo img {
  width: 110px;
}

/* line 18, app/assets/stylesheets/new_order.sass */
body a.brand-logo {
  text-decoration: none;
  color: #337ab7;
}

@media screen and (max-width: 768px) {
  /* line 18, app/assets/stylesheets/new_order.sass */
  body a.brand-logo {
    padding-left: 0px;
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 420px) {
  /* line 18, app/assets/stylesheets/new_order.sass */
  body a.brand-logo {
    font-size: 2.0rem;
  }
}

@media screen and (max-width: 320px) {
  /* line 18, app/assets/stylesheets/new_order.sass */
  body a.brand-logo {
    font-size: 1.7rem;
  }
}

/* line 29, app/assets/stylesheets/new_order.sass */
body .btn.btn-green {
  color: white;
  background: #009900;
  border-color: #009900;
  border: none;
}

/* line 34, app/assets/stylesheets/new_order.sass */
body .btn.btn-green:hover, body .btn.btn-green:active:hover, body .btn.btn-green:active:focus, body .btn.btn-green:active, body .btn.btn-green:focus {
  background-color: #006d00;
  border-color: #006d00;
}

/* line 37, app/assets/stylesheets/new_order.sass */
body .btn.btn-green.full-screen {
  width: 100%;
}

/* line 40, app/assets/stylesheets/new_order.sass */
body a.start-project {
  background: #009900;
  border-color: #009900;
  text-shadow: 0px 1px 1px #777;
}

/* line 44, app/assets/stylesheets/new_order.sass */
body a.start-project:hover, body a.start-project:active:hover, body a.start-project:active:focus, body a.start-project:active, body a.start-project:focus {
  background-color: #006d00;
  border-color: #006d00;
}

/* line 47, app/assets/stylesheets/new_order.sass */
body a.start-project.full-screen {
  width: 100%;
}

/* line 51, app/assets/stylesheets/new_order.sass */
body #customQuote .drawing-checkbox {
  cursor: pointer;
  display: inline;
  margin-right: 10px;
}

/* line 52, app/assets/stylesheets/new_order.sass */
body #customQuote .drawing-checkbox input {
  cursor: pointer;
}

/* line 57, app/assets/stylesheets/new_order.sass */
body #customQuote .drawing-checkbox:hover {
  color: gray;
}

/* line 62, app/assets/stylesheets/new_order.sass */
body #customQuote table tr td {
  padding: 5px;
}

/* line 65, app/assets/stylesheets/new_order.sass */
body #customQuote table tr td select {
  width: 258px;
  padding: 5px;
  border-radius: 5px;
}

/* line 69, app/assets/stylesheets/new_order.sass */
body #customQuote table tr td textarea {
  max-width: 258px;
  min-width: 258px;
}

/* line 72, app/assets/stylesheets/new_order.sass */
body #customQuote table tr td input[type=file] {
  width: 100%;
  max-width: 258px;
}

/* line 75, app/assets/stylesheets/new_order.sass */
body #customQuote table tr td input[type=tel], body #customQuote table tr td input[type=email] {
  border: 1px solid #CCCCCC;
  font-size: 12px;
  height: 26px;
  width: 258px;
  padding: 1px 4px;
  border-radius: 5px;
}

/* line 82, app/assets/stylesheets/new_order.sass */
body #customQuote table tr td .cad-description {
  margin-top: 10px;
  width: 100%;
  max-width: 410px;
}

/* line 87, app/assets/stylesheets/new_order.sass */
body .global-header {
  background-color: #fff;
  margin: 5px 0px;
}

/* line 91, app/assets/stylesheets/new_order.sass */
body .global-header .brand-logo img {
  margin-top: 0px;
}

/* line 93, app/assets/stylesheets/new_order.sass */
body .global-header .header-logo {
  text-align: center;
}

/* line 96, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li {
  margin-left: 10px;
  padding-bottom: 2px;
  border-top: 1px solid transparent;
}

/* line 101, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li a:link, body .global-header ul.subnav li a:visited, body .global-header ul.subnav li a:active {
  color: #337ab7;
}

/* line 103, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li:hover, body .global-header ul.subnav li:focus {
  border-bottom: 1px solid #337ab7;
}

/* line 108, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.account a:link, body .global-header ul.user-nav li.account a:visited, body .global-header ul.user-nav li.account a:active {
  color: #337ab7;
}

/* line 110, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.account a:hover {
  color: #619ad4;
  text-decoration: none;
}

/* line 115, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav ul.dropdown-menu li a {
  width: 100%;
}

/* line 117, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav ul.dropdown-menu li a:link, body .global-header ul.user-nav ul.dropdown-menu li a:visited, body .global-header ul.user-nav ul.dropdown-menu li a:active {
  color: #333333;
}

/* line 119, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav ul.dropdown-menu li a:hover {
  color: #337ab7;
}

/* line 123, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.dropdown-cart:hover ul.dropdown-menu {
  display: block;
}

/* line 125, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.dropdown-cart:hover ul.dropdown-menu input[type=submit] {
  padding: 6px 12px;
}

/* line 127, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.dropdown-cart:hover ul.dropdown-menu input.btn-warning[type=submit] {
  background: #f0ad4e;
  border-color: #eea236;
}

/* line 130, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.dropdown-cart:hover ul.dropdown-menu input.btn-warning[type=submit]:hover {
  background-color: #ec971f;
  border-color: #d58512;
}

/* line 134, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav ul.user-actions li {
  width: 100%;
}

/* line 136, app/assets/stylesheets/new_order.sass */
body .navbar-default {
  background: none;
}

/* line 138, app/assets/stylesheets/new_order.sass */
body .top-header {
  border-bottom: 1px solid #dedede;
}

/* line 142, app/assets/stylesheets/new_order.sass */
body .container-fluid {
  max-width: 1366px;
}

/* line 144, app/assets/stylesheets/new_order.sass */
body .container-fluid .top-header {
  padding: 10px 15px;
  font-size: .9em;
  color: #08466f;
  margin: 0;
}

/* line 149, app/assets/stylesheets/new_order.sass */
body .breadcrumb {
  padding: 8px 0px;
  background: #fff;
}

/* line 152, app/assets/stylesheets/new_order.sass */
body .breadcrumb a {
  padding: 0px;
}

/* line 154, app/assets/stylesheets/new_order.sass */
body .navbar {
  margin-bottom: 0;
  border: none;
}

/* line 157, app/assets/stylesheets/new_order.sass */
body .google-search {
  background-color: #333367;
  text-align: center;
  padding: 10px 5px;
  margin: 10px 0;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  /* line 163, app/assets/stylesheets/new_order.sass */
  body .google-search form#cse-search-box-form-id {
    margin: 0 auto 3px 0;
  }
}

/* line 166, app/assets/stylesheets/new_order.sass */
body .google-search form#cse-search-box-form-id input.gsc-input[id='cse-search-input-box-id'] {
  padding: 5px 15px;
  background: white;
  text-indent: 0px;
  height: auto;
  color: #333;
  width: 90%;
}

@media screen and (max-width: 600px) {
  /* line 166, app/assets/stylesheets/new_order.sass */
  body .google-search form#cse-search-box-form-id input.gsc-input[id='cse-search-input-box-id'] {
    width: 80%;
  }
}

/* line 175, app/assets/stylesheets/new_order.sass */
body .google-search form#cse-search-box-form-id input[type='submit'] {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* line 179, app/assets/stylesheets/new_order.sass */
body .global-header {
  display: flex;
  align-items: center;
}

/* line 183, app/assets/stylesheets/new_order.sass */
body .global-header .responsive-menu button {
  display: block;
  color: #337ab7;
  box-shadow: none;
  background: none;
  margin-left: -12px;
  font-size: 20px;
  display: none;
}

/* line 190, app/assets/stylesheets/new_order.sass */
body .global-header .responsive-menu button .fa-bars {
  display: none;
}

/* line 193, app/assets/stylesheets/new_order.sass */
body .global-header .responsive-menu button.collapsed .fa-times {
  display: none;
}

/* line 195, app/assets/stylesheets/new_order.sass */
body .global-header .responsive-menu button.collapsed .fa-bars {
  display: block;
}

/* line 197, app/assets/stylesheets/new_order.sass */
body .global-header .responsive-menu button:hover {
  color: #286090;
}

/* line 199, app/assets/stylesheets/new_order.sass */
body .global-header .responsive-menu button:focus {
  outline: 0;
}

@media screen and (max-width: 990px) {
  /* line 183, app/assets/stylesheets/new_order.sass */
  body .global-header .responsive-menu button {
    display: block;
  }
}

/* line 204, app/assets/stylesheets/new_order.sass */
body .global-header button.navbar-toggle {
  float: left;
}

/* line 206, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav, body .global-header ul.user-nav {
  margin: 0;
  padding: 0;
}

/* line 209, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li, body .global-header ul.user-nav li {
  display: inline-block;
  list-style-type: none;
}

/* line 212, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav {
  flex-grow: 1;
}

/* line 214, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li {
  margin-left: 10px;
  padding-bottom: 2px;
  border-top: 1px solid transparent;
}

/* line 219, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li a:link, body .global-header ul.subnav li a:visited, body .global-header ul.subnav li a:active {
  color: #fff;
}

/* line 221, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li a:hover {
  text-decoration: none;
}

/* line 223, app/assets/stylesheets/new_order.sass */
body .global-header ul.subnav li:hover, body .global-header ul.subnav li:focus {
  border-bottom: 1px solid #fff;
}

/* line 226, app/assets/stylesheets/new_order.sass */
body .global-header .brand-logo img {
  width: 210px;
}

@media screen and (max-width: 524px) {
  /* line 226, app/assets/stylesheets/new_order.sass */
  body .global-header .brand-logo img {
    width: 180px;
  }
}

@media screen and (max-width: 424px) {
  /* line 226, app/assets/stylesheets/new_order.sass */
  body .global-header .brand-logo img {
    width: 140px;
  }
}

@media screen and (max-width: 324px) {
  /* line 226, app/assets/stylesheets/new_order.sass */
  body .global-header .brand-logo img {
    width: 120px;
  }
}

@media screen and (max-width: 276px) {
  /* line 226, app/assets/stylesheets/new_order.sass */
  body .global-header .brand-logo img {
    width: 100px;
  }
}

/* line 236, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav {
  flex-grow: 1;
  text-align: right;
}

/* line 239, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav li.dropdown-cart {
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 243, app/assets/stylesheets/new_order.sass */
  body .global-header ul.user-nav li.dropdown-cart a.btn-cart .cart-text {
    display: none;
  }
}

@media screen and (max-width: 424px) {
  /* line 246, app/assets/stylesheets/new_order.sass */
  body .global-header ul.user-nav li.dropdown-cart a.btn-cart {
    padding: 4px 8px;
    min-height: 28px;
    height: 28px;
  }
}

/* line 254, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav ul.dropdown-menu li a:link, body .global-header ul.user-nav ul.dropdown-menu li a:visited, body .global-header ul.user-nav ul.dropdown-menu li a:active {
  color: #333333;
}

/* line 256, app/assets/stylesheets/new_order.sass */
body .global-header ul.user-nav ul.dropdown-menu li a:hover {
  color: #337ab7;
}

/* line 260, app/assets/stylesheets/new_order.sass */
body .center-1 {
  margin-top: 10px;
}

/* line 263, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav {
  display: none;
  border-bottom: 1px solid #dedede;
  padding: 10px 0px;
}

/* line 267, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav li {
  list-style-type: none;
}

@media screen and (max-width: 600px) {
  /* line 263, app/assets/stylesheets/new_order.sass */
  body ul.sidebar-user-nav {
    display: block;
  }
}

/* line 271, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav ul#user-options {
  padding: 0 10px;
}

/* line 273, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav ul#user-options li {
  margin-bottom: 2px;
}

/* line 276, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav li a.btn {
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  padding: 6px 8px;
}

/* line 283, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav li a.btn:hover, body ul.sidebar-user-nav li a.btn:focus, body ul.sidebar-user-nav li a.btn:active, body ul.sidebar-user-nav li a.btn:active:hover, body ul.sidebar-user-nav li a.btn:active:focus {
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  text-decoration: underline;
  outline: none;
}

/* line 291, app/assets/stylesheets/new_order.sass */
body ul.sidebar-user-nav li a.btn:focus {
  outline: none;
}

/* line 293, app/assets/stylesheets/new_order.sass */
body li.panel.categories {
  box-shadow: none;
  margin-bottom: 0;
}

/* line 296, app/assets/stylesheets/new_order.sass */
body li.panel.categories a {
  padding: 5px 0;
}

/* line 298, app/assets/stylesheets/new_order.sass */
body li.panel.categories a.category {
  padding-left: 0;
  padding-right: 25px !important;
  position: relative;
  display: flex;
  align-items: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  line-height: 1.3;
}

@media screen and (min-width: 769px) {
  /* line 298, app/assets/stylesheets/new_order.sass */
  body li.panel.categories a.category {
    max-width: 200px;
  }
}

/* line 311, app/assets/stylesheets/new_order.sass */
body li.panel.categories a.category:after {
  content: '\f054';
  font-family: FontAwesome;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  margin-left: 8px;
}

/* line 320, app/assets/stylesheets/new_order.sass */
body li.panel.categories a.category:hover {
  background-color: #f1f3f3;
  color: #337ab7;
  text-decoration: underline;
}

/* line 324, app/assets/stylesheets/new_order.sass */
body li.panel.categories a.category[aria-expanded='true'] {
  text-transform: uppercase;
  color: #969397;
}

/* line 327, app/assets/stylesheets/new_order.sass */
body li.panel.categories a.category[aria-expanded='true']:after {
  content: '\f078';
}

/* line 331, app/assets/stylesheets/new_order.sass */
body .sidebar-wrapper {
  padding-right: 0;
}

/* line 336, app/assets/stylesheets/new_order.sass */
body ul#nav-accordion-sidebar li.panel.categories a.category, body ul#nav-accordion-responsive li.panel.categories a.category {
  white-space: normal;
  word-break: break-word;
  text-align: left;
  min-height: 20px;
}

@media screen and (min-width: 768px) {
  /* line 344, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover {
    background-color: #f1f3f3;
    position: relative;
  }
  /* line 347, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover a.category {
    pointer-events: none;
  }
  /* line 349, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover ul {
    left: 100%;
    top: 0px;
    display: block;
    z-index: 1001;
    min-width: 200px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    margin: 0;
    padding: 8px;
    list-style: none;
  }
  /* line 363, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover ul li {
    margin-bottom: 2px;
  }
  /* line 366, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover ul li a {
    display: block;
    padding: 4px 8px;
    color: #337ab7;
    text-decoration: none;
    font-size: 14px;
  }
  /* line 373, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover ul li a:hover {
    color: #23527c;
    text-decoration: underline;
  }
  /* line 377, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li:hover ul li.root a {
    font-weight: bold;
    margin-bottom: 4px;
    padding: 6px 8px;
  }
  /* line 381, app/assets/stylesheets/new_order.sass */
  body ul#nav-accordion-sidebar li ul {
    position: absolute;
    display: none;
  }
}

/* line 388, app/assets/stylesheets/new_order.sass */
body #nav-accordion-responsive, body #nav-accordion-sidebar {
  margin-top: 10px;
}

/* line 390, app/assets/stylesheets/new_order.sass */
body ul.sub-categories {
  padding-left: 5px;
}

/* line 392, app/assets/stylesheets/new_order.sass */
body ul.sub-categories li {
  list-style: none;
  margin-bottom: 2px;
}

/* line 395, app/assets/stylesheets/new_order.sass */
body ul.sub-categories li.root {
  margin-bottom: 25px;
}

/* line 397, app/assets/stylesheets/new_order.sass */
body ul.sub-categories li.children {
  display: flex;
  width: 100%;
}

/* line 400, app/assets/stylesheets/new_order.sass */
body ul.sub-categories li.children img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

/* line 404, app/assets/stylesheets/new_order.sass */
body ul.sub-categories li.children a {
  flex: 1;
}

/* line 409, app/assets/stylesheets/new_order.sass */
body .bQty {
  margin-left: 0px;
}

/* line 411, app/assets/stylesheets/new_order.sass */
body .uQty {
  margin-right: 5px;
}

/* line 415, app/assets/stylesheets/new_order.sass */
body #cart-form {
  margin-bottom: 10px;
}

/* line 417, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item:nth-of-type(2) {
  border-top: 1px solid #dddddd;
}

/* line 419, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item:nth-of-type(even) {
  background-color: #f9f9f9;
}

/* line 421, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item {
  border-bottom: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 425, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item.submitting {
  opacity: .7;
}

/* line 427, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item.submitting a {
  pointer-events: none;
}

/* line 430, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item .image img {
  margin-top: 1em;
}

/* line 432, app/assets/stylesheets/new_order.sass */
body #cart-form .cart-item .item-total {
  text-align: right;
}

@media screen and (max-width: 768px) {
  /* line 434, app/assets/stylesheets/new_order.sass */
  body #cart-form .cart-item .sku {
    min-height: 65px;
  }
}

/* line 438, app/assets/stylesheets/new_order.sass */
body #cart-form .actions {
  display: flex;
}

/* line 440, app/assets/stylesheets/new_order.sass */
body #cart-form .actions div {
  align-self: center;
}

@media screen and (max-width: 768px) {
  /* line 442, app/assets/stylesheets/new_order.sass */
  body #cart-form .actions a.update-cart-item {
    margin-right: 10px;
  }
}

/* line 446, app/assets/stylesheets/new_order.sass */
body #cart-form i.fa.fa-times {
  font-size: 1.2em;
  color: darkred;
}

/* line 449, app/assets/stylesheets/new_order.sass */
body .recommendations {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

/* line 453, app/assets/stylesheets/new_order.sass */
body .recommendations .recommendation-item {
  margin-bottom: 10px;
}

/* line 456, app/assets/stylesheets/new_order.sass */
body .subtotal-wrapper .subtotal {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
}

/* line 460, app/assets/stylesheets/new_order.sass */
body .subtotal-wrapper .subtotal i.fa.fa-times {
  font-size: 1.2em;
  color: darkred;
}

/* line 463, app/assets/stylesheets/new_order.sass */
body .subtotal-wrapper .subtotal .cart-empty {
  margin-right: 10px;
}

/* line 465, app/assets/stylesheets/new_order.sass */
body .subtotal-wrapper .subtotal .price-label {
  font-weight: bold;
}

/* line 467, app/assets/stylesheets/new_order.sass */
body .subtotal-wrapper .subtotal .price {
  color: darkred;
}

/* line 469, app/assets/stylesheets/new_order.sass */
body .checkout-options {
  margin-bottom: 10px;
  text-align: right;
}

@media screen and (max-width: 440px) {
  /* line 473, app/assets/stylesheets/new_order.sass */
  body .checkout-options a.btn {
    display: block;
    margin-bottom: 3px;
  }
}

/* line 476, app/assets/stylesheets/new_order.sass */
body .checkout-options form {
  display: inline-block;
}

@media screen and (max-width: 440px) {
  /* line 476, app/assets/stylesheets/new_order.sass */
  body .checkout-options form {
    display: block;
  }
}

/* line 480, app/assets/stylesheets/new_order.sass */
body .checkout-options form input[type=submit] {
  background: #337ab7;
  border-color: #2e6da4;
  padding: 6px 12px;
}

@media screen and (max-width: 440px) {
  /* line 480, app/assets/stylesheets/new_order.sass */
  body .checkout-options form input[type=submit] {
    width: 100%;
    margin-bottom: 3px;
  }
}

/* line 488, app/assets/stylesheets/new_order.sass */
body .checkout-options form input.btn-primary[type=submit]:hover {
  background-color: #286090;
  border-color: #204d74;
}

/* line 491, app/assets/stylesheets/new_order.sass */
body .checkout-options form input.btn-green[type=submit] {
  color: white;
  background: #009900;
  border-color: #009900;
  margin-left: 3px;
}

/* line 496, app/assets/stylesheets/new_order.sass */
body .checkout-options form input.btn-green[type=submit]:hover, body .checkout-options form input.btn-green[type=submit]:active:hover, body .checkout-options form input.btn-green[type=submit]:active:focus, body .checkout-options form input.btn-green[type=submit]:active, body .checkout-options form input.btn-green[type=submit]:focus {
  background-color: #006d00;
  border-color: #006d00;
}

/* line 499, app/assets/stylesheets/new_order.sass */
body .checkout-options form input.btn-warning[type=submit] {
  background: #f0ad4e;
  border-color: #eea236;
  margin-left: 3px;
}

@media screen and (max-width: 440px) {
  /* line 499, app/assets/stylesheets/new_order.sass */
  body .checkout-options form input.btn-warning[type=submit] {
    margin-left: 0;
  }
}

/* line 505, app/assets/stylesheets/new_order.sass */
body .checkout-options form input.btn-warning[type=submit]:hover {
  background-color: #ec971f;
  border-color: #d58512;
}

/* line 511, app/assets/stylesheets/new_order.sass */
body .add-all button.submit {
  float: right;
  margin-bottom: 10px;
}

/* line 514, app/assets/stylesheets/new_order.sass */
body .buy-item {
  margin-top: 5px;
}

/* line 518, app/assets/stylesheets/new_order.sass */
body .row.product {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 1px solid grey;
}

/* line 524, app/assets/stylesheets/new_order.sass */
body .row.product span.pricing {
  font-size: 1.1rem;
}

/* line 526, app/assets/stylesheets/new_order.sass */
body .row.product .image {
  text-align: center;
  margin-top: 1em;
}

/* line 529, app/assets/stylesheets/new_order.sass */
body .row.product button.single-item-cart {
  margin-top: 5px;
}

/* line 533, app/assets/stylesheets/new_order.sass */
body form.new-order input[type=submit] {
  background: #337ab7;
  border-color: #2e6da4;
  padding: 6px 12px;
}

/* line 537, app/assets/stylesheets/new_order.sass */
body form.new-order input.btn-green[type=submit] {
  color: white;
  background: #009900;
  border-color: #009900;
  width: 250px;
}

/* line 542, app/assets/stylesheets/new_order.sass */
body form.new-order input.btn-green[type=submit]:hover {
  background-color: #006d00;
  border-color: #006d00;
}

/* line 545, app/assets/stylesheets/new_order.sass */
body form.new-order input.btn-warning[type=submit] {
  background: #f0ad4e;
  border-color: #eea236;
  width: 250px;
}

/* line 549, app/assets/stylesheets/new_order.sass */
body form.new-order input.btn-warning[type=submit]:hover {
  background-color: #ec971f;
  border-color: #d58512;
}

/* line 552, app/assets/stylesheets/new_order.sass */
body form.new-order.with-space {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 556, app/assets/stylesheets/new_order.sass */
body form.new-order .checkout-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* line 560, app/assets/stylesheets/new_order.sass */
body form.new-order .terms-and-conditions {
  margin-top: 10px;
}

/* line 562, app/assets/stylesheets/new_order.sass */
body form.new-order .terms-and-conditions label {
  font-weight: normal;
}

/* line 564, app/assets/stylesheets/new_order.sass */
body form.new-order .terms-and-conditions label input {
  margin-right: 10px;
}

/* line 569, app/assets/stylesheets/new_order.sass */
body .site-links ul, body .contact-list ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
}

/* line 573, app/assets/stylesheets/new_order.sass */
body .site-links a, body .contact-list a {
  color: #ccc;
}

/* line 577, app/assets/stylesheets/new_order.sass */
body #ff .site-links ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
}

/* line 583, app/assets/stylesheets/new_order.sass */
#lowfoot {
  background: none;
  border-top: none;
  text-align: center;
  color: #08466f;
  padding: 10px 20px;
}

/* line 589, app/assets/stylesheets/new_order.sass */
#ff {
  padding: 25px;
}

/* line 591, app/assets/stylesheets/new_order.sass */
.alert {
  margin: 0;
}

/* line 593, app/assets/stylesheets/new_order.sass */
.alert-dismissable .close, .alert-dismissible .close {
  right: -10px;
}

/* line 595, app/assets/stylesheets/new_order.sass */
.panel-default > .panel-heading {
  background: none;
  background-color: #333367;
  color: white;
}

/* line 599, app/assets/stylesheets/new_order.sass */
.btn-info {
  background: #337ab7;
  border-color: #2e6da4;
}

@media screen and (max-width: 767px) {
  /* line 603, app/assets/stylesheets/new_order.sass */
  .wrap-small td {
    white-space: normal;
  }
}

@media all {
  /* line 608, app/assets/stylesheets/new_order.sass */
  .page-break {
    display: none;
  }
}

@media print {
  /* line 612, app/assets/stylesheets/new_order.sass */
  .page-break {
    display: block;
    page-break-before: always;
  }
}
@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-ExtraLight.ttf);
  font-weight: 100;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Thin.ttf);
  font-weight: 200;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Medium.ttf);
  font-weight: 500;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-SemiBold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-ExtraBold.ttf);
  font-weight: 800;
}

@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Black.ttf);
  font-weight: 900;
}

/* line 46, app/assets/stylesheets/style.scss */
.gcsc-more-maybe-branding-root {
  display: none;
}

/* line 60, app/assets/stylesheets/style.scss */
.font-poppins-extralight {
  font-family: Poppins;
  font-weight: 100;
}

/* line 64, app/assets/stylesheets/style.scss */
.font-poppins-thin {
  font-family: Poppins;
  font-weight: 200;
}

/* line 68, app/assets/stylesheets/style.scss */
.font-poppins-light {
  font-family: Poppins;
  font-weight: 300;
}

/* line 72, app/assets/stylesheets/style.scss */
.font-poppins {
  font-family: Poppins;
  font-weight: 400;
}

/* line 76, app/assets/stylesheets/style.scss */
.font-poppins-medium {
  font-family: Poppins;
  font-weight: 500;
}

/* line 80, app/assets/stylesheets/style.scss */
.font-poppins-semibold {
  font-family: Poppins;
  font-weight: 600;
}

/* line 84, app/assets/stylesheets/style.scss */
.font-poppins-bold {
  font-family: Poppins;
  font-weight: 700;
}

/* line 88, app/assets/stylesheets/style.scss */
.font-poppins-extrabold {
  font-family: Poppins;
  font-weight: 800;
}

/* line 92, app/assets/stylesheets/style.scss */
.font-poppins-black {
  font-family: Poppins;
  font-weight: 900;
}

/* line 97, app/assets/stylesheets/style.scss */
.bg-br-green {
  background-color: #027d04;
}

/* line 100, app/assets/stylesheets/style.scss */
.bg-brc-blue {
  background-color: #23527c;
}

/* line 103, app/assets/stylesheets/style.scss */
.hover\:border-br-green:hover {
  border-color: #015a03;
}

/* line 106, app/assets/stylesheets/style.scss */
.hover\:bg-br-green:hover {
  background-color: #015a03;
}

/* line 109, app/assets/stylesheets/style.scss */
.hover\:text-white:hover {
  color: #ffffff;
}

/* line 112, app/assets/stylesheets/style.scss */
.text-brc-light-blue {
  color: #23527c;
}

/* line 116, app/assets/stylesheets/style.scss */
.font-poppins-bold {
  font-family: Poppins;
  font-weight: bold;
}

/* line 121, app/assets/stylesheets/style.scss */
.text-br-blue {
  color: #333367;
}

/* line 124, app/assets/stylesheets/style.scss */
.text-br-red {
  color: #ae190a;
}

/* line 128, app/assets/stylesheets/style.scss */
body {
  background: #003050;
  background: #fff;
}

@-moz-document url-prefix() {
  /* line 134, app/assets/stylesheets/style.scss */
  .container-fluid .row-wrapper .row {
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
  }
  /* line 140, app/assets/stylesheets/style.scss */
  .main-content {
    -moz-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    overflow-x: hidden;
  }
  /* line 148, app/assets/stylesheets/style.scss */
  .sidebar-wrapper {
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  /* line 154, app/assets/stylesheets/style.scss */
  #page-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  /* line 165, app/assets/stylesheets/style.scss */
  .max-w-full {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  /* line 171, app/assets/stylesheets/style.scss */
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
  /* line 177, app/assets/stylesheets/style.scss */
  .text-center:not([class*="col-"]) {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }
  /* line 183, app/assets/stylesheets/style.scss */
  .text-center[class*="col-"] {
    text-align: center !important;
  }
  /* line 187, app/assets/stylesheets/style.scss */
  .grid {
    display: -moz-grid !important;
    display: grid !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  /* line 195, app/assets/stylesheets/style.scss */
  .grid-cols-1 {
    -moz-grid-template-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  /* line 200, app/assets/stylesheets/style.scss */
  .grid-cols-3 {
    -moz-grid-template-columns: repeat(3, 1fr) !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 768px) {
  @-moz-document url-prefix() {
    /* line 208, app/assets/stylesheets/style.scss */
    .md\:grid-cols-3 {
      -moz-grid-template-columns: repeat(3, 1fr) !important;
      grid-template-columns: repeat(3, 1fr) !important;
      display: -moz-grid !important;
      display: grid !important;
      gap: 1rem !important;
    }
    /* line 216, app/assets/stylesheets/style.scss */
    .grid.md\:grid-cols-3 {
      justify-content: start !important;
      align-items: start !important;
    }
    /* line 221, app/assets/stylesheets/style.scss */
    .col-12 {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      display: block !important;
      box-sizing: border-box !important;
    }
    /* line 229, app/assets/stylesheets/style.scss */
    .col-12 #main {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      display: block !important;
      overflow-x: hidden !important;
    }
    /* line 237, app/assets/stylesheets/style.scss */
    .container-fluid {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important;
    }
    /* line 244, app/assets/stylesheets/style.scss */
    .container-fluid .row-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
    }
    /* line 250, app/assets/stylesheets/style.scss */
    .container-fluid .row-wrapper .row {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      display: -moz-box !important;
      display: -webkit-flex !important;
      display: flex !important;
      justify-content: center !important;
    }
    /* line 260, app/assets/stylesheets/style.scss */
    .max-w-full {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      text-align: center !important;
    }
    /* line 267, app/assets/stylesheets/style.scss */
    .text-center:not([class*="col-"]) {
      text-align: center !important;
      width: 100% !important;
      margin: 0 auto !important;
    }
    /* line 273, app/assets/stylesheets/style.scss */
    .text-center[class*="col-"] {
      text-align: center !important;
    }
    /* line 277, app/assets/stylesheets/style.scss */
    div[style*="max-width: 600px"] {
      margin: 0 auto !important;
      text-align: center !important;
    }
    /* line 282, app/assets/stylesheets/style.scss */
    div[style*="width: 700px"] {
      margin: 0 auto !important;
      text-align: center !important;
    }
    /* line 287, app/assets/stylesheets/style.scss */
    .global-header {
      display: -moz-box !important;
      display: -webkit-flex !important;
      display: flex !important;
      -moz-box-align: center !important;
      -webkit-align-items: center !important;
      align-items: center !important;
      -moz-box-pack: justify !important;
      -webkit-justify-content: space-between !important;
      justify-content: space-between !important;
      padding: 10px 0 !important;
      gap: 15px !important;
      max-width: 1366px !important;
      margin: 0 auto !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    /* line 305, app/assets/stylesheets/style.scss */
    .global-header .logo {
      -moz-box-flex: 0 !important;
      -webkit-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      -webkit-flex-shrink: 0 !important;
      flex-shrink: 0 !important;
    }
    /* line 313, app/assets/stylesheets/style.scss */
    .global-header .header-search {
      -moz-box-flex: 1 !important;
      -webkit-flex: 1 !important;
      flex: 1 !important;
      display: -moz-box !important;
      display: -webkit-flex !important;
      display: flex !important;
      -moz-box-pack: center !important;
      -webkit-justify-content: center !important;
      justify-content: center !important;
      -moz-box-align: center !important;
      -webkit-align-items: center !important;
      align-items: center !important;
      min-width: 0 !important;
      margin: 0 15px !important;
    }
    /* line 330, app/assets/stylesheets/style.scss */
    .global-header .header-actions {
      -moz-box-flex: 0 !important;
      -webkit-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      margin-left: auto !important;
      padding-right: 15px !important;
      -webkit-flex-shrink: 0 !important;
      flex-shrink: 0 !important;
      min-width: 0 !important;
      overflow: visible !important;
    }
    /* line 342, app/assets/stylesheets/style.scss */
    .container-fluid {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 15px !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
      overflow: visible !important;
    }
    /* line 351, app/assets/stylesheets/style.scss */
    .row.top-header {
      width: 100% !important;
      max-width: 1366px !important;
      margin: 0 auto !important;
      padding: 5px 0 !important;
      box-sizing: border-box !important;
    }
  }
}

@media screen and (max-width: 768px) {
  @-moz-document url-prefix() {
    /* line 363, app/assets/stylesheets/style.scss */
    .global-header {
      -webkit-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
      gap: 5px !important;
      padding: 10px 0 !important;
    }
    /* line 370, app/assets/stylesheets/style.scss */
    .global-header .logo {
      -moz-box-flex: 0 !important;
      -webkit-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      padding-left: 0 !important;
    }
    /* line 377, app/assets/stylesheets/style.scss */
    .global-header .header-actions {
      -moz-box-flex: 0 !important;
      -webkit-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      margin-left: auto !important;
      padding-right: 0 !important;
    }
    /* line 385, app/assets/stylesheets/style.scss */
    .global-header .header-search {
      -moz-box-flex: 1 !important;
      -webkit-flex: 1 0 100% !important;
      flex: 1 0 100% !important;
      -webkit-order: 2 !important;
      order: 2 !important;
      max-width: none !important;
      margin: 5px 0 0 0 !important;
      -moz-box-pack: stretch !important;
      -webkit-justify-content: stretch !important;
      justify-content: stretch !important;
    }
  }
}

/* line 400, app/assets/stylesheets/style.scss */
#main {
  max-width: 100%;
  box-sizing: border-box;
}

@-moz-document url-prefix() {
  /* line 406, app/assets/stylesheets/style.scss */
  #main {
    overflow-x: hidden !important;
    max-width: 100vw;
  }
  /* line 411, app/assets/stylesheets/style.scss */
  #wrapper {
    overflow-x: hidden;
    max-width: 100%;
  }
  /* line 416, app/assets/stylesheets/style.scss */
  #page-wrapper {
    overflow-x: hidden;
    max-width: 100%;
  }
}

/* line 422, app/assets/stylesheets/style.scss */
.wrappers-wrapper {
  display: flex;
}

@-moz-document url-prefix() {
  /* line 427, app/assets/stylesheets/style.scss */
  .wrappers-wrapper {
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }
}

/* line 437, app/assets/stylesheets/style.scss */
#wrapper {
  width: 100%;
}

/* line 441, app/assets/stylesheets/style.scss */
#page-wrapper {
  padding: 0 15px;
  min-height: 688px;
  background-color: #fff;
}

@media (min-width: 768px) {
  /* line 448, app/assets/stylesheets/style.scss */
  #page-wrapper {
    border-left: 1px solid #e7e7e7;
    padding: 0 30px;
    position: inherit;
  }
}

/* line 455, app/assets/stylesheets/style.scss */
.navbar-top-links {
  margin-right: 0;
}

/* line 459, app/assets/stylesheets/style.scss */
.navbar-top-links li {
  display: inline-block;
}

/* line 463, app/assets/stylesheets/style.scss */
.navbar-top-links li:last-child {
  margin-right: 15px;
}

/* line 467, app/assets/stylesheets/style.scss */
.navbar-top-links li a {
  /*padding: 15px;
    min-height: 50px;*/
}

/* line 472, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-menu li {
  display: block;
}

/* line 476, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}

/* line 480, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-menu li a {
  /*padding: 3px 20px;
    min-height: 0;*/
}

/* line 485, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}

/* line 489, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 260px;
  min-width: 0;
}

/* line 496, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}

/* line 500, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}

/* line 504, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}

/* line 508, app/assets/stylesheets/style.scss */
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}

/* line 513, app/assets/stylesheets/style.scss */
.sidebar {
  position: relative;
}

/* line 517, app/assets/stylesheets/style.scss */
.sidebar .sidebar-nav.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}

/* line 522, app/assets/stylesheets/style.scss */
.sidebar .sidebar-search {
  padding: 15px;
}

/* line 526, app/assets/stylesheets/style.scss */
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}

/* line 530, app/assets/stylesheets/style.scss */
.sidebar ul li a.active {
  background-color: #eee;
}

/* line 534, app/assets/stylesheets/style.scss */
.sidebar .arrow-right {
  float: right;
}

/* line 538, app/assets/stylesheets/style.scss */
.sidebar .fa.arrow-right:before {
  content: "\f105";
}

/* line 542, app/assets/stylesheets/style.scss */
.sidebar .active > a > .fa.arrow-right:before {
  content: "\f107";
}

/* line 546, app/assets/stylesheets/style.scss */
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: 0 !important;
}

/* line 551, app/assets/stylesheets/style.scss */
.sidebar .nav-second-level li a {
  padding-left: 37px;
}

/* line 555, app/assets/stylesheets/style.scss */
.sidebar .nav-third-level li a {
  padding-left: 52px;
}

@media (min-width: 768px) {
  /* line 560, app/assets/stylesheets/style.scss */
  .sidebar {
    margin-top: 51px;
    width: auto;
    min-width: 200px;
    max-width: 350px;
    z-index: 1;
  }
  /* line 568, app/assets/stylesheets/style.scss */
  .navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}

/* line 575, app/assets/stylesheets/style.scss */
.sidebar-wrapper {
  display: none;
}

/* line 579, app/assets/stylesheets/style.scss */
.row-wrapper .row {
  max-width: 1366px;
  margin: 0 auto;
}

@media (min-width: 769px) {
  /* line 585, app/assets/stylesheets/style.scss */
  .container-fluid .row-wrapper .row {
    display: flex;
  }
  /* line 589, app/assets/stylesheets/style.scss */
  .sidebar-wrapper {
    display: block;
    width: auto;
    min-width: 200px;
    max-width: 350px;
    flex-shrink: 0;
    margin: 0;
  }
  /* line 598, app/assets/stylesheets/style.scss */
  .main-content {
    flex: 1;
    min-width: 0;
  }
  /* line 603, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  /* line 609, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li {
    display: flex;
    align-items: center;
  }
  /* line 614, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account .dropdown-menu.user-actions {
    min-width: 100px;
    width: 100px;
  }
  /* line 619, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account .caret {
    transition: transform 0.3s ease;
  }
  /* line 623, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account.caret-rotated .caret {
    transform: rotate(180deg);
  }
  /* line 627, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
  }
  /* line 634, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li a.btn-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
  }
}

@media (max-width: 768px) {
  /* line 643, app/assets/stylesheets/style.scss */
  .sidebar-wrapper {
    display: none;
  }
  /* line 647, app/assets/stylesheets/style.scss */
  .main-content {
    width: 100%;
  }
  /* line 651, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav {
    display: flex;
    align-items: center;
  }
  /* line 656, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li a.btn {
    display: flex;
    align-items: center;
  }
  /* line 661, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account a.btn {
    display: flex;
    align-items: center;
  }
  /* line 666, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown-cart a.btn-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* line 672, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account .dropdown-menu.user-actions {
    right: 0;
    left: auto;
    min-width: 100px;
    width: 100px;
  }
  /* line 679, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account .caret {
    transition: transform 0.3s ease;
  }
  /* line 683, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account.caret-rotated .caret {
    transform: rotate(180deg);
  }
}

@media (max-width: 424px) {
  /* line 689, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li a.btn {
    padding: 4px 8px !important;
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
  /* line 696, app/assets/stylesheets/style.scss */
  .header-actions ul.user-nav li.dropdown.account a.btn {
    padding: 4px 8px !important;
    min-height: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
}

/* line 704, app/assets/stylesheets/style.scss */
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}

/* line 710, app/assets/stylesheets/style.scss */
.btn-primary.btn-outline {
  color: #428bca;
}

/* line 714, app/assets/stylesheets/style.scss */
.btn-success.btn-outline {
  color: #5cb85c;
}

/* line 718, app/assets/stylesheets/style.scss */
.btn-info.btn-outline {
  color: #5bc0de;
}

/* line 722, app/assets/stylesheets/style.scss */
.btn-warning.btn-outline {
  color: #f0ad4e;
}

/* line 726, app/assets/stylesheets/style.scss */
.btn-danger.btn-outline {
  color: #d9534f;
}

/* line 730, app/assets/stylesheets/style.scss */
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}

/* line 738, app/assets/stylesheets/style.scss */
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 744, app/assets/stylesheets/style.scss */
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}

/* line 750, app/assets/stylesheets/style.scss */
.chat li.left .chat-body {
  margin-left: 60px;
}

/* line 754, app/assets/stylesheets/style.scss */
.chat li.right .chat-body {
  margin-right: 60px;
}

/* line 758, app/assets/stylesheets/style.scss */
.chat li .chat-body p {
  margin: 0;
}

/* line 762, app/assets/stylesheets/style.scss */
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

/* line 767, app/assets/stylesheets/style.scss */
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}

/* line 772, app/assets/stylesheets/style.scss */
.login-panel {
  margin-top: 25%;
}

/* line 776, app/assets/stylesheets/style.scss */
.flot-chart {
  display: block;
  height: 400px;
}

/* line 781, app/assets/stylesheets/style.scss */
.flot-chart-content {
  width: 100%;
  height: 100%;
}

/* line 786, app/assets/stylesheets/style.scss */
.dataTables_wrapper {
  position: relative;
  clear: both;
}

/* line 791, app/assets/stylesheets/style.scss */
.clear-both {
  clear: both;
}

/* line 795, app/assets/stylesheets/style.scss */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: 0 0;
}

/* line 803, app/assets/stylesheets/style.scss */
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
}

/* line 809, app/assets/stylesheets/style.scss */
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}

/* line 815, app/assets/stylesheets/style.scss */
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}

/* line 822, app/assets/stylesheets/style.scss */
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}

/* line 832, app/assets/stylesheets/style.scss */
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}

/* line 841, app/assets/stylesheets/style.scss */
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

/* line 850, app/assets/stylesheets/style.scss */
.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}

/* line 857, app/assets/stylesheets/style.scss */
.show-grid {
  margin: 15px 0;
}

/* line 861, app/assets/stylesheets/style.scss */
.huge {
  font-size: 40px;
}

/* line 865, app/assets/stylesheets/style.scss */
.panel-green {
  border-color: #5cb85c;
}

/* line 869, app/assets/stylesheets/style.scss */
.panel-green .panel-heading {
  border-color: #5cb85c;
  color: #fff;
  background-color: #5cb85c;
}

/* line 875, app/assets/stylesheets/style.scss */
.panel-green a {
  color: #5cb85c;
}

/* line 879, app/assets/stylesheets/style.scss */
.panel-green a:hover {
  color: #3d8b3d;
}

/* line 883, app/assets/stylesheets/style.scss */
.panel-red {
  border-color: #d9534f;
}

/* line 887, app/assets/stylesheets/style.scss */
.panel-red .panel-heading {
  border-color: #d9534f;
  color: #fff;
  background-color: #d9534f;
}

/* line 893, app/assets/stylesheets/style.scss */
.panel-red a {
  color: #d9534f;
}

/* line 897, app/assets/stylesheets/style.scss */
.panel-red a:hover {
  color: #b52b27;
}

/* line 901, app/assets/stylesheets/style.scss */
.panel-yellow {
  border-color: #f0ad4e;
}

/* line 905, app/assets/stylesheets/style.scss */
.panel-yellow .panel-heading {
  border-color: #f0ad4e;
  color: #fff;
  background-color: #f0ad4e;
}

/* line 911, app/assets/stylesheets/style.scss */
.panel-yellow a {
  color: #f0ad4e;
}

/* line 915, app/assets/stylesheets/style.scss */
.panel-yellow a:hover {
  color: #df8a13;
}

/*************************************************************************/
/* line 922, app/assets/stylesheets/style.scss */
body {
  font-family: 'Lato', sans-serif;
}

/* line 924, app/assets/stylesheets/style.scss */
h1, h2, h3, h4 {
  font-family: 'Oswald', sans-serif;
}

/* line 926, app/assets/stylesheets/style.scss */
.navbar-default {
  background: #08466f;
  color: #fff;
  border-color: #08466f;
}

/* line 927, app/assets/stylesheets/style.scss */
.navbar-default a {
  color: #08466f;
}

/* line 929, app/assets/stylesheets/style.scss */
.navbar-default {
  background: #08466f url(/assets/headbg-d3b6228405582e31abe2f2d7952179686efb0ac39303f85240f3d1d0fe4aa42b.png) top right no-repeat;
}

/* line 930, app/assets/stylesheets/style.scss */
.navbar-default {
  background: #333367;
}

/* line 932, app/assets/stylesheets/style.scss */
.navbar.rht img.rht {
  display: inline;
}

/* line 936, app/assets/stylesheets/style.scss */
.navbar.rht .navbar-brand > img {
  margin-top: -15px;
}

/* line 940, app/assets/stylesheets/style.scss */
.navbar.rht.navbar-default {
  background-color: #ffffff;
}

/* line 944, app/assets/stylesheets/style.scss */
.navbar.rht.navbar-default #g-search {
  text-align: right;
}

/* line 948, app/assets/stylesheets/style.scss */
.navbar.rht.navbar-default .welcomtext {
  color: black;
}

/* line 952, app/assets/stylesheets/style.scss */
.navbar.navbar-default .welcomtext a {
  color: white;
}

/* line 956, app/assets/stylesheets/style.scss */
.navbar.rht.navbar-default .welcomtext a {
  color: black;
}

/* line 960, app/assets/stylesheets/style.scss */
.nav li {
  font-size: 100%;
}

/* line 961, app/assets/stylesheets/style.scss */
.nav li ul li {
  font-size: 90%;
}

/* line 962, app/assets/stylesheets/style.scss */
.nav li ul li a {
  padding: 4px 4px 4px 10px;
}

/* line 963, app/assets/stylesheets/style.scss */
.nav > li > a {
  padding: 4px 4px 4px 10px;
}

/* line 965, app/assets/stylesheets/style.scss */
.nav > li > a:focus, .nav > li > a:hover {
  background: #fff;
  color: #000;
  padding-left: 10px;
}

/* line 966, app/assets/stylesheets/style.scss */
.sidebar ul li {
  border-bottom: 0px solid #dde6e9;
  background: #fff;
  background: #f7f4eb;
  border-top: 1px solid #fffaec;
  border-bottom: 1px solid #eae1cd;
  text-shadow: 1px 1px 1px #fff;
}

/* line 976, app/assets/stylesheets/style.scss */
.sidebar ul li ul li {
  background: #f2f5f6;
  background: #f7f4eb;
  border-top: 1px solid #fffaec;
  border-bottom: 1px solid #eae1cd;
}

/* line 982, app/assets/stylesheets/style.scss */
.sidebar ul li {
  font-size: 110%;
}

/* line 983, app/assets/stylesheets/style.scss */
.sidebar ul li ul li a {
  padding: 5px 4px 5px 10px;
  font-size: 110%;
  background: #ece8dc;
}

/* line 985, app/assets/stylesheets/style.scss */
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #fff;
}

/* line 987, app/assets/stylesheets/style.scss */
.navbar-default .btn-warning {
  color: #fff;
}

/* line 989, app/assets/stylesheets/style.scss */
.navbar-right {
  font-size: 120%;
}

/* line 992, app/assets/stylesheets/style.scss */
.navbar-top-links {
  font-size: 90%;
  margin-top: 10px;
}

/* line 995, app/assets/stylesheets/style.scss */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: #000;
  color: #fff;
}

/* line 999, app/assets/stylesheets/style.scss */
.textW {
  color: #fff;
  background: #cc3333;
  padding: 3px;
}

/* line 1001, app/assets/stylesheets/style.scss */
a#loginbut {
  padding: 10px;
  margin-top: 0px;
  background: #1f1f56;
  color: #fff;
}

/* line 1002, app/assets/stylesheets/style.scss */
a#loginbut:hover {
  padding: 10px;
  background: #1f1f56;
  color: #fff;
}

/* line 1003, app/assets/stylesheets/style.scss */
a#loginbut .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: #003c66;
}

/* line 1005, app/assets/stylesheets/style.scss */
.sidebar {
  margin-top: 1px;
  background: #fff;
  color: #666;
}

/* line 1006, app/assets/stylesheets/style.scss */
.sidebar ul li a.active {
  background-color: #fff;
  color: #000;
}

/* line 1010, app/assets/stylesheets/style.scss */
a#logo2 {
  color: #fff;
  font-size: 200%;
  font-weight: 700;
}

/* line 1012, app/assets/stylesheets/style.scss */
#subbar {
  background: #60608e;
  padding: 9px 9px 0 9px;
  font-size: 120%;
}

/*#subbar a {padding:4px 10px;/*background:#0a5688;*/
/*border-radius:5px;margin:0 5px;}
#subbar a:hover {background:#08466f;color:#fff;text-decoration:none;}*/
/* line 1020, app/assets/stylesheets/style.scss */
#subbar2 {
  background: #cc0000;
  padding: 5px;
}

/* line 1021, app/assets/stylesheets/style.scss */
#subbar2 a {
  padding: 4px 10px;
  border-radius: 5px;
  color: #fff;
}

/* line 1022, app/assets/stylesheets/style.scss */
#subbar2 a:hover {
  background: #011929;
  color: #dfdfdf;
  text-decoration: none;
}

/* line 1024, app/assets/stylesheets/style.scss */
#subbar2.rht {
  background-color: #08466f;
}

/* line 1027, app/assets/stylesheets/style.scss */
#page-wrapper {
  border-left: 0;
  padding-top: 20px;
}

/* line 1030, app/assets/stylesheets/style.scss */
#page-wrapper ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* line 1031, app/assets/stylesheets/style.scss */
#page-wrapper ul li {
  padding-left: 20px;
}

/* line 1033, app/assets/stylesheets/style.scss */
#page-wrapper ul.payments li {
  background: transparent;
}

/* line 1035, app/assets/stylesheets/style.scss */
#prodinf ul {
  margin: 20px 0;
}

/* line 1036, app/assets/stylesheets/style.scss */
#prodinf ul li {
  background: transparent url(/assets/li-d6ac634529f3136ef77ba8d765185459eb27a235fd906e80a40225762646c4d9.png) no-repeat;
  background-position: 0 7px;
}

/* line 1038, app/assets/stylesheets/style.scss */
.mainmessage {
  overflow: hidden;
}

/* line 1040, app/assets/stylesheets/style.scss */
#customQuote ul li {
  background: none;
}

/* line 1041, app/assets/stylesheets/style.scss */
label {
  display: block;
  margin-top: 10px;
}

/* line 1042, app/assets/stylesheets/style.scss */
#customQuote textarea {
  width: 100%;
}

@-moz-document url-prefix() {
  /* line 1046, app/assets/stylesheets/style.scss */
  #customQuote table {
    table-layout: auto !important;
    width: auto !important;
    max-width: none !important;
    overflow-x: visible !important;
  }
  /* line 1053, app/assets/stylesheets/style.scss */
  #customQuote table td,
#customQuote table th {
    overflow: visible !important;
    text-overflow: initial !important;
    word-wrap: normal !important;
    max-width: none !important;
  }
}

/* line 1063, app/assets/stylesheets/style.scss */
.breadcrumb {
  margin-top: 5px;
  margin-bottom: 0;
  background: transparent url(/assets/fade-fa17a60fae1dc008a91f9128d6c1231b0cfe3a4e4ff6f0d529809d438ce91a57.png) bottom left no-repeat;
  min-height: 30px;
}

/* line 1064, app/assets/stylesheets/style.scss */
.breadcrumb a {
  padding: 12px 5px;
}

/* line 1067, app/assets/stylesheets/style.scss */
.uQty {
  margin: 0 auto;
}

/* line 1070, app/assets/stylesheets/style.scss */
#subbar img.payby {
  height: 40px;
}

/* #fooblock {background:#fff url(asset_path("cap2.png")) bottom center no-repeat;padding:40px 20px 80px 20px;border-radius:5px;text-align:center;margin-top:-80px;}*/
/* line 1072, app/assets/stylesheets/style.scss */
#fooblock {
  text-align: center;
}

/* line 1073, app/assets/stylesheets/style.scss */
#fooblock img {
  margin: 5px;
}

/* line 1074, app/assets/stylesheets/style.scss */
#fooblock img.payby {
  height: 40px;
}

/*
.frcall .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding:0;
}
*/
/* line 1083, app/assets/stylesheets/style.scss */
.formbox label {
  display: block;
}

/* line 1084, app/assets/stylesheets/style.scss */
.formbox h3 {
  margin: 20px 0 0 0;
}

/* line 1086, app/assets/stylesheets/style.scss */
.addressbox {
  padding: 5px 0;
  border-bottom: 1px solid #f7f7f7;
  width: 250px;
  float: left;
}

/* line 1088, app/assets/stylesheets/style.scss */
.checkout-header {
  padding: 15px 0;
}

/* line 1090, app/assets/stylesheets/style.scss */
.callbut {
  padding: 20px;
  font-size: 140%;
  border: 1px solid #fff;
  background: #ccc;
}

/* line 1091, app/assets/stylesheets/style.scss */
.callbut a {
  color: #333;
}

/* line 1093, app/assets/stylesheets/style.scss */
.callbut h2 {
  color: #000;
}

/* line 1096, app/assets/stylesheets/style.scss */
.callbut2 {
  margin: 0;
}

/* line 1097, app/assets/stylesheets/style.scss */
.callbut2 {
  padding: 20px;
  font-size: 140%;
  border: 1px solid #fff;
  background: #666;
  display: block;
  color: #ccc;
}

/* line 1098, app/assets/stylesheets/style.scss */
.callbut2 a {
  color: #fff;
}

/* line 1100, app/assets/stylesheets/style.scss */
.frcall {
  margin-bottom: 40px;
}

/* line 1102, app/assets/stylesheets/style.scss */
.frcall a {
  padding: 20px;
  font-size: 140%;
  border: 1px solid #fff;
  background: #369;
  display: block;
  color: #ccc;
  margin: 0;
}

/* line 1103, app/assets/stylesheets/style.scss */
.frcall a:hover {
  background: #302020;
  text-decoration: none;
}

/* line 1105, app/assets/stylesheets/style.scss */
.frcall a.hvr-shutter-in-vertical {
  background: #003050;
  color: #000;
}

/* line 1106, app/assets/stylesheets/style.scss */
.frcall a.hvr-shutter-in-vertical:hover {
  background: #003050;
  color: #fff;
}

/* line 1108, app/assets/stylesheets/style.scss */
.frcall .callbut a {
  border: 0;
  padding: 0;
}

/* line 1110, app/assets/stylesheets/style.scss */
.bigcall {
  border: 1px solid #fff;
  border-top: 0;
}

/* line 1112, app/assets/stylesheets/style.scss */
.ftgrid, .ft2grid, .ft3grid {
  background: url(http://placehold.it/850x150) no-repeat;
  min-height: 142px;
  height: 100%;
  border: 1px solid #fff;
  border-bottom: 0;
}

/* line 1116, app/assets/stylesheets/style.scss */
h1.page-header {
  margin-top: 10px;
  padding: 0px;
  border: 0;
  border-radius: 5px;
  color: #980b14;
  background: url(/assets/diag2-bb35c4f65772f31f5c82198a2b56495241d734404a72fadb23174c8253c06e68.png);
}

/* line 1125, app/assets/stylesheets/style.scss */
h1.page-header span {
  background: #fff;
  padding: 4px 10px 4px 0;
}

/* line 1130, app/assets/stylesheets/style.scss */
h2.subhead {
  color: #fff;
  background: url(/assets/diag2-bb35c4f65772f31f5c82198a2b56495241d734404a72fadb23174c8253c06e68.png);
  padding: 0px;
  text-shadow: 1px 1px 4px #490005;
  border-radius: 5px;
}

/* line 1131, app/assets/stylesheets/style.scss */
h2.subhead span {
  background: #980b14;
  padding: 3px 10px;
  border-radius: 5px;
}

/* line 1133, app/assets/stylesheets/style.scss */
h3 {
  margin: 0 0 10px 0;
  padding: 0;
}

/* line 1135, app/assets/stylesheets/style.scss */
.sep {
  background: url(/assets/diag2-bb35c4f65772f31f5c82198a2b56495241d734404a72fadb23174c8253c06e68.png);
  height: 25px;
  margin-top: 40px;
}

/* line 1142, app/assets/stylesheets/style.scss */
a#viewcart {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69b215+0,589923+50,7cb72a+100 */
  background: #69b215;
  /* Old browsers */
  background: -moz-linear-gradient(top, #69b215 0%, #589923 50%, #7cb72a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #69b215 0%, #589923 50%, #7cb72a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #69b215 0%, #589923 50%, #7cb72a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b215', endColorstr='#7cb72a',GradientType=0 );
  /* IE6-9 */
  border: 3px solid darkgreen;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  margin: 0;
  padding: 10px;
}

/* line 1152, app/assets/stylesheets/style.scss */
a#viewcart.hvr-float-shadow:hover {
  background: darkgreen;
  border: 3px solid #0a4501;
  color: #fff;
}

/* line 1153, app/assets/stylesheets/style.scss */
a#logout {
  padding: 5px;
  color: #ff9900;
  margin: 0;
}

/* line 1154, app/assets/stylesheets/style.scss */
a#logout:hover {
  padding: 0;
  margin: 0;
}

/* line 1156, app/assets/stylesheets/style.scss */
a#viewquote {
  background: #d68000;
  border: 3px solid #000;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  margin: 0;
  padding: 10px;
}

/* line 1165, app/assets/stylesheets/style.scss */
a#viewquote:hover {
  background: #ff9900;
}

/* line 1167, app/assets/stylesheets/style.scss */
.welcomtext {
  padding: 5px;
}

/* line 1169, app/assets/stylesheets/style.scss */
.navbar-top-links li a#logout {
  padding: 5px 0;
  min-height: 12px;
  background: transparent;
}

/* line 1171, app/assets/stylesheets/style.scss */
a.welcome {
  background: #003c66;
  border: 2px solid #003050;
}

/* line 1173, app/assets/stylesheets/style.scss */
p.phone1 {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* line 1174, app/assets/stylesheets/style.scss */
#subbar2 .phone1 a {
  color: #ff9900;
  color: #fff;
}

/* line 1176, app/assets/stylesheets/style.scss */
#ff {
  background: #f2f2f2;
  background: #333367;
  color: #f2f2f2;
  border-top: 3px solid #f0f0f0;
}

/* line 1183, app/assets/stylesheets/style.scss */
#ff a {
  color: #08466f;
  color: #ccc;
}

/* line 1184, app/assets/stylesheets/style.scss */
#ff a:hover {
  color: #fff;
}

/* #lowfoot {background: #333;border-top:5px solid #ddd;color:#fff;padding:20px 0} */
/* line 1187, app/assets/stylesheets/style.scss */
#lowfoot a {
  color: #ccc;
}

/* line 1188, app/assets/stylesheets/style.scss */
#lowfoot a:hover {
  color: #fff;
}

/* line 1190, app/assets/stylesheets/style.scss */
a.bra {
  background: #2e2e2e;
  padding: 5px;
  border-radius: 5px;
}

/* line 1192, app/assets/stylesheets/style.scss */
.sociallinks a {
  font-size: 300%;
  color: #ccc;
}

/* line 1193, app/assets/stylesheets/style.scss */
.sociallinks a:hover {
  font-size: 300%;
}

/* line 1195, app/assets/stylesheets/style.scss */
#incent {
  padding: 8px;
  background: #28610f;
  border-bottom: 4px solid #003050;
  color: #fff;
}

/* line 1196, app/assets/stylesheets/style.scss */
#incent a {
  color: #fff;
}

/* line 1197, app/assets/stylesheets/style.scss */
#causes {
  padding: 8px;
}

/* line 1199, app/assets/stylesheets/style.scss */
#pocket {
  position: absolute;
  margin: -60px 0 0 -25px;
}

/* line 1202, app/assets/stylesheets/style.scss */
.panel-default > .panel-heading {
  background: none;
  background-color: #333367;
  color: white;
}

/* line 1209, app/assets/stylesheets/style.scss */
.nav-tabs {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 1210, app/assets/stylesheets/style.scss */
.nav-tabs > li {
  padding: 20px 0;
  border: 0;
  font-weight: bold;
  font-size: 140%;
}

/* line 1212, app/assets/stylesheets/style.scss */
.nav-tabs > li {
  list-style: none;
}

/* line 1213, app/assets/stylesheets/style.scss */
.nav-tabs > li > a, .nav-tabs > li > a:hover {
  padding: 20px;
  list-style: none;
  border: 1px solid #ccc;
}

/* line 1215, app/assets/stylesheets/style.scss */
.nav-tabs > li.active a, .nav-tabs > li.active a:focus {
  margin-bottom: 0;
  border-bottom: 0;
  text-decoration: none;
  background: #f2f5f6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
  /* IE6-9 */
}

/* line 1227, app/assets/stylesheets/style.scss */
#mytab {
  margin: 0;
  padding: 0;
}

/* line 1228, app/assets/stylesheets/style.scss */
#mytab.nav-tabs li > a:hover li a:hover {
  background: #ccc;
  color: #fff;
}

/* line 1230, app/assets/stylesheets/style.scss */
.nitem div img {
  border: 0px solid #fff;
  /*box-shadow:0 0 12px #ccc;*/
}

/* line 1231, app/assets/stylesheets/style.scss */
.btn-info {
  background: #337ab7;
  border: 1px solid #2e6da4;
}

/* line 1232, app/assets/stylesheets/style.scss */
.btn-info:hover {
  background: #003050;
  border: 1px solid #08466f;
}

/* line 1234, app/assets/stylesheets/style.scss */
.btn-success {
  background: #69b215;
  /* Old browsers */
  background: -moz-linear-gradient(top, #69b215 0%, #589923 50%, #7cb72a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #69b215 0%, #589923 50%, #7cb72a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #69b215 0%, #589923 50%, #7cb72a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b215', endColorstr='#7cb72a',GradientType=0 );
  /* IE6-9 */
  text-shadow: 1px 1px 2px darkgreen;
}

/* line 1244, app/assets/stylesheets/style.scss */
.btn-success:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69b215+0,589923+12,7cb72a+100 */
  background: #69b215;
  /* Old browsers */
  background: -moz-linear-gradient(top, #69b215 0%, #589923 12%, #7cb72a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #69b215 0%, #589923 12%, #7cb72a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #69b215 0%, #589923 12%, #7cb72a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b215', endColorstr='#7cb72a',GradientType=0 );
  /* IE6-9 */
}

/* line 1254, app/assets/stylesheets/style.scss */
thead td {
  background: #f2f5f6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #fff;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 1px #fff;
}

/* line 1265, app/assets/stylesheets/style.scss */
.qtybox {
  width: 50px;
  margin: 0 auto;
  text-align: center;
}

/* line 1267, app/assets/stylesheets/style.scss */
.btn-addcart {
  font-size: 150%;
}

/* line 1269, app/assets/stylesheets/style.scss */
.space40 {
  margin: 40px 0;
}

/* line 1271, app/assets/stylesheets/style.scss */
.nitem {
  border-bottom: 2px solid #f7f7f7;
  padding: 10px 0;
}

/* line 1273, app/assets/stylesheets/style.scss */
.nitem ul {
  list-style: square url(/../img/li.png);
  margin: 20px 0;
}

/* line 1278, app/assets/stylesheets/style.scss */
#ff ul {
  list-style: square url(/../img/li.png);
}

/* line 1282, app/assets/stylesheets/style.scss */
.hvr-bubble-right:before {
  border-color: transparent #003050 transparent;
}

/* line 1284, app/assets/stylesheets/style.scss */
.bulk {
  background: #f2f2f2;
}

/* line 1286, app/assets/stylesheets/style.scss */
.sm2 {
  display: block;
  font-size: 80%;
  color: #666;
}

/* line 1293, app/assets/stylesheets/style.scss */
.carousel-inner {
  margin-bottom: 20px;
}

/* line 1295, app/assets/stylesheets/style.scss */
.carousel-control.left, .carousel-control.right {
  background-image: none;
}

/* line 1299, app/assets/stylesheets/style.scss */
.carousel-control {
  width: 5%;
}

/* line 1302, app/assets/stylesheets/style.scss */
.carousel-caption2 {
  position: absolute;
  top: 10px;
  z-index: 10;
  margin: 20px 20px 20px 60px;
  color: #fff;
  text-align: left;
  font-size: 150%;
  background: transparent url(/assets/bg4-66efa22b4898dfbaf6a238cf92b27f73cb50f32d408cf4ad8ed4626511f219d6.png);
  background: transparent url(/assets/bg4-66efa22b4898dfbaf6a238cf92b27f73cb50f32d408cf4ad8ed4626511f219d6.png);
  padding: 20px;
  text-shadow: 2px 2px 2px #000;
  border-radius: 10px;
}

/* line 1317, app/assets/stylesheets/style.scss */
.carousel-caption2 a, .carousel-caption2 a:visited {
  color: #fff;
}

/* line 1318, app/assets/stylesheets/style.scss */
.carousel-caption2 a:hover {
  color: #fff;
}

/* line 1322, app/assets/stylesheets/style.scss */
img.contr:hover {
  cursor: pointer;
}

/* line 1325, app/assets/stylesheets/style.scss */
.keyitem {
  border: 0px solid #ccc;
  text-align: center;
  padding: 0px;
  margin: 4px;
  min-height: 280px;
}

/* line 1326, app/assets/stylesheets/style.scss */
.keyitem:hover {
  background: #f7f7f7;
  box-shadow: 0 0 5px #ccc;
}

/* line 1327, app/assets/stylesheets/style.scss */
.keyitem ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1328, app/assets/stylesheets/style.scss */
.keyitem ul li {
  padding: 6px 0;
  background: transparent url(/assets/li2-04a48faa38f1d7764db2be0d81a3964f22c78e6b9694232025acc6e90399257a.png) bottom center no-repeat;
}

/* line 1329, app/assets/stylesheets/style.scss */
.keyitem h2 {
  margin: 0;
  padding: 10px 5px;
  font-size: 180%;
  color: #980b14;
  background: #f2f2f2 url(/assets/topa-1b7b29b6016f02f51c75bfb72db7667174947fd13cc929b60542d6be85714184.png) top center no-repeat;
}

/* line 1330, app/assets/stylesheets/style.scss */
.keyitem img {
  margin-bottom: 10px;
  margin-top: 1px;
}

/* line 1333, app/assets/stylesheets/style.scss */
.keyitem:hover h2 {
  background-image: none;
}

/* line 1335, app/assets/stylesheets/style.scss */
#searchbar {
  width: 500px;
  margin: 0 auto;
  padding: 20px 15px 20px 0;
  height: 70px;
}

/* line 1339, app/assets/stylesheets/style.scss */
#g-search {
  float: none;
  margin: 0;
  width: 400px;
  margin: 0 auto;
}

/* line 1341, app/assets/stylesheets/style.scss */
.thumbs {
  height: 90px;
  margin: 15px 5px;
}

/* line 1343, app/assets/stylesheets/style.scss */
ul.list1 li a {
  color: #bfe6f8;
}

/* line 1345, app/assets/stylesheets/style.scss */
#searchbar .input-group {
  /*padding:20px 0;*/
}

@media (min-width: 980px) and (max-width: 1200px) {
  /* line 1351, app/assets/stylesheets/style.scss */
  .carousel-caption2 {
    font-size: 90%;
    padding-top: 0px;
  }
}

@media (min-width: 1281px) {
  /* line 1356, app/assets/stylesheets/style.scss */
  .col-lg-3.keyitem {
    width: 24%;
  }
  /* line 1357, app/assets/stylesheets/style.scss */
  body {
    width: 1280px;
    width: 90%;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  /* line 1361, app/assets/stylesheets/style.scss */
  .col-lg-3.keyitem {
    width: 48%;
  }
}

@media (min-width: 768px) {
  /* This is to change behaviour of menu to avoid overflow problems.*/
  /* line 1367, app/assets/stylesheets/style.scss */
  .sidebar ul li ul {
    left: 100%;
    margin-top: -25px;
    position: absolute;
    width: 200px;
    z-index: 500;
  }
  /*.active ul.in li {display:none;}*/
  /* END change behaviour of menu to avoid overflow problems. */
}

@media screen and (max-width: 768px) {
  /* line 1388, app/assets/stylesheets/style.scss */
  #searchbar {
    width: 300px;
    margin: 0 auto;
  }
  /* line 1391, app/assets/stylesheets/style.scss */
  #searchbar .input-group {
    padding: 0px 0;
  }
  /* line 1394, app/assets/stylesheets/style.scss */
  .navbar-right {
    text-align: center;
  }
  /* line 1395, app/assets/stylesheets/style.scss */
  h1.page-header, h1.page-header span {
    background: transparent;
  }
}

/* line 1399, app/assets/stylesheets/style.scss */
form dl {
  width: 200px;
  height: 36px;
  margin-left: 15px;
}

/* line 1405, app/assets/stylesheets/style.scss */
form dl dt {
  font-size: 16px;
  float: left;
  display: inline;
  position: relative;
  width: 50%;
  height: 20px;
}

/* line 1415, app/assets/stylesheets/style.scss */
form dl dt label {
  display: block;
  padding: 0 0 2px 0;
}

/* line 1420, app/assets/stylesheets/style.scss */
form dl dd {
  margin-bottom: 20px;
  float: left;
  width: 50%;
  padding-top: 8px;
}

/* line 1427, app/assets/stylesheets/style.scss */
form dl dd label {
  font-size: 13px;
}

/* line 1431, app/assets/stylesheets/style.scss */
.flex {
  display: flex;
}

/* line 1434, app/assets/stylesheets/style.scss */
.items-center {
  align-items: center;
}

/* line 1437, app/assets/stylesheets/style.scss */
.flex-col {
  flex-direction: column;
}

/* line 1438, app/assets/stylesheets/style.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 1441, app/assets/stylesheets/style.scss */
.hover\:text-gray-400:hover {
  color: #777;
}

/* line 1444, app/assets/stylesheets/style.scss */
.w-full {
  width: 100%;
}

/* line 1445, app/assets/stylesheets/style.scss */
.mt-2 {
  margin-top: 0.5rem;
}

/* line 1446, app/assets/stylesheets/style.scss */
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* line 1447, app/assets/stylesheets/style.scss */
.mb-4 {
  margin-bottom: 1rem;
}

/* line 1448, app/assets/stylesheets/style.scss */
.pb-4 {
  padding-bottom: 1rem;
}

/* line 1449, app/assets/stylesheets/style.scss */
.mt-4 {
  margin-top: 1rem;
}

/* line 1450, app/assets/stylesheets/style.scss */
.mr-4 {
  margin-right: 1rem;
}

/* line 1451, app/assets/stylesheets/style.scss */
.ml-4 {
  margin-left: 1rem;
}

/* line 1453, app/assets/stylesheets/style.scss */
.bg-inherit {
  background-color: inherit;
}

/* line 1454, app/assets/stylesheets/style.scss */
.bg-current {
  background-color: currentColor;
}

/* line 1455, app/assets/stylesheets/style.scss */
.bg-transparent {
  background-color: transparent;
}

/* line 1456, app/assets/stylesheets/style.scss */
.bg-black {
  background-color: black;
}

/* line 1457, app/assets/stylesheets/style.scss */
.bg-white {
  background-color: white;
}

/* line 1458, app/assets/stylesheets/style.scss */
.bg-slate-50 {
  background-color: #f8fafc;
}

/* line 1459, app/assets/stylesheets/style.scss */
.bg-slate-100 {
  background-color: #f1f5f9;
}

/* line 1460, app/assets/stylesheets/style.scss */
.bg-slate-200 {
  background-color: #e2e8f0;
}

/* line 1461, app/assets/stylesheets/style.scss */
.bg-slate-300 {
  background-color: #cbd5e1;
}

/* line 1462, app/assets/stylesheets/style.scss */
.bg-slate-400 {
  background-color: #94a3b8;
}

/* line 1463, app/assets/stylesheets/style.scss */
.bg-slate-500 {
  background-color: #64748b;
}

/* line 1464, app/assets/stylesheets/style.scss */
.bg-slate-600 {
  background-color: #475569;
}

/* line 1465, app/assets/stylesheets/style.scss */
.bg-slate-700 {
  background-color: #334155;
}

/* line 1466, app/assets/stylesheets/style.scss */
.bg-slate-800 {
  background-color: #1e293b;
}

/* line 1467, app/assets/stylesheets/style.scss */
.bg-slate-900 {
  background-color: #0f172a;
}

/* line 1468, app/assets/stylesheets/style.scss */
.bg-gray-50 {
  background-color: #f9fafb;
}

/* line 1469, app/assets/stylesheets/style.scss */
.bg-gray-100 {
  background-color: #f3f4f6;
}

/* line 1470, app/assets/stylesheets/style.scss */
.bg-gray-200 {
  background-color: #e5e7eb;
}

/* line 1471, app/assets/stylesheets/style.scss */
.bg-gray-300 {
  background-color: #d1d5db;
}

/* line 1472, app/assets/stylesheets/style.scss */
.bg-gray-400 {
  background-color: #9ca3af;
}

/* line 1473, app/assets/stylesheets/style.scss */
.bg-gray-500 {
  background-color: #6b7280;
}

/* line 1474, app/assets/stylesheets/style.scss */
.bg-gray-600 {
  background-color: #4b5563;
}

/* line 1475, app/assets/stylesheets/style.scss */
.bg-gray-700 {
  background-color: #374151;
}

/* line 1476, app/assets/stylesheets/style.scss */
.bg-gray-800 {
  background-color: #1f2937;
}

/* line 1477, app/assets/stylesheets/style.scss */
.bg-gray-900 {
  background-color: #111827;
}

/* line 1478, app/assets/stylesheets/style.scss */
.bg-zinc-50 {
  background-color: #fafafa;
}

/* line 1479, app/assets/stylesheets/style.scss */
.bg-zinc-100 {
  background-color: #f4f4f5;
}

/* line 1480, app/assets/stylesheets/style.scss */
.bg-zinc-200 {
  background-color: #e4e4e7;
}

/* line 1481, app/assets/stylesheets/style.scss */
.bg-zinc-300 {
  background-color: #d4d4d8;
}

/* line 1482, app/assets/stylesheets/style.scss */
.bg-zinc-400 {
  background-color: #a1a1aa;
}

/* line 1483, app/assets/stylesheets/style.scss */
.bg-zinc-500 {
  background-color: #71717a;
}

/* line 1484, app/assets/stylesheets/style.scss */
.bg-zinc-600 {
  background-color: #52525b;
}

/* line 1485, app/assets/stylesheets/style.scss */
.bg-zinc-700 {
  background-color: #3f3f46;
}

/* line 1486, app/assets/stylesheets/style.scss */
.bg-zinc-800 {
  background-color: #27272a;
}

/* line 1487, app/assets/stylesheets/style.scss */
.bg-zinc-900 {
  background-color: #18181b;
}

/* line 1488, app/assets/stylesheets/style.scss */
.bg-neutral-50 {
  background-color: #fafafa;
}

/* line 1489, app/assets/stylesheets/style.scss */
.bg-neutral-100 {
  background-color: whitesmoke;
}

/* line 1490, app/assets/stylesheets/style.scss */
.bg-neutral-200 {
  background-color: #e5e5e5;
}

/* line 1491, app/assets/stylesheets/style.scss */
.bg-neutral-300 {
  background-color: #d4d4d4;
}

/* line 1492, app/assets/stylesheets/style.scss */
.bg-neutral-400 {
  background-color: #a3a3a3;
}

/* line 1493, app/assets/stylesheets/style.scss */
.bg-neutral-500 {
  background-color: #737373;
}

/* line 1494, app/assets/stylesheets/style.scss */
.bg-neutral-600 {
  background-color: #525252;
}

/* line 1495, app/assets/stylesheets/style.scss */
.bg-neutral-700 {
  background-color: #404040;
}

/* line 1496, app/assets/stylesheets/style.scss */
.bg-neutral-800 {
  background-color: #262626;
}

/* line 1497, app/assets/stylesheets/style.scss */
.bg-neutral-900 {
  background-color: #171717;
}

/* line 1498, app/assets/stylesheets/style.scss */
.bg-stone-50 {
  background-color: #fafaf9;
}

/* line 1499, app/assets/stylesheets/style.scss */
.bg-stone-100 {
  background-color: #f5f5f4;
}

/* line 1500, app/assets/stylesheets/style.scss */
.bg-stone-200 {
  background-color: #e7e5e4;
}

/* line 1501, app/assets/stylesheets/style.scss */
.bg-stone-300 {
  background-color: #d6d3d1;
}

/* line 1502, app/assets/stylesheets/style.scss */
.bg-stone-400 {
  background-color: #a8a29e;
}

/* line 1503, app/assets/stylesheets/style.scss */
.bg-stone-500 {
  background-color: #78716c;
}

/* line 1504, app/assets/stylesheets/style.scss */
.bg-stone-600 {
  background-color: #57534e;
}

/* line 1505, app/assets/stylesheets/style.scss */
.bg-stone-700 {
  background-color: #44403c;
}

/* line 1506, app/assets/stylesheets/style.scss */
.bg-stone-800 {
  background-color: #292524;
}

/* line 1507, app/assets/stylesheets/style.scss */
.bg-stone-900 {
  background-color: #1c1917;
}

/* line 1508, app/assets/stylesheets/style.scss */
.bg-red-50 {
  background-color: #fef2f2;
}

/* line 1509, app/assets/stylesheets/style.scss */
.bg-red-100 {
  background-color: #fee2e2;
}

/* line 1510, app/assets/stylesheets/style.scss */
.bg-red-200 {
  background-color: #fecaca;
}

/* line 1511, app/assets/stylesheets/style.scss */
.bg-red-300 {
  background-color: #fca5a5;
}

/* line 1512, app/assets/stylesheets/style.scss */
.bg-red-400 {
  background-color: #f87171;
}

/* line 1513, app/assets/stylesheets/style.scss */
.bg-red-500 {
  background-color: #ef4444;
}

/* line 1514, app/assets/stylesheets/style.scss */
.bg-red-600 {
  background-color: #dc2626;
}

/* line 1515, app/assets/stylesheets/style.scss */
.bg-red-700 {
  background-color: #b91c1c;
}

/* line 1516, app/assets/stylesheets/style.scss */
.bg-red-800 {
  background-color: #991b1b;
}

/* line 1517, app/assets/stylesheets/style.scss */
.bg-red-900 {
  background-color: #7f1d1d;
}

/* line 1518, app/assets/stylesheets/style.scss */
.bg-orange-50 {
  background-color: #fff7ed;
}

/* line 1519, app/assets/stylesheets/style.scss */
.bg-orange-100 {
  background-color: #ffedd5;
}

/* line 1520, app/assets/stylesheets/style.scss */
.bg-orange-200 {
  background-color: #fed7aa;
}

/* line 1521, app/assets/stylesheets/style.scss */
.bg-orange-300 {
  background-color: #fdba74;
}

/* line 1522, app/assets/stylesheets/style.scss */
.bg-orange-400 {
  background-color: #fb923c;
}

/* line 1523, app/assets/stylesheets/style.scss */
.bg-orange-500 {
  background-color: #f97316;
}

/* line 1524, app/assets/stylesheets/style.scss */
.bg-orange-600 {
  background-color: #ea580c;
}

/* line 1525, app/assets/stylesheets/style.scss */
.bg-orange-700 {
  background-color: #c2410c;
}

/* line 1526, app/assets/stylesheets/style.scss */
.bg-orange-800 {
  background-color: #9a3412;
}

/* line 1527, app/assets/stylesheets/style.scss */
.bg-orange-900 {
  background-color: #7c2d12;
}

/* line 1528, app/assets/stylesheets/style.scss */
.bg-amber-50 {
  background-color: #fffbeb;
}

/* line 1529, app/assets/stylesheets/style.scss */
.bg-amber-100 {
  background-color: #fef3c7;
}

/* line 1530, app/assets/stylesheets/style.scss */
.bg-amber-200 {
  background-color: #fde68a;
}

/* line 1531, app/assets/stylesheets/style.scss */
.bg-amber-300 {
  background-color: #fcd34d;
}

/* line 1532, app/assets/stylesheets/style.scss */
.bg-amber-400 {
  background-color: #fbbf24;
}

/* line 1533, app/assets/stylesheets/style.scss */
.bg-amber-500 {
  background-color: #f59e0b;
}

/* line 1534, app/assets/stylesheets/style.scss */
.bg-amber-600 {
  background-color: #d97706;
}

/* line 1535, app/assets/stylesheets/style.scss */
.bg-amber-700 {
  background-color: #b45309;
}

/* line 1536, app/assets/stylesheets/style.scss */
.bg-amber-800 {
  background-color: #92400e;
}

/* line 1537, app/assets/stylesheets/style.scss */
.bg-amber-900 {
  background-color: #78350f;
}

/* line 1538, app/assets/stylesheets/style.scss */
.bg-yellow-50 {
  background-color: #fefce8;
}

/* line 1539, app/assets/stylesheets/style.scss */
.bg-yellow-100 {
  background-color: #fef9c3;
}

/* line 1540, app/assets/stylesheets/style.scss */
.bg-yellow-200 {
  background-color: #fef08a;
}

/* line 1541, app/assets/stylesheets/style.scss */
.bg-yellow-300 {
  background-color: #fde047;
}

/* line 1542, app/assets/stylesheets/style.scss */
.bg-yellow-400 {
  background-color: #facc15;
}

/* line 1543, app/assets/stylesheets/style.scss */
.bg-yellow-500 {
  background-color: #eab308;
}

/* line 1544, app/assets/stylesheets/style.scss */
.bg-yellow-600 {
  background-color: #ca8a04;
}

/* line 1545, app/assets/stylesheets/style.scss */
.bg-yellow-700 {
  background-color: #a16207;
}

/* line 1546, app/assets/stylesheets/style.scss */
.bg-yellow-800 {
  background-color: #854d0e;
}

/* line 1547, app/assets/stylesheets/style.scss */
.bg-yellow-900 {
  background-color: #713f12;
}

/* line 1548, app/assets/stylesheets/style.scss */
.bg-lime-50 {
  background-color: #f7fee7;
}

/* line 1549, app/assets/stylesheets/style.scss */
.bg-lime-100 {
  background-color: #ecfccb;
}

/* line 1550, app/assets/stylesheets/style.scss */
.bg-lime-200 {
  background-color: #d9f99d;
}

/* line 1551, app/assets/stylesheets/style.scss */
.bg-lime-300 {
  background-color: #bef264;
}

/* line 1552, app/assets/stylesheets/style.scss */
.bg-lime-400 {
  background-color: #a3e635;
}

/* line 1553, app/assets/stylesheets/style.scss */
.bg-lime-500 {
  background-color: #84cc16;
}

/* line 1554, app/assets/stylesheets/style.scss */
.bg-lime-600 {
  background-color: #65a30d;
}

/* line 1555, app/assets/stylesheets/style.scss */
.bg-lime-700 {
  background-color: #4d7c0f;
}

/* line 1556, app/assets/stylesheets/style.scss */
.bg-lime-800 {
  background-color: #3f6212;
}

/* line 1557, app/assets/stylesheets/style.scss */
.bg-lime-900 {
  background-color: #365314;
}

/* line 1558, app/assets/stylesheets/style.scss */
.bg-green-50 {
  background-color: #f0fdf4;
}

/* line 1559, app/assets/stylesheets/style.scss */
.bg-green-100 {
  background-color: #dcfce7;
}

/* line 1560, app/assets/stylesheets/style.scss */
.bg-green-200 {
  background-color: #bbf7d0;
}

/* line 1561, app/assets/stylesheets/style.scss */
.bg-green-300 {
  background-color: #86efac;
}

/* line 1562, app/assets/stylesheets/style.scss */
.bg-green-400 {
  background-color: #4ade80;
}

/* line 1563, app/assets/stylesheets/style.scss */
.bg-green-500 {
  background-color: #22c55e;
}

/* line 1564, app/assets/stylesheets/style.scss */
.bg-green-600 {
  background-color: #16a34a;
}

/* line 1565, app/assets/stylesheets/style.scss */
.bg-green-700 {
  background-color: #15803d;
}

/* line 1566, app/assets/stylesheets/style.scss */
.bg-green-800 {
  background-color: #166534;
}

/* line 1567, app/assets/stylesheets/style.scss */
.bg-green-900 {
  background-color: #14532d;
}

/* line 1568, app/assets/stylesheets/style.scss */
.bg-emerald-50 {
  background-color: #ecfdf5;
}

/* line 1569, app/assets/stylesheets/style.scss */
.bg-emerald-100 {
  background-color: #d1fae5;
}

/* line 1570, app/assets/stylesheets/style.scss */
.bg-emerald-200 {
  background-color: #a7f3d0;
}

/* line 1571, app/assets/stylesheets/style.scss */
.bg-emerald-300 {
  background-color: #6ee7b7;
}

/* line 1572, app/assets/stylesheets/style.scss */
.bg-emerald-400 {
  background-color: #34d399;
}

/* line 1573, app/assets/stylesheets/style.scss */
.bg-emerald-500 {
  background-color: #10b981;
}

/* line 1574, app/assets/stylesheets/style.scss */
.bg-emerald-600 {
  background-color: #059669;
}

/* line 1575, app/assets/stylesheets/style.scss */
.bg-emerald-700 {
  background-color: #047857;
}

/* line 1576, app/assets/stylesheets/style.scss */
.bg-emerald-800 {
  background-color: #065f46;
}

/* line 1577, app/assets/stylesheets/style.scss */
.bg-emerald-900 {
  background-color: #064e3b;
}

/* line 1578, app/assets/stylesheets/style.scss */
.bg-teal-50 {
  background-color: #f0fdfa;
}

/* line 1579, app/assets/stylesheets/style.scss */
.bg-teal-100 {
  background-color: #ccfbf1;
}

/* line 1580, app/assets/stylesheets/style.scss */
.bg-teal-200 {
  background-color: #99f6e4;
}

/* line 1581, app/assets/stylesheets/style.scss */
.bg-teal-300 {
  background-color: #5eead4;
}

/* line 1582, app/assets/stylesheets/style.scss */
.bg-teal-400 {
  background-color: #2dd4bf;
}

/* line 1583, app/assets/stylesheets/style.scss */
.bg-teal-500 {
  background-color: #14b8a6;
}

/* line 1584, app/assets/stylesheets/style.scss */
.bg-teal-600 {
  background-color: #0d9488;
}

/* line 1585, app/assets/stylesheets/style.scss */
.bg-teal-700 {
  background-color: #0f766e;
}

/* line 1586, app/assets/stylesheets/style.scss */
.bg-teal-800 {
  background-color: #115e59;
}

/* line 1587, app/assets/stylesheets/style.scss */
.bg-teal-900 {
  background-color: #134e4a;
}

/* line 1588, app/assets/stylesheets/style.scss */
.bg-cyan-50 {
  background-color: #ecfeff;
}

/* line 1589, app/assets/stylesheets/style.scss */
.bg-cyan-100 {
  background-color: #cffafe;
}

/* line 1590, app/assets/stylesheets/style.scss */
.bg-cyan-200 {
  background-color: #a5f3fc;
}

/* line 1591, app/assets/stylesheets/style.scss */
.bg-cyan-300 {
  background-color: #67e8f9;
}

/* line 1592, app/assets/stylesheets/style.scss */
.bg-cyan-400 {
  background-color: #22d3ee;
}

/* line 1593, app/assets/stylesheets/style.scss */
.bg-cyan-500 {
  background-color: #06b6d4;
}

/* line 1594, app/assets/stylesheets/style.scss */
.bg-cyan-600 {
  background-color: #0891b2;
}

/* line 1595, app/assets/stylesheets/style.scss */
.bg-cyan-700 {
  background-color: #0e7490;
}

/* line 1596, app/assets/stylesheets/style.scss */
.bg-cyan-800 {
  background-color: #155e75;
}

/* line 1597, app/assets/stylesheets/style.scss */
.bg-cyan-900 {
  background-color: #164e63;
}

/* line 1598, app/assets/stylesheets/style.scss */
.bg-sky-50 {
  background-color: #f0f9ff;
}

/* line 1599, app/assets/stylesheets/style.scss */
.bg-sky-100 {
  background-color: #e0f2fe;
}

/* line 1600, app/assets/stylesheets/style.scss */
.bg-sky-200 {
  background-color: #bae6fd;
}

/* line 1601, app/assets/stylesheets/style.scss */
.bg-sky-300 {
  background-color: #7dd3fc;
}

/* line 1602, app/assets/stylesheets/style.scss */
.bg-sky-400 {
  background-color: #38bdf8;
}

/* line 1603, app/assets/stylesheets/style.scss */
.bg-sky-500 {
  background-color: #0ea5e9;
}

/* line 1604, app/assets/stylesheets/style.scss */
.bg-sky-600 {
  background-color: #0284c7;
}

/* line 1605, app/assets/stylesheets/style.scss */
.bg-sky-700 {
  background-color: #0369a1;
}

/* line 1606, app/assets/stylesheets/style.scss */
.bg-sky-800 {
  background-color: #075985;
}

/* line 1607, app/assets/stylesheets/style.scss */
.bg-sky-900 {
  background-color: #0c4a6e;
}

/* line 1608, app/assets/stylesheets/style.scss */
.bg-blue-50 {
  background-color: #eff6ff;
}

/* line 1609, app/assets/stylesheets/style.scss */
.bg-blue-100 {
  background-color: #dbeafe;
}

/* line 1610, app/assets/stylesheets/style.scss */
.bg-blue-200 {
  background-color: #bfdbfe;
}

/* line 1611, app/assets/stylesheets/style.scss */
.bg-blue-300 {
  background-color: #93c5fd;
}

/* line 1612, app/assets/stylesheets/style.scss */
.bg-blue-400 {
  background-color: #60a5fa;
}

/* line 1613, app/assets/stylesheets/style.scss */
.bg-blue-500 {
  background-color: #3b82f6;
}

/* line 1614, app/assets/stylesheets/style.scss */
.bg-blue-600 {
  background-color: #2563eb;
}

/* line 1615, app/assets/stylesheets/style.scss */
.bg-blue-700 {
  background-color: #1d4ed8;
}

/* line 1616, app/assets/stylesheets/style.scss */
.bg-blue-800 {
  background-color: #1e40af;
}

/* line 1617, app/assets/stylesheets/style.scss */
.bg-blue-900 {
  background-color: #1e3a8a;
}

/* line 1618, app/assets/stylesheets/style.scss */
.bg-indigo-50 {
  background-color: #eef2ff;
}

/* line 1619, app/assets/stylesheets/style.scss */
.bg-indigo-100 {
  background-color: #e0e7ff;
}

/* line 1620, app/assets/stylesheets/style.scss */
.bg-indigo-200 {
  background-color: #c7d2fe;
}

/* line 1621, app/assets/stylesheets/style.scss */
.bg-indigo-300 {
  background-color: #a5b4fc;
}

/* line 1622, app/assets/stylesheets/style.scss */
.bg-indigo-400 {
  background-color: #818cf8;
}

/* line 1623, app/assets/stylesheets/style.scss */
.bg-indigo-500 {
  background-color: #6366f1;
}

/* line 1624, app/assets/stylesheets/style.scss */
.bg-indigo-600 {
  background-color: #4f46e5;
}

/* line 1625, app/assets/stylesheets/style.scss */
.bg-indigo-700 {
  background-color: #4338ca;
}

/* line 1626, app/assets/stylesheets/style.scss */
.bg-indigo-800 {
  background-color: #3730a3;
}

/* line 1627, app/assets/stylesheets/style.scss */
.bg-indigo-900 {
  background-color: #312e81;
}

/* line 1628, app/assets/stylesheets/style.scss */
.bg-violet-50 {
  background-color: #f5f3ff;
}

/* line 1629, app/assets/stylesheets/style.scss */
.bg-violet-100 {
  background-color: #ede9fe;
}

/* line 1630, app/assets/stylesheets/style.scss */
.bg-violet-200 {
  background-color: #ddd6fe;
}

/* line 1631, app/assets/stylesheets/style.scss */
.bg-violet-300 {
  background-color: #c4b5fd;
}

/* line 1632, app/assets/stylesheets/style.scss */
.bg-violet-400 {
  background-color: #a78bfa;
}

/* line 1633, app/assets/stylesheets/style.scss */
.bg-violet-500 {
  background-color: #8b5cf6;
}

/* line 1634, app/assets/stylesheets/style.scss */
.bg-violet-600 {
  background-color: #7c3aed;
}

/* line 1635, app/assets/stylesheets/style.scss */
.bg-violet-700 {
  background-color: #6d28d9;
}

/* line 1636, app/assets/stylesheets/style.scss */
.bg-violet-800 {
  background-color: #5b21b6;
}

/* line 1637, app/assets/stylesheets/style.scss */
.bg-violet-900 {
  background-color: #4c1d95;
}

/* line 1638, app/assets/stylesheets/style.scss */
.bg-purple-50 {
  background-color: #faf5ff;
}

/* line 1639, app/assets/stylesheets/style.scss */
.bg-purple-100 {
  background-color: #f3e8ff;
}

/* line 1640, app/assets/stylesheets/style.scss */
.bg-purple-200 {
  background-color: #e9d5ff;
}

/* line 1641, app/assets/stylesheets/style.scss */
.bg-purple-300 {
  background-color: #d8b4fe;
}

/* line 1642, app/assets/stylesheets/style.scss */
.bg-purple-400 {
  background-color: #c084fc;
}

/* line 1643, app/assets/stylesheets/style.scss */
.bg-purple-500 {
  background-color: #a855f7;
}

/* line 1644, app/assets/stylesheets/style.scss */
.bg-purple-600 {
  background-color: #9333ea;
}

/* line 1645, app/assets/stylesheets/style.scss */
.bg-purple-700 {
  background-color: #7e22ce;
}

/* line 1646, app/assets/stylesheets/style.scss */
.bg-purple-800 {
  background-color: #6b21a8;
}

/* line 1647, app/assets/stylesheets/style.scss */
.bg-purple-900 {
  background-color: #581c87;
}

/* line 1648, app/assets/stylesheets/style.scss */
.bg-fuchsia-50 {
  background-color: #fdf4ff;
}

/* line 1649, app/assets/stylesheets/style.scss */
.bg-fuchsia-100 {
  background-color: #fae8ff;
}

/* line 1650, app/assets/stylesheets/style.scss */
.bg-fuchsia-200 {
  background-color: #f5d0fe;
}

/* line 1651, app/assets/stylesheets/style.scss */
.bg-fuchsia-300 {
  background-color: #f0abfc;
}

/* line 1652, app/assets/stylesheets/style.scss */
.bg-fuchsia-400 {
  background-color: #e879f9;
}

/* line 1653, app/assets/stylesheets/style.scss */
.bg-fuchsia-500 {
  background-color: #d946ef;
}

/* line 1654, app/assets/stylesheets/style.scss */
.bg-fuchsia-600 {
  background-color: #c026d3;
}

/* line 1655, app/assets/stylesheets/style.scss */
.bg-fuchsia-700 {
  background-color: #a21caf;
}

/* line 1656, app/assets/stylesheets/style.scss */
.bg-fuchsia-800 {
  background-color: #86198f;
}

/* line 1657, app/assets/stylesheets/style.scss */
.bg-fuchsia-900 {
  background-color: #701a75;
}

/* line 1658, app/assets/stylesheets/style.scss */
.bg-pink-50 {
  background-color: #fdf2f8;
}

/* line 1659, app/assets/stylesheets/style.scss */
.bg-pink-100 {
  background-color: #fce7f3;
}

/* line 1660, app/assets/stylesheets/style.scss */
.bg-pink-200 {
  background-color: #fbcfe8;
}

/* line 1661, app/assets/stylesheets/style.scss */
.bg-pink-300 {
  background-color: #f9a8d4;
}

/* line 1662, app/assets/stylesheets/style.scss */
.bg-pink-400 {
  background-color: #f472b6;
}

/* line 1663, app/assets/stylesheets/style.scss */
.bg-pink-500 {
  background-color: #ec4899;
}

/* line 1664, app/assets/stylesheets/style.scss */
.bg-pink-600 {
  background-color: #db2777;
}

/* line 1665, app/assets/stylesheets/style.scss */
.bg-pink-700 {
  background-color: #be185d;
}

/* line 1666, app/assets/stylesheets/style.scss */
.bg-pink-800 {
  background-color: #9d174d;
}

/* line 1667, app/assets/stylesheets/style.scss */
.bg-pink-900 {
  background-color: #831843;
}

/* line 1668, app/assets/stylesheets/style.scss */
.bg-rose-50 {
  background-color: #fff1f2;
}

/* line 1669, app/assets/stylesheets/style.scss */
.bg-rose-100 {
  background-color: #ffe4e6;
}

/* line 1670, app/assets/stylesheets/style.scss */
.bg-rose-200 {
  background-color: #fecdd3;
}

/* line 1671, app/assets/stylesheets/style.scss */
.bg-rose-300 {
  background-color: #fda4af;
}

/* line 1672, app/assets/stylesheets/style.scss */
.bg-rose-400 {
  background-color: #fb7185;
}

/* line 1673, app/assets/stylesheets/style.scss */
.bg-rose-500 {
  background-color: #f43f5e;
}

/* line 1674, app/assets/stylesheets/style.scss */
.bg-rose-600 {
  background-color: #e11d48;
}

/* line 1675, app/assets/stylesheets/style.scss */
.bg-rose-700 {
  background-color: #be123c;
}

/* line 1676, app/assets/stylesheets/style.scss */
.bg-rose-800 {
  background-color: #9f1239;
}

/* line 1677, app/assets/stylesheets/style.scss */
.bg-rose-900 {
  background-color: #881337;
}

/* line 1679, app/assets/stylesheets/style.scss */
.border-transparent {
  border-color: transparent;
}

/* line 1680, app/assets/stylesheets/style.scss */
.border-solid {
  border-style: solid;
}

/* line 1681, app/assets/stylesheets/style.scss */
.border-0 {
  border-width: 0px;
}

/* line 1682, app/assets/stylesheets/style.scss */
.border-2 {
  border-width: 2px;
}

/* line 1684, app/assets/stylesheets/style.scss */
.h-0 {
  height: 0px;
}

/* line 1685, app/assets/stylesheets/style.scss */
.h-px {
  height: 1px;
}

/* line 1686, app/assets/stylesheets/style.scss */
.h-0\.5 {
  height: 0.125rem;
  /* 2px */
}

/* line 1687, app/assets/stylesheets/style.scss */
.h-1 {
  height: 0.25rem;
  /* 4px */
}

/* line 1688, app/assets/stylesheets/style.scss */
.h-1\.5 {
  height: 0.375rem;
  /* 6px */
}

/* line 1689, app/assets/stylesheets/style.scss */
.h-2 {
  height: 0.5rem;
  /* 8px */
}

/* line 1690, app/assets/stylesheets/style.scss */
.h-2\.5 {
  height: 0.625rem;
  /* 10px */
}

/* line 1691, app/assets/stylesheets/style.scss */
.h-3 {
  height: 0.75rem;
  /* 12px */
}

/* line 1692, app/assets/stylesheets/style.scss */
.h-3\.5 {
  height: 0.875rem;
  /* 14px */
}

/* line 1693, app/assets/stylesheets/style.scss */
.h-4 {
  height: 1rem;
  /* 16px */
}

/* line 1694, app/assets/stylesheets/style.scss */
.w-4 {
  width: 1rem;
  /* 16px */
}

/* line 1695, app/assets/stylesheets/style.scss */
.h-5 {
  height: 1.25rem;
  /* 20px */
}

/* line 1696, app/assets/stylesheets/style.scss */
.h-6 {
  height: 1.5rem;
  /* 24px */
}

/* line 1697, app/assets/stylesheets/style.scss */
.h-7 {
  height: 1.75rem;
  /* 28px */
}

/* line 1698, app/assets/stylesheets/style.scss */
.h-8 {
  height: 2rem;
  /* 32px */
}

/* line 1699, app/assets/stylesheets/style.scss */
.h-9 {
  height: 2.25rem;
  /* 36px */
}

/* line 1700, app/assets/stylesheets/style.scss */
.h-10 {
  height: 2.5rem;
  /* 40px */
}

/* line 1701, app/assets/stylesheets/style.scss */
.h-11 {
  height: 2.75rem;
  /* 44px */
}

/* line 1702, app/assets/stylesheets/style.scss */
.h-12 {
  height: 3rem;
  /* 48px */
}

/* line 1703, app/assets/stylesheets/style.scss */
.h-14 {
  height: 3.5rem;
  /* 56px */
}

/* line 1704, app/assets/stylesheets/style.scss */
.h-16 {
  height: 4rem;
  /* 64px */
}

/* line 1705, app/assets/stylesheets/style.scss */
.h-20 {
  height: 5rem;
  /* 80px */
}

/* line 1706, app/assets/stylesheets/style.scss */
.h-24 {
  height: 6rem;
  /* 96px */
}

/* line 1707, app/assets/stylesheets/style.scss */
.w-24 {
  width: 6rem;
  /* 96px */
}

/* line 1708, app/assets/stylesheets/style.scss */
.h-28 {
  height: 7rem;
  /* 112px */
}

/* line 1709, app/assets/stylesheets/style.scss */
.h-32 {
  height: 8rem;
  /* 128px */
}

/* line 1710, app/assets/stylesheets/style.scss */
.h-36 {
  height: 9rem;
  /* 144px */
}

/* line 1711, app/assets/stylesheets/style.scss */
.h-40 {
  height: 10rem;
  /* 160px */
}

/* line 1712, app/assets/stylesheets/style.scss */
.h-44 {
  height: 11rem;
  /* 176px */
}

/* line 1713, app/assets/stylesheets/style.scss */
.h-48 {
  height: 12rem;
  /* 192px */
}

/* line 1714, app/assets/stylesheets/style.scss */
.h-52 {
  height: 13rem;
  /* 208px */
}

/* line 1715, app/assets/stylesheets/style.scss */
.h-56 {
  height: 14rem;
  /* 224px */
}

/* line 1716, app/assets/stylesheets/style.scss */
.h-60 {
  height: 15rem;
  /* 240px */
}

/* line 1717, app/assets/stylesheets/style.scss */
.h-64 {
  height: 16rem;
  /* 256px */
}

/* line 1718, app/assets/stylesheets/style.scss */
.h-72 {
  height: 18rem;
  /* 288px */
}

/* line 1719, app/assets/stylesheets/style.scss */
.h-80 {
  height: 20rem;
  /* 320px */
}

/* line 1720, app/assets/stylesheets/style.scss */
.h-96 {
  height: 24rem;
  /* 384px */
}

/* line 1721, app/assets/stylesheets/style.scss */
.h-auto {
  height: auto;
}

/* line 1722, app/assets/stylesheets/style.scss */
.h-\/2 {
  height: 50%;
}

/* line 1723, app/assets/stylesheets/style.scss */
.h-1\/3 {
  height: 33.333333%;
}

/* line 1724, app/assets/stylesheets/style.scss */
.h-2\/3 {
  height: 66.666667%;
}

/* line 1725, app/assets/stylesheets/style.scss */
.h-1\/4 {
  height: 25%;
}

/* line 1726, app/assets/stylesheets/style.scss */
.h-2\/4 {
  height: 50%;
}

/* line 1727, app/assets/stylesheets/style.scss */
.h-3\/4 {
  height: 75%;
}

/* line 1728, app/assets/stylesheets/style.scss */
.h-1\/5 {
  height: 20%;
}

/* line 1729, app/assets/stylesheets/style.scss */
.h-2\/5 {
  height: 40%;
}

/* line 1730, app/assets/stylesheets/style.scss */
.h-3\/5 {
  height: 60%;
}

/* line 1731, app/assets/stylesheets/style.scss */
.h-4\/5 {
  height: 80%;
}

/* line 1732, app/assets/stylesheets/style.scss */
.h-1\/6 {
  height: 16.666667%;
}

/* line 1733, app/assets/stylesheets/style.scss */
.h-2\/6 {
  height: 33.333333%;
}

/* line 1734, app/assets/stylesheets/style.scss */
.h-3\/6 {
  height: 50%;
}

/* line 1735, app/assets/stylesheets/style.scss */
.h-4\/6 {
  height: 66.666667%;
}

/* line 1736, app/assets/stylesheets/style.scss */
.h-5\/6 {
  height: 83.333333%;
}

/* line 1737, app/assets/stylesheets/style.scss */
.h-full {
  height: 100%;
}

/* line 1738, app/assets/stylesheets/style.scss */
.h-screen {
  height: 100vh;
}

/* line 1739, app/assets/stylesheets/style.scss */
.h-min {
  height: min-content;
}

/* line 1740, app/assets/stylesheets/style.scss */
.h-max {
  height: max-content;
}

/* line 1741, app/assets/stylesheets/style.scss */
.h-fit {
  height: fit-content;
}

/* line 1743, app/assets/stylesheets/style.scss */
.p-0 {
  padding: 0px;
}

/* line 1744, app/assets/stylesheets/style.scss */
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 1745, app/assets/stylesheets/style.scss */
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 1746, app/assets/stylesheets/style.scss */
.pt-0 {
  padding-top: 0px;
}

/* line 1747, app/assets/stylesheets/style.scss */
.pr-0 {
  padding-right: 0px;
}

/* line 1748, app/assets/stylesheets/style.scss */
.pb-0 {
  padding-bottom: 0px;
}

/* line 1749, app/assets/stylesheets/style.scss */
.pl-0 {
  padding-left: 0px;
}

/* line 1750, app/assets/stylesheets/style.scss */
.p-px {
  padding: 1px;
}

/* line 1751, app/assets/stylesheets/style.scss */
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

/* line 1752, app/assets/stylesheets/style.scss */
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* line 1753, app/assets/stylesheets/style.scss */
.pt-px {
  padding-top: 1px;
}

/* line 1754, app/assets/stylesheets/style.scss */
.pr-px {
  padding-right: 1px;
}

/* line 1755, app/assets/stylesheets/style.scss */
.pb-px {
  padding-bottom: 1px;
}

/* line 1756, app/assets/stylesheets/style.scss */
.pl-px {
  padding-left: 1px;
}

/* line 1757, app/assets/stylesheets/style.scss */
.p-0\.5 {
  padding: 0.125rem;
  /* 2px */
}

/* line 1758, app/assets/stylesheets/style.scss */
.px-0\.5 {
  padding-left: 0.125rem;
  /* 2px */
  padding-right: 0.125rem;
  /* 2px */
}

/* line 1759, app/assets/stylesheets/style.scss */
.py-0\.5 {
  padding-top: 0.125rem;
  /* 2px */
  padding-bottom: 0.125rem;
  /* 2px */
}

/* line 1760, app/assets/stylesheets/style.scss */
.pt-0\.5 {
  padding-top: 0.125rem;
  /* 2px */
}

/* line 1761, app/assets/stylesheets/style.scss */
.pr-0\.5 {
  padding-right: 0.125rem;
  /* 2px */
}

/* line 1762, app/assets/stylesheets/style.scss */
.pb-0\.5 {
  padding-bottom: 0.125rem;
  /* 2px */
}

/* line 1763, app/assets/stylesheets/style.scss */
.pl-0\.5 {
  padding-left: 0.125rem;
  /* 2px */
}

/* line 1764, app/assets/stylesheets/style.scss */
.p-1 {
  padding: 0.25rem;
  /* 4px */
}

/* line 1765, app/assets/stylesheets/style.scss */
.px-1 {
  padding-left: 0.25rem;
  /* 4px */
  padding-right: 0.25rem;
  /* 4px */
}

/* line 1766, app/assets/stylesheets/style.scss */
.py-1 {
  padding-top: 0.25rem;
  /* 4px */
  padding-bottom: 0.25rem;
  /* 4px */
}

/* line 1767, app/assets/stylesheets/style.scss */
.pt-1 {
  padding-top: 0.25rem;
  /* 4px */
}

/* line 1768, app/assets/stylesheets/style.scss */
.pr-1 {
  padding-right: 0.25rem;
  /* 4px */
}

/* line 1769, app/assets/stylesheets/style.scss */
.pb-1 {
  padding-bottom: 0.25rem;
  /* 4px */
}

/* line 1770, app/assets/stylesheets/style.scss */
.pl-1 {
  padding-left: 0.25rem;
  /* 4px */
}

/* line 1771, app/assets/stylesheets/style.scss */
.p-1\.5 {
  padding: 0.375rem;
  /* 6px */
}

/* line 1772, app/assets/stylesheets/style.scss */
.px-1\.5 {
  padding-left: 0.375rem;
  /* 6px */
  padding-right: 0.375rem;
  /* 6px */
}

/* line 1773, app/assets/stylesheets/style.scss */
.py-1\.5 {
  padding-top: 0.375rem;
  /* 6px */
  padding-bottom: 0.375rem;
  /* 6px */
}

/* line 1774, app/assets/stylesheets/style.scss */
.pt-1\.5 {
  padding-top: 0.375rem;
  /* 6px */
}

/* line 1775, app/assets/stylesheets/style.scss */
.pr-1\.5 {
  padding-right: 0.375rem;
  /* 6px */
}

/* line 1776, app/assets/stylesheets/style.scss */
.pb-1\.5 {
  padding-bottom: 0.375rem;
  /* 6px */
}

/* line 1777, app/assets/stylesheets/style.scss */
.pl-1\.5 {
  padding-left: 0.375rem;
  /* 6px */
}

/* line 1778, app/assets/stylesheets/style.scss */
.p-2 {
  padding: 0.5rem;
  /* 8px */
}

/* line 1779, app/assets/stylesheets/style.scss */
.px-2 {
  padding-left: 0.5rem;
  /* 8px */
  padding-right: 0.5rem;
  /* 8px */
}

/* line 1780, app/assets/stylesheets/style.scss */
.py-2 {
  padding-top: 0.5rem;
  /* 8px */
  padding-bottom: 0.5rem;
  /* 8px */
}

/* line 1781, app/assets/stylesheets/style.scss */
.pt-2 {
  padding-top: 0.5rem;
  /* 8px */
}

/* line 1782, app/assets/stylesheets/style.scss */
.pr-2 {
  padding-right: 0.5rem;
  /* 8px */
}

/* line 1783, app/assets/stylesheets/style.scss */
.pb-2 {
  padding-bottom: 0.5rem;
  /* 8px */
}

/* line 1784, app/assets/stylesheets/style.scss */
.pl-2 {
  padding-left: 0.5rem;
  /* 8px */
}

/* line 1785, app/assets/stylesheets/style.scss */
.p-2\.5 {
  padding: 0.625rem;
  /* 10px */
}

/* line 1786, app/assets/stylesheets/style.scss */
.px-2\.5 {
  padding-left: 0.625rem;
  /* 10px */
  padding-right: 0.625rem;
  /* 10px */
}

/* line 1787, app/assets/stylesheets/style.scss */
.py-2\.5 {
  padding-top: 0.625rem;
  /* 10px */
  padding-bottom: 0.625rem;
  /* 10px */
}

/* line 1788, app/assets/stylesheets/style.scss */
.pt-2\.5 {
  padding-top: 0.625rem;
  /* 10px */
}

/* line 1789, app/assets/stylesheets/style.scss */
.pr-2\.5 {
  padding-right: 0.625rem;
  /* 10px */
}

/* line 1790, app/assets/stylesheets/style.scss */
.pb-2\.5 {
  padding-bottom: 0.625rem;
  /* 10px */
}

/* line 1791, app/assets/stylesheets/style.scss */
.pl-2\.5 {
  padding-left: 0.625rem;
  /* 10px */
}

/* line 1792, app/assets/stylesheets/style.scss */
.p-3 {
  padding: 0.75rem;
  /* 12px */
}

/* line 1793, app/assets/stylesheets/style.scss */
.px-3 {
  padding-left: 0.75rem;
  /* 12px */
  padding-right: 0.75rem;
  /* 12px */
}

/* line 1794, app/assets/stylesheets/style.scss */
.py-3 {
  padding-top: 0.75rem;
  /* 12px */
  padding-bottom: 0.75rem;
  /* 12px */
}

/* line 1795, app/assets/stylesheets/style.scss */
.pt-3 {
  padding-top: 0.75rem;
  /* 12px */
}

/* line 1796, app/assets/stylesheets/style.scss */
.pr-3 {
  padding-right: 0.75rem;
  /* 12px */
}

/* line 1797, app/assets/stylesheets/style.scss */
.pb-3 {
  padding-bottom: 0.75rem;
  /* 12px */
}

/* line 1798, app/assets/stylesheets/style.scss */
.pl-3 {
  padding-left: 0.75rem;
  /* 12px */
}

/* line 1799, app/assets/stylesheets/style.scss */
.p-3\.5 {
  padding: 0.875rem;
  /* 14px */
}

/* line 1800, app/assets/stylesheets/style.scss */
.px-3\.5 {
  padding-left: 0.875rem;
  /* 14px */
  padding-right: 0.875rem;
  /* 14px */
}

/* line 1801, app/assets/stylesheets/style.scss */
.py-3\.5 {
  padding-top: 0.875rem;
  /* 14px */
  padding-bottom: 0.875rem;
  /* 14px */
}

/* line 1802, app/assets/stylesheets/style.scss */
.pt-3\.5 {
  padding-top: 0.875rem;
  /* 14px */
}

/* line 1803, app/assets/stylesheets/style.scss */
.pr-3\.5 {
  padding-right: 0.875rem;
  /* 14px */
}

/* line 1804, app/assets/stylesheets/style.scss */
.pb-3\.5 {
  padding-bottom: 0.875rem;
  /* 14px */
}

/* line 1805, app/assets/stylesheets/style.scss */
.pl-3\.5 {
  padding-left: 0.875rem;
  /* 14px */
}

/* line 1806, app/assets/stylesheets/style.scss */
.p-4 {
  padding: 1rem;
  /* 16px */
}

/* line 1807, app/assets/stylesheets/style.scss */
.px-4 {
  padding-left: 1rem;
  /* 16px */
  padding-right: 1rem;
  /* 16px */
}

/* line 1808, app/assets/stylesheets/style.scss */
.py-4 {
  padding-top: 1rem;
  /* 16px */
  padding-bottom: 1rem;
  /* 16px */
}

/* line 1809, app/assets/stylesheets/style.scss */
.pt-4 {
  padding-top: 1rem;
  /* 16px */
}

/* line 1810, app/assets/stylesheets/style.scss */
.pr-4 {
  padding-right: 1rem;
  /* 16px */
}

/* line 1811, app/assets/stylesheets/style.scss */
.pb-4 {
  padding-bottom: 1rem;
  /* 16px */
}

/* line 1812, app/assets/stylesheets/style.scss */
.pl-4 {
  padding-left: 1rem;
  /* 16px */
}

/* line 1813, app/assets/stylesheets/style.scss */
.p-5 {
  padding: 1.25rem;
  /* 20px */
}

/* line 1814, app/assets/stylesheets/style.scss */
.px-5 {
  padding-left: 1.25rem;
  /* 20px */
  padding-right: 1.25rem;
  /* 20px */
}

/* line 1815, app/assets/stylesheets/style.scss */
.py-5 {
  padding-top: 1.25rem;
  /* 20px */
  padding-bottom: 1.25rem;
  /* 20px */
}

/* line 1816, app/assets/stylesheets/style.scss */
.pt-5 {
  padding-top: 1.25rem;
  /* 20px */
}

/* line 1817, app/assets/stylesheets/style.scss */
.pr-5 {
  padding-right: 1.25rem;
  /* 20px */
}

/* line 1818, app/assets/stylesheets/style.scss */
.pb-5 {
  padding-bottom: 1.25rem;
  /* 20px */
}

/* line 1819, app/assets/stylesheets/style.scss */
.pl-5 {
  padding-left: 1.25rem;
  /* 20px */
}

/* line 1820, app/assets/stylesheets/style.scss */
.p-6 {
  padding: 1.5rem;
  /* 24px */
}

/* line 1821, app/assets/stylesheets/style.scss */
.px-6 {
  padding-left: 1.5rem;
  /* 24px */
  padding-right: 1.5rem;
  /* 24px */
}

/* line 1822, app/assets/stylesheets/style.scss */
.py-6 {
  padding-top: 1.5rem;
  /* 24px */
  padding-bottom: 1.5rem;
  /* 24px */
}

/* line 1823, app/assets/stylesheets/style.scss */
.pt-6 {
  padding-top: 1.5rem;
  /* 24px */
}

/* line 1824, app/assets/stylesheets/style.scss */
.pr-6 {
  padding-right: 1.5rem;
  /* 24px */
}

/* line 1825, app/assets/stylesheets/style.scss */
.pb-6 {
  padding-bottom: 1.5rem;
  /* 24px */
}

/* line 1826, app/assets/stylesheets/style.scss */
.pl-6 {
  padding-left: 1.5rem;
  /* 24px */
}

/* line 1827, app/assets/stylesheets/style.scss */
.p-7 {
  padding: 1.75rem;
  /* 28px */
}

/* line 1828, app/assets/stylesheets/style.scss */
.px-7 {
  padding-left: 1.75rem;
  /* 28px */
  padding-right: 1.75rem;
  /* 28px */
}

/* line 1829, app/assets/stylesheets/style.scss */
.py-7 {
  padding-top: 1.75rem;
  /* 28px */
  padding-bottom: 1.75rem;
  /* 28px */
}

/* line 1830, app/assets/stylesheets/style.scss */
.pt-7 {
  padding-top: 1.75rem;
  /* 28px */
}

/* line 1831, app/assets/stylesheets/style.scss */
.pr-7 {
  padding-right: 1.75rem;
  /* 28px */
}

/* line 1832, app/assets/stylesheets/style.scss */
.pb-7 {
  padding-bottom: 1.75rem;
  /* 28px */
}

/* line 1833, app/assets/stylesheets/style.scss */
.pl-7 {
  padding-left: 1.75rem;
  /* 28px */
}

/* line 1834, app/assets/stylesheets/style.scss */
.p-8 {
  padding: 2rem;
  /* 32px */
}

/* line 1835, app/assets/stylesheets/style.scss */
.px-8 {
  padding-left: 2rem;
  /* 32px */
  padding-right: 2rem;
  /* 32px */
}

/* line 1836, app/assets/stylesheets/style.scss */
.py-8 {
  padding-top: 2rem;
  /* 32px */
  padding-bottom: 2rem;
  /* 32px */
}

/* line 1837, app/assets/stylesheets/style.scss */
.pt-8 {
  padding-top: 2rem;
  /* 32px */
}

/* line 1838, app/assets/stylesheets/style.scss */
.pr-8 {
  padding-right: 2rem;
  /* 32px */
}

/* line 1839, app/assets/stylesheets/style.scss */
.pb-8 {
  padding-bottom: 2rem;
  /* 32px */
}

/* line 1840, app/assets/stylesheets/style.scss */
.pl-8 {
  padding-left: 2rem;
  /* 32px */
}

/* line 1841, app/assets/stylesheets/style.scss */
.p-9 {
  padding: 2.25rem;
  /* 36px */
}

/* line 1842, app/assets/stylesheets/style.scss */
.px-9 {
  padding-left: 2.25rem;
  /* 36px */
  padding-right: 2.25rem;
  /* 36px */
}

/* line 1843, app/assets/stylesheets/style.scss */
.py-9 {
  padding-top: 2.25rem;
  /* 36px */
  padding-bottom: 2.25rem;
  /* 36px */
}

/* line 1844, app/assets/stylesheets/style.scss */
.pt-9 {
  padding-top: 2.25rem;
  /* 36px */
}

/* line 1845, app/assets/stylesheets/style.scss */
.pr-9 {
  padding-right: 2.25rem;
  /* 36px */
}

/* line 1846, app/assets/stylesheets/style.scss */
.pb-9 {
  padding-bottom: 2.25rem;
  /* 36px */
}

/* line 1847, app/assets/stylesheets/style.scss */
.pl-9 {
  padding-left: 2.25rem;
  /* 36px */
}

/* line 1848, app/assets/stylesheets/style.scss */
.p-10 {
  padding: 2.5rem;
  /* 40px */
}

/* line 1849, app/assets/stylesheets/style.scss */
.px-10 {
  padding-left: 2.5rem;
  /* 40px */
  padding-right: 2.5rem;
  /* 40px */
}

/* line 1850, app/assets/stylesheets/style.scss */
.py-10 {
  padding-top: 2.5rem;
  /* 40px */
  padding-bottom: 2.5rem;
  /* 40px */
}

/* line 1851, app/assets/stylesheets/style.scss */
.pt-10 {
  padding-top: 2.5rem;
  /* 40px */
}

/* line 1852, app/assets/stylesheets/style.scss */
.pr-10 {
  padding-right: 2.5rem;
  /* 40px */
}

/* line 1853, app/assets/stylesheets/style.scss */
.pb-10 {
  padding-bottom: 2.5rem;
  /* 40px */
}

/* line 1854, app/assets/stylesheets/style.scss */
.pl-10 {
  padding-left: 2.5rem;
  /* 40px */
}

/* line 1855, app/assets/stylesheets/style.scss */
.p-11 {
  padding: 2.75rem;
  /* 44px */
}

/* line 1856, app/assets/stylesheets/style.scss */
.px-11 {
  padding-left: 2.75rem;
  /* 44px */
  padding-right: 2.75rem;
  /* 44px */
}

/* line 1857, app/assets/stylesheets/style.scss */
.py-11 {
  padding-top: 2.75rem;
  /* 44px */
  padding-bottom: 2.75rem;
  /* 44px */
}

/* line 1858, app/assets/stylesheets/style.scss */
.pt-11 {
  padding-top: 2.75rem;
  /* 44px */
}

/* line 1859, app/assets/stylesheets/style.scss */
.pr-11 {
  padding-right: 2.75rem;
  /* 44px */
}

/* line 1860, app/assets/stylesheets/style.scss */
.pb-11 {
  padding-bottom: 2.75rem;
  /* 44px */
}

/* line 1861, app/assets/stylesheets/style.scss */
.pl-11 {
  padding-left: 2.75rem;
  /* 44px */
}

/* line 1862, app/assets/stylesheets/style.scss */
.p-12 {
  padding: 3rem;
  /* 48px */
}

/* line 1863, app/assets/stylesheets/style.scss */
.px-12 {
  padding-left: 3rem;
  /* 48px */
  padding-right: 3rem;
  /* 48px */
}

/* line 1864, app/assets/stylesheets/style.scss */
.py-12 {
  padding-top: 3rem;
  /* 48px */
  padding-bottom: 3rem;
  /* 48px */
}

/* line 1865, app/assets/stylesheets/style.scss */
.pt-12 {
  padding-top: 3rem;
  /* 48px */
}

/* line 1866, app/assets/stylesheets/style.scss */
.pr-12 {
  padding-right: 3rem;
  /* 48px */
}

/* line 1867, app/assets/stylesheets/style.scss */
.pb-12 {
  padding-bottom: 3rem;
  /* 48px */
}

/* line 1868, app/assets/stylesheets/style.scss */
.pl-12 {
  padding-left: 3rem;
  /* 48px */
}

/* line 1869, app/assets/stylesheets/style.scss */
.p-14 {
  padding: 3.5rem;
  /* 56px */
}

/* line 1870, app/assets/stylesheets/style.scss */
.px-14 {
  padding-left: 3.5rem;
  /* 56px */
  padding-right: 3.5rem;
  /* 56px */
}

/* line 1871, app/assets/stylesheets/style.scss */
.py-14 {
  padding-top: 3.5rem;
  /* 56px */
  padding-bottom: 3.5rem;
  /* 56px */
}

/* line 1872, app/assets/stylesheets/style.scss */
.pt-14 {
  padding-top: 3.5rem;
  /* 56px */
}

/* line 1873, app/assets/stylesheets/style.scss */
.pr-14 {
  padding-right: 3.5rem;
  /* 56px */
}

/* line 1874, app/assets/stylesheets/style.scss */
.pb-14 {
  padding-bottom: 3.5rem;
  /* 56px */
}

/* line 1875, app/assets/stylesheets/style.scss */
.pl-14 {
  padding-left: 3.5rem;
  /* 56px */
}

/* line 1876, app/assets/stylesheets/style.scss */
.p-16 {
  padding: 4rem;
  /* 64px */
}

/* line 1877, app/assets/stylesheets/style.scss */
.px-16 {
  padding-left: 4rem;
  /* 64px */
  padding-right: 4rem;
  /* 64px */
}

/* line 1878, app/assets/stylesheets/style.scss */
.py-16 {
  padding-top: 4rem;
  /* 64px */
  padding-bottom: 4rem;
  /* 64px */
}

/* line 1879, app/assets/stylesheets/style.scss */
.pt-16 {
  padding-top: 4rem;
  /* 64px */
}

/* line 1880, app/assets/stylesheets/style.scss */
.pr-16 {
  padding-right: 4rem;
  /* 64px */
}

/* line 1881, app/assets/stylesheets/style.scss */
.pb-16 {
  padding-bottom: 4rem;
  /* 64px */
}

/* line 1882, app/assets/stylesheets/style.scss */
.pl-16 {
  padding-left: 4rem;
  /* 64px */
}

/* line 1883, app/assets/stylesheets/style.scss */
.p-20 {
  padding: 5rem;
  /* 80px */
}

/* line 1884, app/assets/stylesheets/style.scss */
.px-20 {
  padding-left: 5rem;
  /* 80px */
  padding-right: 5rem;
  /* 80px */
}

/* line 1885, app/assets/stylesheets/style.scss */
.py-20 {
  padding-top: 5rem;
  /* 80px */
  padding-bottom: 5rem;
  /* 80px */
}

/* line 1886, app/assets/stylesheets/style.scss */
.pt-20 {
  padding-top: 5rem;
  /* 80px */
}

/* line 1887, app/assets/stylesheets/style.scss */
.pr-20 {
  padding-right: 5rem;
  /* 80px */
}

/* line 1888, app/assets/stylesheets/style.scss */
.pb-20 {
  padding-bottom: 5rem;
  /* 80px */
}

/* line 1889, app/assets/stylesheets/style.scss */
.pl-20 {
  padding-left: 5rem;
  /* 80px */
}

/* line 1890, app/assets/stylesheets/style.scss */
.p-24 {
  padding: 6rem;
  /* 96px */
}

/* line 1891, app/assets/stylesheets/style.scss */
.px-24 {
  padding-left: 6rem;
  /* 96px */
  padding-right: 6rem;
  /* 96px */
}

/* line 1892, app/assets/stylesheets/style.scss */
.py-24 {
  padding-top: 6rem;
  /* 96px */
  padding-bottom: 6rem;
  /* 96px */
}

/* line 1893, app/assets/stylesheets/style.scss */
.pt-24 {
  padding-top: 6rem;
  /* 96px */
}

/* line 1894, app/assets/stylesheets/style.scss */
.pr-24 {
  padding-right: 6rem;
  /* 96px */
}

/* line 1895, app/assets/stylesheets/style.scss */
.pb-24 {
  padding-bottom: 6rem;
  /* 96px */
}

/* line 1896, app/assets/stylesheets/style.scss */
.pl-24 {
  padding-left: 6rem;
  /* 96px */
}

/* line 1897, app/assets/stylesheets/style.scss */
.p-28 {
  padding: 7rem;
  /* 112px */
}

/* line 1898, app/assets/stylesheets/style.scss */
.px-28 {
  padding-left: 7rem;
  /* 112px */
  padding-right: 7rem;
  /* 112px */
}

/* line 1899, app/assets/stylesheets/style.scss */
.py-28 {
  padding-top: 7rem;
  /* 112px */
  padding-bottom: 7rem;
  /* 112px */
}

/* line 1900, app/assets/stylesheets/style.scss */
.pt-28 {
  padding-top: 7rem;
  /* 112px */
}

/* line 1901, app/assets/stylesheets/style.scss */
.pr-28 {
  padding-right: 7rem;
  /* 112px */
}

/* line 1902, app/assets/stylesheets/style.scss */
.pb-28 {
  padding-bottom: 7rem;
  /* 112px */
}

/* line 1903, app/assets/stylesheets/style.scss */
.pl-28 {
  padding-left: 7rem;
  /* 112px */
}

/* line 1904, app/assets/stylesheets/style.scss */
.p-32 {
  padding: 8rem;
  /* 128px */
}

/* line 1905, app/assets/stylesheets/style.scss */
.px-32 {
  padding-left: 8rem;
  /* 128px */
  padding-right: 8rem;
  /* 128px */
}

/* line 1906, app/assets/stylesheets/style.scss */
.py-32 {
  padding-top: 8rem;
  /* 128px */
  padding-bottom: 8rem;
  /* 128px */
}

/* line 1907, app/assets/stylesheets/style.scss */
.pt-32 {
  padding-top: 8rem;
  /* 128px */
}

/* line 1908, app/assets/stylesheets/style.scss */
.pr-32 {
  padding-right: 8rem;
  /* 128px */
}

/* line 1909, app/assets/stylesheets/style.scss */
.pb-32 {
  padding-bottom: 8rem;
  /* 128px */
}

/* line 1910, app/assets/stylesheets/style.scss */
.pl-32 {
  padding-left: 8rem;
  /* 128px */
}

/* line 1911, app/assets/stylesheets/style.scss */
.p-36 {
  padding: 9rem;
  /* 144px */
}

/* line 1912, app/assets/stylesheets/style.scss */
.px-36 {
  padding-left: 9rem;
  /* 144px */
  padding-right: 9rem;
  /* 144px */
}

/* line 1913, app/assets/stylesheets/style.scss */
.py-36 {
  padding-top: 9rem;
  /* 144px */
  padding-bottom: 9rem;
  /* 144px */
}

/* line 1914, app/assets/stylesheets/style.scss */
.pt-36 {
  padding-top: 9rem;
  /* 144px */
}

/* line 1915, app/assets/stylesheets/style.scss */
.pr-36 {
  padding-right: 9rem;
  /* 144px */
}

/* line 1916, app/assets/stylesheets/style.scss */
.pb-36 {
  padding-bottom: 9rem;
  /* 144px */
}

/* line 1917, app/assets/stylesheets/style.scss */
.pl-36 {
  padding-left: 9rem;
  /* 144px */
}

/* line 1918, app/assets/stylesheets/style.scss */
.p-40 {
  padding: 10rem;
  /* 160px */
}

/* line 1919, app/assets/stylesheets/style.scss */
.px-40 {
  padding-left: 10rem;
  /* 160px */
  padding-right: 10rem;
  /* 160px */
}

/* line 1920, app/assets/stylesheets/style.scss */
.py-40 {
  padding-top: 10rem;
  /* 160px */
  padding-bottom: 10rem;
  /* 160px */
}

/* line 1921, app/assets/stylesheets/style.scss */
.pt-40 {
  padding-top: 10rem;
  /* 160px */
}

/* line 1922, app/assets/stylesheets/style.scss */
.pr-40 {
  padding-right: 10rem;
  /* 160px */
}

/* line 1923, app/assets/stylesheets/style.scss */
.pb-40 {
  padding-bottom: 10rem;
  /* 160px */
}

/* line 1924, app/assets/stylesheets/style.scss */
.pl-40 {
  padding-left: 10rem;
  /* 160px */
}

/* line 1925, app/assets/stylesheets/style.scss */
.p-44 {
  padding: 11rem;
  /* 176px */
}

/* line 1926, app/assets/stylesheets/style.scss */
.px-44 {
  padding-left: 11rem;
  /* 176px */
  padding-right: 11rem;
  /* 176px */
}

/* line 1927, app/assets/stylesheets/style.scss */
.py-44 {
  padding-top: 11rem;
  /* 176px */
  padding-bottom: 11rem;
  /* 176px */
}

/* line 1928, app/assets/stylesheets/style.scss */
.pt-44 {
  padding-top: 11rem;
  /* 176px */
}

/* line 1929, app/assets/stylesheets/style.scss */
.pr-44 {
  padding-right: 11rem;
  /* 176px */
}

/* line 1930, app/assets/stylesheets/style.scss */
.pb-44 {
  padding-bottom: 11rem;
  /* 176px */
}

/* line 1931, app/assets/stylesheets/style.scss */
.pl-44 {
  padding-left: 11rem;
  /* 176px */
}

/* line 1932, app/assets/stylesheets/style.scss */
.p-48 {
  padding: 12rem;
  /* 192px */
}

/* line 1933, app/assets/stylesheets/style.scss */
.px-48 {
  padding-left: 12rem;
  /* 192px */
  padding-right: 12rem;
  /* 192px */
}

/* line 1934, app/assets/stylesheets/style.scss */
.py-48 {
  padding-top: 12rem;
  /* 192px */
  padding-bottom: 12rem;
  /* 192px */
}

/* line 1935, app/assets/stylesheets/style.scss */
.pt-48 {
  padding-top: 12rem;
  /* 192px */
}

/* line 1936, app/assets/stylesheets/style.scss */
.pr-48 {
  padding-right: 12rem;
  /* 192px */
}

/* line 1937, app/assets/stylesheets/style.scss */
.pb-48 {
  padding-bottom: 12rem;
  /* 192px */
}

/* line 1938, app/assets/stylesheets/style.scss */
.pl-48 {
  padding-left: 12rem;
  /* 192px */
}

/* line 1939, app/assets/stylesheets/style.scss */
.p-52 {
  padding: 13rem;
  /* 208px */
}

/* line 1940, app/assets/stylesheets/style.scss */
.px-52 {
  padding-left: 13rem;
  /* 208px */
  padding-right: 13rem;
  /* 208px */
}

/* line 1941, app/assets/stylesheets/style.scss */
.py-52 {
  padding-top: 13rem;
  /* 208px */
  padding-bottom: 13rem;
  /* 208px */
}

/* line 1942, app/assets/stylesheets/style.scss */
.pt-52 {
  padding-top: 13rem;
  /* 208px */
}

/* line 1943, app/assets/stylesheets/style.scss */
.pr-52 {
  padding-right: 13rem;
  /* 208px */
}

/* line 1944, app/assets/stylesheets/style.scss */
.pb-52 {
  padding-bottom: 13rem;
  /* 208px */
}

/* line 1945, app/assets/stylesheets/style.scss */
.pl-52 {
  padding-left: 13rem;
  /* 208px */
}

/* line 1946, app/assets/stylesheets/style.scss */
.p-56 {
  padding: 14rem;
  /* 224px */
}

/* line 1947, app/assets/stylesheets/style.scss */
.px-56 {
  padding-left: 14rem;
  /* 224px */
  padding-right: 14rem;
  /* 224px */
}

/* line 1948, app/assets/stylesheets/style.scss */
.py-56 {
  padding-top: 14rem;
  /* 224px */
  padding-bottom: 14rem;
  /* 224px */
}

/* line 1949, app/assets/stylesheets/style.scss */
.pt-56 {
  padding-top: 14rem;
  /* 224px */
}

/* line 1950, app/assets/stylesheets/style.scss */
.pr-56 {
  padding-right: 14rem;
  /* 224px */
}

/* line 1951, app/assets/stylesheets/style.scss */
.pb-56 {
  padding-bottom: 14rem;
  /* 224px */
}

/* line 1952, app/assets/stylesheets/style.scss */
.pl-56 {
  padding-left: 14rem;
  /* 224px */
}

/* line 1953, app/assets/stylesheets/style.scss */
.p-60 {
  padding: 15rem;
  /* 240px */
}

/* line 1954, app/assets/stylesheets/style.scss */
.px-60 {
  padding-left: 15rem;
  /* 240px */
  padding-right: 15rem;
  /* 240px */
}

/* line 1955, app/assets/stylesheets/style.scss */
.py-60 {
  padding-top: 15rem;
  /* 240px */
  padding-bottom: 15rem;
  /* 240px */
}

/* line 1956, app/assets/stylesheets/style.scss */
.pt-60 {
  padding-top: 15rem;
  /* 240px */
}

/* line 1957, app/assets/stylesheets/style.scss */
.pr-60 {
  padding-right: 15rem;
  /* 240px */
}

/* line 1958, app/assets/stylesheets/style.scss */
.pb-60 {
  padding-bottom: 15rem;
  /* 240px */
}

/* line 1959, app/assets/stylesheets/style.scss */
.pl-60 {
  padding-left: 15rem;
  /* 240px */
}

/* line 1960, app/assets/stylesheets/style.scss */
.p-64 {
  padding: 16rem;
  /* 256px */
}

/* line 1961, app/assets/stylesheets/style.scss */
.px-64 {
  padding-left: 16rem;
  /* 256px */
  padding-right: 16rem;
  /* 256px */
}

/* line 1962, app/assets/stylesheets/style.scss */
.py-64 {
  padding-top: 16rem;
  /* 256px */
  padding-bottom: 16rem;
  /* 256px */
}

/* line 1963, app/assets/stylesheets/style.scss */
.pt-64 {
  padding-top: 16rem;
  /* 256px */
}

/* line 1964, app/assets/stylesheets/style.scss */
.pr-64 {
  padding-right: 16rem;
  /* 256px */
}

/* line 1965, app/assets/stylesheets/style.scss */
.pb-64 {
  padding-bottom: 16rem;
  /* 256px */
}

/* line 1966, app/assets/stylesheets/style.scss */
.pl-64 {
  padding-left: 16rem;
  /* 256px */
}

/* line 1967, app/assets/stylesheets/style.scss */
.p-72 {
  padding: 18rem;
  /* 288px */
}

/* line 1968, app/assets/stylesheets/style.scss */
.px-72 {
  padding-left: 18rem;
  /* 288px */
  padding-right: 18rem;
  /* 288px */
}

/* line 1969, app/assets/stylesheets/style.scss */
.py-72 {
  padding-top: 18rem;
  /* 288px */
  padding-bottom: 18rem;
  /* 288px */
}

/* line 1970, app/assets/stylesheets/style.scss */
.pt-72 {
  padding-top: 18rem;
  /* 288px */
}

/* line 1971, app/assets/stylesheets/style.scss */
.pr-72 {
  padding-right: 18rem;
  /* 288px */
}

/* line 1972, app/assets/stylesheets/style.scss */
.pb-72 {
  padding-bottom: 18rem;
  /* 288px */
}

/* line 1973, app/assets/stylesheets/style.scss */
.pl-72 {
  padding-left: 18rem;
  /* 288px */
}

/* line 1974, app/assets/stylesheets/style.scss */
.p-80 {
  padding: 20rem;
  /* 320px */
}

/* line 1975, app/assets/stylesheets/style.scss */
.px-80 {
  padding-left: 20rem;
  /* 320px */
  padding-right: 20rem;
  /* 320px */
}

/* line 1976, app/assets/stylesheets/style.scss */
.py-80 {
  padding-top: 20rem;
  /* 320px */
  padding-bottom: 20rem;
  /* 320px */
}

/* line 1977, app/assets/stylesheets/style.scss */
.pt-80 {
  padding-top: 20rem;
  /* 320px */
}

/* line 1978, app/assets/stylesheets/style.scss */
.pr-80 {
  padding-right: 20rem;
  /* 320px */
}

/* line 1979, app/assets/stylesheets/style.scss */
.pb-80 {
  padding-bottom: 20rem;
  /* 320px */
}

/* line 1980, app/assets/stylesheets/style.scss */
.pl-80 {
  padding-left: 20rem;
  /* 320px */
}

/* line 1981, app/assets/stylesheets/style.scss */
.p-96 {
  padding: 24rem;
  /* 384px */
}

/* line 1982, app/assets/stylesheets/style.scss */
.px-96 {
  padding-left: 24rem;
  /* 384px */
  padding-right: 24rem;
  /* 384px */
}

/* line 1983, app/assets/stylesheets/style.scss */
.py-96 {
  padding-top: 24rem;
  /* 384px */
  padding-bottom: 24rem;
  /* 384px */
}

/* line 1984, app/assets/stylesheets/style.scss */
.pt-96 {
  padding-top: 24rem;
  /* 384px */
}

/* line 1985, app/assets/stylesheets/style.scss */
.pr-96 {
  padding-right: 24rem;
  /* 384px */
}

/* line 1986, app/assets/stylesheets/style.scss */
.pb-96 {
  padding-bottom: 24rem;
  /* 384px */
}

/* line 1987, app/assets/stylesheets/style.scss */
.pl-96 {
  padding-left: 24rem;
  /* 384px */
}

/* line 1989, app/assets/stylesheets/style.scss */
.text-xs {
  font-size: 0.75rem;
  /* 12px */
  line-height: 1rem;
  /* 16px */
}

/* line 1993, app/assets/stylesheets/style.scss */
.text-sm {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
}

/* line 1997, app/assets/stylesheets/style.scss */
.text-base {
  font-size: 1rem;
  /* 16px */
  line-height: 1.5rem;
  /* 24px */
}

/* line 2001, app/assets/stylesheets/style.scss */
.text-lg {
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.75rem;
  /* 28px */
}

/* line 2005, app/assets/stylesheets/style.scss */
.text-xl {
  font-size: 1.25rem;
  /* 20px */
  line-height: 1.75rem;
  /* 28px */
}

/* line 2009, app/assets/stylesheets/style.scss */
.text-2xl {
  font-size: 1.5rem;
  /* 24px */
  line-height: 2rem;
  /* 32px */
}

/* line 2013, app/assets/stylesheets/style.scss */
.text-3xl {
  font-size: 1.875rem;
  /* 30px */
  line-height: 2.25rem;
  /* 36px */
}

/* line 2017, app/assets/stylesheets/style.scss */
.text-4xl {
  font-size: 2.25rem;
  /* 36px */
  line-height: 2.5rem;
  /* 40px */
}

/* line 2021, app/assets/stylesheets/style.scss */
.text-5xl {
  font-size: 3rem;
  /* 48px */
  line-height: 1;
}

/* line 2025, app/assets/stylesheets/style.scss */
.text-6xl {
  font-size: 3.75rem;
  /* 60px */
  line-height: 1;
}

/* line 2029, app/assets/stylesheets/style.scss */
.text-7xl {
  font-size: 4.5rem;
  /* 72px */
  line-height: 1;
}

/* line 2033, app/assets/stylesheets/style.scss */
.text-8xl {
  font-size: 6rem;
  /* 96px */
  line-height: 1;
}

/* line 2037, app/assets/stylesheets/style.scss */
.text-9xl {
  font-size: 8rem;
  /* 128px */
  line-height: 1;
}

/* line 2041, app/assets/stylesheets/style.scss */
.download-pdf-btn {
  color: #fff;
  border-radius: 5px;
  padding: 6px 12px;
  font-size: 14px;
  transition: background .2s;
  float: inline-end;
  background: #009900;
  border-color: #009900;
  text-shadow: 0 1px 1px #777;
}

/* line 2052, app/assets/stylesheets/style.scss */
.download-pdf-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #006d00;
  border-color: #006d00;
}

/* line 2059, app/assets/stylesheets/style.scss */
.download-pdf-btn-gray {
  color: #fff;
  border-radius: 5px;
  padding: 6px 12px;
  font-size: 14px;
  transition: background .2s;
  float: inline-end;
  background: #6c757d;
  border-color: #6c757d;
  text-shadow: 0 1px 1px #777;
}

/* line 2071, app/assets/stylesheets/style.scss */
.download-pdf-btn-gray:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5a6268;
  border-color: #5a6268;
}

/* line 2078, app/assets/stylesheets/style.scss */
.pay-invoice-btn {
  color: #fff;
  border-radius: 5px;
  padding: 6px 12px;
  font-size: 18px;
  transition: background .2s;
  background: #009900;
  border-color: #009900;
  text-shadow: 0 1px 1px #777;
}

/* line 2089, app/assets/stylesheets/style.scss */
.pay-invoice-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #006d00;
  border-color: #006d00;
}

/* line 2096, app/assets/stylesheets/style.scss */
.pay-invoice-top {
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}

/* line 2102, app/assets/stylesheets/style.scss */
.terms-conditions-notice {
  margin: 20px 0 10px;
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.6;
}

/* line 2112, app/assets/stylesheets/style.scss */
.terms-conditions-notice p {
  margin: 0;
}

/* line 2116, app/assets/stylesheets/style.scss */
.terms-conditions-notice a {
  color: #0066cc;
  text-decoration: none;
}

/* line 2121, app/assets/stylesheets/style.scss */
.terms-conditions-notice a:hover {
  text-decoration: underline;
}

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-flow-row	{ grid-auto-flow: row;}

.grid-rows-1	{ grid-template-rows: repeat(1, minmax(0, 1fr)); }
.col-span-1	{ grid-column: span 1 / span 1; }
.row-span-1	{ grid-row: span 1 / span 1; }

.stack { grid-column: 1 / 1;
grid-row: 1 / 1; }
.text-shadow-lg {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 0 0 12px rgba(0,0,0,0.3);
}

.text-white {
  color: #fff;
}


.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mt-2 { margin-top: 0.5rem; }
.ml-2 { margin-left: 0.5rem; }
.mr-2 { margin-right: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-8 { margin-bottom: 2rem; }
.mt-4 { margin-top: 1rem; }
.mr-4 { margin-right: 1rem; }
.ml-4 { margin-left: 1rem; }
.my-4 {
 margin-top: 1rem;
 margin-bottom: 1rem;
}


.m-4 { margin: 1rem; }
.p-4 { padding: 1rem; }
.m-2 { margin: 0.5rem; }
.p-2 { padding: 0.5rem; }

.w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
.block	{ display: block; }
.inline-block	{ display: inline-block; }
.inline	{ display: inline; }
.flex	{ display: flex; }
.flex-1	{ flex: 1 1 0%; }
.inline-flex	{ display: inline-flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.table	{ display: table; }
.inline-table	{ display: inline-table; }
.table-caption	{ display: table-caption; }
.table-cell	{ display: table-cell; }
.table-column	{ display: table-column; }
.table-column-group	{ display: table-column-group; }
.table-footer-group	{ display: table-footer-group; }
.table-header-group	{ display: table-header-group; }
.table-row-group	{ display: table-row-group; }
.table-row	{ display: table-row; }
.flow-root	{ display: flow-root; }
.grid	{ display: grid; }
.inline-grid	{ display: inline-grid; }
.contents	{ display: contents; }
.list-item	{ display: list-item; }
.hidden	{ display: none; }


.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.flex-col	{ flex-direction: column; }
.cursor-pointer {
  cursor: pointer;
}
.hover\:text-gray-400:hover {
color: #777;
}
.w-full { width: 100%; }
.mt-2 { margin-top: 0.5rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.pb-4 { padding-bottom: 1rem; }
.mt-4 { margin-top: 1rem; }
.mr-4 { margin-right: 1rem; }
.ml-4 { margin-left: 1rem; }

.whitespace-normal	{ white-space: normal; }
.whitespace-nowrap	{ white-space: nowrap; }
.whitespace-pre	{ white-space: pre; }
.whitespace-pre-line	{ white-space: pre-line; }
.whitespace-pre-wrap	{ white-space: pre-wrap; }

.bg-inherit	{ background-color: inherit; }
.bg-current	{ background-color: currentColor; }
.bg-transparent	{ background-color: transparent; }
.bg-black	{ background-color: rgb(0, 0, 0); }
.bg-white	{ background-color: rgb(255, 255, 255); }
.bg-slate-50	{ background-color: rgb(248, 250, 252); }
.bg-slate-100	{ background-color: rgb(241, 245, 249); }
.bg-slate-200	{ background-color: rgb(226, 232, 240); }
.bg-slate-300	{ background-color: rgb(203, 213, 225); }
.bg-slate-400	{ background-color: rgb(148, 163, 184); }
.bg-slate-500	{ background-color: rgb(100, 116, 139); }
.bg-slate-600	{ background-color: rgb(71, 85, 105); }
.bg-slate-700	{ background-color: rgb(51, 65, 85); }
.bg-slate-800	{ background-color: rgb(30, 41, 59); }
.bg-slate-900	{ background-color: rgb(15, 23, 42); }
.bg-gray-50	{ background-color: rgb(249, 250, 251); }
.bg-gray-100	{ background-color: rgb(243, 244, 246); }
.bg-gray-200	{ background-color: rgb(229, 231, 235); }
.bg-gray-300	{ background-color: rgb(209, 213, 219); }
.bg-gray-400	{ background-color: rgb(156, 163, 175); }
.bg-gray-500	{ background-color: rgb(107, 114, 128); }
.bg-gray-600	{ background-color: rgb(75, 85, 99); }
.bg-gray-700	{ background-color: rgb(55, 65, 81); }
.bg-gray-800	{ background-color: rgb(31, 41, 55); }
.bg-gray-900	{ background-color: rgb(17, 24, 39); }
.bg-zinc-50	{ background-color: rgb(250, 250, 250); }
.bg-zinc-100	{ background-color: rgb(244, 244, 245); }
.bg-zinc-200	{ background-color: rgb(228, 228, 231); }
.bg-zinc-300	{ background-color: rgb(212, 212, 216); }
.bg-zinc-400	{ background-color: rgb(161, 161, 170); }
.bg-zinc-500	{ background-color: rgb(113, 113, 122); }
.bg-zinc-600	{ background-color: rgb(82, 82, 91); }
.bg-zinc-700	{ background-color: rgb(63, 63, 70); }
.bg-zinc-800	{ background-color: rgb(39, 39, 42); }
.bg-zinc-900	{ background-color: rgb(24, 24, 27); }
.bg-neutral-50	{ background-color: rgb(250, 250, 250); }
.bg-neutral-100	{ background-color: rgb(245, 245, 245); }
.bg-neutral-200	{ background-color: rgb(229, 229, 229); }
.bg-neutral-300	{ background-color: rgb(212, 212, 212); }
.bg-neutral-400	{ background-color: rgb(163, 163, 163); }
.bg-neutral-500	{ background-color: rgb(115, 115, 115); }
.bg-neutral-600	{ background-color: rgb(82, 82, 82); }
.bg-neutral-700	{ background-color: rgb(64, 64, 64); }
.bg-neutral-800	{ background-color: rgb(38, 38, 38); }
.bg-neutral-900	{ background-color: rgb(23, 23, 23); }
.bg-stone-50	{ background-color: rgb(250, 250, 249); }
.bg-stone-100	{ background-color: rgb(245, 245, 244); }
.bg-stone-200	{ background-color: rgb(231, 229, 228); }
.bg-stone-300	{ background-color: rgb(214, 211, 209); }
.bg-stone-400	{ background-color: rgb(168, 162, 158); }
.bg-stone-500	{ background-color: rgb(120, 113, 108); }
.bg-stone-600	{ background-color: rgb(87, 83, 78); }
.bg-stone-700	{ background-color: rgb(68, 64, 60); }
.bg-stone-800	{ background-color: rgb(41, 37, 36); }
.bg-stone-900	{ background-color: rgb(28, 25, 23); }
.bg-red-50	{ background-color: rgb(254, 242, 242); }
.bg-red-100	{ background-color: rgb(254, 226, 226); }
.bg-red-200	{ background-color: rgb(254, 202, 202); }
.bg-red-300	{ background-color: rgb(252, 165, 165); }
.bg-red-400	{ background-color: rgb(248, 113, 113); }
.bg-red-500	{ background-color: rgb(239, 68, 68); }
.bg-red-600	{ background-color: rgb(220, 38, 38); }
.bg-red-700	{ background-color: rgb(185, 28, 28); }
.bg-red-800	{ background-color: rgb(153, 27, 27); }
.bg-red-900	{ background-color: rgb(127, 29, 29); }
.bg-orange-50	{ background-color: rgb(255, 247, 237); }
.bg-orange-100	{ background-color: rgb(255, 237, 213); }
.bg-orange-200	{ background-color: rgb(254, 215, 170); }
.bg-orange-300	{ background-color: rgb(253, 186, 116); }
.bg-orange-400	{ background-color: rgb(251, 146, 60); }
.bg-orange-500	{ background-color: rgb(249, 115, 22); }
.bg-orange-600	{ background-color: rgb(234, 88, 12); }
.bg-orange-700	{ background-color: rgb(194, 65, 12); }
.bg-orange-800	{ background-color: rgb(154, 52, 18); }
.bg-orange-900	{ background-color: rgb(124, 45, 18); }
.bg-amber-50	{ background-color: rgb(255, 251, 235); }
.bg-amber-100	{ background-color: rgb(254, 243, 199); }
.bg-amber-200	{ background-color: rgb(253, 230, 138); }
.bg-amber-300	{ background-color: rgb(252, 211, 77); }
.bg-amber-400	{ background-color: rgb(251, 191, 36); }
.bg-amber-500	{ background-color: rgb(245, 158, 11); }
.bg-amber-600	{ background-color: rgb(217, 119, 6); }
.bg-amber-700	{ background-color: rgb(180, 83, 9); }
.bg-amber-800	{ background-color: rgb(146, 64, 14); }
.bg-amber-900	{ background-color: rgb(120, 53, 15); }
.bg-yellow-50	{ background-color: rgb(254, 252, 232); }
.bg-yellow-100	{ background-color: rgb(254, 249, 195); }
.bg-yellow-200	{ background-color: rgb(254, 240, 138); }
.bg-yellow-300	{ background-color: rgb(253, 224, 71); }
.bg-yellow-400	{ background-color: rgb(250, 204, 21); }
.bg-yellow-500	{ background-color: rgb(234, 179, 8); }
.bg-yellow-600	{ background-color: rgb(202, 138, 4); }
.bg-yellow-700	{ background-color: rgb(161, 98, 7); }
.bg-yellow-800	{ background-color: rgb(133, 77, 14); }
.bg-yellow-900	{ background-color: rgb(113, 63, 18); }
.bg-lime-50	{ background-color: rgb(247, 254, 231); }
.bg-lime-100	{ background-color: rgb(236, 252, 203); }
.bg-lime-200	{ background-color: rgb(217, 249, 157); }
.bg-lime-300	{ background-color: rgb(190, 242, 100); }
.bg-lime-400	{ background-color: rgb(163, 230, 53); }
.bg-lime-500	{ background-color: rgb(132, 204, 22); }
.bg-lime-600	{ background-color: rgb(101, 163, 13); }
.bg-lime-700	{ background-color: rgb(77, 124, 15); }
.bg-lime-800	{ background-color: rgb(63, 98, 18); }
.bg-lime-900	{ background-color: rgb(54, 83, 20); }
.bg-green-50	{ background-color: rgb(240, 253, 244); }
.bg-green-100	{ background-color: rgb(220, 252, 231); }
.bg-green-200	{ background-color: rgb(187, 247, 208); }
.bg-green-300	{ background-color: rgb(134, 239, 172); }
.bg-green-400	{ background-color: rgb(74, 222, 128); }
.bg-green-500	{ background-color: rgb(34, 197, 94); }
.bg-green-600	{ background-color: rgb(22, 163, 74); }
.bg-green-700	{ background-color: rgb(21, 128, 61); }
.bg-green-800	{ background-color: rgb(22, 101, 52); }
.bg-green-900	{ background-color: rgb(20, 83, 45); }
.bg-emerald-50	{ background-color: rgb(236, 253, 245); }
.bg-emerald-100	{ background-color: rgb(209, 250, 229); }
.bg-emerald-200	{ background-color: rgb(167, 243, 208); }
.bg-emerald-300	{ background-color: rgb(110, 231, 183); }
.bg-emerald-400	{ background-color: rgb(52, 211, 153); }
.bg-emerald-500	{ background-color: rgb(16, 185, 129); }
.bg-emerald-600	{ background-color: rgb(5, 150, 105); }
.bg-emerald-700	{ background-color: rgb(4, 120, 87); }
.bg-emerald-800	{ background-color: rgb(6, 95, 70); }
.bg-emerald-900	{ background-color: rgb(6, 78, 59); }
.bg-teal-50	{ background-color: rgb(240, 253, 250); }
.bg-teal-100	{ background-color: rgb(204, 251, 241); }
.bg-teal-200	{ background-color: rgb(153, 246, 228); }
.bg-teal-300	{ background-color: rgb(94, 234, 212); }
.bg-teal-400	{ background-color: rgb(45, 212, 191); }
.bg-teal-500	{ background-color: rgb(20, 184, 166); }
.bg-teal-600	{ background-color: rgb(13, 148, 136); }
.bg-teal-700	{ background-color: rgb(15, 118, 110); }
.bg-teal-800	{ background-color: rgb(17, 94, 89); }
.bg-teal-900	{ background-color: rgb(19, 78, 74); }
.bg-cyan-50	{ background-color: rgb(236, 254, 255); }
.bg-cyan-100	{ background-color: rgb(207, 250, 254); }
.bg-cyan-200	{ background-color: rgb(165, 243, 252); }
.bg-cyan-300	{ background-color: rgb(103, 232, 249); }
.bg-cyan-400	{ background-color: rgb(34, 211, 238); }
.bg-cyan-500	{ background-color: rgb(6, 182, 212); }
.bg-cyan-600	{ background-color: rgb(8, 145, 178); }
.bg-cyan-700	{ background-color: rgb(14, 116, 144); }
.bg-cyan-800	{ background-color: rgb(21, 94, 117); }
.bg-cyan-900	{ background-color: rgb(22, 78, 99); }
.bg-sky-50	{ background-color: rgb(240, 249, 255); }
.bg-sky-100	{ background-color: rgb(224, 242, 254); }
.bg-sky-200	{ background-color: rgb(186, 230, 253); }
.bg-sky-300	{ background-color: rgb(125, 211, 252); }
.bg-sky-400	{ background-color: rgb(56, 189, 248); }
.bg-sky-500	{ background-color: rgb(14, 165, 233); }
.bg-sky-600	{ background-color: rgb(2, 132, 199); }
.bg-sky-700	{ background-color: rgb(3, 105, 161); }
.bg-sky-800	{ background-color: rgb(7, 89, 133); }
.bg-sky-900	{ background-color: rgb(12, 74, 110); }
.bg-blue-50	{ background-color: rgb(239, 246, 255); }
.bg-blue-100	{ background-color: rgb(219, 234, 254); }
.bg-blue-200	{ background-color: rgb(191, 219, 254); }
.bg-blue-300	{ background-color: rgb(147, 197, 253); }
.bg-blue-400	{ background-color: rgb(96, 165, 250); }
.bg-blue-500	{ background-color: rgb(59, 130, 246); }
.bg-blue-600	{ background-color: rgb(37, 99, 235); }
.bg-blue-700	{ background-color: rgb(29, 78, 216); }
.bg-blue-800	{ background-color: rgb(30, 64, 175); }
.bg-blue-900	{ background-color: rgb(30, 58, 138); }
.bg-indigo-50	{ background-color: rgb(238, 242, 255); }
.bg-indigo-100	{ background-color: rgb(224, 231, 255); }
.bg-indigo-200	{ background-color: rgb(199, 210, 254); }
.bg-indigo-300	{ background-color: rgb(165, 180, 252); }
.bg-indigo-400	{ background-color: rgb(129, 140, 248); }
.bg-indigo-500	{ background-color: rgb(99, 102, 241); }
.bg-indigo-600	{ background-color: rgb(79, 70, 229); }
.bg-indigo-700	{ background-color: rgb(67, 56, 202); }
.bg-indigo-800	{ background-color: rgb(55, 48, 163); }
.bg-indigo-900	{ background-color: rgb(49, 46, 129); }
.bg-violet-50	{ background-color: rgb(245, 243, 255); }
.bg-violet-100	{ background-color: rgb(237, 233, 254); }
.bg-violet-200	{ background-color: rgb(221, 214, 254); }
.bg-violet-300	{ background-color: rgb(196, 181, 253); }
.bg-violet-400	{ background-color: rgb(167, 139, 250); }
.bg-violet-500	{ background-color: rgb(139, 92, 246); }
.bg-violet-600	{ background-color: rgb(124, 58, 237); }
.bg-violet-700	{ background-color: rgb(109, 40, 217); }
.bg-violet-800	{ background-color: rgb(91, 33, 182); }
.bg-violet-900	{ background-color: rgb(76, 29, 149); }
.bg-purple-50	{ background-color: rgb(250, 245, 255); }
.bg-purple-100	{ background-color: rgb(243, 232, 255); }
.bg-purple-200	{ background-color: rgb(233, 213, 255); }
.bg-purple-300	{ background-color: rgb(216, 180, 254); }
.bg-purple-400	{ background-color: rgb(192, 132, 252); }
.bg-purple-500	{ background-color: rgb(168, 85, 247); }
.bg-purple-600	{ background-color: rgb(147, 51, 234); }
.bg-purple-700	{ background-color: rgb(126, 34, 206); }
.bg-purple-800	{ background-color: rgb(107, 33, 168); }
.bg-purple-900	{ background-color: rgb(88, 28, 135); }
.bg-fuchsia-50	{ background-color: rgb(253, 244, 255); }
.bg-fuchsia-100	{ background-color: rgb(250, 232, 255); }
.bg-fuchsia-200	{ background-color: rgb(245, 208, 254); }
.bg-fuchsia-300	{ background-color: rgb(240, 171, 252); }
.bg-fuchsia-400	{ background-color: rgb(232, 121, 249); }
.bg-fuchsia-500	{ background-color: rgb(217, 70, 239); }
.bg-fuchsia-600	{ background-color: rgb(192, 38, 211); }
.bg-fuchsia-700	{ background-color: rgb(162, 28, 175); }
.bg-fuchsia-800	{ background-color: rgb(134, 25, 143); }
.bg-fuchsia-900	{ background-color: rgb(112, 26, 117); }
.bg-pink-50	{ background-color: rgb(253, 242, 248); }
.bg-pink-100	{ background-color: rgb(252, 231, 243); }
.bg-pink-200	{ background-color: rgb(251, 207, 232); }
.bg-pink-300	{ background-color: rgb(249, 168, 212); }
.bg-pink-400	{ background-color: rgb(244, 114, 182); }
.bg-pink-500	{ background-color: rgb(236, 72, 153); }
.bg-pink-600	{ background-color: rgb(219, 39, 119); }
.bg-pink-700	{ background-color: rgb(190, 24, 93); }
.bg-pink-800	{ background-color: rgb(157, 23, 77); }
.bg-pink-900	{ background-color: rgb(131, 24, 67); }
.bg-rose-50	{ background-color: rgb(255, 241, 242); }
.bg-rose-100	{ background-color: rgb(255, 228, 230); }
.bg-rose-200	{ background-color: rgb(254, 205, 211); }
.bg-rose-300	{ background-color: rgb(253, 164, 175); }
.bg-rose-400	{ background-color: rgb(251, 113, 133); }
.bg-rose-500	{ background-color: rgb(244, 63, 94); }
.bg-rose-600	{ background-color: rgb(225, 29, 72); }
.bg-rose-700	{ background-color: rgb(190, 18, 60); }
.bg-rose-800	{ background-color: rgb(159, 18, 57); }
.bg-rose-900	{ background-color: rgb(136, 19, 55); }

.h-0	{ height: 0px; }
.h-px	{ height: 1px; }
.h-0\.5	{ height: 0.125rem; /* 2px */ }
.h-1	{ height: 0.25rem; /* 4px */ }
.h-1\.5	{ height: 0.375rem; /* 6px */ }
.h-2	{ height: 0.5rem; /* 8px */ }
.h-2\.5	{ height: 0.625rem; /* 10px */ }
.h-3	{ height: 0.75rem; /* 12px */ }
.h-3\.5	{ height: 0.875rem; /* 14px */ }
.h-4	{ height: 1rem; /* 16px */ }
.h-5	{ height: 1.25rem; /* 20px */ }
.h-6	{ height: 1.5rem; /* 24px */ }
.h-7	{ height: 1.75rem; /* 28px */ }
.h-8	{ height: 2rem; /* 32px */ }
.h-9	{ height: 2.25rem; /* 36px */ }
.h-10	{ height: 2.5rem; /* 40px */ }
.h-11	{ height: 2.75rem; /* 44px */ }
.h-12	{ height: 3rem; /* 48px */ }
.h-14	{ height: 3.5rem; /* 56px */ }
.h-16	{ height: 4rem; /* 64px */ }
.h-20	{ height: 5rem; /* 80px */ }
.h-24	{ height: 6rem; /* 96px */ }
.h-28	{ height: 7rem; /* 112px */ }
.h-32	{ height: 8rem; /* 128px */ }
.h-36	{ height: 9rem; /* 144px */ }
.h-40	{ height: 10rem; /* 160px */ }
.h-44	{ height: 11rem; /* 176px */ }
.h-48	{ height: 12rem; /* 192px */ }
.h-52	{ height: 13rem; /* 208px */ }
.h-56	{ height: 14rem; /* 224px */ }
.h-60	{ height: 15rem; /* 240px */ }
.h-64	{ height: 16rem; /* 256px */ }
.h-72	{ height: 18rem; /* 288px */ }
.h-80	{ height: 20rem; /* 320px */ }
.h-96	{ height: 24rem; /* 384px */ }
.h-auto	{ height: auto; }
.h-\/2	{ height: 50%; }
.h-1\/3	{ height: 33.333333%; }
.h-2\/3	{ height: 66.666667%; }
.h-1\/4	{ height: 25%; }
.h-2\/4	{ height: 50%; }
.h-3\/4	{ height: 75%; }
.h-1\/5	{ height: 20%; }
.h-2\/5	{ height: 40%; }
.h-3\/5	{ height: 60%; }
.h-4\/5	{ height: 80%; }
.h-1\/6	{ height: 16.666667%; }
.h-2\/6	{ height: 33.333333%; }
.h-3\/6	{ height: 50%; }
.h-4\/6	{ height: 66.666667%; }
.h-5\/6	{ height: 83.333333%; }
.h-full	{ height: 100%; }
.h-screen	{ height: 100vh; }
.h-min	{ height: min-content; }
.h-max	{ height: max-content; }
.h-fit	{ height: fit-content; }

.p-0 {	padding: 0px; }
.px-0 {	padding-left: 0px; padding-right: 0px; }
.py-0 {	padding-top: 0px; padding-bottom: 0px; }
.pt-0 {	padding-top: 0px; }
.pr-0 {	padding-right: 0px; }
.pb-0 {	padding-bottom: 0px; }
.pl-0 {	padding-left: 0px; }
.p-px {	padding: 1px; }
.px-px {	padding-left: 1px; padding-right: 1px; }
.py-px {	padding-top: 1px; padding-bottom: 1px; }
.pt-px {	padding-top: 1px; }
.pr-px {	padding-right: 1px; }
.pb-px {	padding-bottom: 1px; }
.pl-px {	padding-left: 1px; }
.p-0\.5 {	padding: 0.125rem; /* 2px */ }
.px-0\.5 {	padding-left: 0.125rem; /* 2px */ padding-right: 0.125rem; /* 2px */ }
.py-0\.5 {	padding-top: 0.125rem; /* 2px */ padding-bottom: 0.125rem; /* 2px */ }
.pt-0\.5 {	padding-top: 0.125rem; /* 2px */ }
.pr-0\.5 {	padding-right: 0.125rem; /* 2px */ }
.pb-0\.5 {	padding-bottom: 0.125rem; /* 2px */ }
.pl-0\.5 {	padding-left: 0.125rem; /* 2px */ }
.p-1	{ padding: 0.25rem; /* 4px */ }
.px-1 {	padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ }
.py-1 {	padding-top: 0.25rem; /* 4px */ padding-bottom: 0.25rem; /* 4px */ }
.pt-1 {	padding-top: 0.25rem; /* 4px */ }
.pr-1 {	padding-right: 0.25rem; /* 4px */ }
.pb-1 {	padding-bottom: 0.25rem; /* 4px */ }
.pl-1 {	padding-left: 0.25rem; /* 4px */ }
.p-1\.5 {	padding: 0.375rem; /* 6px */ }
.px-1\.5 {	padding-left: 0.375rem; /* 6px */ padding-right: 0.375rem; /* 6px */ }
.py-1\.5 {	padding-top: 0.375rem; /* 6px */ padding-bottom: 0.375rem; /* 6px */ }
.pt-1\.5 {	padding-top: 0.375rem; /* 6px */ }
.pr-1\.5 {	padding-right: 0.375rem; /* 6px */ }
.pb-1\.5 {	padding-bottom: 0.375rem; /* 6px */ }
.pl-1\.5 {	padding-left: 0.375rem; /* 6px */  }
.p-2 {	padding: 0.5rem; /* 8px */ }
.px-2 {	padding-left: 0.5rem; /* 8px */ padding-right: 0.5rem; /* 8px */ }
.py-2 {	padding-top: 0.5rem; /* 8px */ padding-bottom: 0.5rem; /* 8px */ }
.pt-2 {	padding-top: 0.5rem; /* 8px */ }
.pr-2 {	padding-right: 0.5rem; /* 8px */ }
.pb-2 {	padding-bottom: 0.5rem; /* 8px */ }
.pl-2 {	padding-left: 0.5rem; /* 8px */ }
.p-2\.5 {	padding: 0.625rem; /* 10px */ }
.px-2\.5 {	padding-left: 0.625rem; /* 10px */ padding-right: 0.625rem; /* 10px */ }
.py-2\.5 {	padding-top: 0.625rem; /* 10px */ padding-bottom: 0.625rem; /* 10px */ }
.pt-2\.5 {	padding-top: 0.625rem; /* 10px */ }
.pr-2\.5 {	padding-right: 0.625rem; /* 10px */ }
.pb-2\.5 {	padding-bottom: 0.625rem; /* 10px */ }
.pl-2\.5 {	padding-left: 0.625rem; /* 10px */ }
.p-3 {	padding: 0.75rem; /* 12px */ }
.px-3 {	padding-left: 0.75rem; /* 12px */ padding-right: 0.75rem; /* 12px */ }
.py-3 {	padding-top: 0.75rem; /* 12px */ padding-bottom: 0.75rem; /* 12px */ }
.pt-3 {	padding-top: 0.75rem; /* 12px */ }
.pr-3 {	padding-right: 0.75rem; /* 12px */ }
.pb-3 {	padding-bottom: 0.75rem; /* 12px */ }
.pl-3 {	padding-left: 0.75rem; /* 12px */ }
.p-3\.5 {	padding: 0.875rem; /* 14px */ }
.px-3\.5 {	padding-left: 0.875rem; /* 14px */ padding-right: 0.875rem; /* 14px */ }
.py-3\.5 {	padding-top: 0.875rem; /* 14px */ padding-bottom: 0.875rem; /* 14px */ }
.pt-3\.5 {	padding-top: 0.875rem; /* 14px */ }
.pr-3\.5 {	padding-right: 0.875rem; /* 14px */ }
.pb-3\.5 {	padding-bottom: 0.875rem; /* 14px */ }
.pl-3\.5 {	padding-left: 0.875rem; /* 14px */ }
.p-4 {	padding: 1rem; /* 16px */ }
.px-4 {	padding-left: 1rem; /* 16px */ padding-right: 1rem; /* 16px */ }
.py-4 {	padding-top: 1rem; /* 16px */ padding-bottom: 1rem; /* 16px */ }
.pt-4 {	padding-top: 1rem; /* 16px */ }
.pr-4 {	padding-right: 1rem; /* 16px */ }
.pb-4 {	padding-bottom: 1rem; /* 16px */ }
.pl-4 {	padding-left: 1rem; /* 16px */ }
.p-5 {	padding: 1.25rem; /* 20px */ }
.px-5 {	padding-left: 1.25rem; /* 20px */ padding-right: 1.25rem; /* 20px */ }
.py-5 {	padding-top: 1.25rem; /* 20px */ padding-bottom: 1.25rem; /* 20px */ }
.pt-5 {	padding-top: 1.25rem; /* 20px */ }
.pr-5 {	padding-right: 1.25rem; /* 20px */ }
.pb-5 {	padding-bottom: 1.25rem; /* 20px */ }
.pl-5 {	padding-left: 1.25rem; /* 20px */ }
.p-6 {	padding: 1.5rem; /* 24px */ }
.px-6 {	padding-left: 1.5rem; /* 24px */ padding-right: 1.5rem; /* 24px */ }
.py-6 {	padding-top: 1.5rem; /* 24px */ padding-bottom: 1.5rem; /* 24px */ }
.pt-6 {	padding-top: 1.5rem; /* 24px */ }
.pr-6 {	padding-right: 1.5rem; /* 24px */ }
.pb-6 {	padding-bottom: 1.5rem; /* 24px */ }
.pl-6 {	padding-left: 1.5rem; /* 24px */ }
.p-7 {	padding: 1.75rem; /* 28px */ }
.px-7 {	padding-left: 1.75rem; /* 28px */ padding-right: 1.75rem; /* 28px */ }
.py-7 {	padding-top: 1.75rem; /* 28px */ padding-bottom: 1.75rem; /* 28px */ }
.pt-7 {	padding-top: 1.75rem; /* 28px */ }
.pr-7 {	padding-right: 1.75rem; /* 28px */ }
.pb-7 {	padding-bottom: 1.75rem; /* 28px */ }
.pl-7 {	padding-left: 1.75rem; /* 28px */ }
.p-8 {	padding: 2rem; /* 32px */ }
.px-8 {	padding-left: 2rem; /* 32px */ padding-right: 2rem; /* 32px */ }
.py-8 {	padding-top: 2rem; /* 32px */ padding-bottom: 2rem; /* 32px */ }
.pt-8 {	padding-top: 2rem; /* 32px */ }
.pr-8 {	padding-right: 2rem; /* 32px */ }
.pb-8 {	padding-bottom: 2rem; /* 32px */ }
.pl-8 {	padding-left: 2rem; /* 32px */ }
.p-9 {	padding: 2.25rem; /* 36px */ }
.px-9 {	padding-left: 2.25rem; /* 36px */ padding-right: 2.25rem; /* 36px */ }
.py-9 {	padding-top: 2.25rem; /* 36px */ padding-bottom: 2.25rem; /* 36px */ }
.pt-9 {	padding-top: 2.25rem; /* 36px */ }
.pr-9 {	padding-right: 2.25rem; /* 36px */ }
.pb-9 {	padding-bottom: 2.25rem; /* 36px */ }
.pl-9 {	padding-left: 2.25rem; /* 36px */ }
.p-10 {	padding: 2.5rem; /* 40px */ }
.px-10 {	padding-left: 2.5rem; /* 40px */ padding-right: 2.5rem; /* 40px */ }
.py-10 {	padding-top: 2.5rem; /* 40px */ padding-bottom: 2.5rem; /* 40px */ }
.pt-10 {	padding-top: 2.5rem; /* 40px */ }
.pr-10 {	padding-right: 2.5rem; /* 40px */ }
.pb-10 {	padding-bottom: 2.5rem; /* 40px */ }
.pl-10 {	padding-left: 2.5rem; /* 40px */ }
.p-11 {	padding: 2.75rem; /* 44px */ }
.px-11 {	padding-left: 2.75rem; /* 44px */ padding-right: 2.75rem; /* 44px */ }
.py-11 {	padding-top: 2.75rem; /* 44px */ padding-bottom: 2.75rem; /* 44px */ }
.pt-11 {	padding-top: 2.75rem; /* 44px */ }
.pr-11 {	padding-right: 2.75rem; /* 44px */ }
.pb-11 {	padding-bottom: 2.75rem; /* 44px */ }
.pl-11 {	padding-left: 2.75rem; /* 44px */ }
.p-12 {	padding: 3rem; /* 48px */ }
.px-12 {	padding-left: 3rem; /* 48px */ padding-right: 3rem; /* 48px */ }
.py-12 {	padding-top: 3rem; /* 48px */ padding-bottom: 3rem; /* 48px */ }
.pt-12 {	padding-top: 3rem; /* 48px */ }
.pr-12 {	padding-right: 3rem; /* 48px */ }
.pb-12 {	padding-bottom: 3rem; /* 48px */ }
.pl-12 {	padding-left: 3rem; /* 48px */ }
.p-14 {	padding: 3.5rem; /* 56px */ }
.px-14 {	padding-left: 3.5rem; /* 56px */ padding-right: 3.5rem; /* 56px */ }
.py-14 {	padding-top: 3.5rem; /* 56px */ padding-bottom: 3.5rem; /* 56px */ }
.pt-14 {	padding-top: 3.5rem; /* 56px */ }
.pr-14 {	padding-right: 3.5rem; /* 56px */ }
.pb-14 {	padding-bottom: 3.5rem; /* 56px */ }
.pl-14 {	padding-left: 3.5rem; /* 56px */ }
.p-16 {	padding: 4rem; /* 64px */ }
.px-16 {	padding-left: 4rem; /* 64px */ padding-right: 4rem; /* 64px */ }
.py-16 {	padding-top: 4rem; /* 64px */ padding-bottom: 4rem; /* 64px */ }
.pt-16 {	padding-top: 4rem; /* 64px */ }
.pr-16 {	padding-right: 4rem; /* 64px */ }
.pb-16 {	padding-bottom: 4rem; /* 64px */ }
.pl-16 {	padding-left: 4rem; /* 64px */ }
.p-20 {	padding: 5rem; /* 80px */ }
.px-20 {	padding-left: 5rem; /* 80px */ padding-right: 5rem; /* 80px */ }
.py-20 {	padding-top: 5rem; /* 80px */ padding-bottom: 5rem; /* 80px */ }
.pt-20 {	padding-top: 5rem; /* 80px */ }
.pr-20 {	padding-right: 5rem; /* 80px */ }
.pb-20 {	padding-bottom: 5rem; /* 80px */ }
.pl-20 {	padding-left: 5rem; /* 80px */ }
.p-24 {	padding: 6rem; /* 96px */ }
.px-24 {	padding-left: 6rem; /* 96px */ padding-right: 6rem; /* 96px */ }
.py-24 {	padding-top: 6rem; /* 96px */ padding-bottom: 6rem; /* 96px */ }
.pt-24 {	padding-top: 6rem; /* 96px */ }
.pr-24 {	padding-right: 6rem; /* 96px */ }
.pb-24 {	padding-bottom: 6rem; /* 96px */ }
.pl-24 {	padding-left: 6rem; /* 96px */ }
.p-28 {	padding: 7rem; /* 112px */ }
.px-28 {	padding-left: 7rem; /* 112px */ padding-right: 7rem; /* 112px */ }
.py-28 {	padding-top: 7rem; /* 112px */ padding-bottom: 7rem; /* 112px */ }
.pt-28 {	padding-top: 7rem; /* 112px */ }
.pr-28 {	padding-right: 7rem; /* 112px */ }
.pb-28 {	padding-bottom: 7rem; /* 112px */ }
.pl-28 {	padding-left: 7rem; /* 112px */ }
.p-32 {	padding: 8rem; /* 128px */ }
.px-32 {	padding-left: 8rem; /* 128px */ padding-right: 8rem; /* 128px */ }
.py-32 {	padding-top: 8rem; /* 128px */ padding-bottom: 8rem; /* 128px */ }
.pt-32 {	padding-top: 8rem; /* 128px */ }
.pr-32 {	padding-right: 8rem; /* 128px */ }
.pb-32 {	padding-bottom: 8rem; /* 128px */ }
.pl-32 {	padding-left: 8rem; /* 128px */ }
.p-36 {	padding: 9rem; /* 144px */ }
.px-36 {	padding-left: 9rem; /* 144px */ padding-right: 9rem; /* 144px */ }
.py-36 {	padding-top: 9rem; /* 144px */ padding-bottom: 9rem; /* 144px */ }
.pt-36 {	padding-top: 9rem; /* 144px */ }
.pr-36 {	padding-right: 9rem; /* 144px */ }
.pb-36 {	padding-bottom: 9rem; /* 144px */ }
.pl-36 {	padding-left: 9rem; /* 144px */ }
.p-40 {	padding: 10rem; /* 160px */ }
.px-40 {	padding-left: 10rem; /* 160px */ padding-right: 10rem; /* 160px */ }
.py-40 {	padding-top: 10rem; /* 160px */ padding-bottom: 10rem; /* 160px */ }
.pt-40 {	padding-top: 10rem; /* 160px */ }
.pr-40 {	padding-right: 10rem; /* 160px */ }
.pb-40 {	padding-bottom: 10rem; /* 160px */ }
.pl-40 {	padding-left: 10rem; /* 160px */ }
.p-44 {	padding: 11rem; /* 176px */ }
.px-44 {	padding-left: 11rem; /* 176px */ padding-right: 11rem; /* 176px */ }
.py-44 {	padding-top: 11rem; /* 176px */ padding-bottom: 11rem; /* 176px */ }
.pt-44 {	padding-top: 11rem; /* 176px */ }
.pr-44 {	padding-right: 11rem; /* 176px */ }
.pb-44 {	padding-bottom: 11rem; /* 176px */ }
.pl-44 {	padding-left: 11rem; /* 176px */ }
.p-48 {	padding: 12rem; /* 192px */ }
.px-48 {	padding-left: 12rem; /* 192px */ padding-right: 12rem; /* 192px */ }
.py-48 {	padding-top: 12rem; /* 192px */ padding-bottom: 12rem; /* 192px */ }
.pt-48 {	padding-top: 12rem; /* 192px */ }
.pr-48 {	padding-right: 12rem; /* 192px */ }
.pb-48 {	padding-bottom: 12rem; /* 192px */ }
.pl-48 {	padding-left: 12rem; /* 192px */ }
.p-52 {	padding: 13rem; /* 208px */ }
.px-52 {	padding-left: 13rem; /* 208px */ padding-right: 13rem; /* 208px */ }
.py-52 {	padding-top: 13rem; /* 208px */ padding-bottom: 13rem; /* 208px */ }
.pt-52 {	padding-top: 13rem; /* 208px */ }
.pr-52 {	padding-right: 13rem; /* 208px */ }
.pb-52 {	padding-bottom: 13rem; /* 208px */ }
.pl-52 {	padding-left: 13rem; /* 208px */ }
.p-56 {	padding: 14rem; /* 224px */ }
.px-56 {	padding-left: 14rem; /* 224px */ padding-right: 14rem; /* 224px */ }
.py-56 {	padding-top: 14rem; /* 224px */ padding-bottom: 14rem; /* 224px */ }
.pt-56 {	padding-top: 14rem; /* 224px */ }
.pr-56 {	padding-right: 14rem; /* 224px */ }
.pb-56 {	padding-bottom: 14rem; /* 224px */ }
.pl-56 {	padding-left: 14rem; /* 224px */ }
.p-60 {	padding: 15rem; /* 240px */ }
.px-60 {	padding-left: 15rem; /* 240px */ padding-right: 15rem; /* 240px */ }
.py-60 {	padding-top: 15rem; /* 240px */ padding-bottom: 15rem; /* 240px */ }
.pt-60 {	padding-top: 15rem; /* 240px */ }
.pr-60 {	padding-right: 15rem; /* 240px */ }
.pb-60 {	padding-bottom: 15rem; /* 240px */ }
.pl-60 {	padding-left: 15rem; /* 240px */ }
.p-64 {	padding: 16rem; /* 256px */ }
.px-64 {	padding-left: 16rem; /* 256px */ padding-right: 16rem; /* 256px */ }
.py-64 {	padding-top: 16rem; /* 256px */ padding-bottom: 16rem; /* 256px */ }
.pt-64 {	padding-top: 16rem; /* 256px */ }
.pr-64 {	padding-right: 16rem; /* 256px */ }
.pb-64 {	padding-bottom: 16rem; /* 256px */ }
.pl-64 {	padding-left: 16rem; /* 256px */ }
.p-72 {	padding: 18rem; /* 288px */ }
.px-72 {	padding-left: 18rem; /* 288px */ padding-right: 18rem; /* 288px */ }
.py-72 {	padding-top: 18rem; /* 288px */ padding-bottom: 18rem; /* 288px */ }
.pt-72 {	padding-top: 18rem; /* 288px */ }
.pr-72 {	padding-right: 18rem; /* 288px */ }
.pb-72 {	padding-bottom: 18rem; /* 288px */ }
.pl-72 {	padding-left: 18rem; /* 288px */ }
.p-80 {	padding: 20rem; /* 320px */ }
.px-80 {	padding-left: 20rem; /* 320px */ padding-right: 20rem; /* 320px */ }
.py-80 {	padding-top: 20rem; /* 320px */ padding-bottom: 20rem; /* 320px */ }
.pt-80 {	padding-top: 20rem; /* 320px */ }
.pr-80 {	padding-right: 20rem; /* 320px */ }
.pb-80 {	padding-bottom: 20rem; /* 320px */ }
.pl-80 {	padding-left: 20rem; /* 320px */ }
.p-96 {	padding: 24rem; /* 384px */ }
.px-96 {	padding-left: 24rem; /* 384px */ padding-right: 24rem; /* 384px */ }
.py-96 {	padding-top: 24rem; /* 384px */ padding-bottom: 24rem; /* 384px */ }
.pt-96 {	padding-top: 24rem; /* 384px */ }
.pr-96 {	padding-right: 24rem; /* 384px */ }
.pb-96 {	padding-bottom: 24rem; /* 384px */ }
.pl-96 {	padding-left: 24rem; /* 384px */ }

.overflow-hidden {
  overflow: hidden;
}

.truncate	{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis	{ text-overflow: ellipsis; }
.text-clip	{ text-overflow: clip; }


.text-xs {	
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */ 
}
.text-sm {	
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */ 
}
.text-base {	
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */ 
}
.text-lg {	
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */ 
}
.text-xl {	
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */ 
}
.text-2xl {	
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */ 
}
.text-3xl {	
  font-size: 1.875rem; /* 30px */
  line-height: 2.25rem; /* 36px */ 
}
.text-4xl {	
  font-size: 2.25rem; /* 36px */
  line-height: 2.5rem; /* 40px */ 
}
.text-5xl {	
  font-size: 3rem; /* 48px */
  line-height: 1; 
}
.text-6xl {	
  font-size: 3.75rem; /* 60px */
  line-height: 1; 
}
.text-7xl {	
  font-size: 4.5rem; /* 72px */
  line-height: 1; 
}
.text-8xl {	
  font-size: 6rem; /* 96px */
  line-height: 1; 
}
.text-9xl {	
  font-size: 8rem; /* 128px */
  line-height: 1; 
}

.font-thin	{ font-weight: 100; }
.font-extralight	{ font-weight: 200; }
.font-light	{ font-weight: 300; }
.font-normal	{ font-weight: 400; }
.font-medium	{ font-weight: 500; }
.font-semibold	{ font-weight: 600; }
.font-bold	{ font-weight: 700; }
.font-extrabold	{ font-weight: 800; }
.font-black	{ font-weight: 900; }

.relative { position: relative; }
.absolute { position: absolute; }

.rounded-none	{ border-radius: 0px; }
.rounded-sm	{ border-radius: 0.125rem; /* 2px */ }
.rounded	{ border-radius: 0.25rem; /* 4px */ }
.rounded-md	{ border-radius: 0.375rem; /* 6px */ }
.rounded-lg	{ border-radius: 0.5rem; /* 8px */ }
.rounded-xl	{ border-radius: 0.75rem; /* 12px */ }
.rounded-2xl	{ border-radius: 1rem; /* 16px */ }
.rounded-3xl	{ border-radius: 1.5rem; /* 24px */ }
.rounded-full	{ border-radius: 9999px; }
.rounded-t-none	{ border-top-left-radius: 0px; border-top-right-radius: 0px;}
.rounded-t-sm	{ border-top-left-radius: 0.125rem; /* 2px */ border-top-right-radius: 0.125rem; /* 2px */ }
.rounded-t	{ border-top-left-radius: 0.25rem; /* 4px */ border-top-right-radius: 0.25rem; /* 4px */}
.rounded-t-md	{ border-top-left-radius: 0.375rem; /* 6px */  border-top-right-radius: 0.375rem; /* 6px */ }
.rounded-t-lg	{ border-top-left-radius: 0.5rem; /* 8px */  border-top-right-radius: 0.5rem; /* 8px */ }
.rounded-t-xl	{ border-top-left-radius: 0.75rem; /* 12px */  border-top-right-radius: 0.75rem; /* 12px */ }
.rounded-t-2xl	{ border-top-left-radius: 1rem; /* 16px */  border-top-right-radius: 1rem; /* 16px */ }
.rounded-t-3xl	{ border-top-left-radius: 1.5rem; /* 24px */  border-top-right-radius: 1.5rem; /* 24px */ }
.rounded-t-full	{ border-top-left-radius: 9999px;  border-top-right-radius: 9999px; }
.rounded-r-none	{ border-top-right-radius: 0px;  border-bottom-right-radius: 0px; }
.rounded-r-sm	{ border-top-right-radius: 0.125rem; /* 2px */  border-bottom-right-radius: 0.125rem; /* 2px */ }
.rounded-r	{ border-top-right-radius: 0.25rem; /* 4px */  border-bottom-right-radius: 0.25rem; /* 4px */ }
.rounded-r-md	{ border-top-right-radius: 0.375rem; /* 6px */  border-bottom-right-radius: 0.375rem; /* 6px */ }
.rounded-r-lg	{ border-top-right-radius: 0.5rem; /* 8px */  border-bottom-right-radius: 0.5rem; /* 8px */ }
.rounded-r-xl	{ border-top-right-radius: 0.75rem; /* 12px */  border-bottom-right-radius: 0.75rem; /* 12px */ }
.rounded-r-2xl	{ border-top-right-radius: 1rem; /* 16px */  border-bottom-right-radius: 1rem; /* 16px */ }
.rounded-r-3xl	{ border-top-right-radius: 1.5rem; /* 24px */  border-bottom-right-radius: 1.5rem; /* 24px */ }
.rounded-r-full	{ border-top-right-radius: 9999px;  border-bottom-right-radius: 9999px; }
.rounded-b-none	{ border-bottom-right-radius: 0px;  border-bottom-left-radius: 0px; }
.rounded-b-sm	{ border-bottom-right-radius: 0.125rem; /* 2px */  border-bottom-left-radius: 0.125rem; /* 2px */ }
.rounded-b	{ border-bottom-right-radius: 0.25rem; /* 4px */  border-bottom-left-radius: 0.25rem; /* 4px */ }
.rounded-b-md	{ border-bottom-right-radius: 0.375rem; /* 6px */  border-bottom-left-radius: 0.375rem; /* 6px */ }
.rounded-b-lg	{ border-bottom-right-radius: 0.5rem; /* 8px */  border-bottom-left-radius: 0.5rem; /* 8px */ }
.rounded-b-xl	{ border-bottom-right-radius: 0.75rem; /* 12px */  border-bottom-left-radius: 0.75rem; /* 12px */ }
.rounded-b-2xl	{ border-bottom-right-radius: 1rem; /* 16px */  border-bottom-left-radius: 1rem; /* 16px */ }
.rounded-b-3xl	{ border-bottom-right-radius: 1.5rem; /* 24px */  border-bottom-left-radius: 1.5rem; /* 24px */ }
.rounded-b-full	{ border-bottom-right-radius: 9999px;  border-bottom-left-radius: 9999px; }
.rounded-l-none	{ border-top-left-radius: 0px;  border-bottom-left-radius: 0px; }
.rounded-l-sm	{ border-top-left-radius: 0.125rem; /* 2px */  border-bottom-left-radius: 0.125rem; /* 2px */ }
.rounded-l	{ border-top-left-radius: 0.25rem; /* 4px */  border-bottom-left-radius: 0.25rem; /* 4px */ }
.rounded-l-md	{ border-top-left-radius: 0.375rem; /* 6px */  border-bottom-left-radius: 0.375rem; /* 6px */ }
.rounded-l-lg	{ border-top-left-radius: 0.5rem; /* 8px */  border-bottom-left-radius: 0.5rem; /* 8px */ }
.rounded-l-xl	{ border-top-left-radius: 0.75rem; /* 12px */  border-bottom-left-radius: 0.75rem; /* 12px */ }
.rounded-l-2xl	{ border-top-left-radius: 1rem; /* 16px */  border-bottom-left-radius: 1rem; /* 16px */ }
.rounded-l-3xl	{ border-top-left-radius: 1.5rem; /* 24px */  border-bottom-left-radius: 1.5rem; /* 24px */ }
.rounded-l-full	{ border-top-left-radius: 9999px;  border-bottom-left-radius: 9999px; }
.rounded-tl-none	{ border-top-left-radius: 0px; }
.rounded-tl-sm	{ border-top-left-radius: 0.125rem; /* 2px */ }
.rounded-tl	{ border-top-left-radius: 0.25rem; /* 4px */ }
.rounded-tl-md	{ border-top-left-radius: 0.375rem; /* 6px */ }
.rounded-tl-lg	{ border-top-left-radius: 0.5rem; /* 8px */ }
.rounded-tl-xl	{ border-top-left-radius: 0.75rem; /* 12px */ }
.rounded-tl-2xl	{ border-top-left-radius: 1rem; /* 16px */ }
.rounded-tl-3xl	{ border-top-left-radius: 1.5rem; /* 24px */ }
.rounded-tl-full	{ border-top-left-radius: 9999px; }
.rounded-tr-none	{ border-top-right-radius: 0px; }
.rounded-tr-sm	{ border-top-right-radius: 0.125rem; /* 2px */ }
.rounded-tr	{ border-top-right-radius: 0.25rem; /* 4px */ }
.rounded-tr-md	{ border-top-right-radius: 0.375rem; /* 6px */ }
.rounded-tr-lg	{ border-top-right-radius: 0.5rem; /* 8px */ }
.rounded-tr-xl	{ border-top-right-radius: 0.75rem; /* 12px */ }
.rounded-tr-2xl	{ border-top-right-radius: 1rem; /* 16px */ }
.rounded-tr-3xl	{ border-top-right-radius: 1.5rem; /* 24px */ }
.rounded-tr-full	{ border-top-right-radius: 9999px; }
.rounded-br-none	{ border-bottom-right-radius: 0px; }
.rounded-br-sm	{ border-bottom-right-radius: 0.125rem; /* 2px */ }
.rounded-br	{ border-bottom-right-radius: 0.25rem; /* 4px */ }
.rounded-br-md	{ border-bottom-right-radius: 0.375rem; /* 6px */ }
.rounded-br-lg	{ border-bottom-right-radius: 0.5rem; /* 8px */ }
.rounded-br-xl	{ border-bottom-right-radius: 0.75rem; /* 12px */ }
.rounded-br-2xl	{ border-bottom-right-radius: 1rem; /* 16px */ }
.rounded-br-3xl	{ border-bottom-right-radius: 1.5rem; /* 24px */ }
.rounded-br-full	{ border-bottom-right-radius: 9999px; }
.rounded-bl-none	{ border-bottom-left-radius: 0px; }
.rounded-bl-sm	{ border-bottom-left-radius: 0.125rem; /* 2px */ }
.rounded-bl	{ border-bottom-left-radius: 0.25rem; /* 4px */ }
.rounded-bl-md	{ border-bottom-left-radius: 0.375rem; /* 6px */ }
.rounded-bl-lg	{ border-bottom-left-radius: 0.5rem; /* 8px */ }
.rounded-bl-xl	{ border-bottom-left-radius: 0.75rem; /* 12px */ }
.rounded-bl-2xl	{ border-bottom-left-radius: 1rem; /* 16px */ }
.rounded-bl-3xl	{ border-bottom-left-radius: 1.5rem; /* 24px */ }
.rounded-bl-full	{ border-bottom-left-radius: 9999px; }

.mb-12	{ margin-bottom: 3rem; /* 48px */ }
.mb-14	{ margin-bottom: 3.5rem; /* 56px */ }
.mb-20	{ margin-bottom: 5rem; /* 80px */ }

.m-auto	  { margin: auto; }
.mx-auto	{ margin-left: auto; margin-right: auto; }
.my-auto	{ margin-top: auto; margin-bottom: auto; }
.mt-auto	{ margin-top: auto; }
.mr-auto	{ margin-right: auto; }
.mb-auto	{ margin-bottom: auto; }
.ml-auto	{ margin-left: auto; }

.z-0	{ z-index: 0; }
.z-10	{ z-index: 10; }
.z-20	{ z-index: 20; }
.z-30	{ z-index: 30; }
.z-40	{ z-index: 40; }
.z-50	{ z-index: 50; }
.z-auto	{ z-index: auto; }

.max-w-full	{ max-width: 100%;}
.max-70 { max-width: 70%; }

.underline	{ text-decoration-line: underline; }
.overline	{ text-decoration-line: overline; }
.line-through	{ text-decoration-line: line-through; }
.no-underline	{ text-decoration-line: none; }
.hover\:no-underline:hover	{ text-decoration-line: none; }
/*
sm	640px	
@media (min-width: 640px) {  }
md	768px	
@media (min-width: 768px) { }
lg	1024px	
@media (min-width: 1024px) {  }
*/


@media (min-width: 768px) { 
  .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .md\:hidden { display: none; }
  .md\:block { display: block !important; }
  .md\:grid { display: grid !important; }
  .md\:flex { display: flex !important; }
  .md\:text-xl {	
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */ 
  }
  .md\:text-2xl {	
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */ 
  }
  .md\:text-3xl {	
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */ 
  }
  .md\:text-4xl {	
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */ 
  }
  .md\:text-5xl {	
    font-size: 3rem; /* 48px */
    line-height: 1; 
  }
  .md\:text-6xl {	
    font-size: 3.75rem; /* 60px */
    line-height: 1; 
  }
  .md\:text-7xl {	
    font-size: 4.5rem; /* 72px */
    line-height: 1; 
  }
  .md\:text-8xl {	
    font-size: 6rem; /* 96px */
    line-height: 1; 
  }
  .md\:text-9xl {	
    font-size: 8rem; /* 128px */
    line-height: 1; 
  }
  
  .md\:max-w-full { max-width: 100%; }
  .md\:max-w-70 { max-width: 70%; }
}


@media (min-width: 1024px) { 
  .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

.gap-0 { gap: 0px; }
.gap-x-0 { column-gap: 0px; }
.gap-y-0 { row-gap: 0px; }
.gap-px { gap: 1px; }
.gap-x-px { column-gap: 1px; }
.gap-y-px { row-gap: 1px; }
.gap-0\.5 { gap: 0.125rem; /* 2px */ }
.gap-x-0\.5 { column-gap: 0.125rem; /* 2px */ }
.gap-y-0\.5 { row-gap: 0.125rem; /* 2px */ }
.gap-1 { gap: 0.25rem; /* 4px */ }
.gap-x-1 { column-gap: 0.25rem; /* 4px */ }
.gap-y-1 { row-gap: 0.25rem; /* 4px */ }
.gap-1\.5 { gap: 0.375rem; /* 6px */ }
.gap-x-1\.5 { column-gap: 0.375rem; /* 6px */ }
.gap-y-1\.5 { row-gap: 0.375rem; /* 6px */ }
.gap-2 { gap: 0.5rem; /* 8px */ }
.gap-x-2 { column-gap: 0.5rem; /* 8px */ }
.gap-y-2 { row-gap: 0.5rem; /* 8px */ }
.gap-2\.5 { gap: 0.625rem; /* 10px */ }
.gap-x-2\.5 { column-gap: 0.625rem; /* 10px */ }
.gap-y-2\.5 { row-gap: 0.625rem; /* 10px */ }
.gap-3 { gap: 0.75rem; /* 12px */ }
.gap-x-3 { column-gap: 0.75rem; /* 12px */ }
.gap-y-3 { row-gap: 0.75rem; /* 12px */ }
.gap-3\.5 { gap: 0.875rem; /* 14px */ }
.gap-x-3\.5 { column-gap: 0.875rem; /* 14px */ }
.gap-y-3\.5 { row-gap: 0.875rem; /* 14px */ }
.gap-4 { gap: 1rem; /* 16px */ }
.gap-x-4 { column-gap: 1rem; /* 16px */ }
.gap-y-4 { row-gap: 1rem; /* 16px */ }
.gap-5 { gap: 1.25rem; /* 20px */ }
.gap-x-5 { column-gap: 1.25rem; /* 20px */ }
.gap-y-5 { row-gap: 1.25rem; /* 20px */ }
.gap-6 { gap: 1.5rem; /* 24px */ }
.gap-x-6 { column-gap: 1.5rem; /* 24px */ }
.gap-y-6 { row-gap: 1.5rem; /* 24px */ }
.gap-7 { gap: 1.75rem; /* 28px */ }
.gap-x-7 { column-gap: 1.75rem; /* 28px */ }
.gap-y-7 { row-gap: 1.75rem; /* 28px */ }
.gap-8 { gap: 2rem; /* 32px */ }
.gap-x-8 { column-gap: 2rem; /* 32px */ }
.gap-y-8 { row-gap: 2rem; /* 32px */ }
.gap-9 { gap: 2.25rem; /* 36px */ }
.gap-x-9 { column-gap: 2.25rem; /* 36px */ }
.gap-y-9 { row-gap: 2.25rem; /* 36px */ }
.gap-10 { gap: 2.5rem; /* 40px */ }
.gap-x-10 { column-gap: 2.5rem; /* 40px */ }
.gap-y-10 { row-gap: 2.5rem; /* 40px */ }
.gap-11 { gap: 2.75rem; /* 44px */ }
.gap-x-11 { column-gap: 2.75rem; /* 44px */ }
.gap-y-11 { row-gap: 2.75rem; /* 44px */ }
.gap-12 { gap: 3rem; /* 48px */ }
.gap-x-12 { column-gap: 3rem; /* 48px */ }
.gap-y-12 { row-gap: 3rem; /* 48px */ }
.gap-14 { gap: 3.5rem; /* 56px */ }
.gap-x-14 { column-gap: 3.5rem; /* 56px */ }
.gap-y-14 { row-gap: 3.5rem; /* 56px */ }
.gap-16 { gap: 4rem; /* 64px */ }
.gap-x-16 { column-gap: 4rem; /* 64px */ }
.gap-y-16 { row-gap: 4rem; /* 64px */ }
.gap-20 { gap: 5rem; /* 80px */ }
.gap-x-20 { column-gap: 5rem; /* 80px */ }
.gap-y-20 { row-gap: 5rem; /* 80px */ }
.gap-24 { gap: 6rem; /* 96px */ }
.gap-x-24 { column-gap: 6rem; /* 96px */ }
.gap-y-24 { row-gap: 6rem; /* 96px */ }
.gap-28 { gap: 7rem; /* 112px */ }
.gap-x-28 { column-gap: 7rem; /* 112px */ }
.gap-y-28 { row-gap: 7rem; /* 112px */ }
.gap-32 { gap: 8rem; /* 128px */ }
.gap-x-32 { column-gap: 8rem; /* 128px */ }
.gap-y-32 { row-gap: 8rem; /* 128px */ }
.gap-36 { gap: 9rem; /* 144px */ }
.gap-x-36 { column-gap: 9rem; /* 144px */ }
.gap-y-36 { row-gap: 9rem; /* 144px */ }
.gap-40 { gap: 10rem; /* 160px */ }
.gap-x-40 { column-gap: 10rem; /* 160px */ }
.gap-y-40 { row-gap: 10rem; /* 160px */ }
.gap-44 { gap: 11rem; /* 176px */ }
.gap-x-44 { column-gap: 11rem; /* 176px */ }
.gap-y-44 { row-gap: 11rem; /* 176px */ }
.gap-48 { gap: 12rem; /* 192px */ }
.gap-x-48 { column-gap: 12rem; /* 192px */ }
.gap-y-48 { row-gap: 12rem; /* 192px */ }
.gap-52 { gap: 13rem; /* 208px */ }
.gap-x-52 { column-gap: 13rem; /* 208px */ }
.gap-y-52 { row-gap: 13rem; /* 208px */ }
.gap-56 { gap: 14rem; /* 224px */ }
.gap-x-56 { column-gap: 14rem; /* 224px */ }
.gap-y-56 { row-gap: 14rem; /* 224px */ }
.gap-60 { gap: 15rem; /* 240px */ }
.gap-x-60 { column-gap: 15rem; /* 240px */ }
.gap-y-60 { row-gap: 15rem; /* 240px */ }
.gap-64 { gap: 16rem; /* 256px */ }
.gap-x-64 { column-gap: 16rem; /* 256px */ }
.gap-y-64 { row-gap: 16rem; /* 256px */ }
.gap-72 { gap: 18rem; /* 288px */ }
.gap-x-72 { column-gap: 18rem; /* 288px */ }
.gap-y-72 { row-gap: 18rem; /* 288px */ }
.gap-80 { gap: 20rem; /* 320px */ }
.gap-x-80 { column-gap: 20rem; /* 320px */ }
.gap-y-80 { row-gap: 20rem; /* 320px */ }
.gap-96 { gap: 24rem; /* 384px */ }
.gap-x-96 { column-gap: 24rem; /* 384px */ }
.gap-y-96 { row-gap: 24rem; /* 384px */ }

.fixed {
  position: fixed;
}

.top-0 {
  top: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}

.inset-0, .md\:inset-0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bg-gray-400\/75 {
  background-color: rgba(156, 163, 175, 0.75);
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.md\:h-auto {
  height: auto;
}

.max-w-md {
  max-width: 28rem;
}

.absolute {
  position: absolute;
}

.top-3 {
  top: 1.75rem;
}

.right-2\.5 {
  right: 1.5rem;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *







 */

 ul.nav.nav-stacked li.panel.categories:hover > .collapse {
  display: unset !important;
  visibility: unset !important;
 }

.text-shadow-lg {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 0 0 12px rgba(0,0,0,0.3);
}

.form-checkbox[type='checkbox'] {
  margin-top: 0;
  margin-bottom: 4px;
}

.checkbox-info {
  margin: 0 0 5px 1rem !important ;
}

.btn-green-solid {
  background: #009900;
  border-color: #009900;
  color: #fff;
}

.btn-green-solid:hover {
  background: #006d00;
  border-color: #006d00;
  color: #fff;
}

.table-fixed-label tr td:first-child:not(.h3){
  width: 150px;
}