/*Owl Animation*/
.owl-item {
  overflow: hidden; }

.fxSwipe .owl-stage, .fxPushReveal .owl-stage, .fxSnapIn .owl-stage, .fxLetMeIn .owl-stage, .fxStickIt .owl-stage, .fxSlideBehind .owl-stage {
  transform: none !important;
  width: 100% !important;
  position: relative;
  height: 0;
  border: none;
  overflow: hidden;
  display: block;
  padding-top: 31.25%; }
.fxSwipe .owl-item, .fxPushReveal .owl-item, .fxSnapIn .owl-item, .fxLetMeIn .owl-item, .fxStickIt .owl-item, .fxSlideBehind .owl-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  opacity: 0;
  z-index: 10; }
  .fxSwipe .owl-item.active, .fxPushReveal .owl-item.active, .fxSnapIn .owl-item.active, .fxLetMeIn .owl-item.active, .fxStickIt .owl-item.active, .fxSlideBehind .owl-item.active {
    z-index: 20;
    opacity: 1; }
  .fxSwipe .owl-item.owl-animated-out, .fxPushReveal .owl-item.owl-animated-out, .fxSnapIn .owl-item.owl-animated-out, .fxLetMeIn .owl-item.owl-animated-out, .fxStickIt .owl-item.owl-animated-out, .fxSlideBehind .owl-item.owl-animated-out {
    opacity: 1; }
  .fxSwipe .owl-item.owl-animated-in, .fxPushReveal .owl-item.owl-animated-in, .fxSnapIn .owl-item.owl-animated-in, .fxLetMeIn .owl-item.owl-animated-in, .fxStickIt .owl-item.owl-animated-in, .fxSlideBehind .owl-item.owl-animated-in {
    opacity: 0; }

/*****************************************/
/* coverflow */
/*****************************************/
.fxCoverflow .itemwrap {
  -webkit-perspective: 1400px;
  perspective: 1400px; }

.fxCoverflow .navOutNext {
  -webkit-animation: rotate3DSlideOutLeft 0.3s forwards;
  animation: rotate3DSlideOutLeft 0.3s forwards; }

.fxCoverflow .navInNext {
  -webkit-animation: rotate3DSlideInRight 0.3s 0.1s forwards;
  animation: rotate3DSlideInRight 0.3s 0.1s forwards; }

.fxCoverflow .navOutPrev {
  -webkit-animation: rotate3DSlideOutRight 0.3s forwards;
  animation: rotate3DSlideOutRight 0.3s forwards; }

.fxCoverflow .navInPrev {
  -webkit-animation: rotate3DSlideInLeft 0.3s 0.1s forwards;
  animation: rotate3DSlideInLeft 0.3s 0.1s forwards; }

@-webkit-keyframes rotate3DSlideOutLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-40%) rotateY(45deg) translateZ(-300px);
    opacity: 0; } }
@keyframes rotate3DSlideOutLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-40%) rotateY(45deg) translateZ(-300px);
    transform: translateX(-40%) rotateY(45deg) translateZ(-300px);
    opacity: 0; } }
@-webkit-keyframes rotate3DSlideInRight {
  from {
    -webkit-transform: translateX(40%) rotateY(-45deg) translateZ(-300px); }
  to {
    -webkit-transform: translateX(0) rotateY(0deg) translateZ(0);
    opacity: 1; } }
@keyframes rotate3DSlideInRight {
  from {
    -webkit-transform: translateX(40%) rotateY(-45deg) translateZ(-300px);
    transform: translateX(40%) rotateY(-45deg) translateZ(-300px); }
  to {
    -webkit-transform: translateX(0) rotateY(0deg) translateZ(0);
    transform: translateX(0) rotateY(0deg) translateZ(0);
    opacity: 1; } }
@-webkit-keyframes rotate3DSlideOutRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(40%) rotateY(-45deg) translateZ(-300px);
    opacity: 0; } }
@keyframes rotate3DSlideOutRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(40%) rotateY(-45deg) translateZ(-300px);
    transform: translateX(40%) rotateY(-45deg) translateZ(-300px);
    opacity: 0; } }
@-webkit-keyframes rotate3DSlideInLeft {
  from {
    -webkit-transform: translateX(-40%) rotateY(45deg) translateZ(-300px); }
  to {
    -webkit-transform: translateX(0) rotateY(0deg) translateZ(0);
    opacity: 1; } }
