@font-face {
   font-family: Conv_Poppins-Regular;
   src: url(../fonts/Poppins-Regular.eot);
   src: local(""), url(../fonts/Poppins-Regular.woff) format("woff"), url(../fonts/Poppins-Regular.ttf) format("truetype"), url(../fonts/Poppins-Regular.svg) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Conv_Poppins-Bold;
   src: url(../fonts/Poppins-Bold.eot);
   src: local(""), url(../fonts/Poppins-Bold.woff) format("woff"), url(../fonts/Poppins-Bold.ttf) format("truetype"), url(../fonts/Poppins-Bold.svg) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Conv_Poppins-Medium;
   src: url(../fonts/Poppins-Medium.eot);
   src: local(""), url(../fonts/Poppins-Medium.woff) format("woff"), url(../fonts/Poppins-Medium.ttf) format("truetype"), url(../fonts/Poppins-Medium.svg) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Conv_Poppins-SemiBold;
   src: url(../fonts/Poppins-SemiBold.eot);
   src: local(""), url(../fonts/Poppins-SemiBold.woff) format("woff"), url(../fonts/Poppins-SemiBold.ttf) format("truetype"), url(../fonts/Poppins-SemiBold.svg) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Conv_Poppins-ExtraBold;
   src: url(../fonts/Poppins-ExtraBold.eot);
   src: local(""), url(../fonts/Poppins-ExtraBold.woff) format("woff"), url(../fonts/Poppins-ExtraBold.ttf) format("truetype"), url(../fonts/Poppins-ExtraBold.svg) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Material Icons";
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
   font-display: block;
}

@font-face {
   font-family: Conv_Poppins-SemiBoldItalic;
   src: url(../fonts/Poppins-SemiBoldItalic.eot);
   src: local(""), url(../fonts/Poppins-SemiBoldItalic.woff) format("woff"), url(../fonts/Poppins-SemiBoldItalic.ttf) format("truetype"), url(../fonts/Poppins-SemiBoldItalic.svg) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@-webkit-keyframes bounce {
   20%, 53%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }
   90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
   }
}

@keyframes bounce {
   20%, 53%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }
   90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
   }
}

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

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

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

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

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

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

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

@-webkit-keyframes rubberBand {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }
   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }
   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }
   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }
   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes rubberBand {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }
   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }
   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }
   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }
   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

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

@-webkit-keyframes shake {
   from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}

@keyframes shake {
   from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}

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

@-webkit-keyframes headShake {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }
   50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}

@keyframes headShake {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }
   50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}

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

@-webkit-keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
   }
   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
   }
   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
   }
   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
   }
}

@keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
   }
   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
   }
   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
   }
   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
   }
   to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
   }
}

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

@-webkit-keyframes tada {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }
   30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
   40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes tada {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }
   30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
   40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

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

@-webkit-keyframes wobble {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes wobble {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes jello {
   11.1%, from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}

@keyframes jello {
   11.1%, from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}

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

@-webkit-keyframes heartBeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

@keyframes heartBeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

.heartBeat {
   -webkit-animation-name: heartBeat;
   animation-name: heartBeat;
   -webkit-animation-duration: 1.3s;
   animation-duration: 1.3s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
   20%, 40%, 60%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes bounceIn {
   20%, 40%, 60%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

.bounceIn {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
   }
   75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInDown {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
   }
   75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceInLeft {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
   }
   75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInLeft {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
   }
   75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceInRight {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
   }
   75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
   90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInRight {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
   }
   75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
   90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceInUp {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }
   75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
   90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInUp {
   60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }
   75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
   90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}

@keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}

.bounceOut {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}

@keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}

@keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}

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

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

@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOut {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
   from {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   to {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}

@keyframes flip {
   from {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   to {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}

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

@-webkit-keyframes flipInX {
   from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

@keyframes flipInX {
   from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

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

@-webkit-keyframes flipInY {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

@keyframes flipInY {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

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

@-webkit-keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
   }
}

@keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
   }
}

@keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes lightSpeedIn {
   from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes lightSpeedIn {
   from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
   0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   20%, 60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   40%, 80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}

@keyframes hinge {
   0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   20%, 60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   40%, 80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}

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

@-webkit-keyframes jackInTheBox {
   from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }
   to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

@keyframes jackInTheBox {
   from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }
   to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

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

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

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

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

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

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

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

@-webkit-keyframes zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}

@keyframes zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}

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

@-webkit-keyframes zoomInDown {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInDown {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomInLeft {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInLeft {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomInRight {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInRight {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomInUp {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInUp {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomOut {
   from {
      opacity: 1;
   }
   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
      opacity: 0;
   }
}

@keyframes zoomOut {
   from {
      opacity: 1;
   }
   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
      opacity: 0;
   }
}

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

@-webkit-keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
   }
}

@keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
   }
}

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

@-webkit-keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
   }
}

@keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
   }
}

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

@-webkit-keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.delay-1s {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}

.animated.delay-2s {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}

.animated.delay-3s {
   -webkit-animation-delay: 3s;
   animation-delay: 3s;
}

.animated.delay-4s {
   -webkit-animation-delay: 4s;
   animation-delay: 4s;
}

.animated.delay-5s {
   -webkit-animation-delay: 5s;
   animation-delay: 5s;
}

.animated.fast {
   -webkit-animation-duration: 0.8s;
   animation-duration: 0.8s;
}

.animated.faster {
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}

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

.animated.slower {
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
   .animated {
      -webkit-animation: unset !important;
      animation: unset !important;
      -webkit-transition: none !important;
      transition: none !important;
   }
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * 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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
}

@-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: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
}

@-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: 0.3s;
   animation-duration: 0.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: 0.3s;
   animation-duration: 0.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: 0.5s;
   transition-duration: 0.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: 0.5s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-float: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-sink: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: 0.3s, 1.5s;
   animation-duration: 0.3s, 1.5s;
   -webkit-animation-delay: 0s, 0.3s;
   animation-delay: 0s, 0.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: 0.3s, 1.5s;
   animation-duration: 0.3s, 1.5s;
   -webkit-animation-delay: 0s, 0.3s;
   animation-delay: 0s, 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transform-origin: 0 100%;
   transform-origin: 0 100%;
}

.hvr-skew-forward: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transform-origin: 0 100%;
   transform-origin: 0 100%;
}

.hvr-skew-backward: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: 0.15s;
   animation-duration: 0.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: 0.75s;
   animation-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.5s;
   transition-duration: 0.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: 0.5s;
   animation-delay: 0.5s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   background-color: #2098d1;
   background-color: #2098d1;
   color: #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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #52b5f3;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 0 50%;
   transform-origin: 0 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   border-radius: 100px;
}

.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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-sweep-to-left: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #4cb3f5;
   border-radius: 100px;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-sweep-to-top: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: 0.5s;
   transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #f1c232;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 0 50%;
   transform-origin: 0 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   border-radius: 6px;
}

.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: 0.5s;
   transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-bounce-to-left: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: 0.5s;
   transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom: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: 0.5s;
   transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-bounce-to-top: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-radial-out:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   border-radius: 100%;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-radial-out: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-radial-in:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #e1e1e1;
   border-radius: 100%;
   -webkit-transform: scale(2);
   transform: scale(2);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-radial-in: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #e1e1e1;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-rectangle-in: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098d1;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-rectangle-out: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #e1e1e1;
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
   -webkit-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #2098d1;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #000;
   border-radius: 100px;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical: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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #2098d1;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical: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);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow;
   transition-property: box-shadow;
   box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px 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);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: background;
   transition-property: background;
   box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px 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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 51%;
   right: 51%;
   bottom: 0;
   background: #2098d1;
   height: 4px;
   -webkit-transition-property: left, right;
   transition-property: left, right;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 51%;
   right: 51%;
   top: 0;
   background: #2098d1;
   height: 4px;
   -webkit-transition-property: left, right;
   transition-property: left, right;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.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: 0.3s;
   transition-duration: 0.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: 0.1s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow;
   transition-property: box-shadow;
   box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px 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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

