html,
body {
  height: 100vh;
  margin:0;
  padding: 0;
}
body {
  background-color: #f2f2f2;
  position: relative;
}

.wrapper {
  position: relative;
  height: 100vh;
  max-height: 460px;
}
.container-wrap{
  /* height: 100vh; */
}
.clearfix {
  clear: both;
}
#interactionBody .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.sound-on-off img.speaker-icon {
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 99;
  background: #ffffffcf;
  padding: 12px;
}

.sound-on-off img.speaker-icon.speaker-off {
  display: none;
}

/*Owl Animation*/

.owl-item {
  overflow: hidden;
}

.owl-item .owl-item {
  overflow: hidden;
}

.owl-item .fxSwipe .owl-stage,
.owl-item .fxPushReveal .owl-stage,
.owl-item .fxSnapIn .owl-stage,
.owl-item .fxLetMeIn .owl-stage,
.owl-item .fxStickIt .owl-stage,
.owl-item .fxSlideBehind .owl-stage {
  -webkit-transform: none !important;
  transform: none !important;
  width: 100% !important;
  position: relative;
  height: 0;
  border: none;
  overflow: hidden;
  display: block;
  padding-top: 31.25%;
}

.owl-item .fxSwipe .owl-item,
.owl-item .fxPushReveal .owl-item,
.owl-item .fxSnapIn .owl-item,
.owl-item .fxLetMeIn .owl-item,
.owl-item .fxStickIt .owl-item,
.owl-item .fxSlideBehind .owl-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  opacity: 0;
  z-index: 10;
}

.owl-item .fxSwipe .owl-item.active,
.owl-item .fxPushReveal .owl-item.active,
.owl-item .fxSnapIn .owl-item.active,
.owl-item .fxLetMeIn .owl-item.active,
.owl-item .fxStickIt .owl-item.active,
.owl-item .fxSlideBehind .owl-item.active {
  z-index: 20;
  opacity: 1;
}

.owl-item .fxSwipe .owl-item.owl-animated-out,
.owl-item .fxPushReveal .owl-item.owl-animated-out,
.owl-item .fxSnapIn .owl-item.owl-animated-out,
.owl-item .fxLetMeIn .owl-item.owl-animated-out,
.owl-item .fxStickIt .owl-item.owl-animated-out,
.owl-item .fxSlideBehind .owl-item.owl-animated-out {
  opacity: 1;
}

.owl-item .fxSwipe .owl-item.owl-animated-in,
.owl-item .fxPushReveal .owl-item.owl-animated-in,
.owl-item .fxSnapIn .owl-item.owl-animated-in,
.owl-item .fxLetMeIn .owl-item.owl-animated-in,
.owl-item .fxStickIt .owl-item.owl-animated-in,
.owl-item .fxSlideBehind .owl-item.owl-animated-in {
  opacity: 0;
}

.owl-item .fxSoftScale .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.owl-item .fxSoftScaleOutNext {
  -webkit-animation-name: scaleUp;
  animation-name: scaleUp;
}

.owl-item .fxSoftScaleInNext {
  -webkit-animation-name: scaleDownUp;
  animation-name: scaleDownUp;
}

.owl-item .fxSoftScaleOutPrev {
  -webkit-animation-name: scaleDown;
  animation-name: scaleDown;
}

.owl-item .fxSoftScaleInPrev {
  -webkit-animation-name: scaleUpDown;
  animation-name: scaleUpDown;
}

