@charset "UTF-8";
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.2.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: .3s;
  animation-duration: .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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: .3s;
  animation-duration: .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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-push:active, .hvr-push:focus, .hvr-push:hover {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .5s;
  transition-duration: .5s; }

.hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover {
  -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); }

.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .5s;
  transition-duration: .5s; }

.hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover {
  -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); }

.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg); }

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-float:active, .hvr-float:focus, .hvr-float:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover {
  -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; }

.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg); }

.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg); }

.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover {
  -webkit-transform: skew(10deg);
  transform: skew(10deg); }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover {
  -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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-forward:active, .hvr-forward:focus, .hvr-forward:hover {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-backward:active, .hvr-backward:focus, .hvr-backward:hover {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px); }

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color; }

.hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover {
  background-color: #2098D1;
  color: #fff; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color; }

.hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .5s;
  animation-delay: .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: #fff; }

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover {
  color: #fff; }

.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover {
  color: #fff; }

.hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover {
  color: #fff; }

.hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover {
  color: #fff; }

.hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .5s;
  transition-duration: .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: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover {
  color: #fff; }

.hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover: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); }

.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .5s;
  transition-duration: .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: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover {
  color: #fff; }

.hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover: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); }

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .5s;
  transition-duration: .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: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover {
  color: #fff; }

.hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover: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); }

.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .5s;
  transition-duration: .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: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover {
  color: #fff; }

.hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover: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); }

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover {
  color: #fff; }

.hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before {
  -webkit-transform: scale(2);
  transform: scale(2); }

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover {
  color: #fff; }

.hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before {
  -webkit-transform: scale(0);
  transform: scale(0); }

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover {
  color: #fff; }

.hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before {
  -webkit-transform: scale(0);
  transform: scale(0); }

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover {
  color: #fff; }

.hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1); }

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover {
  color: #fff; }

.hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {
  color: #fff; }

.hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover {
  color: #fff; }

.hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover {
  color: #fff; }

.hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent; }

.hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover {
  box-shadow: inset 0 0 0 4px #2098D1,0 0 1px transparent; }

.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent; }

.hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover {
  background: 0 0; }

.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-trim:before {
  content: '';
  position: absolute;
  border: #fff solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before {
  opacity: 1; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in; }

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: top,right,bottom,left;
  transition-property: top,right,bottom,left; }

.hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px; }

.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: top,right,bottom,left;
  transition-property: top,right,bottom,left; }

.hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1; }

.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius; }

.hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover {
  border-radius: 1em; }

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before {
  right: 0; }

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before {
  left: 0;
  right: 0; }

.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before {
  left: 0; }

.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before {
  right: 0; }

.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before {
  left: 0;
  right: 0; }

.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before {
  left: 0; }

.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .1s;
  transition-duration: .1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px; }

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }

.hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }

.hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }

.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow,transform;
  transition-property: box-shadow,transform; }

.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }

.hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: .3s;
  transition-duration: .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 transparent; }

.hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; }

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .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, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform,opacity;
  transition-property: transform,opacity; }

.hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px); }

.hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px); }

.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-shadow-radial:after, .hvr-shadow-radial:before {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .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, transparent 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%); }

.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0, transparent 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%); }

.hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before {
  opacity: 1; }

.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px;
  border-color: transparent transparent #e1e1e1; }

.hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0;
  border-color: #e1e1e1 transparent transparent; }

.hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .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;
  border-color: transparent transparent #e1e1e1;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover {
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .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;
  border-color: #e1e1e1 transparent transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform; }

.hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover {
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: .1s;
  transition-duration: .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: .1s;
  transition-duration: .1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px); }

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .1s;
  transition-duration: .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: .1s;
  transition-duration: .1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px); }

@-webkit-keyframes hvr-icon-down {
  0%,100%,50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-down {
  0%,100%,50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes hvr-icon-up {
  0%,100%,50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-up {
  0%,100%,50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }

@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100%,51% {
    opacity: 1; } }
@keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100%,51% {
    opacity: 1; } }
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before {
  opacity: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -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); }

.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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: .5s;
  transition-duration: .5s;
  -webkit-transition-property: color;
  transition-property: color; }

.hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before {
  color: #0F9E5E; }

@-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); } }
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-float-away:after, .hvr-icon-float-away:before {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome; }

.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover: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; }

@-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); } }
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-sink-away:after, .hvr-icon-sink-away:before {
  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: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover: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; }

.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0); }

.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover: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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: .3s;
  animation-duration: .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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  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:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: .3s;
  animation-duration: .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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover: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); }

.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg); }

.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg); }

.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px); }

.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px); }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover: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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover: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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover: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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover: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; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-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: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: .3s;
  transition-duration: .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:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: width,height;
  transition-property: width,height; }

.hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before {
  width: 25px;
  height: 25px; }

.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: width,height;
  transition-property: width,height; }

.hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before {
  width: 25px;
  height: 25px; }

.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: width,height;
  transition-property: width,height; }

.hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before {
  width: 25px;
  height: 25px; }

.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: width,height;
  transition-property: width,height; }

.hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before {
  width: 25px;
  height: 25px; }

/* desired width */
.animatefx, body #pedidos .form-login .submit, body #sucesso .revisao .meus-pedidos, body #sucesso .gerar-boleto .abrir, body #single-produtos .button, body .popup.televendas .button, body .popup.alo .button, body .container-produtos .card, body #products-slider .prev-slider, body #products-slider .next-slider, body footer .scroll_up, body footer .receba-nossas-ofertas .popup-retorno .end, body footer .cadastrar, #product-options .continuar {
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s; }

.animatefx2 {
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */ }

.animatefx3 {
  -webkit-transition: all 1600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 1600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 1600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 1600ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }

