.animated{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
/*fadeInLeft styling start here*/
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px)}
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
/*fadeInLeft styling end here*/
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px);
        transform:translateX(0px)}
    100%{
        opacity:0;
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px)
    }
}

/*fadeInUp styling start here*/
/*@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-200px);
        transform:translateX(-200px)}
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}


@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(200px);
        -ms-transform:translateY(200px);
        transform:translateY(200px)}
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
}*/
/*fadeInUp styling start here*/