@keyframes rotate3DSlideInLeft {
  from {
    -webkit-transform: translateX(-40%) rotateY(45deg) translateZ(-300px);
    transform: translateX(-40%) rotateY(45deg) translateZ(-300px); }
  to {
    -webkit-transform: translateX(0) rotateY(0deg) translateZ(0);
    transform: translateX(0) rotateY(0deg) translateZ(0);
    opacity: 1; } }
/*****************************************/
/* Soft Scale */
/*****************************************/
.fxSoftScale .animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.fxSoftScaleOutNext {
  animation-name: scaleUp; }

.fxSoftScaleInNext {
  animation-name: scaleDownUp; }

.fxSoftScaleOutPrev {
  animation-name: scaleDown; }

.fxSoftScaleInPrev {
  animation-name: scaleUpDown; }

@keyframes scaleUp {
  from {
    opacity: 1; }
  to {
    transform: scale(1.2);
    opacity: 0; } }
@keyframes scaleDownUp {
  from {
    opacity: 0;
    transform: scale(0.9); }
  to {
    opacity: 1;
    transform: scale(1); } }
@keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.9); } }
@keyframes scaleUpDown {
  from {
    transform: scale(1.2); }
  to {
    opacity: 1;
    transform: scale(1); } }
/*****************************************/
/* Press away */
/*****************************************/
.fxPressAway .animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.fxPressAwayOutNext {
  animation-name: slideOutScaleRight; }

.fxPressAwayInNext {
  animation-name: slideInFromLeft; }

.fxPressAwayOutPrev {
  animation-name: slideOutScaleLeft; }

.fxPressAwayInPrev {
  animation-name: slideInFromRight; }

@keyframes slideOutScaleRight {
  to {
    transform: translateX(100%) scale(0.9);
    opacity: 0; } }
@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes slideOutScaleLeft {
  to {
    transform: translateX(-100%) scale(0.9);
    opacity: 0; } }
@keyframes slideInFromRight {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
/*****************************************/
/* Slide Swing */
/*****************************************/
.fxSideSwing .animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1); }

.fxSideSwingOutNext {
  animation-name: slideOutScaleRight; }

.fxSideSwingInNext {
  animation-name: slideInFromLeft; }

.fxSideSwingOutPrev {
  animation-name: slideOutScaleLeft; }

.fxSideSwingInPrev {
  animation-name: slideInFromRight; }

/*****************************************/
/* Fortune wheel */
/*****************************************/
.fxFortuneWheel .owl-stage {
  perspective: 1600px; }
.fxFortuneWheel .animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.fxFortuneWheelOutNext {
  animation-name: slideOutScaleRight; }

.fxFortuneWheelInNext {
  transform-origin: 100% 50%;
  animation-name: rotateInFromLeft; }

.fxFortuneWheelOutPrev {
  animation-name: slideOutScaleLeft; }

.fxFortuneWheelInPrev {
  transform-origin: 0% 50%;
  animation-name: rotateInFromRight; }

@keyframes rotateInFromLeft {
  from {
    transform: translateX(-100%) rotateY(-55deg); }
  to {
    transform: translateX(0) rotateY(0deg);
    opacity: 1; } }
@keyframes rotateInFromRight {
  from {
    transform: translateX(100%) rotateY(55deg); }
  to {
    transform: translateX(0) rotateY(0deg);
    opacity: 1; } }
/*****************************************/
/* Swipe */
/*****************************************/
.fxSwipe .owl-item.fxSwipeOutNext {
  z-index: 30; }
.fxSwipe .owl-item.fxSwipeInPrev {
  opacity: 1; }

.fxSwipeOutNext {
  animation: decreaseHeight 0.8s forwards ease-in-out; }

.fxSwipeInNext {
  animation: show 0.8s forwards ease-in-out; }

.fxSwipeOutPrev {
  animation: hide 0.8s forwards ease-in-out; }

.fxSwipeInPrev {
  animation: increaseHeight 0.8s forwards ease-in-out; }

@keyframes increaseHeight {
  from {
    height: 0; }
  to {
    height: 100%; } }
@keyframes decreaseHeight {
  to {
    height: 0; } }
