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

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

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-50px);
    }

    30% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-50px);
    }

    30% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    30% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-name: fadeInLeft;

}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    30% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    30% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    30% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.animated-fl-1{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
}

/*------------------------------*/
.fl-2 .row .text-left-fl-2{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft-fl-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft-fl-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-80px);
    }

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

@-o-keyframes fadeInLeft-fl-2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-80px);
    }

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

@keyframes fadeInLeft-fl-2 {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }

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

.fadeInLeft-fl-2 {
    -webkit-animation-name: fadeInLeft-fl-2;
    -moz-animation-name: fadeInLeft-fl-2;
    -o-animation-name: fadeInLeft-fl-2;
    animation-name: fadeInLeft-fl-2;
    display: block;
}
/*------------------------------------*/
.fl-2 .row .text-right-fl-2{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight-fl-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight-fl-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(80px);
    }

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

@-o-keyframes fadeInRight-fl-2 {
    0% {
        opacity: 0;
        -o-transform: translateX(80px);
    }

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

@keyframes fadeInRight-fl-2 {
    0% {
        opacity: 0;
        transform: translateX(80px);
    }

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

.fadeInRight-fl-2 {
    -webkit-animation-name: fadeInRight-fl-2;
    -moz-animation-name: fadeInRight-fl-2;
    -o-animation-name: fadeInRight-fl-2;
    animation-name: fadeInRight-fl-2;
    display: inline-block;
}
/*--------------------------------*/
.fl-3 .row .text-left-fl-3{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown-fl-3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown-fl-3 {
    0% {
        opacity: 0;
        -moz-transform: translateY(-50px);
    }

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

@-o-keyframes fadeInDown-fl-3 {
    0% {
        opacity: 0;
        -o-transform: translateY(-50px);
    }

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

@keyframes fadeInDown-fl-3 {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

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

.fadeInDown-fl-3 {
    -webkit-animation-name: fadeInDown-fl-3;
    -moz-animation-name: fadeInDown-fl-3;
    -o-animation-name: fadeInDown-fl-3;
    animation-name: fadeInDown-fl-3;
    display: inline-block;
}
/*--------------------------------*/
.fl-3 .row .text-right-fl-3{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(50px);
    }

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

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(50px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    display: inline-block;
}
/*--------------------------------*/
@-moz-keyframes fadeInRight-fl-4 {
     0% {
         transform: translateX(100%);
     }
     50%{
         transform: translateX(8%);
     }
     65%{
         transform: translateX(-4%);
     }
     80%{
         transform: translateX(4%);
     }
     95%{
         transform: translateX(-2%);
     }
     100% {
         transform: translateX(0%);
     }
 }

@-o-keyframes fadeInRight-fl-4 {
    0% {
        transform: translateX(100%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);}
}

@keyframes fadeInRight-fl-4 {
    0% {
        transform: translateX(100%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);}
}

.fadeInRight-fl-4 {
    -webkit-animation-name: fadeInRight-fl-4;
    -moz-animation-name: fadeInRight-fl-4;
    -o-animation-name: fadeInRight-fl-4;
    animation-name: fadeInRight-fl-4;
    display: block;
}

.animated-fl-4{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*--------------------------------------------*/
@-moz-keyframes fadeInLeft-fl-4 {
    0% {
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-8%);
    }
    65%{
        transform: translateX(4%);
    }
    80%{
        transform: translateX(-4%);
    }
    95%{
        transform: translateX(2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-o-keyframes fadeInLeft-fl-4 {
    0% {
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-8%);
    }
    65%{
        transform: translateX(4%);
    }
    80%{
        transform: translateX(-4%);
    }
    95%{
        transform: translateX(2%);
    }
    100% {
        transform: translateX(0%);}
}

@keyframes fadeInLeft-fl-4 {
    0% {
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(-4%);
    }
    95%{
        transform: translateX(2%);
    }
    100% {
        transform: translateX(0%);}
}

.fadeInLeft-fl-4 {
    -webkit-animation-name: fadeInLeft-fl-4;
    -moz-animation-name: fadeInLeft-fl-4;
    -o-animation-name: fadeInLeft-fl-4;
    animation-name: fadeInLeft-fl-4;
    display: block;
}

.image-present,.img-fl-4{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*-------------------------------------------------*/
@-moz-keyframes fadeInLeft-img-fl-4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@-o-keyframes fadeInLeft-img-fl-4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes fadeInLeft-img-fl-4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);}
}

.fadeInLeft-img-fl-4 {
    -webkit-animation-name: fadeInLeft-img-fl-4;
    -moz-animation-name: fadeInLeft-img-fl-4;
    -o-animation-name: fadeInLeft-img-fl-4;
    animation-name: fadeInLeft-img-fl-4;
    display: block;
}

.img-fl-4{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*-------------------------------------------------*/
@-moz-keyframes fadeInLeft-img-fl-4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@-o-keyframes fadeInLeft-img-fl-4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes fadeInLeft-img-fl-4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);}
}

.fadeInLeft-img-fl-4 {
    -webkit-animation-name: fadeInLeft-img-fl-4;
    -moz-animation-name: fadeInLeft-img-fl-4;
    -o-animation-name: fadeInLeft-img-fl-4;
    animation-name: fadeInLeft-img-fl-4;
    display: block;
}

.img-fl-4{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}