.select-style {
  padding: 0;
  background-color: #fff;
  height: auto;
  border: none;
  width: 100%;
  line-height: 46px;
  overflow: hidden;
  font-weight: 100;
  font-size: 20px;
  background: #fff url("../images/arrowdown.png") no-repeat 90% 50%; }

.select-style select {
  font-size: 20px;
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 15px; }

.select-style select:focus {
  outline: none; }

.box {
  position: relative;
  width: 100%; }

.box:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

.box .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.ratio_custom:before {
  padding-top: 150%; }

.ratio_custom2:before {
  padding-top: 100%; }

.ratio2_1:before {
  padding-top: 48%; }

.ratio1_2:before {
  padding-top: 200%; }

.ratio4_3:before {
  padding-top: 75%; }

.ratio16_9:before {
  padding-top: 56.25%; }

.no-padding {
  padding-left: 0;
  padding-right: 0; }

.relative {
  position: relative; }

body {
  background: #efefef; }
  body * {
    font-family: 'Montserrat', sans-serif; }
  body .img-responsive {
    width: 100%; }
  body h2.title {
    color: #000000;
    font-size: 71px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: left;
    line-height: 75px; }
  body header {
    background: #fff; }
    body header .mobile-only.carrinho {
      position: relative; }
      body header .mobile-only.carrinho .qtd {
        z-index: 22;
        width: 32px;
        height: 32px;
        font-size: 15px;
        text-align: center;
        border-radius: 50%;
        background: #ed1164;
        position: absolute;
        top: 9px;
        right: 23px;
        color: #fff;
        font-weight: 700;
        line-height: 32px; }
      body header .mobile-only.carrinho img {
        margin-top: 16px; }
    body header.rosa {
      background: #ed1164; }
      body header.rosa nav a {
        color: #fff; }
        body header.rosa nav a:hover {
          color: #000; }
      body header.rosa a.carrinho .qtd {
        background: #000 !important;
        color: #fff !important; }
    body header.yellow {
      background: #f0be00; }
    body header.gray {
      background: #c6ced1; }
    body header.dark {
      background: #333; }
    body header .links-container a {
      width: 50%;
      display: inline-block;
      float: right; }
      body header .links-container a.alo img {
        margin-top: 30px; }
      body header .links-container a.carrinho {
        position: relative; }
        body header .links-container a.carrinho .qtd {
          z-index: 22;
          width: 32px;
          height: 32px;
          font-size: 15px;
          text-align: center;
          border-radius: 50%;
          background: #ed1164;
          position: absolute;
          top: 9px;
          right: 23px;
          color: #fff;
          font-weight: 700;
          line-height: 32px; }
        body header .links-container a.carrinho img {
          margin-top: 16px; }
      body header .links-container a img {
        max-width: 90%;
        margin-left: 5%; }
    body header .search-input-container {
      margin-top: 30px;
      position: relative; }
      body header .search-input-container button {
        position: absolute;
        right: 8px;
        top: 10px;
        background: none;
        color: #676767;
        border: none; }
      body header .search-input-container input {
        background: #ececec;
        border: none;
        height: 40px;
        line-height: 40px;
        text-indent: 15px;
        color: #676767;
        font-size: 17px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 400;
        text-align: left;
        width: 100%;
        padding-right: 40px; }
    body header .logo-container {
      margin-right: 3%;
      width: 15%; }
      body header .logo-container img {
        margin-top: 10px;
        max-height: 77px; }
    body header .sub {
      height: 52px;
      background: #2c2c2c; }
      body header .sub p, body header .sub a {
        color: #ffffff;
        line-height: 52px;
        font-size: 16px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 300; }
        body header .sub p b, body header .sub a b {
          font-weight: 700; }
        body header .sub p a, body header .sub a a {
          padding-left: 30px; }
          body header .sub p a:hover, body header .sub a a:hover {
            color: #ed1164; }
    body header nav, body header .logo-container {
      float: left; }
    body header nav {
      width: 82%;
      line-height: 100px;
      position: relative; }
      body header nav a {
        color: #676767;
        font-size: 17px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 400;
        text-align: left;
        padding-right: 20px; }
        body header nav a:hover {
          color: #ed1164; }
      body header nav .max {
        width: 100%;
        overflow: hidden;
        position: relative; }
        body header nav .max > div {
          width: 2000px;
          position: relative; }
          body header nav .max > div .width_item {
            display: inline-block;
            width: auto; }
      body header nav .move {
        padding: 0;
        margin: 0;
        border: none;
        position: absolute;
        top: 41px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        color: #000;
        font-size: 16px;
        background: none; }
        body header nav .move.left {
          left: -30px; }
        body header nav .move.right {
          right: -15px; }
    body header .popup-parceiros {
      position: absolute;
      max-width: 600px;
      top: 50px;
      z-index: 91;
      left: 10%;
      height: auto;
      padding: 40px 40px;
      background: #ed1164; }
      body header .popup-parceiros:after {
        width: 36px;
        height: 36px;
        background: #ed1164;
        content: '';
        position: absolute;
        top: -5px;
        left: 18%;
        -ms-transform: rotate(35deg);
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg); }
      body header .popup-parceiros p {
        color: #fff;
        font-weight: 500;
        font-size: 32px;
        line-height: 37px; }
      body header .popup-parceiros .end {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 32px;
        color: #fff; }
    body header .open-popup-parceiros {
      position: relative;
      margin-right: 20px; }
  body .inner-header nav {
    font-size: 32px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 300;
    text-align: left;
    color: #000; }
    body .inner-header nav a {
      font-size: 32px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 300;
      text-align: left;
      color: #000; }
      body .inner-header nav a:hover {
        text-decoration: underline; }
      body .inner-header nav a.active {
        font-weight: 700; }
  body .inner-header h2 {
    color: #000000;
    font-size: 78px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: left; 
  }
  body .inner-header p {
    color: #000000;
    font-size: 20px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 300;
    line-height: 25px;
    /* Aproximação devido à substituição de fonte */
    text-align: left; }
  body .inner-header span.label {
    line-height: 49px;
    color: #000000;
    font-size: 20px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 300;
    margin: 0;
    padding: 0;
    float: left; }
  body .inner-header .select-style {
    padding: 0;
    background-color: #ed1164;
    height: auto;
    border: none;
    width: 70%;
    float: right;
    line-height: 46px;
    overflow: hidden;
    font-weight: 100;
    font-size: 20px;
    background: #ed1164 url("../images/arrow-white.png") no-repeat 90% 50%; }
  body .inner-header .select-style select {
    font-size: 20px;
    color: #fff;
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 15px; }
  body .inner-header .select-style .white {
    color: #fff; }
  body .inner-header .select-style .black {
    color: #000; }
  body #banner .banner-content {
    width: 100%;
    background-size: cover;
    padding: 0 50px; }
    body #banner .banner-content h2 {
      font-size: 59px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      line-height: 55px;
      /* Aproximação devido à substituição de fonte */
      text-align: left;
      color: #ed1164; }
    body #banner .banner-content span.price {
      color: #000000;
      font-size: 33px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      text-align: left;
      display: inline-block; }
      body #banner .banner-content span.price i {
        font-size: 56px;
        font-style: normal; }
    body #banner .banner-content a.compre {
      display: inline-block;
      margin-left: 10px; }
    body #banner .banner-content p {
      color: #000000;
      font-size: 12px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      text-align: left;
      line-height: 15px; }
    body #banner .banner-content h2, body #banner .banner-content p {
      max-width: 300px; }
  body #banner.landing .banner-content h2 {
    color: #f2ff00; }
  body #banner.landing .banner-content p, body #banner.landing .banner-content .price {
    color: #fff; }
  body #banner.landing .banner-content .compre {
    margin: 0; }
  body #pedidos {
    min-height: 100vh;
    background-size: cover;
    background-color: #fff; }
    body #pedidos .box-duvidas {
      background: #333;
      position: absolute;
      right: 0;
      top: 40px;
      color: #fff;
      max-width: 600px;
      padding: 30px;
      z-index: 23; }
      body #pedidos .box-duvidas .end {
        font-size: 30px;
        position: absolute;
        top: 20px;
        right: 20px;
        color: #fff;
        line-height: 30px; }
      body #pedidos .box-duvidas h2 {
        color: #fff;
        font-size: 25px;
        line-height: 25px;
        padding: 0;
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        padding-right: 50px; }
      body #pedidos .box-duvidas p {
        color: #ccc;
        font-size: 16px;
        line-height: 25px;
        font-weight: 300;
        padding: 0;
        margin: 0; }
        body #pedidos .box-duvidas p b {
          color: #fff;
          font-weight: 300; }
    body #pedidos .form-login {
      background: #fff;
      position: absolute;
      top: 60px;
      right: 0;
      max-width: 400px;
      padding: 40px;
      z-index: 10; }
      body #pedidos .form-login h2 {
        color: #333;
        font-size: 50px;
        line-height: 49px;
        font-weight: 700;
        text-align: left;
        padding-left: 0; }
      body #pedidos .form-login input {
        background: #ccc;
        color: #000;
        border: none;
        width: 100%;
        height: 47px;
        line-height: 47px;
        text-indent: 15px;
        margin-bottom: 20px; }
        body #pedidos .form-login input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #333 !important; }
        body #pedidos .form-login input::-moz-placeholder {
          /* Firefox 19+ */
          color: #333 !important; }
        body #pedidos .form-login input:-ms-input-placeholder {
          /* IE 10+ */
          color: #333 !important; }
        body #pedidos .form-login input:-moz-placeholder {
          /* Firefox 18- */
          color: #333 !important; }
      body #pedidos .form-login .submit {
        background: #ed1164;
        font-weight: 700;
        font-size: 29px;
        color: #fff;
        height: 47px;
        line-height: 47px;
        border: none;
        position: relative;
        padding: 0 30px;
        display: inline-block;
        letter-spacing: 1px; }
        body #pedidos .form-login .submit:hover {
          background: #5b5b5b; }
    body #pedidos h2 {
      color: #333;
      font-size: 50px;
      line-height: 49px;
      font-weight: 700;
      text-align: left;
      padding-left: 55px; }
    body #pedidos p {
      font-size: 25px;
      color: #333;
      padding-left: 55px; }
    body #pedidos .prod {
      position: relative; }
      body #pedidos .prod .qtd {
        z-index: 22;
        width: 32px;
        height: 32px;
        font-size: 12px;
        text-align: center;
        border-radius: 50%;
        background: #000;
        position: absolute;
        top: -10px;
        right: -10px;
        color: #fff;
        font-weight: 700;
        line-height: 32px; }
      body #pedidos .prod img {
        margin-bottom: 10px; }
      body #pedidos .prod p {
        padding-left: 0;
        font-size: 10px;
        font-weight: 300;
        line-height: 12px; }
    body #pedidos ul.status-panel {
      margin: 0;
      display: block; }
      body #pedidos ul.status-panel li {
        padding: 40px;
        background: #e5e5e5;
        display: block;
        margin: 0; }
        body #pedidos ul.status-panel li:nth-child(even) {
          background-color: transparent; }
        body #pedidos ul.status-panel li.cancelado .num {
          color: #ccc; }
        body #pedidos ul.status-panel li.cancelado .pedido-cancelado {
          background: #ed1164;
          font-size: 29px;
          line-height: 45px;
          height: 45px;
          padding: 0 20px;
          color: #fff;
          display: inline-block;
          font-weight: 700;
          margin-left: 10px; }
        body #pedidos ul.status-panel li.cancelado .status {
          color: #ccc;
          opacity: 0.7; }
          body #pedidos ul.status-panel li.cancelado .status:after {
            background: #ccc !important; }
        body #pedidos ul.status-panel li.cancelado .prod {
          opacity: 0.7; }
          body #pedidos ul.status-panel li.cancelado .prod .titulo {
            opacity: 0.8; }
          body #pedidos ul.status-panel li.cancelado .prod .qtd {
            background: #ccc; }
      body #pedidos ul.status-panel .num {
        font-weight: 700;
        color: #000;
        font-size: 40px;
        display: inline-block; }
      body #pedidos ul.status-panel .block {
        background: #333;
        padding: 6px 10px;
        font-weight: 100;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        line-height: 14px;
        margin-left: 5px; }
        body #pedidos ul.status-panel .block b {
          font-weight: 700; }
      body #pedidos ul.status-panel .status {
        display: block;
        width: 15%;
        float: left;
        font-size: 10px;
        font-weight: 700;
        line-height: 12px;
        position: relative;
        margin-right: 25px;
        text-align: center; }
        body #pedidos ul.status-panel .status img {
          margin-bottom: 10px;
          height: 50px;
          width: auto; }
        body #pedidos ul.status-panel .status:after {
          content: '';
          background: #ccc;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          overflow: hidden;
          position: absolute;
          right: -20px;
          top: 35%;
          z-index: 10; }
        body #pedidos ul.status-panel .status.concluido {
          color: #ed1164; }
          body #pedidos ul.status-panel .status.concluido:after {
            background: #ed1164; }
        body #pedidos ul.status-panel .status:last-of-type:after {
          display: none; }
      body #pedidos ul.status-panel .divisor {
        display: inline-block;
        width: 1%;
        font-size: 30px; }
        body #pedidos ul.status-panel .divisor.concluido {
          color: #ed1164; }
  body #sucesso h2 {
    color: #333;
    font-size: 72px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    line-height: 80px;
    /* Aproximação devido à substituição de fonte */
    text-align: left; }
  body #sucesso .lightgray {
    background: #e1e9e7; }
  body #sucesso .pedido {
    max-width: 425px;
    padding: 10px 20px;
    border: 2px solid #333;
    color: #333;
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    line-height: 49px;
    text-align: center;
    margin-bottom: 30px; }
    body #sucesso .pedido span {
      font-size: 83px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700; }
  body #sucesso .info {
    background: #333;
    padding: 30px;
    font-size: 23px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 300;
    color: #fff;
    line-height: 25px; }
    body #sucesso .info > * {
      color: #fff; }
    body #sucesso .info b {
      font-size: 28px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      line-height: 30px; }
  body #sucesso h3 {
    color: #333;
    font-size: 24px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px; }
  body #sucesso .revisao p {
    font-size: 16px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 300;
    text-align: left;
    line-height: 22px; }
  body #sucesso .revisao .prazo {
    font-size: 36px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: left; }
  body #sucesso .revisao i.fa-envelope-o {
    font-size: 40px;
    float: left;
    margin-bottom: 70px;
    margin-right: 20px; }
  body #sucesso .revisao .meus-pedidos {
    background: #ed1164;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    border: none;
    position: relative;
    padding: 0 30px;
    display: inline-block;
    letter-spacing: 1px; }
    body #sucesso .revisao .meus-pedidos:hover {
      background: #5b5b5b; }
  body #sucesso .gerar-boleto {
    background: #e5e5e5;
    padding: 30px 0; }
    body #sucesso .gerar-boleto p {
      font-size: 23px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      line-height: 31.181px;
      /* Aproximação devido à substituição de fonte */
      text-align: left; }
    body #sucesso .gerar-boleto img {
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      top: -10px; }
    body #sucesso .gerar-boleto .abrir {
      background: #ed1164;
      font-weight: 700;
      font-size: 40px;
      color: #fff;
      height: 107px;
      line-height: 107px;
      border: none;
      position: relative;
      padding: 0 30px;
      display: inline-block;
      letter-spacing: 1px; }
      body #sucesso .gerar-boleto .abrir:hover {
        background: #5b5b5b; }
  body #sucesso p {
    color: #333;
    font-size: 29px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 300;
    line-height: 33px;
    text-align: left; }
  body #landing {
    background: #fff; }
    body #landing h2 {
      font-weight: 700;
      font-size: 100px;
      line-height: 100px; }
      body #landing h2.black {
        color: black; }
      body #landing h2.rosa {
        color: #ed1164;
        opacity: 0.6; }
    body #landing h3 {
      text-transform: uppercase;
      font-size: 32px;
      max-width: 80%;
      line-height: 40px;
      margin-bottom: 30px; }
    body #landing .pricebox {
      text-align: right;
      position: relative; }
      body #landing .pricebox .compre-agora {
        position: absolute;
        top: -70px;
        left: 21%;
        z-index: 9; }
      body #landing .pricebox .price {
        color: #000000;
        font-size: 33px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 700;
        position: relative;
        top: 40px;
        left: 10%;
        -webkit-transform-origin: left top;
        -webkit-transform: rotate(-90deg) translateX(-100%); }
        body #landing .pricebox .price i {
          font-size: 56px;
          font-style: normal; }
    body #landing .itens img {
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px; }
    body #landing .white-box {
      background: #fff;
      padding-top: 30px;
      margin-top: -100px;
      padding-left: 40px;
      padding-right: 40px; }
      body #landing .white-box p {
        max-width: 90%; }
    body #landing .container-fluid {
      max-width: 1300px;
      margin: 40px auto 0; }
    body #landing .container {
      padding-top: 40px;
      max-width: 980px;
      margin: 0 auto; }
      body #landing .container.normal {
        max-width: 1170px;
        margin: 0; }
    body #landing p {
      padding-bottom: 30px;
      max-width: 90%;
      color: #333; }
  body #single-produtos {
    background: #fff; }
    body #single-produtos .slider-produto {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    body #single-produtos .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
    body #single-produtos .swiper-slide {
      background-size: cover;
      background-position: center;
      text-align: center; }
      body #single-produtos .swiper-slide img {
        height: auto;
        width: 100%; }
    body #single-produtos .gallery-top {
      height: 552px;
      width: 100%; }
    body #single-produtos .gallery-thumbs {
      height: 552px;
      box-sizing: border-box;
      padding: 10px 0; }
    body #single-produtos .gallery-thumbs .swiper-slide {
      width: 100%;
      height: auto;
      background: #ccc;
      opacity: 0.4; }
    body #single-produtos .gallery-thumbs .swiper-slide-active {
      opacity: 1; }
    body #single-produtos .cod {
      color: #838383;
      font-size: 14.18px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 300;
      text-align: left; }
    body #single-produtos h2 {
      color: #000000;
      font-size: 30.06px;
      font-weight: 700;
      line-height: 35px;
      text-align: left; }
    body #single-produtos p {
      color: #5f5f5f;
      font-size: 14.8px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 300;
      line-height: 18px;
      /* Aproximação devido à substituição de fonte */
      text-align: left; }
      body #single-produtos p.var {
        color: #838383;
        font-size: 16.8px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 300;
        text-align: left; }
      body #single-produtos p.price {
        color: #000000;
        font-size: 25px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 700;
        text-align: left; }
        body #single-produtos p.price i {
          font-size: 45px;
          font-style: normal; }
    body #single-produtos .button {
      background: #ed1164;
      font-weight: 700;
      font-size: 40px;
      margin-right: 5px;
      color: #fff;
      height: 75px;
      line-height: 75px;
      border: none;
      position: relative;
      padding: 0 25px;
      display: inline-block;
      letter-spacing: 1px;
      margin: 14px 0; }
      body #single-produtos .button:hover {
        background: #5b5b5b; }
    body #single-produtos .consulta {
      position: relative; }
      body #single-produtos .consulta input {
        height: 52px;
        line-height: 52px;
        background: #e4e4e5;
        border: none;
        width: 100%;
        max-width: 60%;
        padding: 0 15px;
        display: block;
        float: left;
        margin-right: 10px; font-size:14px; } 

    body #single-produtos .consulta input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    body #single-produtos .consulta input:-moz-placeholder { /* Firefox 18- */
       color: rgba(0, 0, 0, 0.5) !important;  
    }

    body #single-produtos .consulta input::-moz-placeholder {  /* Firefox 19+ */
       color: rgba(0, 0, 0, 0.5) !important;  
    }

    body #single-produtos .consulta input:-ms-input-placeholder {  
       color: rgba(0, 0, 0, 0.5) !important;  
    }
      body #single-produtos .consulta button {
        width: 52px;
        background: #eaef00;
        color: #000;
        height: 52px;
        line-height: 52px;
        text-align: center;
        border: none;
        display: block;
        float: left; }
        body #single-produtos .consulta button:hover {
          background: #333;
          color: #eaef00; }

    body #megabanner .swiper-container { height:315px;
    }

  body #megabanner .swiper-pagination-bullet-active {
    background: #000;
    border: none; }
  body #megabanner .swiper-pagination-bullet {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    border: 1px solid #000; }


  body #megabanner .swiper-button-next, body #megabanner .swiper-button-prev {
    margin-top: -30px; 
        border-radius:initial;
    -webkit-border-radius:initial;
  }
    body #megabanner .swiper-button-next:after, body #megabanner .swiper-button-next:before, body #megabanner .swiper-button-prev:after, body #megabanner .swiper-button-prev:before {
      display: none; }
    body #megabanner .swiper-button-next:hover:before, body #megabanner .swiper-button-prev:hover:before {
      color: #fff; }
   /*body #megabanner .swiper-button-next {
    right: 0;
    background-image: none;
    background-color: #ed1164; }
   body #megabanner .swiper-button-next:before {
      content: '\f105';
      position: absolute;
      top: 0;
      left: 0;
      font-family: FontAwesome;
      color: #fff;
      font-size: 70px;
      text-align: center;
      display: block;
      border: none;
      line-height: 55px; }*/
   
  body #megabanner .swiper-button-next {
    right: 0;
    background-image: none;
    background-color: transparent; }

    body #megabanner .swiper-button-next:before {
      content: '\f105';
      position: absolute;
      top: 0;
      left: 0;
      font-family: FontAwesome;
      color: #000;
      font-size: 70px;
      text-align: center;
      display: block;
      border: none;
      line-height: 60px; }

  /*body #megabanner .swiper-button-prev {
    left: 0;
    background-image: none;
    background-color: #ed1164; }
    body #megabanner .swiper-button-prev:before {
      content: '\f104';
      position: absolute;
      top: 0;
      left: 0;
      font-family: FontAwesome;
      color: #fff;
      font-size: 70px;
      text-align: center;
      display: block;
      border: none;
      line-height: 55px; }*/
  
  body #megabanner .swiper-button-prev {
    left: 0;
    background-image: none;
    background-color: transparent; }

    body #megabanner .swiper-button-prev:before {
      content: '\f104';
      position: absolute;
      top: 0;
      left: 0;
      font-family: FontAwesome;
      color: #000;
      font-size: 70px;
      text-align: center;
      display: block;
      border: none;
      line-height: 60px; }
    
      body #megabanner .swiper-button-next:hover, body #megabanner .swiper-button-prev:hover {
        background-color: #5b5b5b; }

  body #megabanner .slider-content {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0; }
    @media (min-width: 1024px) {
      body #megabanner .slider-content {
        background-image: none !important; } }
    body #megabanner .slider-content h2 {
      font-size: 59px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      line-height: 55px;
      /* Aproximação devido à substituição de fonte */
      text-align: left;
      color: #ed1164; }
    body #megabanner .slider-content span.price {
      color: #000000;
      font-size: 33px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      text-align: left; }
      body #megabanner .slider-content span.price i {
        font-size: 56px;
        font-style: normal; }
    body #megabanner .slider-content p {
      color: #000000;
      font-size: 12px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      text-align: left;
      line-height: 15px; }
    body #megabanner .slider-content h2, body #megabanner .slider-content p {
      max-width: 300px; }

  body .popup.televendas, body .popup.alo {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #333;
    display: none; }
    body .popup.televendas p, body .popup.alo p {
      color: #fff;
      font-size: 16px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 300;
      text-align: left;
      max-width: 90%; }
      body .popup.televendas p.telefones, body .popup.alo p.telefones {
        color: #ccc;
        font-size: 17px;
        font-weight: 600; padding:0 6px 0; }
        body .popup.televendas p.telefones span, body .popup.alo p.telefones span {
          font-weight: 300; }
    body .popup.televendas h3, body .popup.alo h3 {
      font-size: 25px;
      font-weight: 700;
      text-align: left;
      color: #fff;
      margin: 0; }
    body .popup.televendas h4, body .popup.alo h4 {
      font-size: 42px;
      font-weight: 700;
      text-align: left;
      color: #ccc;
      margin: 0; }
    body .popup.televendas h5, body .popup.alo h5 {
      font-size: 20px;
      font-weight: 700;
      text-align: left;
      color: #fff;
      margin: 0; }
    body .popup.televendas .end, body .popup.alo .end {
      position: absolute;
      right: 20px;
      top: 20px;
      color: #ed1164;
      font-size: 35px; }
      body .popup.televendas .end:hover, body .popup.alo .end:hover {
        color: #fff; }
    body .popup.televendas .obaimg, body .popup.alo .obaimg {
      margin-top: -30px;
      float: right; }

    @media (max-width: 420px) {

        body .popup.televendas p.telefones, body .popup.alo p.telefones { font-size:12px;
        }
        body .popup.televendas .obaimg, body .popup.alo .obaimg , body .popup.televendas .empty-space , body .popup.alo .empty-space  {
           display:none;}
        body .popup.televendas h3, body .popup.alo h3 {
            font-size:22px; margin:30px 0 10px 0;
        }
        body .popup.televendas .tel0800 , body .popup.alo .tel0800 {
            font-size:35px; margin:10px 0;
        }
        body .popup.televendas .telTexto , body .popup.alo .telTexto {
            font-size:12px; margin:10px 0; letter-spacing:normal;
        }
    }

      @media (max-width: 320px) {

        body .popup.televendas p.telefones, body .popup.alo p.telefones { font-size:12px;
        }
        body .popup.televendas .obaimg, body .popup.alo .obaimg , body .popup.televendas .empty-space , body .popup.alo .empty-space  {
           display:none;}
        body .popup.televendas h3, body .popup.alo h3 {
            font-size:20px; margin:20px 0 10px 0;
        }
        body .popup.televendas .tel0800 , body .popup.alo .tel0800 {
            font-size:30px; margin:10px 0;
        }
        body .popup.televendas .telTexto , body .popup.alo .telTexto {
            font-size:12px; margin:10px 0; letter-spacing:normal;
        }
    }

    body .popup.televendas .button, body .popup.alo .button {
      background: #ed1164;
      font-weight: 700;
      font-size: 22px;
      margin-right: 5px;
      color: #fff;
      height: 57px;
      line-height: 57px;
      border: none;
      position: relative;
      padding: 0 25px;
      display: inline-block;
      letter-spacing: 1px; }
      body .popup.televendas .button:hover, body .popup.alo .button:hover {
        background: #5b5b5b; }
  body .container-produtos .imagem {
    height: 340px;
    overflow: hidden;
    background-size: cover;
    background-position: center center; }
  body .container-produtos#listagem-de-categoria .imagem {
    height: 230px; }
  body .container-produtos .card {
    background: #fff; }
    body .container-produtos .card h3 {
      color: #000000;
      font-size: 16px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      text-align: left;
      max-width: 90%; }
    body .container-produtos .card p {
      color: #000000;
      font-size: 13px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 300;
      text-align: left;
      padding-right: 47%;
    }
    body .container-produtos .card .preco {
      background: #ed1164;
      width: 135px;
      height: 58px;
      padding: 5px 0px;
      text-align: center;
      bottom: 0;
      right: 0;
      position:absolute; }
      body .container-produtos .card .preco span.de {
        color: #fff;
        font-size: 10px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 300;
        text-align: center; }
      body .container-produtos .card .preco span.por {
        color: #fff;
        font-size: 14px;
        /* Aproximação devido à substituição de fonte */
        font-weight: 300;
        text-align: center; }
        body .container-produtos .card .preco span.por i {
          font-style: normal;
          font-size: 24px;
          font-weight: 600; }
      body .container-produtos .card .preco .fa-caret-right {
        opacity: 0;
        display: block; }
    body .container-produtos .card .box {
      overflow: hidden; }
      body .container-produtos .card .box .content {
        background-position: center center; }
    body .container-produtos .card:hover {
      -webkit-box-shadow: 2px 0px 59px 2px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 2px 0px 59px 2px rgba(0, 0, 0, 0.5);
      box-shadow: 2px 0px 59px 2px rgba(0, 0, 0, 0.5); }
      body .container-produtos .card:hover .preco {
        background: #c30048; }
        body .container-produtos .card:hover .preco .fa-caret-right {
          display: block;
          position: absolute;
          right: 4px;
          top: 40%;
          color: #fff;
          opacity: 1;
          font-size: 20px; }
    body .container-produtos .card.card2 {
      background: transparent; }
      body .container-produtos .card.card2 .imagem {
        background-size: 90% !important;
        background-repeat: no-repeat; }
    body .container-produtos .card.wide p {
      min-height: 137px; }
  body #products-slider {
    position: relative; }
    body #products-slider .card {
      position: relative; }
      body #products-slider .card .play {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        body #products-slider .card .play img {
          width: 60px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -30px;
          margin-top: -36px; }
    body #products-slider .prev-slider, body #products-slider .next-slider {
      border: none;
      background: #ed1164;
      margin: 0;
      padding: 0;
      height: 90px;
      width: 60px;
      color: #fff;
      font-size: 48px;
      line-height: 96px;
      text-align: center;
      position: absolute;
      top: 50%;
      margin-top: -55px;
      z-index: 999; }
      body #products-slider .prev-slider:hover, body #products-slider .next-slider:hover {
        background-color: #5b5b5b; }
    body #products-slider .prev-slider {
      left: 0; }
    body #products-slider .next-slider {
      right: 0; }
  body footer {
    background: #fff;
    position: relative; }
    body footer.gray {
      background: #efefef; }
    body footer h5 {
      color: #ed1164;
      font-size: 25px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      text-align: left; }
      body footer h5.dark {
        color: #5b5b5b; }
      body footer h5.white {
        color: #fff; }
    body footer .links a {
      color: #a5a5a5;
      font-size: 16px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 400;
      text-align: left;
      line-height: 20px;
      padding: 5px 0;
      display: block; }
      body footer .links a:hover {
        color: #ed1164; }
    body footer .socials a {
      font-size: 40px;
      color: #5b5b5b;
      margin-right: 10px; }
      body footer .socials a:hover {
        color: #ed1164; }
    body footer .scroll_up {
      background: #ed1164;
      width: 55px;
      height: 55px;
      border: none;
      padding: 0;
      margin: 0;
      line-height: 55px;
      text-align: center;
      color: #fff;
      font-size: 30px;
      position: absolute;
      right: 40px;
      top: -20px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10; }
      body footer .scroll_up:hover {
        background: #5b5b5b; }
      body footer .scroll_up i {
        position: relative;
        top: -3px; }
    body footer .receba-nossas-ofertas {
      position: relative; }
      body footer .receba-nossas-ofertas .popup-retorno {
        background: #ed1164;
        width: 100%;
        height: 90%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 30px; }
        body footer .receba-nossas-ofertas .popup-retorno p {
          color: #ffffff;
          font-size: 19px;
          line-height: 24px;
          font-weight: 700;
          text-align: left; }
        body footer .receba-nossas-ofertas .popup-retorno .end {
          background: #000;
          width: 39px;
          height: 39px;
          text-align: center;
          line-height: 39px;
          border-radius: 50%;
          color: #fff;
          font-size: 25px;
          border: none;
          padding: 0;
          margin: 0;
          position: absolute;
          right: -15px;
          top: -15px; }
          body footer .receba-nossas-ofertas .popup-retorno .end:hover {
            background: #5b5b5b; }
    body footer .last > div {
      padding: 0; }
      body footer .last > div img {
        width: 100%; }
    body footer .logo {
      text-align: right;
      margin-top: 9px; }
      body footer .logo.logo2 img {
        max-height: 259px;
        width: auto; }
    body footer .relative {
      position: relative; }
    body footer .cadastrar {
      background: #ed1164;
      font-weight: 700;
      font-size: 22px;
      color: #fff;
      height: 54px;
      line-height: 54px;
      width: 40%;
      position: absolute;
      right: 0;
      top: 0;
      border: none;
      display: block;
      letter-spacing: 1px; }
      body footer .cadastrar:hover {
        background: #5b5b5b; }
    body footer .email {
      background: #e5e5e5;
      height: 54px;
      line-height: 54px;
      /* text-indent: 15px; */
      letter-spacing: 2px;
      text-transform: uppercase;
      width: 60%;
      border: none;
      padding-left: 15px;
      padding-right: 15px; }
    body footer.dark {
      background: #2d2d2d; }
  body .under {
    background: #efefef; }
    body .under.white {
      background: #fff; }
    body .under p {
      padding: 0;
      margin: 0;
      line-height: 15px;
      font-size: 11px;
      font-weight: 100;
      color: #333;
      padding: 15px 0; }
  body .mobile-only {
    display: none; }

.modal-header {
  display: block !important;
  padding: 0;
  height: 0; }

.modal-header .close {
  background: #ed1164;
  color: #fff;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -2px;
  right: -22px;
  z-index: 999;
  border-radius: 50%;
  margin-top: -20px;
  font-size: 40px;
  opacity: 1; }

.modal-title {
  display: none; }

.modal.in .modal-dialog {
  max-width: 780px !important;
  top: 15%; }

.ekko-lightbox-container {
  height: auto !important; }

.modal-content {
  border-radius: 0; }

#alertas {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0; }
  #alertas .end {
    position: absolute;
    border: none;
    padding: 0;
    margin: 0;
    top: 5px;
    right: 10px;
    background: none;
    color: rgba(0, 0, 0, 0.52);
    z-index: 4; }
  #alertas .content {
    position: absolute;
    right: 20px;
    top: 20px;
    max-width: 480px;
    height: auto;
    z-index: 1; }
  #alertas .bg {
    background: #fff;
    opacity: 0.75;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0; }
  #alertas .alerta {
    max-width: 480px;
    margin-bottom: 15px;
    position: relative; }
    #alertas .alerta p {
      color: #ffffff;
      font-size: 12.5px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 300;
      line-height: 20px;
      /* Aproximação devido à substituição de fonte */
      text-align: left;
      padding: 15px 10px 15px 0; }
      #alertas .alerta p b {
        font-size: 19px;
        font-weight: bold; }
    #alertas .alerta img {
      margin-top: 19px;
      max-height: 70px;
      width: auto; }
    #alertas .alerta.pink {
      background-color: #ed1164; }
    #alertas .alerta.orange {
      background-color: #ff9000; }
    #alertas .alerta.blue {
      background-color: #00b4ff; }
    #alertas .alerta.green {
      background-color: #a2d20e; }

#product-options {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0; }
  #product-options .end {
    position: absolute;
    border: none;
    padding: 0;
    margin: 0;
    top: 5px;
    right: 10px;
    background: none;
    color: rgba(0, 0, 0, 0.52);
    z-index: 4; }
  #product-options .content {
    position: absolute;
    left: 0%;
    top: 20%;
    height: auto;
    z-index: 1;
    width: 100%;
    height: auto; }
    #product-options .content .end {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #ccc;
      font-size: 35px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: none;
      background: none;
      margin: 0;
      padding: 0; }
      #product-options .content .end:hover {
        color: #ed1164; }
    #product-options .content h2 {
      text-align: center; }
    #product-options .content > div {
      background-color: #ffffff;
      box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.51);
      max-width: 595px;
      margin: 0 auto;
      position: relative;
      padding: 30px; }
    #product-options .content .select-me {
      text-align: center;
      height: 100px;
      cursor: pointer; }
      #product-options .content .select-me.active, #product-options .content .select-me:hover {
        border: 3px solid #ccc;
        border-radius: 5px; }
    #product-options .content p {
      padding-top: 10px;
      color: #a6a6a6;
      font-size: 14.21px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 700;
      line-height: 19.357px;
      text-align: center; }
  #product-options .bg {
    background: #fff;
    opacity: 0.75;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0; }
  #product-options .continuar {
    background: #ed1164;
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    height: 54px;
    line-height: 54px;
    width: auto;
    margin-top: 15px;
    right: 0;
    top: 0;
    border: none;
    display: inline-block;
    letter-spacing: 1px;
    padding: 0 15px; }
    #product-options .continuar:hover {
      background: #5b5b5b; }

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: none; }
  #loading:after {
    background: #fff;
    opacity: 0.75;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    content: ''; }
  #loading:before {
    background: url(../images/loading.gif);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center; }

