/* carrusel */

span.head[data-scroll="in"] {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.carousel-caption h1[data-scroll="in"]:not(.keep),
.carousel-caption h2[data-scroll="in"],
.carousel-caption h3[data-scroll="in"],
.carousel-caption h5[data-scroll="in"],
.carousel-caption h4[data-scroll="in"],
.carousel-caption h6[data-scroll="in"] {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s both;
}

.carousel-caption span[data-scroll="in"]:not(.head, .title-divider-xl, .title-divider-l),
.carousel-caption p[data-scroll="in"] {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both !important;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
}

.carousel-caption a[data-scroll="in"] {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .6s both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .6s both;
}

/* body */
.container h1[data-scroll="in"]:not(.card-body *, .keep),
.container h2[data-scroll="in"]:not(.card-body *),
.container h3[data-scroll="in"]:not(.card-body *),
.container h4[data-scroll="in"]:not(.card-body *),
.container h5[data-scroll="in"]:not(.card-body *),
.container h6[data-scroll="in"]:not(.card-body *),
.container p[data-scroll="in"]:not(.card-body *),
.container-fluid h1[data-scroll="in"]:not(.card-body *),
.container-fluid h2[data-scroll="in"]:not(.card-body *),
.container-fluid h3[data-scroll="in"]:not(.card-body *),
.container-fluid h4[data-scroll="in"]:not(.card-body *),
.container-fluid h5[data-scroll="in"]:not(.card-body *),
.container-fluid h6[data-scroll="in"]:not(.card-body *),
.container-fluid p[data-scroll="in"],
#mision-vision ul[data-scroll="in"],
span.title[data-scroll="in"]:not(nav *, footer *),
span.title-l[data-scroll="in"]:not(nav *, footer *),
span.title-xl[data-scroll="in"]:not(nav *, footer *, .head),
span.content[data-scroll="in"]:not(nav *, footer *),
img[data-scroll="in"]:not(nav *, footer *, .card *),
i[data-scroll="in"]:not(nav *, footer *) {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s both;
}

span.title-divider-xl[data-scroll="in"],
span.title-divider-l[data-scroll="in"] {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
}

/* Cards */
.row div .card[data-scroll="in"],
.owl-carousel[data-scroll="in"] {
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s both;
}

.row div .card .card-content .head h3[data-scroll="in"] {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;
}

.row div .card .card-content .body h4[data-scroll="in"], .row div .card .card-content .body p[data-scroll="in"] {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
}

.tipo-noticia[data-scroll="in"] {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .5s both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) .5s both;
}

.row div .card .card-content .body span[data-scroll="in"].title-divider-xl,
.row div .card .card-content .body span[data-scroll="in"].title-divider-l {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .6s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .6s both;
}

button.btn[data-scroll="in"]:not([type=submit]),
button.cta[data-scroll="in"]{
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;
}


/* Clases */

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-in-bottom {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-in-left {
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.fade-in-right {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}