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

.bg{position:absolute; top:0;left:0;min-height:100%;min-width:100%;}

.bg4{
  position:absolute;
  top:0;left:0;
  background-image:url('../img/bg5.jpg'); 
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;
  min-height:100%;
  min-width:100%;
}
.bg3{
  position:absolute;
  top:0;left:0;
  background-image:url('../img/bg2.jpg'); 
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;
  min-height:100%;
  min-width:100%;
}
.bg2{
  position:absolute;
  top:0;left:0;
  background-image:url('../img/bg10.jpg'); 
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;
  min-height:100%;
  min-width:100%;
}
.bg1{
  position:absolute;
  top:0;left:0;
  background-image:url('../img/bg4.jpg'); 
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;
  min-height:100%;
  min-width:100%;
}

@-webkit-keyframes BgSlideshow {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes BgSlideshow {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes BgSlideshow {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes BgSlideshow {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#bg div {
  -webkit-animation-name: BgSlideshow;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 50s;

  -moz-animation-name: BgSlideshow;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 50s;

  -o-animation-name: BgSlideshow;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 50s;

  animation-name: BgSlideshow;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 50s;
}
#bg div:nth-of-type(1) {
  -webkit-animation-delay: 39s;
  -moz-animation-delay: 39s;
  -o-animation-delay: 39s;
  animation-delay: 39s;
}
#bg div:nth-of-type(2) {
  -webkit-animation-delay: 26s;
  -moz-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}
#bg div:nth-of-type(3) {
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  -o-animation-delay: 13s;
  animation-delay: 13s;
}
#bg div:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

