/* Page Transitions */

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}



@keyframes fadeinup {
    from {
        opacity:0;
		transform: translate3d(0, 50%, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-moz-keyframes fadeinup { /* Firefox */
    from {
        opacity:0;
		transform: translate3d(0, 30%, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-webkit-keyframes fadeinup { /* Safari and Chrome */
    from {
        opacity:0;
		transform: translate3d(0, 30%, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-o-keyframes fadeinup { /* Opera */
    from {
        opacity:0;
		transform: translate3d(0, 30%, 0);
    }
    to {
        opacity: 1;
		transform: none;
    }
}


@keyframes fadeinleft {
    from {
        opacity:0;
		transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-moz-keyframes fadeinleft { /* Firefox */
    from {
        opacity:0;
		transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-webkit-keyframes fadeinleft { /* Safari and Chrome */
    from {
        opacity:0;
		transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-o-keyframes fadeinleft { /* Opera */
    from {
        opacity:0;
		transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
		transform: none;
    }
}


@keyframes fadeinright {
    from {
        opacity:0;
		transform: translate3d(50%, 0, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-moz-keyframes fadeinright { /* Firefox */
    from {
        opacity:0;
		transform: translate3d(50%, 0, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-webkit-keyframes fadeinright { /* Safari and Chrome */
    from {
        opacity:0;
		transform: translate3d(50%, 0, 0);
    }
    to {
        opacity:1;
		transform: none;
    }
}
@-o-keyframes fadeinright { /* Opera */
    from {
        opacity:0;
		transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
		transform: none;
    }
}