.hvr-float-shadow:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
   content: "";
   top: 100%;
   left: 5%;
   height: 10px;
   width: 90%;
   opacity: 0;
   background: -webkit-radial-gradient( center, ellipse, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
   background: radial-gradient( ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.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;
   background-repeat: no-repeat;
   height: 5px;
   opacity: 0;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: opacity;
   transition-property: opacity;
}

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

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

.hvr-shadow-radial: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   left: calc(50% - 10px);
   top: 0;
   border-width: 0 10px 10px 10px;
   border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   top: calc(50% - 10px);
   right: 0;
   border-width: 10px 0 10px 10px;
   border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   left: calc(50% - 10px);
   bottom: 0;
   border-width: 10px 10px 0 10px;
   border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   top: calc(50% - 10px);
   left: 0;
   border-width: 10px 10px 10px 0;
   border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

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

.hvr-bubble-float-top: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

.hvr-bubble-float-right:before {
   position: absolute;
   z-index: -1;
   top: calc(50% - 10px);
   right: 0;
   content: "";
   border-style: solid;
   border-width: 10px 0 10px 10px;
   border-color: transparent transparent transparent #e1e1e1;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

.hvr-bubble-float-right: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

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

.hvr-bubble-float-bottom: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: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

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

.hvr-bubble-float-left: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;
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-back:active .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

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

.hvr-icon-down .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-down:active .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:hover .hvr-icon {
   -webkit-animation-name: hvr-icon-down;
   animation-name: hvr-icon-down;
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
}

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

.hvr-icon-up .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-up:active .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:hover .hvr-icon {
   -webkit-animation-name: hvr-icon-up;
   animation-name: hvr-icon-up;
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
}

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

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

.hvr-icon-drop .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-drop:active .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:hover .hvr-icon {
   opacity: 0;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-animation-name: hvr-icon-drop;
   animation-name: hvr-icon-drop;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
   animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

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

.hvr-icon-fade .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-property: color;
   transition-property: color;
}

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

.hvr-icon-float-away .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

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

.hvr-icon-sink-away .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

.hvr-icon-sink-away:active .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-grow:active .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

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

.hvr-icon-pulse .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

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

.hvr-icon-pulse-grow .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:active .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:hover .hvr-icon {
   -webkit-animation-name: hvr-icon-pulse-grow;
   animation-name: hvr-icon-pulse-grow;
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
}

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

.hvr-icon-pulse-shrink .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:active .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:hover .hvr-icon {
   -webkit-animation-name: hvr-icon-pulse-shrink;
   animation-name: hvr-icon-pulse-shrink;
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
}

@-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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

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

@-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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

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

.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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-bounce:active .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-rotate:active .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:active .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-float:active .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-sink:active .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-bob:active .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:hover .hvr-icon {
   -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
   animation-name: hvr-icon-bob-float, hvr-icon-bob;
   -webkit-animation-duration: 0.3s, 1.5s;
   animation-duration: 0.3s, 1.5s;
   -webkit-animation-delay: 0s, 0.3s;
   animation-delay: 0s, 0.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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-hang:active .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:hover .hvr-icon {
   -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
   animation-name: hvr-icon-hang-sink, hvr-icon-hang;
   -webkit-animation-duration: 0.3s, 1.5s;
   animation-duration: 0.3s, 1.5s;
   -webkit-animation-delay: 0s, 0.3s;
   animation-delay: 0s, 0.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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:active .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.hvr-icon-wobble-vertical:active .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:hover .hvr-icon {
   -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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

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

@-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;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

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

.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%);
   z-index: 1000;
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: width, height;
   transition-property: width, height;
}

.hvr-curl-top-left: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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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: 0.3s;
   transition-duration: 0.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;
}

.accordion {
   margin: 30px auto 0;
}

.drawer {
   width: 100%;
   background: #fff;
   border-radius: 5px;
   margin: 20px 0 0;
}

.drawer:first-child {
   margin-top: 0;
}

.accordion-item-active .accordion-header {
   background: #fff;
   transition: 0.25s;
}

.accordion-item-active .accordion-header h6 {
   color: #3c4876;
}

.accordion-header {
   background: #fff;
   padding: 18px 30px;
   text-transform: uppercase;
   cursor: pointer;
   border-radius: 5px;
   overflow: hidden;
   -webkit-box-shadow: 0 0 28px -1px rgba(0, 0, 0, 0.8);
   -moz-box-shadow: 0 0 28px -1px rgba(0, 0, 0, 0.08);
   box-shadow: 0 0 28px -1px rgba(0, 0, 0, 0.08);
   transition: 0.25s;
}

.accordion-header h6 {
   float: left;
   font-size: 16px;
   margin: 0;
   width: 89%;
   line-height: 26px;
   color: #3c4876;
}

.accordion-content {
   display: none;
   padding: 0 30px 20px;
   color: #646464;
   background: #fff;
   font-size: 15px;
   line-height: 1.45em;
}

.accordion-content p {
   margin: 0;
   margin-bottom: 0;
   font-size: 16px;
   line-height: 26px;
   color: #77797b;
}

.accordion-header-icon {
   font-size: 0;
   float: right;
   background: url(../images/plus.png) right center no-repeat;
   background-size: 100% auto;
   width: 25px;
   height: 25px;
   margin-top: 0;
   vertical-align: middle;
}

.accordion-header-icon.accordion-header-icon-active {
   background: url(../images/minus.png) right center no-repeat;
   background-size: 100% auto;
   font-size: 0;
}

.owl-carousel, .owl-carousel .owl-item {
   -webkit-tap-highlight-color: transparent;
   position: relative;
}

.owl-carousel {
   display: none;
   width: 100%;
   z-index: 1;
}

.owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   touch-action: manipulation;
   -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   z-index: 999;
   padding-bottom: 0;
   -webkit-transform: translate3d(0, 0, 0);
}
.emdr-page-section .owl-carousel .owl-stage-outer,
.therapist-plan-sctn .owl-carousel .owl-stage-outer{
   position: relative;
   overflow: visible;
   z-index: 999;
   padding-bottom: 0;
   -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
   min-height: 1px;
   display: inline-block;
   vertical-align: middle;
   -webkit-backface-visibility: hidden;
   -webkit-touch-callout: none;
}

.testi-round-img img {
   display: block;
   width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
   display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
   display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
   background: 0 0;
   border: none;
   font-size: 0;
}

.owl-carousel.owl-loading {
   opacity: 0;
   display: block;
}

.owl-carousel.owl-hidden {
   opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
}

.owl-carousel.owl-rtl {
   direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
   float: right;
}

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

.owl-carousel .owl-animated-in {
   z-index: 0;
}

.owl-carousel .owl-animated-out {
   z-index: 1;
}

.owl-carousel .fadeOut {
   animation-name: fadeOut;
}

@keyframes fadeOut {
   0% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}

.owl-height {
   transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy, .owl-carousel .owl-video-tn {
   opacity: 0;
   transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
   max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
}

.owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
   display: none;
}

.owl-carousel .owl-video-tn {
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
}

.owl-dots {
   margin-top: 20px;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
   text-align: center;
   -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
   position: absolute;
   top: 50%;
   z-index: 999;
   width: 100%;
}

.owl-theme .owl-nav [class*="owl-"] {
   font-size: 0;
   display: inline-block;
   cursor: pointer;
}

.owl-theme .owl-nav .disabled {
   opacity: 1;
   cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: 25px;
}

.owl-theme .owl-dots .owl-dot span {
   width: 12px;
   height: 12px;
   margin: 0 4px;
   border-radius: 100%;
   display: block;
   border: 1px solid #bdcdfb;
   background: #bdcdfb;
   -webkit-backface-visibility: visible;
   transition: opacity 0.2s ease;
}

.owl-theme .owl-dots .owl-dot.active span {
   background: #668cf6;
   border: 1px solid #668cf6;
}

.owl-dot {
   display: inline-block;
   vertical-align: middle;
}

.owl-prev {
   background: url(../images/arrowleft.png) no-repeat;
   background-size: 100% auto;
   width: 44px;
   height: 44px;
   float: left;
}

.owl-next {
   background: url(../images/arrowright.png) no-repeat;
   background-size: 100% auto;
   width: 44px;
   height: 44px;
   float: right;
}

.owl-prev {
   margin-left: -20px;
}

.owl-next {
   margin-right: -20px;
}

.material-icons {
   font-family: "Material Icons";
   font-weight: 400;
   font-style: normal;
   font-size: 24px;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
}

a, a:focus, a:hover {
   text-decoration: none;
}

*, body, img {
   margin: 0;
   padding: 0;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

ol, ul {
   list-style: none;
}

blockquote, q {
   quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
   content: "";
   content: none;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

* {
   box-sizing: border-box;
}

a {
   outline: 0;
   border: none;
}

a:focus {
   outline: 0;
   border: none;
}

a:hover {
   outline: 0;
   border: none;
}

button {
   outline: 0;
   border: none;
}

button:hover {
   outline: 0;
   border: none;
}

button:focus {
   outline: 0;
   border: none;
}

.spacer {
   clear: both;
   line-height: 0;
   font-size: 0;
}

img {
   border: 0;
   height: auto;
   max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

html {
   overflow-x: hidden;
}

body {
   font-family: Conv_Poppins-Regular;
   overflow-x: hidden;
}

h1 {
   color: #3c4876;
   font-family: Conv_Poppins-Bold;
}

h1 strong {
   text-transform: uppercase;
   display: block;
   font-size: 50px;
   line-height: 45px;
}

h1 span {
   font-family: Conv_Poppins-SemiBold;
   font-size: 28px;
}

h3 {
   font-family: Conv_Poppins-SemiBold;
   font-size: 24px;
   color: #3c4876;
   line-height: 34px;
}

h6 {
   font-size: 20px;
   line-height: 30px;
   color: #3c4876;
   font-family: Conv_Poppins-SemiBold;
}

p {
   font-size: 16px;
   line-height: 26px;
   margin-top: 15px;
   color: #3c4876;
}

p.bigtext {
   font-size: 18px;
   line-height: 28px;
}

p.smlheadingtext a {
   font-size: 18px;
   line-height: 28px;
   font-family: Conv_Poppins-SemiBold;
   color: #ffbd66;
   letter-spacing: 1px;
   margin-bottom: 8px;
   text-transform: uppercase;
}

select.form-control {
   width: 279px;
   background: #fff url(../images/downarrow.png) right 25px center no-repeat;
   height: 57px;
   font-size: 16px;
   border-radius: 50px;
   padding: 0 30px;
   border: 1px solid #a8aabc;
   color: #3c4876;
   font-family: Conv_Poppins-Bold;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   box-shadow: none;
   position: relative;
}

select.form-control:hover {
   background: #fff url(../images/downarrow.png) right 25px center no-repeat;
   box-shadow: none;
}

select.form-control:focus {
   background: #fff url(../images/downarrow.png) right 25px center no-repeat;
   box-shadow: none;
}

.section {
   padding: 30px 0;
}

.rowgap {
   margin-top: 25px;
}

.nopadding {
   padding: 0;
}

.nomargin {
   margin: 0;
}

.buttonouter {
   margin-top: 30px;
}

.btn-default {
   display: inline-block;
   color: #fff;
   border-radius: 60px;
   background: #ffbd66;
   padding: 14px 30px 14px 40px;
   border: none;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-align: center;
   font-family: Conv_Poppins-SemiBold;
   font-size: 15px;
}

.btn-default span {
   display: inline-block;
   vertical-align: middle;
}

.btn-default i {
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
   font-size: 28px;
   line-height: 28px;
}

.btn-default:hover {
   background: #3c4876;
   color: #fff;
}

.btn-default:focus {
   background: #3c4876;
   color: #fff;
}

.trybtn {
   background: #668cf6;
}

.trybtn:hover {
   color: #fff;
   background: #3c4876;
}

.trybtn:focus {
   color: #fff;
   background: #3c4876;
}

.loginbtn {
   background: #3c4876;
}

.loginbtn:hover {
   color: #fff;
   background: #668cf6;
}

.loginbtn:focus {
   color: #fff;
   background: #668cf6;
}

.top-outer {
   background: #fff;
   width: 100%;
}

.navbar {
   padding: 0;
}

.navbar-brand {
   width: 176px;
   margin: 0;
   padding: 15px 0 15px;
}

.navbar-nav li {
   font-family: Conv_Poppins-SemiBold;
   cursor: pointer;
   position: relative;
   margin: 0 -15px;
}

.navbar-nav li:hover {
   background: #f7f8ff;
}

.navbar-nav li a {
   color: #3c4876;
   display: inline-block;
   font-size: 16px;
   line-height: 18px;
   padding: 10px 0 10px 15px;
}

.navbar-nav li:last-child a {
   padding-bottom: 15px;
}

.navbar-nav li:hover a {
   background: 0 0;
   color: #668cf6;
}

.navbar-nav li.active a {
   background: 0 0;
   color: #668cf6;
}

.navbar-toggler {
   padding: 0;
   border: none;
   border-radius: 0;
   outline: 0;
}

.navbar-toggler:focus {
   border: none;
   outline: 0;
}

.herosec {
   background: #fff6ea url(../images/mobheroimg.jpg) right top no-repeat;
   background-size: contain;
}

.bannercontent select.form-control {
   vertical-align: middle;
   display: inline-block;
}

.badge {
   vertical-align: middle;
   margin-left: 25px;
}

.logo-carousel {
   text-align: center;
}

.logo-carousel .owl-nav {
   display: none;
}

.resultsec {
   background: #668cf6;
}

.resultsec h3 {
   color: #fff;
}

.reasonbox, .resultbox {
   margin: 15px 0;
   text-align: center;
}

.resultno {
   font-size: 30px;
   line-height: 30px;
   font-family: Conv_Poppins-ExtraBold;
   color: #fff;
}

.resultbox p {
   color: #fff;
}

.reasonbox h6 {
   margin-top: 20px;
}

.powersec {
   background: #668cf6;
}

.powerimg {
   height: 100%;
}

.powerimg img {
   width: 100%;
   display: block;
   height: 100%;
   object-fit: cover;
}

.powercontent {
   padding: 30px 20px;
}

.curioussec h3, .curioussec p, .powercontent h3, .powercontent p {
   color: #fff;
}

.powercontent p.smlheadingtext {
   color: #ffbd66;
}

.powercontent ul {
   margin: 20px 0 0;
   padding: 0;
}

.powercontent ul li {
   font-size: 16px;
   line-height: 26px;
   color: #fff;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-Medium;
   padding-left: 32px;
   position: relative;
}

.powercontent ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #fff;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.powersec .btn-default {
   background: #668cf6;
   padding-left: 0;
   padding-right: 0;
}

.powersec .btn-default:hover {
   color: #3c4876;
}

.powersec .btn-default:focus {
   color: #3c4876;
}

.aboutimg {
   margin-bottom: 25px;
}

.aboutimg img {
   width: 100%;
   display: block;
}

.aboutcontent .smlheadingtext {
   color: #668cf6;
}

.aboutcontent p.bigtext {
   font-family: Conv_Poppins-Medium;
}

.aboutcontent ul, .powercontent .vemdr_main_features {
   margin: 20px 0 0;
   padding: 0;
}

.aboutcontent ul li, .powercontent .vemdr_main_features li {
   font-size: 16px;
   line-height: 26px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-Medium;
   padding-left: 32px;
   position: relative;
}

.aboutcontent .bullet-points-bold li {
   font-family: Conv_Poppins-Bold;
}

.aboutcontent ul li::after, .powercontent .vemdr_main_features li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.aboutcontent .btn-default {
   background: 0 0;
   color: #668cf6;
   background: 0 0;
   padding-left: 0;
   padding-right: 0;
}

.aboutcontent .btn-default:hover {
   color: #3c4876;
}

.aboutcontent .btn-default:focus {
   color: #3c4876;
}

.curioussec, .therapist {
   background: #668cf6;
}

.curioussec .btn-default, .therapist .btn-default {
   border: 2px solid #fff;
   margin-top: 25px;
   background: 0 0;
   padding: 14px 19px 14px 22px;
   font-size: 14px;
   color: #fff;
}

.curioussec .btn-default:hover, .therapist .btn-default:hover {
   border: 2px solid #3c4876;
   background: #3c4876;
   color: #fff;
}

.programbox {
   padding: 30px;
   margin-top: 25px;
   background: #fffaf2;
}

.programbox p.smlheadingtext {
   color: #668cf6;
}

.programbox ul {
   margin: 20px 0 30px;
   padding: 0;
}

.programbox ul li {
   font-size: 16px;
   line-height: 26px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   padding-left: 32px;
   position: relative;
}

.programbox ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.programbox p em {
   text-decoration: line-through;
   display: inline-block;
   vertical-align: baseline;
}

.programbox p strong {
   font-size: 20px;
   line-height: 21px;
   color: #ffbd66;
   font-family: Conv_Poppins-Bold;
   margin: 0 5px;
   display: inline-block;
   vertical-align: baseline;
}

.featuredsec {
   background: #f7f8ff;
   padding-bottom: 30px;
}

.phone-carousel .owl-nav {
   top: 55%;
   display: none;
}

.phone-carousel .owl-prev {
   background: url(../images/progleftbtn.png) no-repeat;
   background-size: 100% auto;
   width: 44px;
   height: 44px;
   margin: 0;
}

.phone-carousel .owl-next {
   background: url(../images/progrightbtn.png) no-repeat;
   background-size: 100% auto;
   width: 44px;
   height: 44px;
   margin: 0;
}

.phone-carousel .owl-dots {
   display: block;
}

.featurecontent {
   padding: 30px 0 0;
}

.featurecontent .smlheadingtext {
   color: #668cf6;
}

.featurecontent p.bigtext {
   font-family: Conv_Poppins-SemiBold;
}

.feelimg {
   margin: 15px 0;
   position: relative;
}
.home-pg-mn .feelimg {
   margin: 24px 0 15px 36px;
   position: relative;
}
.feelimg a { 
   display: block;
   position: relative;
}
.feelimg_overlay{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border: solid 12px #eee;
   border-radius: 60px;
   transition: 0.5s;
   z-index: 99;
}
.feelimg:hover .feelimg_overlay{
   transform: scale(1.2);
   z-index: 99;
   margin-left: 32px;
   transition: 0.5s;
}

.reviewbox {
   background: #fff;
   padding: 29px;
}

.reviewimg {
   width: 160px;
   border: 1px solid #ccc;
   border-radius: 100%;
   margin: 0 auto;
}

.reviewimg img {
   width: 100%;
   display: block;
   border-radius: 100%;
}

.reviewcontent {
   margin-top: 20px;
}

.starsec i {
   color: #ffbd66;
   font-size: 18px;
   line-height: 18px;
   margin: 0 1px 0 0;
   display: inline-block;
   vertical-align: middle;
}

.reviewcontent p {
   font-size: 15px;
   line-height: 24px;
}

.authorname {
   color: #3c4876;
   font-size: 17px;
   line-height: normal;
   font-family: Conv_Poppins-Bold;
   margin-top: 12px;
}

.reviewsec .owl-nav {
   top: 45%;
   display: none;
}

.botimg {
   margin-bottom: 20px;
}

.botcontent h3 {
   color: #668cf6;
}

.botcontent p.bigtext {
   font-family: Conv_Poppins-SemiBold;
}

.botcontent p em {
   font-style: italic;
}

.footer {
   padding: 30px 0 80px;
   background: #444;
}

.footlogo {
   width: 176px;
   margin: 0 auto;
}

.socialicons {
   margin-top: 22px;
}

.socialicons a {
   margin: 0 7px;
   display: inline-block;
   vertical-align: middle;
}

.social1 {
   width: 30px;
   height: 30px;
   background: url(../images/social.png) -10px -60px;
}

.social2 {
   width: 30px;
   height: 30px;
   background: url(../images/social.png) -60px -10px;
}

.social3 {
   width: 30px;
   height: 30px;
   background: url(../images/social.png) -10px -10px;
}

.social4 {
   width: 30px;
   height: 30px;
   background: url(../images/social.png) -60px -60px;
}

.footer p {
   color: #fff;
   letter-spacing: 3px;
}

.footlink ul {
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
}

.footlink ul li {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   margin: 10px 0;
}

.footlink ul li a {
   color: #919191;
   font-size: 15px;
   line-height: 21px;
   font-family: Conv_Poppins-SemiBold;
}

.footlink ul li:hover a {
   color: #919191;
   transition: 0.4s;
}

.footlink ul li:focus a {
   color: #919191;
   transition: 0.4s;
}

.subscription {
   margin-top: 20px;
}

.subscription {
   overflow: hidden;
   width: 100%;
}

.inputouter {
   background: #fff url(../images/envicon.jpg) left 25px center no-repeat;
   padding: 0 50px;
   width: 100%;
   border-radius: 30px;
}

.inputouter .form-control {
   height: 55px;
   background: 0 0;
   border: none;
   box-shadow: none;
   font-size: 16px;
}

.inputouter .form-control:hover {
   border: none;
   box-shadow: none;
}

.inputouter .form-control:focus {
   border: none;
   box-shadow: none;
}

.inputouter .form-control::-webkit-input-placeholder {
   color: #3c4876;
   opacity: 1;
}

.inputouter .form-control::-moz-placeholder {
   color: #3c4876;
   opacity: 1;
}

.inputouter .form-control:-ms-input-placeholder {
   color: #3c4876;
   opacity: 1;
}

.inputouter .form-control:-moz-placeholder {
   color: #3c4876;
   opacity: 1;
}

.subscription .trybtn {
   height: 55px;
   width: 100%;
   margin-top: 20px;
   font-size: 16px;
   padding-left: 30px;
   padding-right: 30px;
   border: none;
}

.subscription .trybtn:hover {
   background: #ffbd66;
   color: #3c4876;
}

.footlink {
   margin-top: 30px;
}

.subscriptionbox {
   margin-top: 20px;
}

.copyright {
   font-size: 14px;
   line-height: 24px;
   color: #fff;
   font-family: Conv_Poppins-Regular;
   text-align: center;
}

.copyright span {
   color: #fff;
   display: inline-block;
   margin: 0 7px;
   vertical-align: middle;
}

.copyright a {
   font-size: 14px;
   color: #fff;
   display: inline-block;
   vertical-align: middle;
}

.copyright a:hover {
   color: #ffbd66;
}

.copyright a:focus {
   color: #ffbd66;
}

.copyright a.active {
   color: #ffbd66;
}

.hidebtn {
   display: none;
}

.floating-btn {
   position: fixed;
   width: 100%;
   left: 0;
   border-radius: 0;
   right: 0;
   margin: auto;
   z-index: 99999;
   top: auto;
   bottom: 0;
}

.footerinner {
   padding-bottom: 30px;
}

.ordersec {
   background: #f7f8ff;
}

.orderleft ul {
   margin: 30px auto 0;
   padding: 0;
   width: 280px;
}

.orderleft ul li {
   font-size: 20px;
   line-height: 30px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-Medium;
   padding-left: 32px;
   position: relative;
}

.orderleft ul li::after {
   font-size: 28px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.order-box {
   padding: 30px;
   margin-top: 30px;
   background: #fff;
   border-radius: 8px;
   -webkit-box-shadow: 0 0 28px -1px rgba(0, 0, 0, 0.8);
   -moz-box-shadow: 0 0 28px -1px rgba(0, 0, 0, 0.08);
   box-shadow: 0 0 28px -1px rgba(0, 0, 0, 0.08);
}

.accounticon i {
   font-size: 60px;
   line-height: 60px;
   text-align: center;
   color: #668cf6;
}

.order-box p.bigtext {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   margin-top: 10px;
   letter-spacing: 2px;
   margin-bottom: 25px;
}

.order-box .form-control {
   border: 2px solid #c2d1fb;
   padding: 0 20px;
   background: #fff;
   height: 58px;
   box-shadow: none;
   border-radius: 8px;
}

.order-box .form-control::-webkit-input-placeholder {
   color: #3c4876;
   opacity: 1;
}

.order-box .form-control::-moz-placeholder {
   color: #3c4876;
   opacity: 1;
}

.order-box .form-control:-ms-input-placeholder {
   color: #3c4876;
   opacity: 1;
}

.order-box .form-control:-moz-placeholder {
   color: #3c4876;
   opacity: 1;
}

.order-box .smltext {
   letter-spacing: 1px;
   color: #3c4876;
   font-family: Conv_Poppins-Medium;
}

.order-box .smltext a {
   color: #668cf6;
}

.order-box .smltext a:hover {
   color: #000;
}

.orderitemrow {
   margin-top: 20px;
}

.checkboxsec {
   display: inline-block;
   vertical-align: top;
   margin-right: 8px;
   position: relative;
   cursor: pointer;
   font-size: 22px;
   width: 25px;
   border-radius: 100%;
   height: 25px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin-top: 4px;
}

.checkboxsec input {
   position: absolute;
   opacity: 0;
   left: 0;
   top: 0;
   z-index: 9;
   cursor: pointer;
   height: 25px;
   width: 25px;
}

.checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   border-radius: 100%;
   border: 1px solid #939eb3;
   background-color: #f0f2ff;
}

.checkboxsec:hover input~.checkmark {
   background-color: #f0f2ff;
}

.checkboxsec input:checked~.checkmark {
   background-color: #f0f2ff;
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.checkboxsec input:checked~.checkmark:after {
   display: block;
}

.checkboxsec .checkmark:after {
   left: 5px;
   top: 5px;
   width: 13px;
   height: 13px;
   background: #668cf6;
   border-radius: 100%;
}

.orderitemrow label {
   display: inline-block;
   width: 83%;
   font-size: 13px;
   color: #223f4c;
   cursor: pointer;
   vertical-align: top;
}

.orderitemrow span {
   color: #3c4876;
   font-family: Conv_Poppins-Medium;
   font-size: 16px;
   display: block;
}

.ordertwobox p.bigtext {
   padding-bottom: 12px;
   border-bottom: 2px solid #e2e4eb;
   margin-top: 25px;
}

.order-pricesec {
   margin-top: 20px;
}

.order-pricesec strong {
   text-transform: uppercase;
   color: #3c4876;
   font-size: 15px;
   display: inline-block;
   vertical-align: middle;
   font-family: Conv_Poppins-SemiBold;
}

.order-pricesec span {
   color: #668cf6;
   font-size: 15px;
   font-family: Conv_Poppins-SemiBold;
}

.promobox {
   cursor: pointer;
}

.order-pricesec i {
   font-size: 28px;
   line-height: 28px;
   display: inline-block;
   vertical-align: middle;
   margin-left: 8px;
   color: #668cf6;
   cursor: pointer;
}

.promocode {
   height: 40px;
   margin-top: 15px;
   display: none;
}

.finalprice {
   padding-top: 15px;
   padding-bottom: 15px;
   border-bottom: 2px solid #e2e4eb;
   border-top: 2px solid #e2e4eb;
   margin-top: 20px;
}

.paymenticon {
   text-align: center;
   margin-top: 8px;
}

.faqherosec {
   background: #f7f8ff;
}

.innerherosec {
   padding: 7% 0;
}

#therapist-network-innerherosec {
   padding: 5% 0;
}

.innerherosec h1 {
   font-family: Conv_Poppins-Bold;
   font-size: 30px;
   line-height: 40px;
}

.font-regular {
   font-family: Conv_Poppins-Regular !important;
}

.faqone {
   background: #3c4876;
}

.faqone .powercontent p {
   color: #3c4876;
   margin-top: 15px;
}

.faqone .powercontent h6 {
   color: #3c4876;
   font-size: 18px;
   line-height: 28px;
   text-transform: none;
}

.faqone .accordion-item-active .accordion-header h6 {
   color: #668cf6;
}

.faqtwo {
   background: #ffbd66;
}

.faqbot {
   background: url(../images/faqbotbg.jpg) center top no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.faqbot .btn-default {
   background: #668cf6;
   border: 2px solid #668cf6;
}

.faqbot .btn-default:hover {
   background: #000;
   border: 2px solid #000;
}

.faqbot .btn-default:focus {
   background: #000;
   border: 2px solid #000;
}

.edmrherosec {
   background: #fff7eb;
}

.edmrherosec p.bigtext {
   color: #668cf6;
}

.edmrherocontent {
   margin-top: 25px;
}

.blogherosec {
   background: #f7f8ff;
}

.blogleft {
   padding: 30px 20px;
}

.searchbox {
   border: 2px solid #bdcdfb;
   height: 74px;
   padding: 0 20px;
   background: #fff;
   border-radius: 8px;
   overflow: hidden;
}

.blog_page-searchbox {
   max-width: 500px;
   margin: auto;
}

.blog_page-filter-tags {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
}

.blog_page-filter-tags-wrapper {
   max-width: 800px;
   margin: auto;
}

.searchbox .form-control {
   background: #fff;
   width: 191px;
   border: none;
   font-size: 16px;
   color: #668cf6;
   background: 0 0;
   padding: 0;
   height: 70px;
   box-shadow: none;
   float: left;
}

.searchbox .form-control::-webkit-input-placeholder {
   color: #668cf6;
   text-transform: uppercase;
   letter-spacing: 1px;
   opacity: 1;
}

.searchbox .form-control::-moz-placeholder {
   color: #668cf6;
   text-transform: uppercase;
   letter-spacing: 1px;
   opacity: 1;
}

.searchbox .form-control:-ms-input-placeholder {
   color: #668cf6;
   text-transform: uppercase;
   letter-spacing: 1px;
   opacity: 1;
}

.searchbox .form-control:-moz-placeholder {
   color: #668cf6;
   text-transform: uppercase;
   letter-spacing: 1px;
   opacity: 1;
}

.searchbtn {
   background: 0 0;
   border: none;
   height: 70px;
   float: right;
}
.find-therapist-pg .searchbtn {
   background: 0 0;
   border: none;
   height: 70px;
   float: left;
}

.searchbtn i {
   font-size: 40px;
   line-height: 70px;
   color: #668cf6;
}

.blogleft p.bigtext {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   margin-top: 28px;
   letter-spacing: 2px;
   margin-bottom: 20px;
}

.filtersec ul {
   margin: 0;
   padding: 0;
}

.filtersec ul li {
   display: inline-block;
   vertical-align: middle;
   margin: 6px 3px;
}

.filtersec ul li a {
   display: block;
   padding: 10px 17px;
   border-radius: 50px;
   text-align: center;
   background: #ffbd66;
   color: #001876;
   font-family: Conv_Poppins-SemiBold;
   font-size: 14px;
   line-height: 14px;
}

.filtersec ul li:hover a {
   color: #fff;
   background: #3c4876;
}

.archivesec ul {
   margin: 0;
   padding: 0;
}

.archivesec ul li {
   font-size: 16px;
   line-height: 26px;
   color: #3c4876;
   letter-spacing: 2px;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-SemiBold;
   padding-left: 32px;
   position: relative;
}

.archivesec ul li a {
   color: #3c4876;
}

.archivesec ul li a span {
   color: #668cf6;
}

.archivesec ul li::after {
   font-size: 25px;
   content: "add_circle";
   display: block;
   float: left;
   color: #668cf6;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.archivesec ul li:hover a {
   color: #668cf6;
}

.archivesec ul li:hover a span {
   color: #3c4876;
}

.archivesec ul li:hover::after {
   color: #3c4876;
}

.blogright {
   padding: 30px 20px;
   background: #f7f8ff;
}

.blogbox {
   margin: 15px 0;
}

.blogimg {
   margin-bottom: 20px;
}

.blogimg img {
   width: 100%;
   display: block;
}

.blogbox p.date {
   margin-top: 8px;
   font-family: Conv_Poppins-Medium;
}

.blogbox p.bigtext {
   margin-top: 8px;
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
}

.privacycontent h6 {
   margin: 15px 0;
}

.blogherosec p.bigtext {
   color: #668cf6;
}

.privacyleft ul {
   margin: 0;
   padding: 0;
}

.privacyleft ul li {
   display: block;
   border-top: 1px solid #e4e6f1;
   font-size: 14px;
   text-transform: uppercase;
   font-family: Conv_Poppins-Medium;
}

.privacyleft ul li:first-child {
   border: none;
}

.privacyleft ul li a {
   display: block;
   padding: 15px 15px;
   color: #3c4876;
}

.privacyleft ul li:hover a {
   color: #668cf6;
}

.privacyleft ul li:focus a {
   color: #668cf6;
}

.therapistsec {
   background: #f7f8ff;
}

.therapistsec p {
   font-family: Conv_Poppins-SemiBold;
}

.therapistsec p.bigtext {
   color: #668cf6;
   font-family: Conv_Poppins-Medium;
}

.searcharea {
   background: #fffaf2;
}

.searcharea .row {
   margin-top: 25px;
}

.searchcontent {
   margin: 15px 0;
}

.searchcontent p.bigtext {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   letter-spacing: 2px;
   margin-bottom: 15px;
   margin-left: 3px;
}

.therapistnavigation ul {
   text-align: center;
}

.therapistnavigation ul li {
   display: inline-block;
   vertical-align: middle;
   margin: 6px 0;
}

.therapistnavigation ul li a {
   display: block;
   padding: 8px 27px;
   border-radius: 50px;
   text-align: center;
   background: #fff;
   color: #001876;
   font-family: Conv_Poppins-SemiBold;
   font-size: 16px;
   line-height: 16px;
}

.therapistnavigation ul li:hover a {
   background: #668cf6;
   color: #fff;
}

.therapistnavigation ul li:focus a {
   background: #668cf6;
   color: #fff;
}

.therapistnavigation ul li.active a {
   background: #668cf6;
   color: #fff;
}

.therapistbox {
   margin: 15px 0;
   background: #f7f8ff;
   padding: 30px 15px;
}

.therapistimg {
   padding: 0 20px;
   border-radius: 14px;
}

.therapistimg img {
   width: 100%;
   display: block;
   border-radius: 14px;
}

.therapistbox p {
   margin-top: 10px;
   font-size: 14px;
   line-height: 24px;
}

.therapistbox p strong {
   font-family: Conv_Poppins-SemiBold;
}

.therapistbox p.bigtext {
   font-family: Conv_Poppins-SemiBold;
   margin-top: 18px;
   font-size: 18px;
   line-height: 28px;
}

.therapistbox .buttonouter {
   margin-top: 20px;
}

.therapistbox a {
   font-size: 16px;
   line-height: 16px;
   font-family: Conv_Poppins-SemiBold;
   color: #3c4876;
}

.therapistbox a span {
   display: inline-block;
   vertical-align: middle;
   margin-right: 8px;
}

.therapistbox a i {
   font-size: 28px;
   line-height: 28px;
   display: inline-block;
   vertical-align: middle;
   color: #668cf6;
   cursor: pointer;
}

.therapistbox a:hover {
   color: #668cf6;
}

.therapistbox a:hover i {
   color: #3c4876;
}

.articlesidecontent ul {
   margin: 0;
   padding: 0;
}

.articlesidecontent ul li {
   width: 100%;
   padding: 20px 0;
   border-bottom: 1px solid #dbdeeb;
}

.articlesidecontent ul li:first-child {
   padding-top: 10px;
}

.articlesideimg {
   width: 70px;
   display: inline-block;
   vertical-align: middle;
}

.articlesideimg img {
   width: 100%;
   display: block;
   border-radius: 10px;
}

.articlesidetext {
   width: 65%;
   display: inline-block;
   vertical-align: middle;
   margin-left: 12px;
   color: #3c4876;
   font-size: 16px;
   font-family: Conv_Poppins-SemiBold;
   line-height: 26px;
}

.blogright h3 strong {
   color: #668cf6;
}

.articletag {
   position: absolute;
   left: 0;
   top: 0;
   padding: 8px 20px;
   color: #fff;
   font-size: 16px;
   font-family: Conv_Poppins-SemiBold;
   letter-spacing: 1.6px;
   text-transform: uppercase;
   background: #668cf6;
}

.modal-content {
   border-radius: 0;
   padding: 25px 25px;
}

.modal-body {
   padding: 0;
}

.modal-backdrop.show {
   opacity: 0.6;
}

.close {
   opacity: 1;
   position: absolute;
   right: 20px;
   top: 10px;
   z-index: 99999;
}

.modal {
   z-index: 999999;
}

#vimeo1 {
   padding-right: 0;
}

.testimonial-videos .modal-dialog {
   height: 90%;
}

.testimonial-videos .modal-body, .testimonial-videos .modal-content {
   width: 100%;
   height: 100%;
}

.testimonial-videos .modal-body iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.modal-backdrop {
   z-index: 99999;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
   opacity: 1;
}

.modalimg {
   text-align: center;
   margin-bottom: 25px;
}

.feelmodalreview .reviewbox {
   background: #fff6ea;
}

.feelmodalreview .owl-nav {
   display: none;
}

.modal-content h6 {
   margin-top: 30px;
}

.modal-content h3 {
   font-size: 34px;
   line-height: 44px;
}

.modal-content p.bigtext {
   margin-top: 30px;
   margin-bottom: 30px;
   font-family: Conv_Poppins-SemiBold;
}

.modal-content p.bigtext a {
   color: #668cf6;
   display: block;
}

.partners-practitionersec .bigtext a {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   font-size: 18px;
}

.modal-content p.bigtext a:hover {
   color: #ffbd66;
}

.modal-content p.bigtext a:focus {
   color: #ffbd66;
}

.conditionbanner {
   padding: 30px 0;
   background: #2b6a9d;
}

.conditionbanner h1 {
   color: #fff;
}

.conditionbanner h1 span {
   font-size: 22px;
}

.conditionbanner h1 strong {
   margin: 8px 0;
   font-size: 46px;
}

.conditionbanner p {
   color: #fff;
   margin-top: 30px;
   font-size: 16px;
   line-height: 26px;
   font-family: Conv_Poppins-Medium;
}

.conditionimg {
   margin-top: 25px;
}

.contitionslidersec .reviewcontent {
   width: 100%;
}

.contitionslidersec .authorname {
   margin-top: 20px;
}

.contitionslidersec .reviewimg {
   width: 80px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 12px;
}

.contitionslidersec .authorname span {
   display: inline-block;
   vertical-align: middle;
}

.conditionsliderouter {
   border: 2px solid #ffbd66;
   padding: 25px;
   border-radius: 10px;
}

.contitionslidersec .owl-nav {
   display: none;
}

.conditionmidsec .row {
   margin-top: 25px;
}

.conditionmidsec p strong {
   font-family: Conv_Poppins-SemiBold;
}

.depressionsec p strong {
   font-family: Conv_Poppins-SemiBold;
}

.depressionsec ul {
   margin-top: 30px;
}

.depressionsec ul li {
   margin-top: 15px;
   padding: 20px;
   text-align: center;
   border: 2px solid #ffbd66;
   background: #fff;
   overflow: hidden;
   border-radius: 7px;
}

.depressionsec ul li:first-child {
   margin-top: 0;
}

.conditionicon {
   width: 108px;
   margin: 0 auto;
}

.depressionsec ul li p {
   margin-top: 20px;
}

.addictionbanner, .addictionbox, .angerbanner, .angerbox {
   background-color: #ca0c0c;
}

.griefbanner, .griefbox {
   background-color: #2b6a9d;
}

.anxietybanner, .anxietybox, .phobiasbanner, .phobiasbox {
   background-color: #d44f54;
}

.traumabanner, .traumabox {
   background-color: #bd6abc;
}

.ptsdbanner, .ptsdbox {
   background-color: #4a3977;
}

.selfesteembanner, .selfesteembox, .stressbanner, .stressbox {
   background-color: #0d906a;
}

.conditionsbox {
   border-radius: 12px;
   overflow: hidden;
}

.depressionbox {
   border-radius: 12px;
   overflow: hidden;
   background: #2b6a9d;
}

.depressioninnercontent {
   padding: 20px;
}

.depressioninnercontent p {
   color: #fff;
}

.depressioninnercontent p.bigtext {
   font-size: 21px;
   line-height: 29px;
}

.conditionsbox .btn-default, .depressionbox .btn-default {
   font-size: 14px;
   padding: 14px 25px 14px 35px;
}

.conditionsbox, .depressionbox {
   margin-top: 30px;
}

.conditionbotsec {
   background: #f7f8ff;
}

.conditionbotsec p strong {
   font-family: Conv_Poppins-SemiBold;
}

.conditionbotsec ul {
   margin: 20px 0 0;
   padding: 0;
}

.conditionbotsec ul li {
   font-size: 16px;
   line-height: 26px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-SemiBold;
   padding-left: 32px;
   position: relative;
}

.conditionbotsec ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.eyeimg {
   margin-top: 25px;
}

.conditionbotsec p.largetext {
   font-size: 22px;
   text-align: center;
   margin-top: 20px;
   line-height: 32px;
   color: #668cf6;
   font-family: Conv_Poppins-Medium;
}

.anxietybanner, .anxietybox {
   background: #d44f54;
}

.dropdown-menu {
   border-radius: 0;
   padding: 0;
   margin: 10px 0;
}

.navbar-nav li li {
   margin: 0;
   border-top: 1px solid #dcdee0;
   padding: 10px 10px;
}

.navbar-nav li li a {
   padding: 0;
   width: 100%;
   display: flex;
   align-items: center;
}

.navbar-nav li li:last-child a {
   padding-bottom: 0;
}

.navbar-nav li:hover li a {
   color: #3c4876;
}

.navbar-nav li li:hover a {
   color: #668cf6;
}

.navbar-nav li.active li a {
   color: #000;
}

.navbar-nav li li.active a {
   color: #668cf6;
}

.navbar-nav li.active li:hover a {
   color: #668cf6;
}

.navbar-nav li li:first-child {
   border-top: none;
}

.mainmenu {
   background: 0 0;
   border: 0 solid;
   margin: 0;
   padding: 0;
   min-height: 20px;
   width: 100%;
}

.navbar-nav li:hover li li a {
   color: #3c4876;
}

.navbar-nav li li li:hover a {
   color: #668cf6;
}

.navbar-nav li:hover span {
   color: #668cf6;
}

.navbar-nav li:hover li span {
   color: #3c4876;
}

.navbar-nav li li:hover span {
   color: #3c4876;
}

.dropdown-menu {
   display: none;
}

.dropdown-menu li {
   font-weight: 400;
}

.dropdown-toggle {
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
   cursor: pointer;
}

.mainmenu ul ul {
   margin-left: 15px;
   margin-right: 15px;
}

.mainmenu ul ul ul {
   margin-left: 8px;
   margin-right: 8px;
}

.trynwbtn {
   background: #ffbd66;
}

.trynwbtn:hover {
   background: #3c4876;
}

.trynwbtn:focus {
   background: #3c4876;
}

.loginnwbtn {
   background: #668cf6;
}

.loginnwbtn:hover {
   background: #3c4876;
}

.loginnwbtn:focus {
   background: #3c4876;
}

.logosec p {
   margin-bottom: 30px;
   font-family: Conv_Poppins-SemiBold;
}

.noone:after {
   content: "+";
   color: #fff;
   font-size: 30px;
   line-height: 30px;
}

.notwo:after {
   content: "%";
   color: #fff;
   font-size: 30px;
   line-height: 30px;
}

.powercontent p strong {
   font-family: Conv_Poppins-SemiBold;
}

.powerinnercontent {
   overflow: hidden;
}

.powerinnercontent .emdr-about-heading {
   font-weight: 700;
   font-size: 2rem;
   letter-spacing: 1.1px;
}

.bluebreak {
   display: none;
}

.featuredsec h3 {
   margin-bottom: 20px;
}

.conditionfeaturesec {
   background: #fff;
}

.embed-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
}

.embed-container embed, .embed-container iframe, .embed-container object {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.conditionreviewcontent {
   margin-top: 25px;
}

.conditionfaqsec {
   background: #f7f8ff;
}

.conditionfaqsec p {
   color: #3c4876;
   margin-top: 15px;
}

.traumahero {
   background: #bd6abc;
}

.footlink ul {
   margin-top: 22px;
}

.conditionsboximg-container, .depressionrightimg {
   height: 100%;
}

.conditionsboximg-container img, .depressionrightimg img {
   height: 100%;
   object-fit: cover;
}

.angerbanner .btn-default:hover {
   background: #000;
}

.angerbanner .btn-default:focus {
   background: #000;
}

.esteembanner {
   background: #084f60;
}

.modal-body p strong {
   font-family: Conv_Poppins-SemiBold;
}

.order-box .promocode {
   color: #ccc;
}

.order-box .promocode::-webkit-input-placeholder {
   color: #ccc;
   opacity: 1;
}

.order-box .promocode::-moz-placeholder {
   color: #ccc;
   opacity: 1;
}

.order-box .promocode:-ms-input-placeholder {
   color: #ccc;
   opacity: 1;
}

.order-box .promocode:-moz-placeholder {
   color: #ccc;
   opacity: 1;
}

.depressionsec ul li {
   padding: 0;
   display: flex;
   text-align: left;
}

.conditionicon {
   width: 85px;
   margin: 0;
}

.depressionsec ul li p {
   width: 61%;
   margin-left: 10px;
   font-size: 14px;
   line-height: 24px;
   align-self: center;
   margin-top: 0;
}

.conditionicon {
   background: #f8f8ff;
}

.conditionicon img {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}

.conditionimg {
   width: 200px;
   margin-left: auto;
   margin-right: auto;
}

.blogheroimg img {
   width: 100%;
   display: block;
}

.blogdetails h3 {
   margin: 15px 0 0;
}

.blogdetails p.date {
   margin-top: 8px;
   font-family: Conv_Poppins-Medium;
   margin-bottom: 0;
}

.blogdetails p.bigtext {
   margin-top: 8px;
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
}

.blogdetails p.bigtext span {
   color: #3c4876;
}

.blogrightimg {
   display: block;
   margin: 15px auto;
}

.blogdetails p {
   margin: 20px 0;
}

.blogdetails p strong {
   font-family: Conv_Poppins-SemiBold;
}

.blogdetails p em {
   font-family: Conv_Poppins-SemiBoldItalic;
}

.blogformouter {
   margin-top: 30px;
   padding-top: 30px;
   border-top: 1px solid #dadada;
}

.blogformouter p {
   margin: 8px 0 !important;
}

.blogformouter form {
   margin-top: 30px;
}

.blogformouter .form-control {
   height: 56px;
   border: 2px solid #c2d1fb;
   padding: 0 20px;
   border-radius: 6px;
   color: #3c4876;
   box-shadow: none;
}

.blogformouter textarea.form-control {
   height: 140px;
   padding: 20px;
}

.blogformouter .form-control::-webkit-input-placeholder {
   color: #3c4876;
   opacity: 1;
}

.blogformouter .form-control::-moz-placeholder {
   color: #3c4876;
   opacity: 1;
}

.blogformouter .form-control:-ms-input-placeholder {
   color: #3c4876;
   opacity: 1;
}

.blogformouter .form-control:-moz-placeholder {
   color: #3c4876;
   opacity: 1;
}

.resultherosec {
   background: #fff6ea url(../images/resultmobheroimg.jpg) right top no-repeat;
   background-size: contain;
}

.resultherosec .smlheadingtext {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   letter-spacing: 2px;
}

.resultherosec h3 {
   margin-top: 15px;
}

.resultherosec p.bigtext {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
}

.beforeaftersec {
   background: #f7f8ff;
}

.beforeimg {
   text-align: center;
   margin-bottom: 25px;
}

.beforeaftersec p.bigtext {
   font-family: Conv_Poppins-SemiBold;
   margin: 0;
   font-size: 22px;
}

.beforeaftersec h3 {
   font-size: 30px;
   margin-top: 8px;
   line-height: 40px;
}

.beforeaftersec p strong {
   font-size: 20px;
   display: block;
   margin-top: 25px;
   font-family: Conv_Poppins-SemiBold;
}

.peoplevid {
   margin-bottom: 25px;
   width: 100%;
   height: 50vw;
}

.peoplevid .vimeo_video_player {
   width: 100%;
   height: 100%;
}

.peoplevid img {
   width: 100%;
   display: block;
}

.peoplesec h3 {
   margin-top: 15px;
}

.customersec p.smlheadingtext {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   margin-bottom: 8px;
}

.customersec .blogleft {
   padding: 0;
   margin-bottom: 20px;
   background: 0 0;
}

.customerreviewimg {
   border-radius: 100%;
   max-width: 150px;
}

.customerreviewimg img {
   display: block;
   width: 100%;
   border-radius: 100%;
}

.customerreviewbox p.bigtext {
   font-family: Conv_Poppins-SemiBold;
   margin: 0;
}

.customerreviewbox a, .customerreviewbox a:active, .customerreviewbox a:hover {
   color: #3c4876;
}

.customerauthorsec .review-date {
   font-family: Conv_Poppins-SemiBold;
}

.customerauthorsec {
   margin-top: 8px;
   text-align: center;
}

.customerauthorsec a, .customerauthorsec a:active, .customerauthorsec a:hover {
   color: #668cf6;
}

.customerauthorsec strong {
   font-size: 14px;
   font-family: Conv_Poppins-SemiBold;
   color: #668cf6;
}

.customerauthorsec p {
   font-size: 12px;
   line-height: normal;
   margin-top: 0;
}

.customerbox {
   margin: 15px 0;
}

.result-carousel .owl-dots {
   text-align: right;
   padding-right: 110px;
}

.result-carousel .owl-nav {
   width: 97px;
   bottom: -6px;
   top: auto;
   right: 0;
}

.result-carousel .owl-prev {
   margin: 0;
}

.result-carousel .owl-next {
   margin: 0;
}

.result-carousel .owl-dots .owl-dot span {
   background: #ffdeb2;
   border: 1px solid #ffdeb2;
}

.result-carousel .owl-dots .owl-dot.active span {
   background: #ffbd66;
   border: 1px solid #ffbd66;
}

.sharearea {
   position: absolute;
   right: 0;
   top: 21%;
}

.sharearea img {
   display: block;
   margin: 12px auto 0;
}

.aboutherosec {
   background: #f7f8ff;
}

.ownersec {
   background: #fff6ea;
}

.ownerbox {
   margin: 15px 0;
}

.ownerbox img {
   width: 100%;
   display: block;
}

.ownerplus {
   width: 42px;
   left: 0;
   right: 0;
   margin: auto;
   bottom: -20px;
   position: absolute;
   background: #fff;
   border-radius: 100%;
}

.ownerplus img {
   width: auto;
}

.ownerimg {
   position: relative;
}

.ownerbox p.bigtext {
   font-size: 26px;
   font-family: Conv_Poppins-SemiBold;
   margin-top: 44px;
}

.ownerbox p.bigtext strong {
   font-size: 18px;
   display: block;
}

.partnersec p.bigtext {
   font-family: Conv_Poppins-SemiBold;
   color: #668cf6;
   margin-bottom: 8px;
   text-transform: uppercase;
}

.partnersec .owl-nav {
   display: none;
}

.newmediasec {
   background: #f7f8ff;
}

.pricinghero {
   background: #f7f8ff;
}

.pricinghero p.bigtext strong {
   font-family: Conv_Poppins-Medium;
   line-height: normal;
}

.pricebox {
   margin: 15px 0;
   -webkit-box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.09);
   -moz-box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.09);
   box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.09);
   border-radius: 8px;
   background: #fff;
   overflow: hidden;
}

