html,body {
	margin: 0;
	padding: 0;
}

.slider {
	height: 100%;
}

.slider-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.slide {
	width: 100%;
	opacity: 0;
    position: absolute;
    left: 0;
	transition: opacity 3s linear;
    /* -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);  */
}

.slider-wrapper > .slide:first-child {
	opacity: 1;
}