@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese);
@font-face {
    font-family: "demurecontrols";
    src: url("http://cssslider.com/sliders/pen/demurecontrols.eot?cssslidertheme=demure");
    src: url("http://cssslider.com/sliders/pen/demurecontrols.eot#iefix?cssslidertheme=demure") format("embedded-opentype"),
            url("http://cssslider.com/sliders/pen/demurecontrols.woff?cssslidertheme=demure") format("woff"),
            url("http://cssslider.com/sliders/pen/demurecontrols.ttf?cssslidertheme=demure") format("truetype"),
            url("http://cssslider.com/sliders/pen/demurecontrols.svg#demure?cssslidertheme=demure") format("svg");
    font-weight: normal;
    font-style: normal;
}


.slider{
	width:1100px;
	height:350px;
	/* height:558px; */
	margin:0 auto;
	position:relative;
}
.slider ul{
	margin:0;
	padding:0; 
	list-style:none;
}
.slider ul li{
	width:1100px;
	height:350px;
	padding-top:8%; 
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
	animation-duration:24s;
}


.slider ul li:nth-child(1){
	animation-name:slider;
	animation-delay:-3s;
}
.slider ul li:nth-child(2){
	animation-name:slider;
	animation-delay:5s;
	opacity:0;
}
.slider ul li:nth-child(3){
	animation-name:slider;
	animation-delay:13s;
	opacity:0;
}


@keyframes slider{
	0%{
		opacity:0;
	}
	20.83%{
		opacity:1;
	}
	33.33%{
		opacity:1;
	}
	45.83%{
		opacity:0;
	}
	100%{
		opacity:0;
	}	
}