.pricebox h4 {
   background: #668cf6;
   text-align: center;
   padding: 22px 15px 28px;
   color: #fff;
   font-size: 20px;
   font-family: Conv_Poppins-Medium;
}

.priceamountsec {
   padding: 0 15px 15px;
   background: #f7f8ff;
   text-align: center;
}

.priceamountsec h5 {
   font-size: 22px;
   font-family: Conv_Poppins-SemiBold;
   color: #668cf6;
   /* margin-top: -5px; */
}

.priceamountsec h5 span {
   display: inline-block;
   vertical-align: middle;
}

.priceamountsec h5 strong {
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-left: 10px;
   /* background: #e4e6f1; */
   border-radius: 30px;
   font-size: 16px;
   color: #3c4876;
   padding: 3px 22px;
}

.priceamountsec h5 strong:after {
   content: "";
   position: absolute;
   left: 0;
   top: 14px;
   width: 100%;
   height: 3px;
   background: #8E8F95;
}

.priceamountsec h6 {
   display: inline-block;
   padding: 6px 12px;
   border-radius: 30px;
   top: -15px;
   position: relative;
   background: #fff;
   font-family: Conv_Poppins-Regular;
   font-size: 14px;
   line-height: 14px;
   /* border: 2px solid #aec2fa; */
   color: #668cf6;
}

