/* Basic background image styling. */

.background-image {

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}



/* Styles for the alternating / transition effect. */

.toggle-image {

 	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

 	height: 100%;

	transition: opacity 3s ease-in-out;

}



/* Styles for the specific images. */

.first-image {

	background-image: url('../img/slider/1.jpg');	

	z-index: -3;

	opacity: 0;

}



.second-image {

	background-image: url('../img/slider/2.jpg');

	z-index: -2;

	opacity: 0;

}



.third-image {

	background-image: url('../img/slider/3.jpg');

	z-index: -1;

	opacity: 0;

}



.first-image.show {

	opacity: 1;

}



.second-image.show {

	opacity: 1;

}



.third-image.show {

	opacity: 1;

}