@keyframes show {
  0% {
    opacity: 0; }
  1%,100% {
    opacity: 1; } }
@keyframes hide {
  0%,99% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*****************************************/
/* Push reveal */
/*****************************************/
.fxPushReveal .owl-item.animated {
  opacity: 1;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out; }

.fxPushRevealOutNext {
  animation-name: slideOutBottom; }

.fxPushRevealInNext {
  animation-name: slideInHalfFromTop; }
  .fxPushReveal .fxPushRevealInNext.owl-item {
    z-index: 5; }

.fxPushRevealOutPrev {
  animation-name: slideOutHalfTop; }

.fxPushRevealInPrev {
  animation-name: slideInFromBottom; }

@keyframes slideOutBottom {
  to {
    transform: translateY(100%); } }
@keyframes slideInHalfFromTop {
  from {
    transform: translateY(-50%); }
  to {
    transform: translateY(0); } }
@keyframes slideOutHalfTop {
  to {
    transform: translateY(-50%); } }
@keyframes slideInFromBottom {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }
/*****************************************/
/* Snap in */
/*****************************************/
.fxSnapIn .owl-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.4s 0.1s ease-in; }
.fxSnapIn .owl-item.owl-animated-out:after {
  opacity: 1; }
.fxSnapIn .owl-item.owl-animated-in {
  opacity: 1; }
.fxSnapIn .animated {
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }
.fxSnapIn .owl-animated-in {
  animation-timing-function: ease-in; }
.fxSnapIn .owl-animated-out {
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.fxSnapInOutNext {
  animation-name: slideOutLeft; }

.fxSnapInInNext {
  animation-name: slideFromRightFast; }

.fxSnapInOutPrev {
  animation-name: slideOutRight; }

.fxSnapInInPrev {
  animation-name: slideFromLeftFast; }

@keyframes slideOutLeft {
  to {
    transform: translateX(-10%); } }
@keyframes slideFromRightFast {
  0%,50% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }
@keyframes slideOutRight {
  to {
    transform: translateX(10%); } }
@keyframes slideFromLeftFast {
  0%,50% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }
/*****************************************/
/* Let me in */
/*****************************************/
.fxLetMeIn .owl-stage {
  perspective: 1600px; }
.fxLetMeIn .owl-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.5s ease-in-out; }
.fxLetMeIn .owl-item.fxLetMeInOutNext:after, .fxLetMeIn .owl-item.fxLetMeInOutPrev:after {
  opacity: 1; }
.fxLetMeIn .owl-item.fxLetMeInInNext, .fxLetMeIn .owl-item.fxLetMeInInPrev {
  z-index: 30;
  opacity: 1; }

.fxLetMeInOutNext {
  transform-origin: 0% 50%;
  animation: rotateOutRight 0.5s forwards ease-in-out; }

.fxLetMeInInNext {
  animation: slideFromRightFast 0.5s forwards ease; }

.fxLetMeInOutPrev {
  transform-origin: 100% 0%;
  animation: rotateOutLeft 0.5s forwards ease-in-out; }

.fxLetMeInInPrev {
  animation: slideFromLeftFast 0.5s forwards ease; }

@keyframes rotateOutRight {
  to {
    transform: rotateY(10deg); } }
@keyframes rotateOutLeft {
  to {
    transform: rotateY(-10deg); } }
/*****************************************/
/* Stick it */
/*****************************************/
.fxStickIt .owl-stage {
  perspective: 1600px; }
.fxStickIt .owl-item.fxStickItInNext {
  opacity: 1; }

.fxStickItOutNext {
  transform-origin: 50% 0%;
  animation: rotateBottomSideOut 0.8s forwards ease-in; }

.fxStickItInNext {
  animation: slideInFromBottomDelayed 0.8s forwards; }

.fxStickItOutPrev {
  opacity: 1;
  animation: slideOutToBottom 0.8s forwards; }

.fxStickItInPrev {
  transform-origin: 50% 0%;
  animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; }

@keyframes rotateBottomSideOut {
  40% {
    transform: rotateX(-15deg);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px); } }
@keyframes slideInFromBottomDelayed {
  0%, 30% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }
@keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px); }
  60% {
    transform: scale(1) translateZ(0) rotateX(-15deg);
    animation-timing-function: ease-out; }
  100% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotateX(0deg); } }
