.slides1 {display:none;} /* These for slideshow carousel */
.slides2 {display:none;}

.slides {display:none;} /* REMOVE: for single slideshow carousel */

.slide-right {
	animation: slide-right 3s forwards;
	-webkit-animation: slide-right 3s forwards;
	-moz-animation: slide-right 3s forwards;
	-o-animation: slide-right 3s forwards;
}
@keyframes slide-right {
	0% { transform: translateX(-30%); }
	100% { transform: translateX(0%); }
}
.slide-left {
	animation: slide-left 3s forwards;
	-webkit-animation: slide-left 3s forwards;
	-moz-animation: slide-left 3s forwards;
	-o-animation: slide-left 3s forwards;
}
@keyframes slide-left {
	0% { transform: translateX(20%); }
	100% { transform: translateX(0%); }
}
.slide-up {
	animation: slide-up 4s forwards;
	-webkit-animation: slide-up 4s forwards;
	-moz-animation: slide-up 4s forwards;
	-o-animation: slide-up 4s forwards;
}
@keyframes slide-up {
	0% { transform: translateY(40%); }
	70% { transform: translateY(40%); }
	100% { transform: translateY(0%); }
}

.fade {
	animation: fadein 5s;
	/* elements return to original state; fill-mode keeps end-of-animation state */
	animation-fill-mode: forwards;
	-moz-animation: fadein 5s; /* Firefox */
	-moz-animation-fill-mode: forwards; /* Firefox */
	-webkit-animation: fadein 5s; /* Safari and Chrome */
	-webkit-animation-fill-mode: forwards; /* Safari and Chrome */
	-o-animation: fadein 5s; /* Opera */
	-o-animation-fill-mode: forwards; /* Opera */
}
.fadedelay {
	animation: fadeindelay 8s;
	/* elements return to original state; fill-mode keeps end-of-animation state */
	animation-fill-mode: forwards;
	-moz-animation: fadeindelay 8s; /* Firefox */
	-moz-animation-fill-mode: forwards; /* Firefox */
	-webkit-animation: fadeindelay 8s; /* Safari and Chrome */
	-webkit-animation-fill-mode: forwards; /* Safari and Chrome */
	-o-animation: fadeindelay 8s; /* Opera */
	-o-animation-fill-mode: forwards; /* Opera */
}
@keyframes fadein { 	/* 'from' and 'to' == 0% and 100% */
	20% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome and at least some Firefox */
	20% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
	20% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
	20% { opacity:0; }
	100% { opacity: 1; }
}
@keyframes fadeindelay { 	/* 'from' and 'to' == 0% and 100% */
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes fadeindelay { /* Safari and Chrome and at least some Firefox */
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes fadeindelay { /* Firefox */
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes fadeindelay { /* Opera */
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; }
}