/*
 * Owl Carousel CSS3 Transitions
 * Custom for Banner PRO - Simple Slide
 */

/* Отключаем 3D-эффекты */
.owl-origin {
  -webkit-perspective: none;
  -moz-perspective: none;
  perspective: none;
}

/* Fade - переделываем в горизонтальный сдвиг */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: slideOut 0.5s ease both;
  -moz-animation: slideOut 0.5s ease both;
  animation: slideOut 0.5s ease both;
}

.owl-fade-in {
  -webkit-animation: slideIn 0.5s ease both;
  -moz-animation: slideIn 0.5s ease both;
  animation: slideIn 0.5s ease both;
}

/* Отключаем остальные эффекты */
.owl-backSlide-out,
.owl-backSlide-in,
.owl-goDown-out,
.owl-goDown-in,
.owl-fadeUp-in,
.owl-fadeUp-out {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Keyframes для сдвига */
@-webkit-keyframes slideOut {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@-moz-keyframes slideOut {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@keyframes slideOut {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@-webkit-keyframes slideIn {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}
@-moz-keyframes slideIn {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}
@keyframes slideIn {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0); }
}

/* Пустой keyframe для совместимости */
@-webkit-keyframes empty {
  0% { opacity: 1; }
}
@-moz-keyframes empty {
  0% { opacity: 1; }
}
@keyframes empty {
  0% { opacity: 1; }
}