/* Animació imatges amb efecte Zoom Out */

/* Per el primer slider */
.kw-zoom-out-animation {     
/*    -webkit-animation:kw_zoom 4s infinite ease!important;
    -moz-animation:kw_zoom 4s infinite ease!important;
    -o-animation:kw_zoom 4s infinite ease!important;*/
    opacity:0;
    -webkit-animation: kw_zo;
       -moz-animation: kw_zo;
         -o-animation: kw_zo;
            animation: kw_zo;
    -webkit-animation-duration: 2.5s;
       -moz-animation-duration: 2.5s;
         -o-animation-duration: 2.5s;
            animation-duration: 2.5s;
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; /*Perquè quedi amb la última frame de l'animació*/
}


/* Per la resta d'objectes */
/* Evita que surti al principi */
.kw-zo-animation {
    opacity: 0;
}
.kw-zo-animation.triggered {
/*    -webkit-animation:kw_zoom 4s infinite ease!important;
    -moz-animation:kw_zoom 4s infinite ease!important;
    -o-animation:kw_zoom 4s infinite ease!important;*/
    opacity:0;
    -webkit-animation: kw_zo;
       -moz-animation: kw_zo;
         -o-animation: kw_zo;
            animation: kw_zo;
    -webkit-animation-delay: .3s;
       -moz-animation-delay: .3s;
         -o-animation-delay: .3s;
            animation-delay: .3s;.5s;
    -webkit-animation-duration: 2s;.5s;
       -moz-animation-duration: 2s;.5s;
         -o-animation-duration: 2s;.5s;
            animation-duration: 2s;2.5s;
    -webkit-transform: scale(1.2);2.5s;
       -moz-transform: scale(1.2);2.5s;
        -ms-transform: scale(1.2);2.5s;
         -o-transform: scale(1.2);2.5s;
            transform: scale(1.2);
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; /*Perquè quedi amb la última frame de l'animació*/
}

@-webkit-keyframes kw_zo {
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes kw_zo {
    100% {
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes kw_zo {
    100% {
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes kw_zo {
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}
/* FI-Animació imatges amb efecte Zoom Out */

/* Animació text per apareixer lentament */

/* Per el primer slider */
.kw-text-up-animation {
	opacity: 0;	
    -webkit-animation: kw_text_up;	
       -moz-animation: kw_text_up;	
         -o-animation: kw_text_up;	
            animation: kw_text_up;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
         -o-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-duration: 2.5s;
       -moz-animation-duration: 2.5s;
         -o-animation-duration: 2.5s;
            animation-duration: 2.5s;
    -webkit-transform: translateY(60px);
       -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
         -o-transform: translateY(60px);
            transform: translateY(60px);
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; /*Perquè quedi amb la última frame de l'animació*/
}

/* Per la resta d'objectes */
/* Evita que surti al principi */
.kw-tu-animation {
    opacity: 0;
}
.kw-tu-animation.triggered {
/*    -webkit-animation:kw_zoom 4s infinite ease!important;
    -moz-animation:kw_zoom 4s infinite ease!important;
    -o-animation:kw_zoom 4s infinite ease!important;*/
    opacity:0;
    -webkit-animation: kw_text_up;
       -moz-animation: kw_text_up;
         -o-animation: kw_text_up;
            animation: kw_text_up;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
         -o-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-duration: 2s;.5s;
       -moz-animation-duration: 2s;.5s;
         -o-animation-duration: 2s;.5s;
            animation-duration: 2s;2.5s;
    -webkit-transform: translateY(60px);
       -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
         -o-transform: translateY(60px);
            transform: translateY(60px);
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; /*Perquè quedi amb la última frame de l'animació*/
}

/*Per contacto*/
.kw-text-up-contacto-animation {
	opacity: 0;	
    -webkit-animation: kw_text_up;	
       -moz-animation: kw_text_up;	
         -o-animation: kw_text_up;	
            animation: kw_text_up;
    -webkit-animation-duration: 2.5s;
       -moz-animation-duration: 2.5s;
         -o-animation-duration: 2.5s;
            animation-duration: 2.5s;
    -webkit-transform: translateY(60px);
       -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
         -o-transform: translateY(60px);
            transform: translateY(60px);
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; /*Perquè quedi amb la última frame de l'animació*/
}



@-webkit-keyframes kw_text_up {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@-moz-keyframes kw_text_up {
    100% {
        opacity: 1;
        -moz-transform: translateY(0px);
             transform: translateY(0px);
    }
}
@-o-keyframes kw_text_up {
    100% {
        opacity: 1;
        -o-transform: translateY(0px);
           transform: translateY(0px);
    }
}
@keyframes kw_text_up {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
           -moz-transform: translateY(0px);
             -o-transform: translateY(0px);
                transform: translateY(0px);
    }
}
/* FI-Animació text per apareixer lentament */