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

/*
.slider {
  height: 640px;
  margin: 0px auto;
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  z-index: -1000;
}
*/


.slider {
  top: 0px;
  xmin-width: 960px;
  height: 550px;
  position: absolute;
  width: 100%;
  z-index: -1000;

}

.slider1 {
  xmin-width: 960px;
  height: 550px;
  position: absolute;
  width: 100%;
  z-index: -1000;

}



.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7 {
  position: absolute;
  width: 100%;
  height: 100%;
  
}
.slide1 {
  background: url(../images/01.jpg)no-repeat bottom;
      background-size: cover;
	  animation:fade 40s infinite;
-webkit-animation:fade 40s infinite;

} 
.slide2 {
  background: url(../images/02.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 40s infinite;
-webkit-animation:fade2 40s infinite;
}
.slide3 {
    background: url(../images/03.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 40s infinite;
-webkit-animation:fade3 40s infinite;
}
.slide4 {
    background: url(../images/04.jpg)no-repeat bottom;
      background-size: cover;
    animation:fade4 40s infinite;
-webkit-animation:fade4 40s infinite;
}
.slide5 {
    background: url(../images/05.jpg)no-repeat bottom;
      background-size: cover;
    animation:fade5 40s infinite;
-webkit-animation:fade5 40s infinite;
}
.slide6 {
    background: url(../images/06.jpg)no-repeat center;
      background-size: cover;
    animation:fade6 40s infinite;
-webkit-animation:fade6 40s infinite;
}
.slide7 {
    background: url(../images/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}


}