.pricedetailsbox {
   /* padding: 25px 21px 30px; */
   background: #fff;
   text-align: left;
   margin-bottom: 20px;
}

.pricedetailsbox p {
   /* text-align: center; */
   margin-top: 12px;
   font-size: 15px;
   line-height: 22px;
   color: #71747D;
   /* font-family: Conv_Poppins-Medium; */
}

.pricebox .btn-default {
   padding-top: 11px;
   padding-bottom: 11px;
}

.curioussec p em {
   font-style: italic;
}

.pricemidsec {
   background: #fffaf2;
}

.priceimg {
   margin-bottom: 25px;
}

.priceimg img {
   width: 100%;
   display: block;
}

.pricemidsec ul li {
   font-size: 16px;
   line-height: 26px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-Medium;
   padding-left: 32px;
   position: relative;
}

.pricemidsec ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.pricemidsec .pricebox {
   min-height: 0;
   padding: 20px 33px;
}

.pricemidsec .pricebox .priceamountsec {
   background: #fff;
   padding: 0;
   margin: 15px 0 0;
}

.pricemidsec .pricebox .priceamountsec h5 {
   font-size: 32px;
   line-height: 35px;
}

.pricemidsec .buttonouter {
   margin-top: 20px;
}

.pricewhitesec {
   background: #fff;
}