/*****************************************/
/* Archive me */
/*****************************************/
.fxArchiveMe .owl-item:before, .fxArchiveMe .owl-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1); }
.fxArchiveMe .owl-item.fxArchiveMeInNext {
  z-index: 30;
  opacity: 1; }
  .fxArchiveMe .owl-item.fxArchiveMeInNext:after {
    transition: none; }
.fxArchiveMe .owl-item:after, .fxArchiveMe .owl-item.fxArchiveMeOutNext:before {
  opacity: 1; }
.fxArchiveMe .owl-item:before, .fxArchiveMe .owl-item.active:after, .fxArchiveMe .owl-item.fxArchiveMeInNext:after, .fxArchiveMe .owl-item.fxArchiveMeInPrev:after {
  opacity: 0; }

.fxArchiveMeOutNext {
  animation: scaleHalfDown 0.7s cubic-bezier(0.7, 0, 0.3, 1); }

.fxArchiveMeInNext {
  animation: slideInFromBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1); }

.fxArchiveMeOutPrev {
  animation: slideOutToBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1); }

.fxArchiveMeInPrev {
  animation: scaleHalfUp 0.7s cubic-bezier(0.7, 0, 0.3, 1); }

@keyframes scaleHalfDown {
  to {
    transform: scale(0.6);
    opacity: 0; } }
@keyframes slideOutToBottom {
  to {
    transform: translateY(100%); } }
@keyframes scaleHalfUp {
  from {
    opacity: 0;
    transform: scale(0.6); }
  to {
    opacity: 1;
    transform: scale(1); } }
/*****************************************/
/* Vertical growth */
/*****************************************/
.fxVGrowth .owl-item.fxVGrowthInNext, .fxVGrowth .owl-item.fxVGrowthInPrev {
  z-index: 30;
  opacity: 1; }

.fxVGrowthOutNext {
  animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); }

.fxVGrowthInNext {
  transform-origin: 50% 100%;
  animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); }

.fxVGrowthOutPrev {
  animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); }

.fxVGrowthInPrev {
  transform-origin: 50% 0%;
  animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); }

@keyframes maximize {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/
.fxSlideBehind .owl-stage {
  perspective: 1000px; }

.fxSlideBehindOutNext {
  animation: hideLeft 0.8s forwards; }

.fxSlideBehindInNext {
  animation: showRight 0.8s forwards; }

.fxSlideBehindOutPrev {
  animation: hideRight 0.8s forwards; }

.fxSlideBehindInPrev {
  animation: showLeft 0.8s forwards; }

@keyframes hideLeft {
  0% {
    transform: translateZ(0px); }
  40% {
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 30; }
  100% {
    opacity: 1;
    transform: translateZ(-400px); } }
@keyframes showRight {
  0% {
    transform: translateZ(-400px);
    opacity: 1; }
  40% {
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1; }
  41% {
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 30; }
  100% {
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30; } }
@keyframes hideRight {
  0% {
    transform: translateZ(0px); }
  40% {
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 30; }
  100% {
    opacity: 1;
    transform: translateZ(-400px); } }
@keyframes showLeft {
  0% {
    transform: translateZ(-400px);
    opacity: 1; }
  40% {
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1; }
  41% {
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 30; }
  100% {
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30; } }
/*****************************************/
/* Soft Pulse */
/*****************************************/
.fxSoftPulseOutPrev,
.fxSoftPulseOutNext {
  animation: scaleUpFadeOut 0.8s forwards ease-in; }

.fxSoftPulseInPrev,
.fxSoftPulseInNext {
  animation: scaleDownFadeIn 0.8s forwards ease-out; }

@keyframes scaleUpFadeOut {
  50% {
    transform: scale(1.2);
    opacity: 1; }
  75% {
    transform: scale(1.1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }
@keyframes scaleDownFadeIn {
  50% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 1;
    transform: scale(1); } }
/*****************************************/
/* Earthquake */
/* From https://elrumordelaluz.github.io/csshake/ by Lionel, http://t.co/thCECnx1Yg */
/*****************************************/
.fxEarthquake .owl-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.5s; }
.fxEarthquake .owl-item:after, .fxEarthquake .owl-item:after {
  opacity: 1; }
.fxEarthquake .owl-item.fxEarthquakeInPrev {
  opacity: 1; }

.fxEarthquakeOutNext {
  animation: shakeSlideBottom 1s 0.1s forwards; }

.fxEarthquakeInNext {
  animation: pushFromTop 1s 0.1s forwards; }

.fxEarthquakeOutPrev {
  animation: shakeSlideTop 1s 0.1s forwards; }

.fxEarthquakeInPrev {
  animation: pushFromBottom 1s 0.1s forwards; }

@keyframes shakeSlideBottom {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  2% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  4% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  6% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  8% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  10% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  12% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  14% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  16% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  18% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  20% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  22% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  24% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  26% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  28% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  30% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  32% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  34% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  36% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  38% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  40% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  42% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  44% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  46% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  48% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  50% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  52% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  54% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  56% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  58% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  60% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  62% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  64% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  66% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  68% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  70% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  100% {
    transform: translateY(100%); } }
@keyframes pushFromTop {
  0%, 70% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes shakeSlideTop {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  2% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  4% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  6% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  8% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  10% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  12% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  14% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  16% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  18% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  20% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  22% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  24% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  26% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  28% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  30% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  32% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  34% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  36% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  38% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  40% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  42% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  44% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  46% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  48% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  50% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  52% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  54% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  56% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  58% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  60% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  62% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  64% {
    transform: translate(0px, -1px) rotate(-0.5deg); }
  66% {
    transform: translate(-1px, -1px) rotate(-0.5deg); }
  68% {
    transform: translate(-1px, 0px) rotate(-0.5deg); }
  70% {
    transform: translate(0px, 0px) rotate(-0.5deg); }
  100% {
    transform: translateY(-100%); } }
@keyframes pushFromBottom {
  0%, 70% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
/*****************************************/
/* Cliff diving */
/*****************************************/
.fxCliffDiving .owl-item {
  transform-origin: 50% 400%; }
  .fxCliffDiving .owl-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: black;
    transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1); }
  .fxCliffDiving .owl-item.fxCliffDivingInNext, .fxCliffDiving .owl-item.fxCliffDivingInPrev {
    opacity: 1; }

.fxCliffDivingOutNext {
  animation: rotateOutCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1); }

