/*
 * Owl Carousel CSS3 Transitions
 * Version: 1.3.2
 * Enhanced & Beautified Styles
 */

/* ===========================
   Perspective Origin
=========================== */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin: 50% 50%;
  perspective: 1200px;
}

/* ===========================
   Fade Transitions
=========================== */

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease-in-out;
  -moz-animation: fadeOut 0.7s both ease-in-out;
  animation: fadeOut 0.7s both ease-in-out;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease-in-out;
  -moz-animation: fadeIn 0.7s both ease-in-out;
  animation: fadeIn 0.7s both ease-in-out;
}

/* ===========================
   BackSlide Transitions
=========================== */

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease-in-out;
  -moz-animation: backSlideOut 1s both ease-in-out;
  animation: backSlideOut 1s both ease-in-out;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease-in-out;
  -moz-animation: backSlideIn 1s both ease-in-out;
  animation: backSlideIn 1s both ease-in-out;
}

/* ===========================
   GoDown Transitions
=========================== */

.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s both ease-in;
  -moz-animation: scaleToFade 0.7s both ease-in;
  animation: scaleToFade 0.7s both ease-in;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s both ease-out;
  -moz-animation: goDown 0.6s both ease-out;
  animation: goDown 0.6s both ease-out;
}

/* ===========================
   ScaleUp Transitions
=========================== */

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s both ease-in-out;
  -moz-animation: scaleUpFrom 0.5s both ease-in-out;
  animation: scaleUpFrom 0.5s both ease-in-out;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s both ease-in-out;
  -moz-animation: scaleUpTo 0.5s both ease-in-out;
  animation: scaleUpTo 0.5s both ease-in-out;
}

/* ===========================
   Keyframes
=========================== */

@-webkit-keyframes empty {
  0% { opacity: 1; }
}
@-moz-keyframes empty {
  0% { opacity: 1; }
}
@keyframes empty {
  0% { opacity: 1; }
}

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

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

@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  to {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  to {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  to {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  from, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  from, 25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  to {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  from, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  to {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}