.partnerheroimg {
   background: #f7f8ff;
}

.partnerbox {
   padding: 45px 25px;
   background: #e5e8ff;
   border-radius: 15px;
   margin: 15px 0;
}

.partnerbox p {
   font-size: 20px;
   color: #3c4876;
   font-family: Conv_Poppins-SemiBold;
}

.midtherapistsec p.smlheadingtext {
   color: #668cf6;
   font-family: Conv_Poppins-Medium;
}

.midtherapistsec h3 {
   margin: 10px 0;
}

.midtherapistsec ul li {
   margin-top: 15px;
}

.midtherapistsec ul li:after {
   color: #668cf6;
}

.midtherapistsec p.bigtext {
   font-family: Conv_Poppins-SemiBold;
   color: #668cf6;
   margin: 40px 0 30px;
}

.practitionercontent {
   padding: 25px;
   background: #f7f8ff;
   margin-bottom: 20px;
   border-radius: 8px;
}

.practitionercontent p {
   font-family: Conv_Poppins-Regular;
   font-size: 15px;
   line-height: 22px;
}

.practitionerauthor {
   margin-top: 20px;
}

.practitionerauthor .name {
   font-family: Conv_Poppins-SemiBold;
}

.practitionerauthor .designation {
   font-family: Conv_Poppins-Regular;
}

.practitionerauthor img {
   width: 70px;
   display: inline-block;
   vertical-align: middle;
   border-radius: 100%;
}

.practitionerauthor span {
   font-size: 15px;
   line-height: 22px;
   font-family: Conv_Poppins-Medium;
   color: #668cf6;
   width: 70%;
   display: inline-block;
   vertical-align: middle;
   margin-left: 12px;
}

.practitioner-carousel .owl-item {
   vertical-align: top;
}

.practitioner-carousel .owl-nav {
   display: none;
}

.plansec {
   background: #f7f8ff;
}

.priceamountsec h6.popularplan {
   background: #ffbd66;
   color: #3c4876;
   border: 2px solid #ffbd66;
}

.plansec .pricebox {
   min-height: 0;
}

.organizationsec p.smlheadingtext {
   color: #668cf6;
   font-family: Conv_Poppins-Medium;
}

.organizationsec h3 {
   margin: 10px 0;
}

.organizationsec ul li {
   font-size: 16px;
   line-height: 26px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-Medium;
   padding-left: 32px;
   position: relative;
}

.organizationsec ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.guidedsec p.bigtext {
   font-family: Conv_Poppins-SemiBold;
}

.guidedsec p.bigtext strong {
   color: #668cf6;
}

.affiliatesec p.bigtext {
   color: #3c4876;
   margin: 25px 0;
}

.affiliatesec p strong {
   display: inline-block;
   margin-bottom: 8px;
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
   font-size: 1.5rem;
   text-transform: uppercase;
}

@media only screen and (min-width: 360px) {
   .curioussec .btn-default, .therapist .btn-default {
      padding: 14px 30px 14px 40px;
   }
   .programbox p strong {
      font-size: 28px;
      line-height: 29px;
   }
   .searchbox .form-control {
      width: 231px;
   }
   .conditionbanner h1 strong {
      font-size: 52px;
   }
   .conditionbanner h1 span {
      font-size: 25px;
      line-height: 35px;
   }
   .conditionbanner p {
      font-size: 18px;
      line-height: 28px;
   }
   .bluebreak {
      display: block;
   }
   .orderitemrow label {
      width: 86%;
   }
   .order-pricesec span, .order-pricesec strong {
      font-size: 17px;
   }
}

@media only screen and (min-width: 480px) {
   h1 strong {
      font-size: 65px;
      line-height: 50px;
   }
   h1 span {
      font-size: 36px;
   }
   .curioussec .btn-default, .therapist .btn-default {
      font-size: 15px;
   }
   .conditionbanner h1 strong {
      font-size: 66px;
      margin: 10px 0;
   }
   .conditionbanner h1 span {
      font-size: 31px;
      line-height: 41px;
   }
   .orderitemrow label {
      font-size: 16px;
   }
}

@media only screen and (min-width: 576px) {
   .btn-default {
      font-size: 16px;
   }
   .inputouter {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      float: left;
      width: 340px;
   }
   .subscription .trybtn {
      float: left;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 150px;
      margin: 0;
   }
   .order-pricesec strong {
      letter-spacing: 2px;
      font-size: 16px;
   }
   .order-pricesec span {
      font-size: 16px;
   }
   .conditionicon {
      width: 108px;
   }
   .depressionsec ul li p {
      margin-left: 15px;
      font-size: 16px;
      line-height: 26px;
   }
   .beforeaftersec p.bigtext {
      font-size: 25px;
   }
   .beforeaftersec h3 {
      font-size: 40px;
      line-height: 50px;
   }
}