.landing-container h1, .landing-container h2, .landing-container h3, .landing-container h4, .landing-container h5, .landing-container h6 {
  margin: 0;
  padding: 0; }
.landing-container #topo {
  background-size: cover;
  position: relative; }
  .landing-container #topo .sombra {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 100%;
    z-index: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,7db9e8+91&0.75+0,0+81 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(111, 165, 207, 0) 81%, rgba(125, 185, 232, 0) 91%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(111, 165, 207, 0) 81%, rgba(125, 185, 232, 0) 91%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(111, 165, 207, 0) 81%, rgba(125, 185, 232, 0) 91%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#007db9e8',GradientType=0 );
    /* IE6-9 */ }
  .landing-container #topo .container {
    position: relative;
    z-index: 1; }
  @media (max-width: 967px) {
    .landing-container #topo {
      background-size: contain;
      background-repeat: no-repeat;
      background-color: #000; } }
  .landing-container #topo h2 {
    color: #ffffff;
    font-size: 50px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: center; }
    @media (max-width: 967px) {
      .landing-container #topo h2 {
        font-size: 35px; } }
  .landing-container #topo h3 {
    color: #ffffff;
    font-size: 25px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 400;
    text-align: center; }
    @media (max-width: 967px) {
      .landing-container #topo h3 {
        font-size: 22px; } }
  .landing-container #topo .img-topo {
    margin-bottom: -210px;
    max-width: 600px; }
    @media (max-width: 967px) {
      .landing-container #topo .img-topo {
        margin-bottom: -100px; } }
