/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.logos-slider {
    z-index:1;
    position:relative;
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .1s both ease;
  -moz-animation: fadeOut .1s both ease;
  animation: fadeOut .1s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

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

/* empty */
.owl-empty-in {
  -webkit-animation: emptyIn 0.001s ease both;
  -moz-animation: emptyIn 0.001s ease both;
  animation: emptyIn 0.001s ease both;
}

.owl-empty-out {
  -webkit-animation: emptyOut 0.001s ease both;
  -moz-animation: emptyOut 0.001s ease both;
  animation: emptyOut 0.001s ease both;
}


/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}

/*emptyIn*/
@-webkit-keyframes emptyIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-moz-keyframes emptyIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@keyframes emptyIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
/*emptyOut*/
@-webkit-keyframes emptyOut {
  0% {opacity: 1}
  100% {opacity: 0}
}
@-moz-keyframes emptyOut {
  0% {opacity: 1}
  100% {opacity: 0}
}
@keyframes emptyOut {
  0% {opacity: 1}
  100% {opacity: 0}
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.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); }
}

/* Madeo Custom */

 /* * * * * Transition: fadeTop * * * * * *
 * 
 * * * * * * * * * * * * * * * * * * * * */

.owl-fadeTop-out {
  -webkit-animation: fadeTopOut .7s ease both;
  -moz-animation: fadeTopOut .7s ease both;
  animation: fadeTopOut .7s ease both;
}
.owl-fadeTop-in {
  -webkit-animation: fadeTopIn .6s ease both;
  -moz-animation: fadeTopIn .6s ease both;
  animation: fadeTopIn .6s ease both;
}

@-webkit-keyframes fadeTopOut {
  to { opacity: 0; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeTopOut {
  to { opacity: 0; -moz-transform: translateY(0); }
}
@keyframes fadeTopOut {
  to { opacity: 0; transform: translateY(0); }
}
@-webkit-keyframes fadeTopIn {
  from { opacity: 1; -webkit-transform: translateYX(100%); }
}
@-moz-keyframes fadeTopIn {
  from { opacity: 1; -moz-transform: translateY(100%); }
}
@keyframes fadeTopIn {
  from { opacity: 1; transform: translateY(100%); }
}


 /* * * * * Transition Fix * * * * * *
 * 
 * Fade Fix: FadeFix  
 * Safari Fix : safariFix
 * 
 * * * * * * * * * * * * * * * * * * * * */


 
/* FadeFix */

.owl-fadeFix-out {
  z-index: 10;
  -webkit-animation: fadeOutFix 0.0s both ease;
  -moz-animation: fadeOutFix 0.0s both ease;
  animation: fadeOutFix 0.0s both ease;
}
.owl-fadeFix-in {
  -webkit-animation: fadeInFix 0.0s both ease;
  -moz-animation: fadeInFix 0.0s both ease;
  animation: fadeInFix 0.0s both ease;
}

@-webkit-keyframes fadeOutFix {
  to { display:none; }
}
@-moz-keyframes fadeOutFix {
  to { display:none; }
}
@keyframes fadeOutFix {
  to { display:none; }
}
@-webkit-keyframes fadeInFix {
  from { display:table; }
}
@-moz-keyframes fadeInFix {
  from { display:table; }
}
@keyframes fadeInFix {
  from { display:table; }
}

/* safariFix */

.owl-safariFix-out {
  -webkit-animation: safariFixIn 0.005s ease both;
  -moz-animation: safariFixIn 0.005s ease both;
  animation: safariFixIn 0.005s ease both;
}
.owl-safariFix-in {
  -webkit-animation: safariFixOut 0.005s ease both;
  -moz-animation: safariFixOut 0.005s ease both;
  animation: safariFixOut 0.005s ease both;
}

@-webkit-keyframes safariFixIn {
  to { opacity: 0; -webkit-transform: scale(1); }
}
@-moz-keyframes safariFixIn {
  to { opacity: 0; -moz-transform: scale(1); }
}
@keyframes safariFixIn {
  to { opacity: 0; transform: scale(1); }
}
@-webkit-keyframes safariFixOut {
  from { -webkit-transform: translateY(0%); }
}
@-moz-keyframes safariFixOut {
  from { -moz-transform: translateY(0%); }
}
@keyframes safariFixOut {
  from { transform: translateY(0%); }
}