* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.slider {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7 {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slide1 {
background: url(../backgrounds/01.jpg)no-repeat bottom;
background-size: cover;
animation:fade 40s infinite;
-webkit-animation:fade 40s infinite;
} 
.slide2 {
background: url(../backgrounds/02.jpg)no-repeat center;
background-size: cover;
animation:fade2 40s infinite;
-webkit-animation:fade2 40s infinite;
}
.slide3 {
background: url(../backgrounds/03.jpg)no-repeat center;
background-size: cover;
animation:fade3 40s infinite;
 -webkit-animation:fade3 40s infinite;
}
.slide4 {
background: url(../backgrounds/04.jpg)no-repeat bottom;
background-size: cover;
animation:fade4 40s infinite;
-webkit-animation:fade4 40s infinite;
}
.slide5 {
background: url(../backgrounds/05.jpg)no-repeat bottom;
background-size: cover;
animation:fade5 40s infinite;
-webkit-animation:fade5 40s infinite;
}
.slide6 {
background: url(../backgrounds/06.jpg)no-repeat center;
background-size: cover;
animation:fade6 40s infinite;
-webkit-animation:fade6 40s infinite;
}
.slide7 {
background: url(../backgrounds/07.jpg)no-repeat bottom;
background-size: cover;
animation:fade7 40s infinite;
-webkit-animation:fade7 40s infinite;
}

@keyframes fade
{
0% {opacity:1}
12.5% {opacity:1}
25% {opacity:0}
37.5% {opacity:0}
50% {opacity:0}
62.5% {opacity:0}
75% {opacity:0}
87.5% {opacity:0}
100% {opacity:1}
}
@keyframes fade2
{
0% {opacity:0}
12.5% {opacity:0}
25% {opacity:1}
37.5% {opacity:0}
50% {opacity:0}
62.5% {opacity:0}
75% {opacity:0}
87.5% {opacity:0}
100% {opacity:0}
}
@keyframes fade3
{
0% {opacity:0}
12.5% {opacity:0}
25% {opacity:0}
37.5% {opacity:1}
50% {opacity:0}
62.5% {opacity:0}
75% {opacity:0}
87.5% {opacity:0}
100% {opacity:0}
}
@keyframes fade4
{
0% {opacity:0}
12.5% {opacity:0}
25% {opacity:0}
37.5% {opacity:0}
50% {opacity:1}
62.5% {opacity:0}
75% {opacity:0}
87.5% {opacity:0}
100% {opacity:0}
}
@keyframes fade5
{
0% {opacity:0}
12.5% {opacity:0}
25% {opacity:0}
37.5% {opacity:0}
50% {opacity:0}
62.5% {opacity:1}
75% {opacity:0}
87.5% {opacity:0}
100% {opacity:0}
}
@keyframes fade6
{
0% {opacity:0}
12.5% {opacity:0}
25% {opacity:0}
37.5% {opacity:0}
50% {opacity:0}
62.5% {opacity:0}
75% {opacity:1}
87.5% {opacity:0}
100% {opacity:0}
}
@keyframes fade7
{
0% {opacity:0}
12.5% {opacity:0}
25% {opacity:0}
37.5% {opacity:0}
50% {opacity:0}
62.5% {opacity:0}
75% {opacity:0}
87.5% {opacity:1}
100% {opacity:0}
}