.landing-container .row.compre {
  background: #fedd04; }
  .landing-container .row.compre h4 {
    color: #e40252;
    font-size: 50px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700; }
    @media (max-width: 967px) {
      .landing-container .row.compre h4 {
        font-size: 30px; } }
    .landing-container .row.compre h4 span {
      color: #e40252;
      font-size: 40px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 400;
      text-align: center; }
      @media (max-width: 967px) {
        .landing-container .row.compre h4 span {
          font-size: 27px; } }
  .landing-container .row.compre div.de {
    color: #666666;
    font-size: 22px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 600;
    line-height: 27.236px;
    /* Aproximação devido à substituição de fonte */ }
    @media (max-width: 967px) {
      .landing-container .row.compre div.de {
        font-size: 20px; } }
  .landing-container .row.compre div.por {
    color: #000000;
    font-size: 35px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    line-height: 27.236px;
    /* Aproximação devido à substituição de fonte */ }
    @media (max-width: 967px) {
      .landing-container .row.compre div.por {
        font-size: 35px; } }
  .landing-container .row.compre div.ou {
    color: #000000;
    font-size: 20px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 600;
    line-height: 27.236px;
    /* Aproximação devido à substituição de fonte */ }
    @media (max-width: 967px) {
      .landing-container .row.compre div.ou {
        font-size: 16px; } }
.landing-container #about, .landing-container .about {
  padding: 0; }
  .landing-container #about .box .content, .landing-container .about .box .content {
    background-size: cover;
    background-repeat: no-repeat; }
  .landing-container #about > div, .landing-container .about > div {
    padding: 0; }
  .landing-container #about .texts, .landing-container .about .texts {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 30px 40px 15px; }
    @media (max-width: 967px) {
      .landing-container #about .texts, .landing-container .about .texts {
        padding: 0px 20px 15px; } }
  .landing-container #about h5, .landing-container .about h5 {
    color: #e40253;
    font-size: 32px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: left;
    max-width: 85%;
    margin-bottom: 15px; }
    @media (max-width: 967px) {
      .landing-container #about h5, .landing-container .about h5 {
        font-size: 30px; } }
  .landing-container #about p, .landing-container .about p {
    color: #000000;
    font-size: 16px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 400;
    line-height: 26px;
    /* Aproximação devido à substituição de fonte */
    text-align: left;
    font-family: 'Open Sans';
    max-width: 85%; }
  .landing-container #about .bg-pink, .landing-container .about .bg-pink {
    background: #e40252; }
    .landing-container #about .bg-pink h5, .landing-container .about .bg-pink h5 {
      color: #fedd04; }
    .landing-container #about .bg-pink p, .landing-container .about .bg-pink p {
      color: #ffffff; }
  .landing-container #about .bg-purple, .landing-container .about .bg-purple {
    background: #55337a; }
    .landing-container #about .bg-purple h5, .landing-container .about .bg-purple h5 {
      color: #fedd04; }
    .landing-container #about .bg-purple p, .landing-container .about .bg-purple p {
      color: #ffffff; }
  .landing-container #about .bg-blue, .landing-container .about .bg-blue {
    background: #9ad5e2; }
    .landing-container #about .bg-blue h5, .landing-container .about .bg-blue h5 {
      color: #e40252; }
    .landing-container #about .bg-blue p, .landing-container .about .bg-blue p {
      color: #000000; }
