/* --- CSS3-Slider --- */

/*
* {margin: 0; padding: 0;}
*/

.pic-wrapper {
  position: absolute; top:0px; left: 0px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

figure {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0;
  margin: 0;
  
  /*animation*/  
  animation: slideShow 24s forwards 1;
  /*
  animation: slideShow 32s infinite;  
  -o-animation: slideShow 24s linear infinite;
  -moz-animation: slideShow 24s linear infinite;
  -webkit-animation: slideShow 24s linear infinite;
  animation-timing-function: linear;
  */  
   
  /*	
  animation-iteration-count: 1;
	animation-fill-mode: initial;
  animation-iteration-count: 1;
  */
}

figurecaption {
  position: absolute; top: 50%; left: 50%;
  color: #fff;
}

.pic-1 {
  opacity: 1;
  background: url(../../media/slider/home-1/slide-1a.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  
  background: url(../../media/slider/home-1/slide-2a.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  
  background: url(../../media/slider/home-1/slide-3b.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*
.pic-4 {
	animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  
  background: url(../../media/slider/home-1/slide-4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/

#slider {
	background: url(../../media/slider/home-1/slide-4.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
	#slider {
		background: url(../../media/slider/home-1/slide-4_mobile.jpg) no-repeat center center;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
}	
/*
#slider: hover figure
 {
   animation-play-state: paused;
}
*/

/* keyframes*/

@keyframes 
slideShow {  
	0% {
	 opacity: 1;
	 transform:scale(1.2);
	 -ms-transform:scale(1.2);
	}
	 5% {
	 opacity: 1
	}
	 25% {
	 opacity: 1;
	}
	 30% {
	 opacity: 0;
	 transform:scale(1.0);
	 -ms-transform:scale(1.0);
	}
	 100% {
	 opacity: 0;
	 transform:scale(1.2);
	 -ms-transformm:scale(1.2);
	}
}

@-o-keyframes 
slideShow {  
	0% {
	 opacity: 1;
	 -o-transform:scale(1.1);
	}
	 5% {
	 opacity: 1
	}
	 25% {
	 opacity: 1;
	}
	 30% {
	 opacity: 0;
	 -o-transform:scale(1.2);
	}
	 100% {
	 opacity: 0;
	 -o-transformm:scale(1.1);
	}
}

@-moz-keyframes 
slideShow {  
	0% {
	 opacity: 1;
	 -moz-transform:scale(1.1);
	}
	 5% {
	 opacity: 1
	}
	 25% {
	 opacity: 1;
	}
	 30% {
	 opacity: 0;
	 -moz-transform:scale(1.2);
	}
	 100% {
	 opacity: 0;
	 -moz-transformm:scale(1.1);
	}
}

@-webkit-keyframes 
slideShow {  
	0% {
	 opacity: 1;
	 -webkit-transform:scale(1.1);
	}
	 5% {
	 opacity: 1
	}
	 25% {
	 opacity: 1;
	}
	 30% {
	 opacity: 0;
	 -webkit-transform:scale(1.2);
	}
	 100% {
	 opacity: 0;
	 -webkit-transformm:scale(1.1);
	}
}