@media only screen and (min-width: 768px) {
   h1 strong {
      font-size: 70px;
      line-height: 55px;
   }
   h1 span {
      font-size: 39px;
   }
   h3 {
      font-size: 27px;
      line-height: 37px;
   }
   .container {
      max-width: 750px;
   }
   .section {
      padding: 40px 0;
   }
   .rowgap {
      margin-top: 30px;
   }
   .navbar-nav {
      margin-left: auto;
   }
   .bannercontent {
      width: 600px;
   }
   .resultno {
      font-size: 40px;
      line-height: 40px;
   }
   .aboutimg {
      margin-bottom: 0;
   }
   .programbox {
      margin: 0 10px 0 0;
   }
   .reviewimg {
      display: inline-block;
      vertical-align: top;
      margin: 0;
   }
   .reviewcontent {
      margin-top: 0;
      display: inline-block;
      vertical-align: top;
      width: 465px;
      margin-left: 30px;
   }
   .botimg {
      margin-bottom: 0;
   }
   .footer {
      padding: 40px 0 80px;
   }
   .footlogo {
      margin: 0;
   }
   .socialicons a {
      margin: 0 15px 0 0;
   }
   .inputouter {
      width: 570px;
   }
   .footlink {
      margin: 0;
   }
   .innerherosec h1 {
      font-size: 40px;
      line-height: 50px;
   }
   .faqone .powercontent {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
   }
   .edmrherocontent {
      margin-top: 0;
   }
   .blogleftouter {
      background: #f7f8ff;
   }
   .blogleft {
      padding: 40px 25px;
      background: #f7f8ff;
   }
   .blogright {
      background: #fff;
   }
   .blogherosec {
      background: #f7f8ff url(../images/blogimg.jpg) left top no-repeat;
      background-size: contain;
   }
   .diagnosticherosec {
      background: #f7f8ff url(../images/header.png) center center no-repeat;
      background-size: cover;
   }
   .modal-dialog {
      max-width: 730px;
   }
   .modal-content {
      padding: 50px 60px;
   }
   .modalimg {
      text-align: right;
      margin-bottom: 0;
   }
   .feelmodalreview .reviewbox {
      padding: 30px 40px;
   }
   .feelmodalreview .reviewcontent {
      width: 324px;
      margin-left: 25px;
   }
   .modal-content h6 {
      margin-top: 0;
   }
   .modal-content p.bigtext a {
      display: inline-block;
      padding-bottom: 3px;
   }
   .conditionbanner {
      padding: 40px 0;
   }
   .conditionbanner p {
      font-size: 20px;
      line-height: 30px;
   }
   .conditionimg {
      margin-top: 0;
   }
   .conditionsliderouter {
      padding: 30px 50px;
      width: 680px;
      margin: 0 auto;
      margin: 0 auto;
   }
   .contitionslidersec .owl-nav {
      display: block;
      top: 40%;
   }
   .contitionslidersec .owl-prev {
      margin-left: -72px;
   }
   .contitionslidersec .owl-next {
      margin-right: -72px;
   }
   .contitionslidersec .owl-dots {
      display: none;
   }
   .depressionsec ul {
      margin-top: 40px;
   }
   .eyeimg {
      margin-top: 0;
   }
   .dropdown-menu {
      margin-top: 18px;
   }
   .noone:after {
      font-size: 40px;
      line-height: 40px;
   }
   .notwo:after {
      font-size: 40px;
      line-height: 40px;
   }
   .featuredsec {
      padding-bottom: 0;
   }
   .phone-carousel .owl-nav {
      top: 55%;
      width: 220px;
      display: block;
      right: 0;
   }
   .phone-carousel .owl-dots {
      display: none;
   }
   .featuredsec h3 {
      margin-bottom: 0;
   }
   .conditionimg {
      width: auto;
      margin-left: 0;
      margin-right: 0;
   }
   .blogrightimg {
      float: right;
      margin: 0 0 0 20px;
      width: 400px;
   }
   .beforeaftersec .container {
      max-width: 740px;
   }
   .beforeimg {
      margin: 0;
   }
   .customersec .blogleft {
      margin-top: 20px;
      margin-bottom: 0;
   }
   .aboutherosec {
      background: #f7f8ff url(../images/aboutheroimg.jpg) left 50px top no-repeat;
      background-size: contain;
   }
   .pricinghero {
      background: #f7f8ff url(../images/pricingherobg.jpg) left top no-repeat;
      background-size: contain;
   }
   .pricinghero p.bigtext {
      font-size: 25px;
   }
   .partnerheroimg {
      background: #f7f8ff;
   }
   #therapist-network-innerherosec {
      padding: 4% 0;
   }
   #therapist-network-innerherosec p {
      font-size: 18px;
   }
}

@media only screen and (min-width: 992px) {
   .container {
      max-width: 970px;
   }
   .top-outer {
      padding: 25px 0;
   }
   .navbar-brand {
      padding: 0;
   }
   .navbar-nav li {
      margin: 0 0 0 30px;
   }
   .navbar-nav li a {
      padding: 15px 0;
   }
   .navbar-nav li:last-child a {
      padding-bottom: 0;
   }
   .top-outer .buttonouter {
      margin: 0 0 0 15px;
   }
   .herosec {
      background: #fff6ea url(../images/heroimg.jpg) right top no-repeat;
      background-size: contain;
   }
   .programbox {
      margin-right: 30px;
      padding: 40px 40px;
   }
   .reviewbox {
      padding: 39px 39px;
   }
   .reviewsec .container {
      max-width: 900px;
   }
   .reviewcontent {
      width: 595px;
   }
   .reviewsec .owl-nav {
      display: block;
   }
   .reviewsec .owl-dots {
      display: none;
   }
   .inputouter {
      width: 790px;
   }
   .ordersec {
      background: #f7f8ff url(../images/orderbg.jpg) left top no-repeat;
      background-size: contain;
   }
   .faqherosec {
      background: #f7f8ff url(../images/faqimg.jpg) right top no-repeat;
      background-size: contain;
   }
   .innerherosec h1 {
      font-size: 50px;
      line-height: 60px;
   }
   .therapistsec {
      background: #f7f8ff url(../images/therapistimg.jpg) left -30px top no-repeat;
      background-size: contain;
   }
   .searchcontent {
      margin: 0;
   }
   .modal-dialog {
      max-width: 950px;
      margin-top: 60px;
   }
   .close {
      right: -18px;
      top: -20px;
   }
   .modal-body h3 {
      font-size: 35px;
      line-height: 45px;
   }
   .feelmodalreview .reviewcontent {
      width: 558px;
   }
   .feelmodalreview .owl-nav {
      top: 44%;
      display: block;
   }
   .feelmodalreview .owl-dots {
      display: none;
   }
   .conditionbanner h1 strong {
      font-size: 70px;
      letter-spacing: 2px;
   }
   .conditionbanner h1 span {
      font-size: 33px;
      line-height: 43px;
   }
   .conditionsliderouter {
      width: 800px;
      padding: 40px 80px;
   }
   .contitionslidersec .owl-prev {
      margin-left: -102px;
   }
   .contitionslidersec .owl-next {
      margin-right: -102px;
   }
   .depressionsec ul li p {
      width: 67%;
   }
   .conditionsbox, .depressionbox {
      margin-top: 122px;
   }
   .mainmenu .collapse ul li:hover>ul {
      display: block;
   }
   .mainmenu .collapse ul ul {
      position: absolute;
      top: 30px;
      left: 0;
      min-width: 250px;
      display: none;
   }
   .mainmenu .collapse ul ul li {
      position: relative;
      transition: 0.5s;
   }
   .mainmenu .collapse ul ul li:hover {
      background: #00000008;
      transition: 0.5s;
   }
   .mainmenu .collapse ul ul li:hover>ul {
      display: block;
   }
   .mainmenu .collapse ul ul ul {
      position: absolute;
      top: -20px;
      left: -249px;
      min-width: 250px;
      display: none;
   }
   .mainmenu .collapse ul ul ul li {
      position: relative;
   }
   .mainmenu .collapse ul ul ul li:hover ul {
      display: block;
   }
   .mainmenu .collapse ul ul ul ul {
      position: absolute;
      top: 0;
      left: -100%;
      min-width: 250px;
      display: none;
      z-index: 1;
   }
   .navbar-nav li ul.dropdown-menu {
      display: none !important;
   }
   .navbar-nav li li ul.dropdown-menu {
      display: none !important;
   }
   .navbar-nav li:hover ul.dropdown-menu {
      display: block !important;
   }
   .navbar-nav li:hover ul ul.dropdown-menu {
      display: none !important;
   }
   .navbar-nav li li:hover ul.dropdown-menu {
      display: block !important;
   }
   .navbar-nav li:hover {
      background: 0 0;
   }
   .mainmenu ul ul {
      margin-left: 0;
      margin-right: 0;
   }
   .mainmenu ul ul ul {
      margin-left: 0;
      margin-right: 0;
   }
   .phone-carousel .owl-nav {
      width: 292px;
   }
   .conditionreviewcontent {
      margin: 0;
   }
   .conditionfaqsec .container {
      max-width: 850px;
   }
   .blogrightimg {
      width: 500px;
   }
   .blogdetails p em {
      display: block;
      width: 800px;
      margin-left: auto;
      margin-right: auto;
   }
   .resultherosec {
      background: #fff6ea url(../images/resultheroimg.jpg) right top no-repeat;
      background-size: contain;
   }
   .peoplevid {
      margin-bottom: 0;
      max-height: 350px;
   }
   .aboutherosec {
      background: #f7f8ff url(../images/aboutheroimg.jpg) left 150px top no-repeat;
      background-size: contain;
   }
   .priceimg {
      margin: 0;
   }
   .partnerheroimg {
      background: #f7f8ff;
   }
}

@media only screen and (min-width: 1200px) {
   h3 {
      font-size: 29px;
      line-height: 39px;
   }
   .container {
      max-width: 1170px;
   }
   .section {
      padding: 50px 0;
   }
   .rowgap {
      margin-top: 40px;
   }
   .navbar-nav li {
      margin: 0 0 0 30px;
   }
   .navbar-nav {
      margin-left: auto;
      margin-right: auto;
   }
   .herosec {
      padding: 80px 0;
   }
   .bannercontent {
      width: 700px;
   }
   .logosec .container {
      max-width: 1170px;
   }
   .reasonbox, .resultbox {
      margin: 0;
   }
   .powercontent {
      padding: 40px 20px;
      width: 590px;
      float: right;
   }
   .curioussec .btn-default, .therapist .btn-default {
      margin: 0;
   }
   .programbox {
      margin-right: 64px;
      padding: 40px 60px;
   }
   .phone-carousel {
      margin: -25px 0;
   }
   .featurecontent {
      padding-right: 100px;
   }
   .reviewbox {
      padding: 49px 59px;
   }
   .reviewsec .container {
      max-width: 1000px;
   }
   .reviewcontent {
      width: 655px;
   }
   .botsec .row {
      align-items: center;
   }
   .inputouter {
      width: 307px;
   }
   .subscriptionbox {
      margin-top: 0;
   }
   .footer {
      padding-bottom: 40px;
   }
   .order-box {
      padding: 30px 60px;
   }
   .faqone .powercontent {
      width: 610px;
      float: none;
      margin: 0 auto;
   }
   .searcharea .container {
      max-width: 950px;
   }
   .therapistsec {
      background-position: left -80px top;
   }
   .conditionbanner {
      padding: 50px 0 0;
   }
   .conditionimg {
      margin-bottom: -30px;
   }
   .contitionslidersec {
      padding-top: 70px;
   }
   .conditionbotsec p.largetext {
      font-size: 26px;
      line-height: 36px;
      margin-top: 30px;
   }
   .mainmenu .collapse ul ul ul {
      left: 247px;
   }
   .phone-carousel .owl-nav {
      width: 362px;
   }
   .blogformouter form {
      width: 750px;
   }
   .resultherosec .bannercontent {
      width: 600px;
   }
   .ownerbox {
      width: 315px;
      margin: 0 auto;
      text-align: left;
   }
   .pricebox {
      min-height: 400px;
   }
   .pricebuttonouter {
      margin-top: 53px;
   }
   .partnerbox {
      margin: 0;
   }
   .partnerheroimg {
      background: #f7f8ff url(../images/partnerheroimg.jpg) right top no-repeat;
      background-size: contain;
   }
   .emdrexpertcontent ul {
      column-count: 2;
   }
}

@media only screen and (min-width: 1280px) {
   h1 strong {
      font-size: 75px;
      line-height: 60px;
   }
   h1 span {
      font-size: 42px;
   }
   h3 {
      font-size: 30px;
      line-height: 40px;
   }
   .container {
      max-width: 1250px;
   }
   .navbar-nav li {
      margin: 0 0 0 40px;
   }
   .herosec {
      padding: 90px 0;
   }
   .resultno {
      font-size: 45px;
      line-height: 45px;
   }
   .powercontent {
      width: 630px;
   }
   .powercontent p, .powercontent ul li {
      padding-right: 25px;
   }
   .aboutcontent {
      padding-left: 40px;
   }
   .programbox {
      margin-right: 95px;
   }
   .featurecontent {
      padding-right: 120px;
   }
   .botcontent {
      padding-left: 70px;
   }
   .inputouter {
      width: 340px;
   }
   .orderleft ul {
      margin-top: 50px;
   }
   .orderright {
      margin-left: 50px;
   }
   .innerherosec h1 {
      font-size: 65px;
      line-height: 75px;
   }
   .faqone .powercontent {
      width: 650px;
   }
   .blogleft {
      padding: 50px 30px;
   }
   .blogright {
      padding: 50px 20px;
   }
   .therapistsec {
      background-position: left -40px top;
   }
   .conditionsbox, .depressionbox {
      margin-top: 95px;
      margin-left: 25px;
   }
   .logosec p {
      margin-bottom: 40px;
   }
   .noone:after {
      font-size: 45px;
      line-height: 45px;
   }
   .notwo:after {
      font-size: 45px;
      line-height: 45px;
   }
   .phone-carousel .owl-nav {
      width: 392px;
   }
   .blogdetails p {
      margin: 30px 0;
   }
   .resultherosec .bannercontent {
      width: 700px;
   }
   .pricebox {
      min-height: 404px;
   }
   .pricebuttonouter {
      margin-top: 53px;
   }
   .pricebox {
      margin: 0 10px;
   }
   .pricetopright {
      padding-left: 30px;
   }
   .pricetopleft {
      padding-right: 30px;
   }
   .priceimg {
      height: 100%;
   }
   .priceimg img {
      object-fit: cover;
      height: 100%;
   }
}

