/*#section-mv {
  max-width: 300px;
  height: 200px;
  margin: 20px auto;
  position: relative;
}*/
.slide1,.slide2,.slide3,.slide4 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slide1 {
  background: url(../images/main.png) no-repeat center;
  background-size: cover;
  animation: fade1 30s infinite;
  -webkit-animation: fade1 30s infinite;
}

.slide2 {
  background: url(../images/main2.png) no-repeat center;
  background-size: cover;
  animation: fade2 30s infinite;
  -webkit-animation: fade2 30s infinite;
}

.slide3 {
  background: url(../images/main3.png) no-repeat center;
  background-size: cover;
  animation: fade3 30s infinite;
  -webkit-animation: fade3 30s infinite;
}

.slide4 {
  background: url(../images/main4.png) no-repeat center;
  background-size: cover;
  animation: fade4 30s infinite;
  -webkit-animation: fade4 30s infinite;
}

@keyframes fade1 {
  0%   { opacity: 1; }
  18%  { opacity: 1; }
  25%  { opacity: 0; }
  93%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade2 {
  0%   { opacity: 0; }
  18%  { opacity: 0; }
  25%  { opacity: 1; }
  43%  { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes fade3 {
  0%   { opacity: 0; }
  43%  { opacity: 0; }
  50%  { opacity: 1; }
  68%  { opacity: 1; }
  75%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes fade4 {
  0%   { opacity: 0; }
  68%  { opacity: 0; }
  75%  { opacity: 1; }
  93%  { opacity: 1; }
  100% { opacity: 0; }
}