.landing-container #about2 {
  background: #9ad5e2; }
  .landing-container #about2 #box360 {
    max-width: 945px;
    margin-bottom: 100px;
    background: #fff; }
    .landing-container #about2 #box360 > div {
      text-align: center;
      padding: 100px 0;
      position: relative; }
    .landing-container #about2 #box360 nav {
      padding: 40px 0 0; }
    .landing-container #about2 #box360 .ui-widget-header {
      border: 1px solid #dddddd;
      background: #e9e9e9;
      color: #333333;
      font-weight: bold; }
    .landing-container #about2 #box360 .draggable {
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: #6e71b0;
      position: relative; }
      .landing-container #about2 #box360 .draggable:after {
        cursor: move;
        width: 50px;
        height: 50px;
        position: absolute;
        top: -15px;
        left: -15px;
        content: '';
        background: transparent; }
    .landing-container #about2 #box360 .ui-widget-header p, .landing-container #about2 #box360 .ui-widget-content p {
      margin: 0; }
    .landing-container #about2 #box360 #snaptarget {
      margin-top: 40px;
      height: 17px;
      background: #fff;
      border: none;
      position: relative;
      width: 550px;
      margin: 0 auto; }
      .landing-container #about2 #box360 #snaptarget:after {
        height: 1px;
        background: #6e71b0;
        width: 100%;
        position: absolute;
        content: '';
        top: 8px;
        left: 0; }
  .landing-container #about2 h5 {
    color: #e40253;
    font-size: 40px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700; }
    @media (max-width: 967px) {
      .landing-container #about2 h5 {
        font-size: 30px; } }
  .landing-container #about2 h6 {
    color: #000000;
    font-size: 30px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    line-height: 38px;
    /* Aproximação devido à substituição de fonte */ }
    @media (max-width: 967px) {
      .landing-container #about2 h6 {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px; } }
  .landing-container #about2 .itens .item {
    text-align: center;
    margin-bottom: 30px; }
    .landing-container #about2 .itens .item p {
      margin-top: 20px;
      color: #000000;
      font-size: 25px;
      /* Aproximação devido à substituição de fonte */
      font-weight: 400;
      line-height: 30px;
      /* Aproximação devido à substituição de fonte */
      text-align: center; }
      .landing-container #about2 .itens .item p.small {
        font-size: 16px;
        line-height: 23px; }
  .landing-container #about2.bg-white {
    background: #fff; }