@-webkit-keyframes scaleUp {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes scaleUp {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.owl-item .fxPressAway .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.owl-item .fxPressAwayOutNext {
  -webkit-animation-name: slideOutScaleRight;
  animation-name: slideOutScaleRight;
}

.owl-item .fxPressAwayInNext {
  -webkit-animation-name: slideInFromLeft;
  animation-name: slideInFromLeft;
}

.owl-item .fxPressAwayOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
  animation-name: slideOutScaleLeft;
}

.owl-item .fxPressAwayInPrev {
  -webkit-animation-name: slideInFromRight;
  animation-name: slideInFromRight;
}

@-webkit-keyframes slideOutScaleRight {
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideOutScaleRight {
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}

@-webkit-keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slideOutScaleLeft {
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideOutScaleLeft {
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}

@-webkit-keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.owl-item .fxSideSwing .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.owl-item .fxSideSwingOutNext {
  -webkit-animation-name: slideOutScaleRight;
  animation-name: slideOutScaleRight;
}

.owl-item .fxSideSwingInNext {
  -webkit-animation-name: slideInFromLeft;
  animation-name: slideInFromLeft;
}

.owl-item .fxSideSwingOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
  animation-name: slideOutScaleLeft;
}

.owl-item .fxSideSwingInPrev {
  -webkit-animation-name: slideInFromRight;
  animation-name: slideInFromRight;
}

.owl-item .fxFortuneWheel .owl-stage {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.owl-item .fxFortuneWheel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.owl-item .fxFortuneWheelOutNext {
  -webkit-animation-name: slideOutScaleRight;
  animation-name: slideOutScaleRight;
}

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

.owl-item .fxFortuneWheelOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
  animation-name: slideOutScaleLeft;
}

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

@-webkit-keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
    transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
    transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
    transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
    transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

.owl-item .fxSwipe .owl-item.fxSwipeOutNext {
  z-index: 30;
}

.owl-item .fxSwipe .owl-item.fxSwipeInPrev {
  opacity: 1;
}

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

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

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

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

@-webkit-keyframes increaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@keyframes increaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@-webkit-keyframes decreaseHeight {
  to {
    height: 0;
  }
}

@keyframes decreaseHeight {
  to {
    height: 0;
  }
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  1%,
  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  1%,
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hide {
  0%,
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide {
  0%,
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.owl-item .fxPushReveal .owl-item.animated {
  opacity: 1;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.owl-item .fxPushRevealOutNext {
  -webkit-animation-name: slideOutBottom;
  animation-name: slideOutBottom;
}

.owl-item .fxPushRevealInNext {
  -webkit-animation-name: slideInHalfFromTop;
  animation-name: slideInHalfFromTop;
}

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

.owl-item .fxPushRevealOutPrev {
  -webkit-animation-name: slideOutHalfTop;
  animation-name: slideOutHalfTop;
}

.owl-item .fxPushRevealInPrev {
  -webkit-animation-name: slideInFromBottom;
  animation-name: slideInFromBottom;
}

@-webkit-keyframes slideOutBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slideOutHalfTop {
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@keyframes slideOutHalfTop {
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@-webkit-keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

.owl-item .fxSnapIn .owl-item.owl-animated-out:after {
  opacity: 1;
}

.owl-item .fxSnapIn .owl-item.owl-animated-in {
  opacity: 1;
}

.owl-item .fxSnapIn .animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.owl-item .fxSnapIn .owl-animated-in {
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.owl-item .fxSnapIn .owl-animated-out {
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.owl-item .fxSnapInOutNext {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

.owl-item .fxSnapInInNext {
  -webkit-animation-name: slideFromRightFast;
  animation-name: slideFromRightFast;
}

.owl-item .fxSnapInOutPrev {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

.owl-item .fxSnapInInPrev {
  -webkit-animation-name: slideFromLeftFast;
  animation-name: slideFromLeftFast;
}

@-webkit-keyframes slideOutLeft {
  to {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
}

@keyframes slideOutLeft {
  to {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
}

@-webkit-keyframes slideFromRightFast {
  0%,
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes slideFromRightFast {
  0%,
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes slideOutRight {
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}

@keyframes slideOutRight {
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}

@-webkit-keyframes slideFromLeftFast {
  0%,
  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes slideFromLeftFast {
  0%,
  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.owl-item .fxLetMeIn .owl-stage {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

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

.owl-item .fxLetMeIn .owl-item.fxLetMeInOutNext:after,
.owl-item .fxLetMeIn .owl-item.fxLetMeInOutPrev:after {
  opacity: 1;
}

.owl-item .fxLetMeIn .owl-item.fxLetMeInInNext,
.owl-item .fxLetMeIn .owl-item.fxLetMeInInPrev {
  z-index: 30;
  opacity: 1;
}

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

.owl-item .fxLetMeInInNext {
  -webkit-animation: slideFromRightFast 0.5s forwards ease;
  animation: slideFromRightFast 0.5s forwards ease;
}

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

.owl-item .fxLetMeInInPrev {
  -webkit-animation: slideFromLeftFast 0.5s forwards ease;
  animation: slideFromLeftFast 0.5s forwards ease;
}

@-webkit-keyframes rotateOutRight {
  to {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
  }
}

@keyframes rotateOutRight {
  to {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
  }
}

@-webkit-keyframes rotateOutLeft {
  to {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
  }
}

@keyframes rotateOutLeft {
  to {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
  }
}

.owl-item .fxStickIt .owl-stage {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.owl-item .fxStickIt .owl-item.fxStickItInNext {
  opacity: 1;
}

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

.owl-item .fxStickItInNext {
  -webkit-animation: slideInFromBottomDelayed 0.8s forwards;
  animation: slideInFromBottomDelayed 0.8s forwards;
}

.owl-item .fxStickItOutPrev {
  opacity: 1;
  -webkit-animation: slideOutToBottom 0.8s forwards;
  animation: slideOutToBottom 0.8s forwards;
}

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

@-webkit-keyframes rotateBottomSideOut {
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
}

@keyframes rotateBottomSideOut {
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
}

@-webkit-keyframes slideInFromBottomDelayed {
  0%,
  30% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInFromBottomDelayed {
  0%,
  30% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
    transform: scale(1) translateZ(0) rotateX(0deg);
  }
}

@keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
    transform: scale(1) translateZ(0) rotateX(0deg);
  }
}

.owl-item .fxArchiveMe .owl-item:before,
.owl-item .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);
}

.owl-item .fxArchiveMe .owl-item.fxArchiveMeInNext {
  z-index: 30;
  opacity: 1;
}

.owl-item .fxArchiveMe .owl-item.fxArchiveMeInNext:after {
  transition: none;
}

.owl-item .fxArchiveMe .owl-item:after,
.owl-item .fxArchiveMe .owl-item.fxArchiveMeOutNext:before {
  opacity: 1;
}

.owl-item .fxArchiveMe .owl-item:before,
.owl-item .fxArchiveMe .owl-item.active:after,
.owl-item .fxArchiveMe .owl-item.fxArchiveMeInNext:after,
.owl-item .fxArchiveMe .owl-item.fxArchiveMeInPrev:after {
  opacity: 0;
}

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

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

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

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

@-webkit-keyframes scaleHalfDown {
  to {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
}

@keyframes scaleHalfDown {
  to {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
}

@-webkit-keyframes slideOutToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.owl-item .fxVGrowth .owl-item.fxVGrowthInNext,
.owl-item .fxVGrowth .owl-item.fxVGrowthInPrev {
  z-index: 30;
  opacity: 1;
}

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

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

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

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

@-webkit-keyframes maximize {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes maximize {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.owl-item .fxSlideBehind .owl-stage {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.owl-item .fxSlideBehindOutNext {
  -webkit-animation: hideLeft 0.8s forwards;
  animation: hideLeft 0.8s forwards;
}

.owl-item .fxSlideBehindInNext {
  -webkit-animation: showRight 0.8s forwards;
  animation: showRight 0.8s forwards;
}

.owl-item .fxSlideBehindOutPrev {
  -webkit-animation: hideRight 0.8s forwards;
  animation: hideRight 0.8s forwards;
}

.owl-item .fxSlideBehindInPrev {
  -webkit-animation: showLeft 0.8s forwards;
  animation: showLeft 0.8s forwards;
}

@-webkit-keyframes hideLeft {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 30;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}

@keyframes hideLeft {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 30;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}

@-webkit-keyframes showRight {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 30;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30;
  }
}

@keyframes showRight {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 30;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30;
  }
}

@-webkit-keyframes hideRight {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 30;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}

@keyframes hideRight {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 30;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}

@-webkit-keyframes showLeft {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 30;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30;
  }
}

@keyframes showLeft {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 30;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30;
  }
}

.owl-item .fxSoftPulseOutPrev,
.owl-item .fxSoftPulseOutNext {
  -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
  animation: scaleUpFadeOut 0.8s forwards ease-in;
}

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

@-webkit-keyframes scaleUpFadeOut {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes scaleUpFadeOut {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes scaleDownFadeIn {
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleDownFadeIn {
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

.owl-item .fxEarthquake .owl-item:after,
.owl-item .fxEarthquake .owl-item:after {
  opacity: 1;
}

.owl-item .fxEarthquake .owl-item.fxEarthquakeInPrev {
  opacity: 1;
}

.owl-item .fxEarthquakeOutNext {
  -webkit-animation: shakeSlideBottom 1s 0.1s forwards;
  animation: shakeSlideBottom 1s 0.1s forwards;
}

.owl-item .fxEarthquakeInNext {
  -webkit-animation: pushFromTop 1s 0.1s forwards;
  animation: pushFromTop 1s 0.1s forwards;
}

.owl-item .fxEarthquakeOutPrev {
  -webkit-animation: shakeSlideTop 1s 0.1s forwards;
  animation: shakeSlideTop 1s 0.1s forwards;
}

.owl-item .fxEarthquakeInPrev {
  -webkit-animation: pushFromBottom 1s 0.1s forwards;
  animation: pushFromBottom 1s 0.1s forwards;
}

@-webkit-keyframes shakeSlideBottom {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes shakeSlideBottom {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes pushFromTop {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes pushFromTop {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes shakeSlideTop {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes shakeSlideTop {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-webkit-keyframes pushFromBottom {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes pushFromBottom {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.owl-item .fxCliffDiving .owl-item {
  -webkit-transform-origin: 50% 400%;
  transform-origin: 50% 400%;
}

.owl-item .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);
}

.owl-item .fxCliffDiving .owl-item.fxCliffDivingInNext,
.owl-item .fxCliffDiving .owl-item.fxCliffDivingInPrev {
  opacity: 1;
}

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

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

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

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

@-webkit-keyframes rotateOutCircLeft {
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
}

@keyframes rotateOutCircLeft {
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
}

@-webkit-keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@-webkit-keyframes rotateOutCircRight {
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
}

@keyframes rotateOutCircRight {
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
}

@-webkit-keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

.owl-item body {
  font: 16px/1.5 Verdana, sans-serif;
  color: #333;
  background-color: #fff;
}

.owl-item .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.owl-item .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: left !important;
  margin-top: 0;
  height: 0;
}

.owl-item .owl-nav [class*="owl-"] {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 20px !important;
  padding: 8px 14px !important;
}

.owl-item .owl-next {
  float: right;
}

.owl-next,
.owl-prev {
  outline: none;
}

.owl-item .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}

.owl-dots {
  text-align: center;
}

.owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: 1;
  border: 1px solid #fff !important;
  background: transparent !important;
  margin: 10px;
  outline: none;
  opacity: .9;
}

.owl-dots .owl-dot.active {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  opacity: 1;
}

.owl-item .owl-dots .owl-dot span {
  width: 12px !important;
  height: 12px !important;
}

.owl-item .owl-carousel {
  margin-bottom: 10px;
  background-color: #333;
}

.owl-carousel .owl-item img {
  width: auto !important;
}

.owl-item select {
  font: inherit;
  padding: 10px;
}

.fxSwipe .owl-stage,
.fxPushReveal .owl-stage,
.fxSnapIn .owl-stage,
.fxLetMeIn .owl-stage,
.fxStickIt .owl-stage,
.fxSlideBehind .owl-stage {
  -webkit-transform: none !important;
  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;
}

/*****************************************/

/* Soft Scale */

/*****************************************/

.fxSoftScale .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScaleOutNext {
  -webkit-animation-name: scaleUp;
  animation-name: scaleUp;
}

.fxSoftScaleInNext {
  -webkit-animation-name: scaleDownUp;
  animation-name: scaleDownUp;
}

.fxSoftScaleOutPrev {
  -webkit-animation-name: scaleDown;
  animation-name: scaleDown;
}

.fxSoftScaleInPrev {
  -webkit-animation-name: scaleUpDown;
  animation-name: scaleUpDown;
}

@keyframes scaleUp {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/

/* Press away */

/*****************************************/

.fxPressAway .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAwayOutNext {
  -webkit-animation-name: slideOutScaleRight;
  animation-name: slideOutScaleRight;
}

.fxPressAwayInNext {
  -webkit-animation-name: slideInFromLeft;
  animation-name: slideInFromLeft;
}

.fxPressAwayOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
  animation-name: slideOutScaleLeft;
}

.fxPressAwayInPrev {
  -webkit-animation-name: slideInFromRight;
  animation-name: slideInFromRight;
}

@keyframes slideOutScaleRight {
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideOutScaleLeft {
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*****************************************/

/* Slide Swing */

/*****************************************/

.fxSideSwing .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwingOutNext {
  -webkit-animation-name: slideOutScaleRight;
  animation-name: slideOutScaleRight;
}

.fxSideSwingInNext {
  -webkit-animation-name: slideInFromLeft;
  animation-name: slideInFromLeft;
}

.fxSideSwingOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
  animation-name: slideOutScaleLeft;
}

.fxSideSwingInPrev {
  -webkit-animation-name: slideInFromRight;
  animation-name: slideInFromRight;
}

/*****************************************/

/* Fortune wheel */

/*****************************************/

.fxFortuneWheel .owl-stage {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.fxFortuneWheel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheelOutNext {
  -webkit-animation-name: slideOutScaleRight;
  animation-name: slideOutScaleRight;
}

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

.fxFortuneWheelOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
  animation-name: slideOutScaleLeft;
}

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

@keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
    transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
    transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

/*****************************************/

/* Swipe */

/*****************************************/

.fxSwipe .owl-item.fxSwipeOutNext {
  z-index: 30;
}

.fxSwipe .owl-item.fxSwipeInPrev {
  opacity: 1;
}

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

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

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

.fxSwipeInPrev {
  -webkit-animation: increaseHeight 0.8s forwards ease-in-out;
  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;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.fxPushRevealOutNext {
  -webkit-animation-name: slideOutBottom;
  animation-name: slideOutBottom;
}

.fxPushRevealInNext {
  -webkit-animation-name: slideInHalfFromTop;
  animation-name: slideInHalfFromTop;
}

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

.fxPushRevealOutPrev {
  -webkit-animation-name: slideOutHalfTop;
  animation-name: slideOutHalfTop;
}

.fxPushRevealInPrev {
  -webkit-animation-name: slideInFromBottom;
  animation-name: slideInFromBottom;
}

@keyframes slideOutBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideOutHalfTop {
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    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 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.fxSnapIn .owl-animated-in {
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.fxSnapIn .owl-animated-out {
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

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

.fxSnapInInNext {
  -webkit-animation-name: slideFromRightFast;
  animation-name: slideFromRightFast;
}

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

.fxSnapInInPrev {
  -webkit-animation-name: slideFromLeftFast;
  animation-name: slideFromLeftFast;
}

@keyframes slideOutLeft {
  to {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
}

@keyframes slideFromRightFast {
  0%,
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes slideOutRight {
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}

@keyframes slideFromLeftFast {
  0%,
  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/*****************************************/

/* Let me in */

/*****************************************/

.fxLetMeIn .owl-stage {
  -webkit-perspective: 1600px;
  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 {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateOutRight 0.5s forwards ease-in-out;
  animation: rotateOutRight 0.5s forwards ease-in-out;
}

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

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

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

@keyframes rotateOutRight {
  to {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
  }
}

@keyframes rotateOutLeft {
  to {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
  }
}

/*****************************************/

/* Stick it */

/*****************************************/

.fxStickIt .owl-stage {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.fxStickIt .owl-item.fxStickItInNext {
  opacity: 1;
}

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

.fxStickItInNext {
  -webkit-animation: slideInFromBottomDelayed 0.8s forwards;
  animation: slideInFromBottomDelayed 0.8s forwards;
}

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

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

@keyframes rotateBottomSideOut {
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
}

@keyframes slideInFromBottomDelayed {
  0%,
  30% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
    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 {
  -webkit-animation: scaleHalfDown 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleHalfDown 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}

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

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

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

@keyframes scaleHalfDown {
  to {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
}

@keyframes slideOutToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/

/* Vertical growth */

/*****************************************/

.fxVGrowth .owl-item.fxVGrowthInNext,
.fxVGrowth .owl-item.fxVGrowthInPrev {
  z-index: 30;
  opacity: 1;
}

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

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

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

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

@keyframes maximize {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/

/* Slide Behind */

/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */

/*****************************************/

.fxSlideBehind .owl-stage {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.fxSlideBehindOutNext {
  -webkit-animation: hideLeft 0.8s forwards;
  animation: hideLeft 0.8s forwards;
}

.fxSlideBehindInNext {
  -webkit-animation: showRight 0.8s forwards;
  animation: showRight 0.8s forwards;
}

.fxSlideBehindOutPrev {
  -webkit-animation: hideRight 0.8s forwards;
  animation: hideRight 0.8s forwards;
}

.fxSlideBehindInPrev {
  -webkit-animation: showLeft 0.8s forwards;
  animation: showLeft 0.8s forwards;
}

@keyframes hideLeft {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 30;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}

@keyframes showRight {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 30;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30;
  }
}

@keyframes hideRight {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 30;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}

@keyframes showLeft {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 30;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 30;
  }
}

/*****************************************/

/* Soft Pulse */

/*****************************************/

.fxSoftPulseOutPrev,
.fxSoftPulseOutNext {
  -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
  animation: scaleUpFadeOut 0.8s forwards ease-in;
}

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

@keyframes scaleUpFadeOut {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes scaleDownFadeIn {
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(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 {
  -webkit-animation: shakeSlideBottom 1s 0.1s forwards;
  animation: shakeSlideBottom 1s 0.1s forwards;
}

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

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

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

@keyframes shakeSlideBottom {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes pushFromTop {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes shakeSlideTop {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes pushFromBottom {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*****************************************/

/* Cliff diving */

/*****************************************/

.fxCliffDiving .owl-item {
  -webkit-transform-origin: 50% 400%;
  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 {
  -webkit-animation: rotateOutCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateOutCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}

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

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

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

@keyframes rotateOutCircLeft {
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
}

@keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@keyframes rotateOutCircRight {
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
}

@keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

body {
  font: 16px/1.5 Verdana, sans-serif;
  color: #333;
  background-color: #fff;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: left !important;
  margin-top: 0;
  height: 0;
}

.owl-nav [class*="owl-"] {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 20px !important;
  padding: 8px 14px !important;
}

.owl-nav i {
  font-size: 80px;
  outline: none !important;
}

.owl-nav .disabled {
  pointer-events: none;
  opacity: 0.5;
}

.owl-next {
  float: right;
}

.owl-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}

.owl-dots .owl-dot span {
  width: 14px !important;
  height: 14px !important;
}

.owl-carousel {
  margin-bottom: 0;
  background-color: transparent;
}

select {
  font: inherit;
  padding: 10px;
}

.interaction-title {
  width: 80%;
  font-size: 1.2rem;
  text-align: center;
  color: #403f50;
  margin: 0px auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 5px 0;
}

.interaction-title p{
  margin: 0;
}

.background-img {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 100%;
  max-height: 460px;
  overflow: hidden;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.10196078431372549);
  background-position-y: center !important;
}

.background-img .inner-img {
  width: 100%;
  height: 100%;
  background-position-y: center !important;
  transition: all 1s;
}

/* .background-img.scolled-img .inner-img{
transform: scale(1.2);
transition: all 0.8s;
} */

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    to bottom,
    rgba(14, 29, 51, 0.8),
    rgba(14, 29, 51, 0.2)
  );
}

.overlay2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  /* background: rgba(14, 29, 51, 0.8) */
}

.hero-slider {
  width: 80%;
  margin: 0 auto;
  height: 100%;
  max-height: 460px;
  overflow: hidden;
  position: relative;
}

.hero-slider .carousel-cell {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero-slider .carousel-cell .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* -webkit-transform: translateY(-50%); */
  /* transform: translateY(-50%); */
  color: #403f50;
  text-align: center;
  width: 88%;
  margin: auto;
  display: flex;
  padding: 3% 0;
  /* padding-top: 1%; */
}

.hero-slider .owl-carousel,
.hero-slider .owl-stage-outer,
.hero-slider .owl-stage-outer .owl-stage,
.hero-slider .owl-stage-outer .owl-stage .owl-item {
  /* height: 100% !important; */
}

.hero-slider .carousel-cell.scolling-start .inner {
  opacity: 0.4;
  -webkit-transition: opacity ease-in 0.4s 0.8s;
  -moz-transition: opacity ease-in 0.4s 0.8s;
  -o-transition: opacity ease-in 0.4s 0.8s;
  -ms-transition: opacity ease-in 0.4s 0.8s;
  transition: opacity ease-in 0.4s 0.4s;
}

.hero-slider .owl-item.active .scolling-start .inner.smoothshow {
  opacity: 1;
}

.hero-slider .carousel-cell.is-selected.scolling-start .inner {
  opacity: 1;
}

.hero-slider .carousel-cell .inner .left-panel {
  width: 50%;
  margin-right: 20px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.hero-slider .carousel-cell .inner .right-panel {
  width: 50%;
  margin-left: 20px;
}

.hero-slider .carousel-cell .inner .subtitle {
  font-family: "Roboto Slab", serif;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-weight: 200;
  font-style: italic;
  letter-spacing: 3px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 5px;
}

.hero-slider .carousel-cell .inner .text-content-added {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  text-align: left;
  font-weight: 500;
}

.hero-slider .carousel-cell .inner .text-content-added p {
  margin: 0;
}

.hero-slider .carousel-cell .inner .image-sec {
  height: auto;
}

.hero-slider .carousel-cell .inner .image-sec,
.hero-slider .carousel-cell .inner .video-sec {
  position: relative;
}

.hero-slider .carousel-cell .inner .image-sec img {
  margin: auto;
  position: relative;
  left: 0;
  right: 0;
  top: 50%;
  /* bottom: 0; */
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hero-slider .carousel-cell .inner .video-sec iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 600px;
  height: 100%;
}

.hero-slider .carousel-cell .inner .video-sec video {
  /* height: 100%; */
  max-width: 600px;
  position: relative;
  left: 0;
  right: 0;
  top: 50%;
  /* bottom: 0; */
  margin: auto;
  outline: none;
  width: 100%;
  max-height: 300px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hero-slider .carousel-cell .inner .text-sec {
  position: relative;
}

.hero-slider .carousel-cell .inner .text-sec .text-content-added {
  /* position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  max-height: 422px;
  overflow: hidden; */
}

.mCSB_container{
  margin-right: 30px;
}

.vcenter {
  top: 50% !important;
  transform: translateY(-50%);
  -moz-transform:translateY(-50%);
}

.hero-slider .carousel-cell .inner .text-sec .text-content-added ol {
  /* list-style: decimal; */
  list-style-position: inside;
}

.hero-slider .carousel-cell .inner .text-sec .text-content-added ul {
  list-style: disc;
  list-style-position: inside;
}

.hero-slider .carousel-cell .inner .title {
  font-family: "Montserrat", sans-serif;
  font-size: 45px;
  line-height: 1.2em;
  letter-spacing: 3px;
  text-align: left;
}

.hero-slider .carousel-cell .inner .btn {
  border: 1px solid #fff;
  padding: 14px 18px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 3px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease;
}

.hero-slider .carousel-cell .inner .btn:hover {
  background: #fff;
  color: #000;
}

.mt-60 {
  margin-top: 60px;
}

.mt-40 {
  margin-top: 40px;
}

/* watermark start */

.watermark-block {
        position: absolute;
        right: 20px;
        bottom: 20px;
        z-index: 999999;
        pointer-events: none;
}

.watermark-block img{
        display: block;
        width: 120px;
        margin-left: auto;
        height: 100%;
}

/* watermark end */

@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .hero-slider .carousel-cell .inner .right-panel {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .background-img,
  .hero-slider {
    width: 95%;
  }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
  .hero-slider .carousel-cell .inner .text-sec .text-content-added {
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    transform: unset;
  }

  .background-img,
  .hero-slider {
    width: 95%;
    height: 500px;
  }
  .hero-slider .carousel-cell .inner .title {
    font-size: 30px;
  }
  .hero-slider .carousel-cell .inner .paratext {
    font-size: 10px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 900px) and (orientation: landscape) {
  .hero-slider .carousel-cell .inner .video-sec video {
    max-height: 200px;
  }
  .background-img,
  .hero-slider {
    width: 95%;
    height: auto;
    max-height: unset;
  }
  .background-img{
    height: 100%;
  }
  .background-img .inner-img {
    background-size: cover !important;
  }
  .hero-slider {
    margin-bottom: 55px;
  }
  .interaction-title {
    margin: 15px auto;
  }
  .owl-dots {
    bottom: 0;
  }
  .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
  }

  .hero-slider .carousel-cell .inner{
    align-items: center;
    justify-content: center;
  }

  .hero-slider .carousel-cell .inner .left-panel, 
  .hero-slider .carousel-cell .inner .right-panel {
    /* display: inline-flex; */
  }

  

  .hero-slider .carousel-cell .inner .video-sec video,
  .hero-slider .carousel-cell .inner .image-sec img {
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    transform: unset;
  }

  .alignSelf{
    align-self: normal;
  }
}



@media only screen and (max-width: 1023px) and (orientation: portrait) {
  .sound-on-off img.speaker-icon {
    left: 20px;
    bottom: 1px;
    top: auto;
  }
  .hero-slider .carousel-cell .inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .hero-slider .carousel-cell .inner .video-sec video,
  .hero-slider .carousel-cell .inner .image-sec img {
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    transform: unset;
    max-width: 100%;
  }
  .hero-slider .carousel-cell .inner .left-panel,
  .hero-slider .carousel-cell .inner .right-panel {
    width: 100% !important;
    margin: 0;
    /* height: 300px; */
  }
  .hero-slider .carousel-cell .inner .title {
    font-size: 35px;
  }
  .hero-slider .carousel-cell .inner .right-panel {
    /* margin-top: 30px; */
  }
  .background-img,
  .hero-slider {
    height: auto;
    max-height: unset;
    /* margin-bottom: 35px; */
  }
  .background-img{
        height: 100% ;
  }
  .hero-slider .carousel-cell .inner .image-sec img,
  .hero-slider .carousel-cell .inner .video-sec iframe {
    position: relative;
  }
  .background-img .inner-img {
    background-size: cover !important;
  }
  .hero-slider .carousel-cell .inner .text-sec .text-content-added {
    position: relative;
    top: auto;
    transform: none;
  }
  .hero-slider .carousel-cell .inner .text-sec .text-content-added {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .hero-slider .carousel-cell .inner .paratext {
    line-height: 22px;
    margin-top: 11px;
  }
  .video-sec iframe {
    height: calc(500px - 234px);
  }
  .background-img, .hero-slider {
      min-height: 85vh;
  }
  .hero-slider .carousel-cell .inner {
    padding: 10px 0;
  }
  .hero-slider .carousel-cell .inner .image-sec img, .hero-slider .carousel-cell .inner .video-sec video,
  .hero-slider .carousel-cell .inner .text-sec .text-content-added{
    margin: 10px 0;
  }
  
}

@media only screen and (max-width: 640px) and (orientation: portrait) {
  .sound-on-off img.speaker-icon {
    left: 0;
    bottom: 0;
    top: auto;
  }
  .hero-slider .carousel-cell .inner {
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 30px;
  }
  
  .background-img,
  .hero-slider {
    width: 100%;
  }
  .hero-slider .carousel-cell .inner .paratext {
    line-height: 28px;
  }
  .hero-slider .carousel-cell .inner .image-sec {
    /* height: 200px; */
  }
  .hero-slider .carousel-cell .inner .image-sec img {
    width: auto;
  }
  .hero-slider .carousel-cell .inner .left-panel,
  .hero-slider .carousel-cell .inner .right-panel {
    margin: 0;
  }
  .hero-slider .carousel-cell .inner .left-panel,
  .hero-slider .carousel-cell .inner .right-panel {
    /* height: 283px; */
  }
}


@media only screen and (max-width:1366px){
  .background-img .inner-img {
    background-size: cover !important;
  }
}

@media only screen and (min-width:1024px) and (max-width:1366px){
  .background-img, .hero-slider{
    height: 85%;
  }
}

@media only screen and (max-width:991px) {
  .container-wrap{
    height: auto;
  }
      .wrapper{
          height: auto;
          max-height: unset;
      }
      .owl-dots {
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          min-width: 100%;
          background: rgba(0, 0, 0, 0.5);
          padding: 5px 0;
      }
      .hero-slider .carousel-cell .inner{
          position: relative;
          left: 0;
          right: 0;
          top: auto;
          transform: unset;
          min-height: 85vh;
      }
      .hero-slider .carousel-cell .inner .video-sec video, 
      .hero-slider .carousel-cell .inner .image-sec img{
        margin:10px auto;
      }
}


@media only screen and (min-width:992px){
        .hero-slider .owl-carousel, .hero-slider .owl-stage-outer, 
        .hero-slider .owl-stage-outer .owl-stage, .hero-slider .owl-stage-outer .owl-stage .owl-item{
                height: 100% !important;
        }
}