@media only screen and (min-width: 1440px) {
   .section {
      padding: 60px 0;
   }
   .rowgap {
      margin-top: 50px;
   }
   .herosec {
      padding: 100px 0;
   }
   .phone-carousel .owl-nav {
      right: -70px;
      width: auto;
   }
   .phone-carousel .owl-dot {
      display: inline-block;
      vertical-align: middle;
   }
   .phone-carousel .owl-dots {
      position: absolute;
      right: -58px;
      width: auto;
      bottom: 5%;
      margin: 0;
   }
   .phone-carousel .owl-dot {
      display: block;
      margin: 12px 0;
   }
   .phone-carousel .owl-dots {
      display: block;
   }
   .blogright {
      width: 1000px;
      margin: 0 auto;
   }
   .therapistsec {
      background-position: left top;
   }
   .contitionslidersec {
      padding-top: 80px;
   }
}

@media only screen and (min-width: 1500px) {
   .phone-carousel .owl-nav {
      right: -100px;
   }
   .phone-carousel .owl-dots {
      right: -88px;
   }
   .blogright {
      width: 1050px;
   }
   .phone-carousel .owl-dots {
      display: block;
   }
   .sharearea {
      top: 22%;
   }
}

@media only screen and (min-width: 1700px) {
   .blogright {
      width: 1150px;
   }
   .sharearea {
      top: 24%;
   }
}

@media only screen and (min-width: 992px) {
   .buttonouter {
      justify-content: space-around;
   }
   .buttonouter .col-xl-2 {
      flex: 0 0 19.666667%;
      max-width: 19.666667%;
   }
   .buttonouter .offset-lg-1 {
      margin-left: 0;
   }
}

.therapistimg {
   position: relative;
   margin: auto;
   width: 100%;
   height: 250px;
   overflow: hidden;
}

.therapistimg img {
   width: initial;
   max-width: initial;
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.programfaqouter .container {
   max-width: 800px;
}

@media (max-width: 575.98px) {
   .therapistimg {
      width: 300px;
      height: 300px;
   }
}

.vemdr-feedback-videos {
   position: relative;
   width: 100%;
   height: 180px;
   border: 3px solid #a8aabc;
   border-radius: 40px;
   background: #fff;
}

.vemdr-feedback-videos iframe {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 40px;
}

.vemdr-feedback-videos .close {
   top: -12px;
   right: -12px;
}

@media (min-width: 349px) {
   .vemdr-feedback-videos {
      height: 195px;
   }
}

@media (min-width: 380px) {
   .vemdr-feedback-videos {
      height: 210px;
   }
}

@media (min-width: 400px) {
   .vemdr-feedback-videos {
      height: 225px;
   }
}

@media (min-width: 425px) {
   .vemdr-feedback-videos {
      height: 245px;
   }
}

@media (min-width: 470px) {
   .vemdr-feedback-videos {
      height: 260px;
   }
}

@media (min-width: 490px) {
   .vemdr-feedback-videos {
      height: 280px;
   }
}

@media (min-width: 525px) {
   .vemdr-feedback-videos {
      height: 300px;
   }
}

@media (min-width: 575px) {
   .vemdr-feedback-videos {
      height: 290px;
   }
}

@media (min-width: 768px) {
   .vemdr-feedback-videos {
      height: 410px;
   }
}

@media (min-width: 992px) {
   .vemdr-feedback-videos {
      height: 540px;
   }
}

#proto_select_menu_inp_group {
   width: 300px;
}

#select_protocol_to_view {
   width: 240px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   color: #668cf6;
}

/* #open_protocol_modal {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   width: 60px;
   color: #3c4876;
}

#open_protocol_modal:hover {
   color: #fff;
} */

/* as per new ui */

@media (min-width: 576px) {
   #proto_select_menu_inp_group {
      width: 340px;
   }
   #select_protocol_to_view {
      width: 280px;
   }
}

@media (max-width: 575.98px) {
   #select_protocol_to_view {
      padding: 0 15px;
      background: #fff url(../images/downarrow.png) right 10px center no-repeat;
   }
}

@media (max-width: 335px) {
   #proto_select_menu_inp_group {
      width: 280px;
   }
   #select_protocol_to_view {
      width: 220px;
      padding: 0 6px;
      background: #fff url(../images/downarrow.png) right 4px center no-repeat;
   }
}

#_form_13_ .close {
   right: -12px;
   top: -12px;
}

#contact .btn-default {
   min-width: 225px;
   width: 50%;
}

.programeherosec {
   background: #f7f8ff;
}

.programeherosec p.bigtext strong {
   font-family: Conv_Poppins-SemiBold;
}

.programgerocontent {
   margin-top: 25px;
}

.programgerocontent p {
   color: #3c4876;
}

.programgerocontent ul {
   margin: 25px 0 30px;
}

.programgerocontent ul li {
   font-size: 16px;
   line-height: 30px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-SemiBold;
   padding-left: 32px;
   position: relative;
}

.programgerocontent ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 1px;
}

.programgerocontent p strong {
   color: #668cf6;
}

.emdrexpertsec {
   background: #fffaf2;
}

.emdrexpertcontent {
   margin-top: 25px;
}

.emdrexpertcontent h3 strong {
   color: #668cf6;
}

.emdrexpertcontent ul {
   margin: 25px 0 30px;
}

.emdrexpertcontent ul li {
   font-size: 16px;
   line-height: 30px;
   color: #3c4876;
   margin: 10px 0 0;
   text-align: left;
   font-family: Conv_Poppins-SemiBold;
   padding-left: 32px;
   position: relative;
}

.emdrexpertcontent ul li::after {
   font-size: 25px;
   content: "check";
   display: block;
   float: left;
   color: #3c4876;
   font-family: "Material Icons";
   position: absolute;
   left: 0;
   top: 0;
}

.emdrexpertcontent p.bigtext strong {
   color: #668cf6;
   font-family: Conv_Poppins-SemiBold;
}

.curioussecprogram {
   background: #ffbd66;
}

.curioussecprogram .btn-default {
   background: #fff6ea;
   color: #ffbd66;
   font-size: 15px;
}

.differencebox {
   margin: 25px 0;
   text-align: center;
}

.differenceicon {
   margin-bottom: 24px;
}

.differencebox h6 {
   font-family: Conv_Poppins-Medium;
}

.programworkcontent p.smlheadingtext {
   font-family: Conv_Poppins-SemiBold;
   margin-bottom: 8px;
}

.programworkcontent .btn-default {
   border: 2px solid #fff;
   background: 0 0;
   color: #fff;
   padding: 14px 19px 14px 22px;
}

.programworkcontent .btn-default:hover {
   border: 2px solid #3c4876;
   background: #3c4876;
   color: #fff;
}

.programworkouter {
   background: #3d4975;
}

.prgramworkimg {
   padding-left: 20px !important;
   padding-right: 20px !important;
}

.comparetableouter table {
   width: 100%;
}

.comparelogo {
   width: 150px;
   margin: 0 auto;
}

.comparetableouter th {
   font-size: 18px;
   color: #3c4876;
   font-family: Conv_Poppins-SemiBold;
}

.comparetableouter table tr:nth-child(odd) {
   background: #fff;
}

.comparetableouter table tr:nth-child(even) {
   background: #f7f8ff;
}

.comparetableouter {
   width: 100%;
}

.comparetableouter table th {
   padding: 18px 20px;
   border: none;
   position: relative;
   z-index: 999;
}

.comparetableouter table td {
   padding: 15px 20px;
   color: #3c4876;
   border: none;
   vertical-align: top;
   position: relative;
   z-index: 999;
   font-family: "Lato", sans-serif;
}

.greenicon, .greyicon {
   height: 25px;
}

.greenicon i {
   color: #69c773;
   font-size: 25px;
   line-height: 25px;
}

.greyicon i {
   color: #bbb;
   font-size: 25px;
   line-height: 25px;
}

.virtualemdrcost {
   text-align: center;
}

.virtualemdrcost h3 {
   color: #668cf6;
   margin: 25px 0 15px;
}

.othercost h3 {
   margin-top: 25px;
}

.tablehighlight {
   position: absolute;
   width: 300px;
   left: 403px;
   border: 4px solid #668cf6;
   border-radius: 8px;
   top: -30px;
   height: 977px;
}

.comparesec .btn-default {
   letter-spacing: normal;
}

.comparesec .rowgap {
   margin-top: 90px;
}

.biginersec {
   background: #fffaf2;
}

.biginersec p.smlheadingtext {
   font-family: Conv_Poppins-SemiBold;
   color: #668cf6;
   margin-bottom: 8px;
}

.beginerscontent {
   margin-top: 25px;
}

.programonlinesec p strong {
   color: #668cf6;
}

.programfaqouter {
   background: #3c4876;
}

.programfaqouter h3 {
   color: #fff;
}

.programfaqouter p {
   color: #3c4876;
}

@media (min-width: 768px) {
   .diagnostic-card .card-body {
      padding-left: 0;
      padding-right: 0;
   }
   .diagnostic-card-img-wrapper {
      height: 250px;
      overflow: hidden;
   }
   .diagnostic-card-img-wrapper .card-img-top {
      object-fit: cover;
      height: 100%;
   }
}

.swal-overlay {
   z-index: 1000000;
}

.text-light-blue {
   color: #668cf6 !important;
}

a.text-light-blue:active, a.text-light-blue:hover, a.text-light-blue:visited {
   color: #668cf6 !important;
}

.text-bold {
   font-family: Conv_Poppins-Bold !important;
}

.text-semibold {
   font-family: Conv_Poppins-SemiBold;
}

.programfaqouter .btn-default:hover {
   background: #ffbd66;
}

@media (min-width: 992px) {
   #oc1 img, #resultpage-oc img {
      max-height: 390px;
   }
   .phone-carousel .owl-nav {
      width: 195px;
      right: 98px;
   }
}

@media (min-width: 1200px) {
   .phone-carousel .owl-nav {
      right: 165px;
   }
   .container{
      max-width: 1300px !important;
   }
}
@media (min-width:1600px) {
   .container{
      max-width: 1400px !important;
   }
}

@media (min-width: 1280px) {
   .phone-carousel .owl-nav {
      right: 192px;
   }
}

@media (min-width: 768px) {
   .blogpagecontent .blogimg {
      position: relative;
      width: 100%;
      height: 350px;
      overflow: hidden;
   }
   .blogpagecontent .blogimg img {
      display: initial;
      width: initial;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      object-fit: cover;
   }
}

@media (min-width: 768px) {
   .singlepage-blogheroimg {
      position: relative;
      width: 100%;
      height: 265px;
      overflow: hidden;
   }
   .singlepage-blogheroimg img {
      position: absolute;
      width: 100%;
      height: 350px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      object-fit: cover;
   }
}

@media (min-width: 992px) {
   .singlepage-blogheroimg {
      height: 350px;
   }
   .singlepage-blogheroimg img {
      width: 100%;
      height: 485px;
   }
}

@media (min-width: 1200px) {
   .singlepage-blogheroimg {
      height: 410px;
   }
}

#owl-carousel-testimonial {
   max-width: 700px;
   width: 100%;
   border: 1px solid #ffbd66;
   border-radius: 10px;
}

#owl-carousel-testimonial .owl-stage-outer {
   border-radius: 10px;
}

#owl-carousel-testimonial .reviewbox {
   border-radius: 10px;
   padding: 22px;
}

@media (min-width: 768px) {
   #owl-carousel-testimonial .reviewcontent {
      margin-left: 20px;
   }
}

@media only screen and (min-width: 992px) {
   #owl-carousel-testimonial .reviewbox {
      padding: 25px 18px;
   }
   #owl-carousel-testimonial .reviewcontent {
      width: 465px;
   }
}

@media only screen and (min-width: 1200px) {
   #owl-carousel-testimonial .reviewbox {
      padding: 25px 18px;
   }
   #owl-carousel-testimonial .reviewcontent {
      width: 465px;
   }
}

.material-icons {
   max-width: 30px;
   overflow: hidden;
}

.blog_page-summary {
   text-align: justify;
   word-break: break-all;
}

.blog_page-summar_extra {
   display: none;
}

/* homepage powersection accordion */

#powersec-collapse-toggle {
   background: #fff;
   width: 40px;
   height: 40px;
   border: 2px solid #ffbd66;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto;
   font-weight: 600;
   font-size: 18px;
   color: #ffbd66;
   border-radius: 50%;
}

.powersec .powercontent {
   padding-bottom: 80px;
}

.powersec .powercontent .buttonouter123 {
   position: absolute;
   left: 50%;
   transform: translate(-50%);
}

@media (min-width: 992px) {
   .powersec {
      height: 370px;
      overflow: hidden;
   }
}

@media (max-width: 767.98px) {
   .vemdr-mt-40 {
      margin-top: 40px;
   }
}

/* accept cookie fixed bar */

.cks-modal {
   display: none;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 100000;
   padding: 15px 150px 15px 25px;
   background: #f7f8ff;
}

.accept_cookies_notification-btn {
   position: absolute;
   top: 50%;
   right: 2rem;
   transform: translateY(-50%);
   padding: 5px 15px;
   background: #3c4876;
   color: #fff;
}

.accept_cookies_notification-body {
   font-size: 0.9rem;
}

@media (max-width: 767.99px) {
   .cks-modal {
      padding: 10px 15px;
      background: #f7f8ff;
   }
   .accept_cookies_notification-btn {
      position: static;
      transform: unset;
   }
   .accept_cookies_notification-body {
      font-size: 0.8rem;
      text-align: justify;
   }
   .accept_cookies_notification-content {
      display: flex;
      flex-direction: column;
      row-gap: 0.8rem;
   }
}

/* 19 reb 2021*/