.fxCliffDivingInNext {
  animation: rotateInCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1); }

.fxCliffDivingOutPrev {
  animation: rotateOutCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1); }

.fxCliffDivingInPrev {
  animation: rotateInCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1); }

@keyframes rotateOutCircLeft {
  to {
    transform: rotate(-20deg) translateX(-100%); } }
@keyframes rotateInCircRight {
  from {
    transform: rotate(20deg) translateX(100%); }
  to {
    transform: rotate(0deg) translateX(0); } }
@keyframes rotateOutCircRight {
  to {
    transform: rotate(20deg) translateX(100%); } }
@keyframes rotateInCircLeft {
  from {
    transform: rotate(-20deg) translateX(-100%); }
  to {
    transform: rotate(0deg) translateX(0); } }
.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  /*margin: 1em;
  max-width: 350px;*/
  width: calc(100%);
  vertical-align: top; }

.input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: none;
  /* color: #aaa; */
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */ }

.input__field:focus {
  outline: none; }

.input__label {
  display: inline-block;
  float: right;
  /*padding: 0 1em;*/
  width: 40%;
  /* color: #6a7989; */
  font-weight: bold;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%; }

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none; }

.icon {
  color: #ddd;
  font-size: 150%; }

/* Jiro */
.input--jiro {
  margin-top: 2em; }

.input__field--jiro {
  padding: 0.85em 0.5em;
  width: 100%;
  background: transparent;
  color: #343434;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.input__label--jiro {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  padding: 0 0.85em;
  width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none; }

.input__label-content--jiro {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; }

.input__label--jiro::before,
.input__label--jiro::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.input__label--jiro::before {
  /*border-top: 2px solid #6a7989;*/
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.input__label--jiro::after {
  z-index: -1;
  background: none;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }

.input__field--jiro:focus,
.input--filled .input__field--jiro {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.input__field--jiro:focus + .input__label--jiro .input__label-content--jiro,
.input--filled .input__label-content--jiro {
  -webkit-transform: translate3d(0, -80%, 0);
  transform: translate3d(0, -80%, 0);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.input__field--jiro:focus + .input__label--jiro::after,
.input--filled .input__label--jiro::after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

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