@keyframes fadeInUp {
    from {
        transform: translate3d(0,20px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,20px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animation {
    animation-duration: 1.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.4s;
    -webkit-animation-fill-mode: both
}
.animatedOpacity {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}


@keyframes fadeInDown {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(0,20px,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInDown {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(0,20px,0);
        opacity: 1
    }
}
.fadeInDown {
    opacity: 0;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
}


@keyframes fadeInNull {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeInNull {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeInNull {
    opacity: 1;
    animation-name: fadeInNull;
    -webkit-animation-name: fadeInNull;
}





@keyframes fadeInUpZero {
    from {
        transform: translate3d(0,0px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUpZero {
    from {
        transform: translate3d(0,0px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.fadeInUpZero {
    opacity: 0;
    animation-name: fadeInUpZero;
    -webkit-animation-name: fadeInUpZero;
}



@keyframes fadeInUpSmaller {
    from {
        transform: translate3d(0,20px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUpSmaller {
    from {
        transform: translate3d(0,20px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.fadeInUpSmaller {
    opacity: 0;
    animation-name: fadeInUpSmaller;
    -webkit-animation-name: fadeInUpSmaller;
}




@keyframes fadeInUpBigger {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUpBigger {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.fadeInUpBigger {
    opacity: 0;
    animation-name: fadeInUpBigger;
    -webkit-animation-name: fadeInUpBigger;
}

.fadeInWidthHalf
{
	width: 50%;
    opacity: 1;
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}