.order-box .form-control.error {
   border-color: red;
}

.blogright .pagination {
   margin-left: 15px;
}

@font-face {
   font-family: "Material Icons";
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNY.eot) format("eot"), url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format("truetype"), url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format("woff"), url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
}

.material-icons, .programgerocontent ul li::after, .programbox ul li::after, .emdrexpertcontent ul li::after, .aboutcontent ul li::after, .powercontent .vemdr_main_features li::after, .pricemidsec ul li::after, .conditionbotsec ul li::after, .organizationsec ul li::after {
   font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
   font-feature-settings: "liga";
   -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
}

.bannercontent select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.programworksec {
   height: inherit;
   overflow: visible;
}

@media screen\0 {
   .bannercontent select {
      background: none;
   }
   .conditionicon img {
      transform: translateY(0);
   }
}

@media (max-width: 991px) {
   .btn-default {
      padding: 11px 10px 11px 20px;
   }
   .btn-default i {
      margin-left: 0;
   }
}

@media (max-width: 576px) {
   .therapistimg {
      width: 260px;
      height: 270px;
   }
   .btn-default {
      font-size: 13px;
   }
   #area1 .text-left {
      text-align: center !important;
   }
}

.lp-container {
   max-width: 1530px;
   padding: 0 15px;
}

/* start register page css is here */

.register-pg-mn {
   background-image: url(../new_images/register-mn-bg.png);
   width: 100%;
   background-size: 75%;
   height: 100%;
   background-repeat: no-repeat;
   background-position-x: right;
   background-position-y: 140px;
   padding: 0 0 60px 0;
   position: relative;
}

.register-pg-mn::before {
   content: "";
   position: absolute;
   bottom: 14%;
   left: 0;
   height: 300px;
   width: 35%;
   background-image: url(../new_images/register-three-dot.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position-x: left;
}

.custom-stepper-bx {
   display: flex;
}

.custom-stepper-bx li span {
   width: 40px;
   height: 40px;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 25px;
   color: #3A4775;
   background: #F3DBBA;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
}

.custom-stepper-bx li {
   position: relative;
   min-width: 100px;
}

.custom-stepper-bx li::before {
   content: '';
   position: absolute;
   top: 20px;
   left: 40px;
   height: 2px;
   width: 60px;
   background: #EDEDED;
}

.custom-stepper-bx .last-li {
   min-width: auto;
}

.custom-stepper-bx .last-li::before {
   visibility: hidden;
}

.custom-stepper-bx .finish-li span {
   background: #3A4775;
   color: #fff;
}

.custom-stepper-bx .finish-li::before {
   background: #3A4775;
}

.custom-stepper-bx .disable span {
   background: #EDEDED;
   color: #919191;
}

.register-pg-mn .order-box {
   background: #FFFFFF;
   box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.04);
   border-radius: 20px;
}

.hdng-wth-icon img {
   max-width: 30px;
   margin-right: 5px;
}

.register-pg-mn .frm-sctn-mn .skyblue-small-hdng {
   margin: 40px 0 35px 0;
}

.common-form label {
   font-weight: normal !important;
   font-size: 18px !important;
   line-height: 22px !important;
   color: #3A4775 !important;
   margin: 0 0 8px 0 !important;
   text-transform: capitalize;
}

.common-form .pass-bx {
   position: relative;
}

.common-form .pass-bx .eye-btn {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   cursor: pointer;
   border: none;
   background: transparent;
   padding: 12px 20px;
}

.common-form .pass-bx .eye-btn i {
   color: #919191;
}

.common-form input, .common-form textarea {
   border: 1px solid #919191;
   box-sizing: border-box;
   border-radius: 10px !important;
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   color: #919191 !important;
   background-color: #fffcf8;
   padding: 12px 20px;
   z-index: 0 !important;
   height: auto;
}

.common-form input:-internal-autofill-selected {
   background-color: transparent !important;
   box-shadow: 0 0 0px 1000px #fffcf8 inset;
   color: #919191 !important;
}

.common-form input:-webkit-autofill::first-line {
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   color: #919191 !important;
}

.common-form #new-password:-webkit-autofill::first-line {
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   color: #919191 !important;
}

.common-form input::placeholder, .common-form textarea::placeholder {
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   color: #919191;
}

.common-form .error-msg {
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   color: #FF8079;
}

.register-pg-mn .common-form input, .register-pg-mn .common-form textarea {
   border: 1px solid #919191;
   background-color: transparent;
   padding: 12px 20px;
   height: auto;
}

.register-pg-mn .common-form input::placeholder, .register-pg-mn .common-form textarea::placeholder {
   color: #919191;
   font-size: 16px;
   line-height: 22px;
}

.register-pg-mn .common-form textarea {
   min-height: 130px;
   resize: none;
}

.register-pg-mn .frm-bx-col {
   margin: 0 0 25px 0;
}

.register-pg-mn .smltext {
   letter-spacing: inherit;
   font-family: "Open Sans", sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   color: #3A4775;
}

.register-pg-mn .smltext a, .register-pg-mn p a {
   color: #6D94BD;
   text-transform: inherit;
   font-weight: bold;
}
.register-pg-mn .smltext a:hover, .register-pg-mn p a:hover {
   color: #6D94BD;
}
.register-pg-mn .filter-div {
   height: 95%;
   width: 75%;
   position: absolute;
   top: 50px;
   left: 15%;
   background: #F3DBBA;
   opacity: 0.7;
   filter: blur(50px);
   border-radius: 20px;
}

.register-pg-mn .lft-mn-img {
   width: 100%;
   position: relative;
   z-index: 1;
}

.register-pg-mn .faq-sctn {
   background: transparent;
}

.register-pg-mn .checkboxsec .checkmark:after {
   background: #6D94BD;
}

.register-pg-mn .checkboxsec input {
   height: 25px;
   width: 25px;
   z-index: 9 !important;
}

.register-pg-mn .radio-btn-hdng {
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 22px;
   color: #6D94BD;
}

.register-pg-mn .radio-btn-cntnt {
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
   display: block;
   color: #3A4775;
   margin: 5px 0 0 0;
}

.register-pg-mn .order-summery-clr-bx {
   background: rgba(204, 220, 237, 0.2);
   border-radius: 28px;
   padding: 8px 20px;
   width: 100%;
   margin: 0 auto;
}

.register-pg-mn .promo-code-bx {
   padding: 15px 20px;
   width: 100%;
   margin: 0 auto;
}

.register-pg-mn .order-pricesec strong {
   font-style: normal;
   font-weight: normal;
   font-family: "Open Sans", sans-serif;
   color: #3A4775;
   text-transform: capitalize;
   letter-spacing: 0;
}

.register-pg-mn .order-pricesec span {
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   line-height: 22px;
   color: #6D94BD;
}

.register-pg-mn .promobox {
   display: flex;
   align-items: center;
}

.register-pg-mn .add-icon-with-brdr-bx {
   height: 20px;
   width: 20px;
   border: 2px solid #3A4775;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   margin: 0 0 0 15px;
}

.register-pg-mn .add-icon-with-brdr-bx i {
   margin: 0;
   font-size: 14px;
   color: #3A4775;
   -webkit-text-stroke: 0.6px #fff;
}

.register-pg-mn .vemdr-button-wrapper {
   margin: 30px 0 0 0;
}

.register-pg-mn .g-recaptcha {
   margin: 30px 0 0 0;
}

/* end register page css is here */

/* start thank you register page css */

.thank-u-cntct-pg-mn .vemdr-button-wrapper .vemdr-btn {
   width: auto;
   max-width: 350px;
   margin: 0 auto;
}

.thank-u-cntct-pg-mn .vemdr-button-wrapper .vemdr-btn span {
   text-align: left;
}

.thank-u-cntct-pg-mn .vemdr-button-wrapper .vemdr-btn .vemdr-double-right-icon {
   width: 22px;
   padding: 0;
   margin-left: 15px;
}

.lft-arrow-btn .vemdr-btn .vemdr-double-right-icon {
   margin-left: 0;
   margin-right: 15px;
}
.thank-u-cntct-pg-mn p a {
   color: #6D94BD;
   font-weight: bold;
}
.thank-u-cntct-pg-mn p a:hover{
   color: #6D94BD;
   font-weight: bold;
}

/* end thank you register page css */

/* start contact page css is here */

.cntct-pg-header .contact-bnr-bg-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 85%;
   max-height: 370px;
}

.contact-page .vemdr-page-header.cntct-pg-header {
   background-image: unset;
}

.cntct-pg-header .contact-bnr-bg-img {
   position: absolute;
   top: -55%;
   left: 0;
   width: 90%;
}

.contact-page.faq-pg-mn .faqfour::after {
   
   background-image: url('https://vemdr-staging.s3.us-west-2.amazonaws.com/design/new_images/contact-pg-man-img.png');
   top: -70px;
}

.contact-page .faq-sctn {
   padding: 50px 0 100px 0;
}

.contact-page .common-form input, .contact-page .common-form textarea {
   background-color: #fff;
}
.contact-us.contact-pg-mn .smltext a, .contact-us.contact-pg-mn p a{
   color: #6D94BD;
   font-weight: bold;
   text-transform: lowercase;
}
.contact-us.contact-pg-mn .smltext a:hover, .contact-us.contact-pg-mn p a:hover{
   color: #6D94BD;
   font-weight: bold;
}

/* end contact page css is here */

/* start responsive is here */

@media screen and (min-width: 768px) {
   .thank-u-complete-pg h3 {
      max-width: 50%;
      margin: 0 auto;
   }
   /* .contact-page .bnr-right-bg-img{
      visibility: hidden;
   } */
}

@media screen and (min-width: 992px) {
   .register-pg-mn .vemdr-banner-wrapper {
      max-width: 100%;
   }
   .register-pg-mn .vemdr-banner-wrapper h1.banner-title {
      line-height: 68px;
   }
}

@media only screen and (min-width: 1200px) {
   .register-pg-mn .order-box {
      padding: 40px 60px;
   }
   .thank-u-cntct-pg-mn .cntnt-mn h3 {
      font-size: 42px;
      line-height: 50px;
   }
}

@media only screen and (min-width: 1440px) {
   .register-pg-mn .order-box {
      padding: 40px 90px;
   }
}

@media screen and (max-width: 991px) {
   .register-pg-mn .vemdr-banner-wrapper h1.banner-title {
      line-height: 42px;
   }
   .register-pg-mn .filter-div {
      height: 90%;
   }
   .thank-u-cntct-pg-mn .cntnt-mn h3 {
      font-size: 35px;
      line-height: 42px;
   }
}

@media screen and (max-width: 767px) {
   .register-pg-mn .faq-sctn {
      padding: 0;
      margin-bottom: 0;
   }
   .register-pg-mn .smltext {
      font-size: 14px;
      line-height: 22px;
   }
   .common-form label {
      font-size: 14px !important;
      line-height: 22px !important;
   }
   .common-form input, .common-form textarea {
      font-size: 14px;
      line-height: 22px;
   }
   .register-pg-mn .common-form input::placeholder, .register-pg-mn .common-form textarea::placeholder {
      font-size: 14px;
      line-height: 22px;
   }
   .register-pg-mn .frm-bx-col {
      margin: 0 0 18px 0;
   }
   .custom-stepper-bx li span {
      font-size: 14px;
      line-height: 20px;
   }
   .register-pg-mn .radio-btn-cntnt, .register-pg-mn .radio-btn-hdng, .register-pg-mn .grey-color-txt, .register-pg-mn .order-pricesec strong, .register-pg-mn .order-pricesec span {
      font-size: 14px;
      line-height: 22px;
   }
   .register-pg-mn .radio-btn-cntnt {
      display: inline;
      margin: 0;
   }
   .register-pg-mn::before {
      bottom: 6%;
      width: 55%;
   }
   .register-pg-mn .checkboxsec {
      margin-top: 0;
   }
   .thank-u-complete-pg h3 {
      max-width: 90%;
      margin: 0 auto;
   }
   .contact-page .faqtwo.faq-sctn {
      margin-bottom: 0;
      margin-top: 0;
   }
}

@media screen and (max-width: 575px) {
   .register-pg-mn {
      background-image: url(../new_images/register-mn-bg-mobile.png);
      background-size: 100%;
      background-position-y: 50px;
      padding: 0 0 35px 0;
   }
   .register-pg-mn::before {
      bottom: 5%;
      left: unset;
      right: 0;
      height: 400px;
      width: 18%;
      background-image: url(../new_images/register-three-dot-mobile.png);
      background-position-x: right;
   }
   .register-pg-mn .order-box {
      padding: 20px;
   }
   .register-pg-mn .g-recaptcha, .contact-page .g-recaptcha {
      transform: scale(0.83);
      -webkit-transform: scale(0.83);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
      margin: 15px 0 0 0;
   }
   .register-pg-mn .vemdr-button-wrapper {
      margin: 5px 0 0 0;
   }
   .register-pg-mn .order-summery-clr-bx {
      padding: 8px 12px;
   }
   .register-pg-mn .promo-code-bx {
      padding: 15px 12px;
   }
   .contact-us.contact-page .vemdr-banner-wrapper {
      max-width: 85%;
   }
}

@media screen and (max-width: 450px) {
   .register-pg-mn .vemdr-btn {
      width: 100%;
   }
   .vemdr-btn .vemdr-double-right-icon {
      margin-left: 15px;
   }
   .thank-u-complete-pg h3 {
      max-width: 100%;
   }
}

 
@media screen and (min-width:1800px){
   .container{
      max-width: 1600px !important;
   }
}
@media only screen and (max-width:1366px){
    .container{
       max-width: 1180px !important;
    }
}

/* end responsive is here */