.landing-container #mosaico {
  background: #000; }
  .landing-container #mosaico div {
    padding: 0; }
  .landing-container #mosaico img {
    width: 100%;
    height: auto; }
  .landing-container #mosaico .box {
    position: relative;
    width: 100%;
    /* desired width */ }
  .landing-container #mosaico .box:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* initial ratio of 1:1*/ }
  .landing-container #mosaico .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .landing-container #mosaico .custom_ratio:before {
    padding-top: 133.5%; }
  .landing-container #mosaico .ratio2_1:before {
    padding-top: 50%; }
  .landing-container #mosaico .ratio1_2:before {
    padding-top: 200%; }
  .landing-container #mosaico .ratio4_3:before {
    padding-top: 75%; }
  .landing-container #mosaico .ratio16_9:before {
    padding-top: 56.25%; }
.landing-container #entenda {
  background: #000 url(../images/landing-pages/subwoofer/bg-entenda.jpg); }
  .landing-container #entenda h5 {
    color: #ffffff;
    font-size: 30px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700; }
  .landing-container #entenda p {
    color: #ffffff;
    font-size: 14px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    line-height: 15px;
    /* Aproximação devido à substituição de fonte */
    text-align: left; }
  .landing-container #entenda img {
    max-width: 100%; }
  .landing-container #entenda .btn {
    margin-top: 30px;
    background: #ed1164;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    height: 65px;
    line-height: 65px;
    width: auto;
    right: 0;
    top: 0;
    border: none;
    display: inline-block;
    letter-spacing: 1px;
    padding: 0 40px;
    font-size: 34.61px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700; }
    .landing-container #entenda .btn:hover {
      background: #5b5b5b; }
    @media (max-width: 976px) {
      .landing-container #entenda .btn {
        padding: 0 18px;
        font-size: 21px; } }
