/*///////////////   TOP   //////////////////*/

.fadeTop {
	animation: fadeTop 1s;
    -moz-animation: fadeTop 1s; /* Firefox */
    -webkit-animation: fadeTop 1s; /* Safari and Chrome */
    -o-animation: fadeTop 1s; /* Opera */
}

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



/*///////////////   BOTTOM   //////////////////*/


.fadeBottom {
	animation: fadeBottom 1s;
    -moz-animation: fadeBottom 1s; /* Firefox */
    -webkit-animation: fadeBottom 1s; /* Safari and Chrome */
    -o-animation: fadeBottom 1s; /* Opera */
}

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



/*///////////////   LEFT   //////////////////*/


.fadeLeft {
	animation: fadeLeft 0.5s;
    -moz-animation: fadeLeft 0.5s; /* Firefox */
    -webkit-animation: fadeLeft 0.5s; /* Safari and Chrome */
    -o-animation: fadeLeft 0.5s; /* Opera */
}

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



/*///////////////   RIGHT   //////////////////*/


.fadeRight {
	animation: fadeRight 0.5s;
    -moz-animation: fadeRight 0.5s; /* Firefox */
    -webkit-animation: fadeRight 0.5s; /* Safari and Chrome */
    -o-animation: fadeRight 0.5s; /* Opera */
}

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