#slider-wrap { position:relative; }
#slider { position:relative; overflow:hidden; }
.mobile #slider { overflow:visible; }
#slider .slide {
	position:absolute;
	top:0px;
	left:0px;
	
	background-size:cover;
	background-position:center center;
}
.mobile #slider .slide { position:relative; top:auto; left:auto; padding:10px 0;}


/* Teksti */
.caption {
	color:#fff;
	
	background:none;
	position:absolute;
}
#slider .caption.moveleft { left:-2000; bottom:20px; width:97%; }
#slider .caption.moveright { right:-2000; bottom:20px; width:50%; }
#slider .caption.movecenter { bottom:-2000; left:20%; right:20%; width:auto; }

.caption h1, .caption h2, .caption h3, .caption h4 { color:#fff; margin-top:0px; }
.caption .rauli {
	padding:20px 20px 0px 20px;
}
.mobile .caption { position:relative; left:auto; right:auto; width:90%; margin:0 auto; padding:10px; }


/* Navi */
#slider-wrap .navslide {
	position:absolute;
	z-index:50;
	right:20px;
	bottom:20px;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#slider-wrap .navslide.moveright { right:auto; left:20px; }
#slider-wrap:hover .navslide { opacity:1; }
#slider-wrap .navslide.pagination span a { padding:4px 5px 0px 5px; text-align:center; }
#slider-wrap .navslide #start { display:none; }
#slider-wrap .navslide [class*="icon-"] { padding:0px; }


/* Responsiivisuus */
@media handheld and (max-width:1023px), only screen and (max-width: 1023px) {
	/* Jos leveys alle 1023, levennetään tekstilaatikoita */
	#slider .caption.moveleft { width:70%; }
	#slider .caption.moveright { width:70%; }
	#slider .caption.movecenter {
		left:20px;
		right:auto;
		width:70%;
	}
}