.landing-container #produtos-relacionados .heads {
  max-width: 900px; }
  .landing-container #produtos-relacionados .heads h4 {
    color: #e40052;
    font-size: 30px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    text-align: left; }
  .landing-container #produtos-relacionados .heads p {
    font-family: 'Open Sans';
    color: #000000;
    font-size: 16px;
    /* Aproximação devido à substituição de fonte */
    font-weight: 700;
    line-height: 26px;
    /* Aproximação devido à substituição de fonte */
    text-align: left; }

@media (max-width: 1023px) {
  body header .row .container {
    padding: 0; }
  body .mobile-only {
    display: block; }
  body .open-menu {
    float: right;
    border: none;
    background: none;
    color: #000;
    font-size: 40px;
    margin-top: 26px; }
  body .carrinho {
    float: right;
    margin-top: 7px;
    margin-right: 10px; }
    body .carrinho img {
      width: 47px; }

  body header .sub {
    display: none; }

  body header {
    padding-bottom: 12px; }
    body header .logo-container {
      width: 100%;
      margin-bottom: 1px; }
   body .content-product-main .product-breadcrumb * {font-size:5px;
    }    
    body header .logo-container .row-header-logo{
        width:35px; margin-top:5px; 
    }
    body header .logo-container img.row-header-carrinho, body header .logo-container .carrinho, body header .logo-container .open-menu {
         margin:5px 5px 0 0; font-size:30px;
    }
    body header .logo-container .row-header-carrinho{
        width:30px;   
    }
    body header .search-input-container input{
        height:30px; margin-top:0;  font:10px; 
    }
    body header .search-input-container .hvr-grow{
        margin-top:-5px;
    }
    body header .links-container {
      display: none; }
    body header nav {
      width: 100%;
      background: #000;
      overflow: hidden;
      display: none;
      padding: 0px 14px; }
      body header nav a {
        display: block;
        width: 100%;
        padding: 0;
        height: auto;
        padding: 5px 0;
        line-height: 19px;
        color: #fff; }
        body header nav a:first-of-type {
          padding-top: 20px; }
        body header nav a:last-of-type {
          padding-bottom: 20px; }

  body footer .scroll_up {
    right: 10px; }

  body header .search-input-container {
    margin-top: 10px; }

  body #megabanner .slider-content {
    position: static;
    padding-top: 40px;
    /*background-size: cover !important;*/
    padding-bottom: 40px; }

  body #megabanner .swiper-slide #imgBig {
    background:none; }
  
  body h2.title {
    font-size: 55px;
    line-height: 60px; }

  body footer .socials {
    margin-bottom: 20px; }

  body footer .container {
    padding-left: 0;
    padding-right: 0; }

  body footer .logo {
    text-align: center;
    margin-top: 30px; }

  body .under p {
    padding-left: 15px;
    padding-right: 15px; }

  body footer .email, body footer .cadastrar {
    width: 100%;
    position: static; }

  body .inner-header nav {
    line-height: 33px;
    font-size: 17px;
    line-height: 20px; }
    body .inner-header nav a {
      font-size: 17px;
      line-height: 20px; }

  body .inner-header h2 {
    font-size: 30px;
    line-height: 35px; }

  body .inner-header p {
    font-size: 17px;
    line-height: 20px; }

  body #banner .banner-content {
    padding: 0 15px;
    background-size: cover !important;
    background-position: center center !important; }
  body #banner .container {
    padding: 0; }

  body #landing .pricebox {
    padding: 0;
    text-align: center; }

  body #landing .pricebox .price {
    font-size: 13px;
    top: 30px;
    left: 0; }
    body #landing .pricebox .price i {
      font-size: 26px; }

  body #landing .white-box {
    margin: 0;
    padding: 0; }

  body #landing h2 {
    font-size: 35px;
    line-height: 39px; }

  body #pedidos .form-login h2 {
    padding-left: 0; }

  body #pedidos .form-login {
    position: static; }

  body #pedidos h2 {
    font-size: 30px;
    line-height: 35px; }

  body #pedidos p, body #sucesso p {
    font-size: 17px;
    line-height: 20px; }

  body #pedidos .box-duvidas {
    display: none; }

  body #pedidos h2, body #pedidos p {
    padding-left: 0; }

  body #pedidos ul.status-panel {
    padding: 0;
    margin: 0; }
    body #pedidos ul.status-panel .status {
      width: 100%;
      margin-top: 40px;
      margin: 0;
      margin-bottom: 10px;
      text-align: center; }

  body #pedidos ul.status-panel .status.concluido:after {
    display: none !important; }

  body #pedidos .prods {
    margin-top: 30px; }

  body #pedidos .prod {
    text-align: center; }

  body #single-produtos h2, body #sucesso h2, body #sucesso .pedido span {
    font-size: 29px;
    line-height: 33px; }

  body #sucesso .pedido {
    line-height: 33px; }

  body #single-produtos .cod {
    margin-top: 20px;
    display: block;
    margin-bottom: 10px; }

  body #sucesso .gerar-boleto .abrir {
    font-size: 34px; }

  body #sucesso .revisao .meus-pedidos {
    font-size: 21px; }

  body #single-produtos .gallery-thumbs {
    height: auto;
    display: none; }

  body #single-produtos .gallery-top {
    height: auto; }

  body #single-produtos .slider-produto {
    position: static; }
    body #single-produtos .slider-produto > div {
      padding: 0; }

  #single-produtos > .row > .container {
    padding: 0; }

  #product-options .content {
    top: 11%;
    width: 90%;
    left: 5%; }

  #product-options .content h2 {
    font-size: 21px;
    text-align: left; }

  #product-options .col-sm-12.clearfix {
    margin-top: 15px; }

  #product-options .continuar {
    display: block;
    margin: 0 auto;
    clear: both;
    font-size: 26px; }

  .modal-header .close {
    right: -7px; }

  .modal.in .modal-dialog {
    top: 22%; }

  #alertas {
    position: absolute; }
    #alertas img {
      display: none; }
    #alertas .content {
      right: 0; } }

/*# sourceMappingURL=style.css.map */