/* 

 *  Owl Carousel CSS3 Transitions 

 *  v1.3.2

 */



.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 .7s both ease;

    -moz-animation: fadeOut .7s both ease;

    animation: fadeOut .7s 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;

}

/* Keyframes */

/*empty*/

@-webkit-keyframes empty {

    0% {opacity: 1}

}

@-moz-keyframes empty {

    0% {opacity: 1}

}

@keyframes empty {

    0% {opacity: 1}

}

@-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); }

}