@CHARSET "ISO-8859-1";

#slider-container{
	height:400px;
	width:100%;
}

.slider{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
	color:#000;
}

.slide{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    float: left;
    position: absolute;
}

.slideContent{
	position: absolute;
    text-align: center;
    top: 70%;
	font-size:14px;
    width: 100%;
}

.slide-header{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	/*line-height:30px;*/
	display: inline-block;
	padding:10px 35px 8px 35px;
	opacity:0.7;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}

.slide-text{
	background-color:#fff;
	width:90%;
	margin:20px auto 0px auto;
	padding:20px;
	opacity:0.7;
	line-height:24px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}



#slideposition{
	/*position: absolute;
	bottom: 50px;*/
	left: 50%;
	text-align:center;
	position:relative;
	top:-50px;
	z-index: 500;
}

#slideposition ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#slideposition ul li.indicator{
	display: inline-block;
	height: 10px;
	width: 10px;
	background: #222;
	margin: 0px 7px;
	padding: 0;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	overflow: hidden;
	cursor: pointer;
}

#slideposition ul li.indicator.active{
	background: white;
}


@media screen and (max-width: 1020px) {
	
}

@media screen and (min-width: 410px) {	
	
}
 
@media screen and (min-width: 1020px) {
	
	.slide-text{
		width:60%;
	}
	
	.slide-header{
		font-size:30px;
		padding:16px 35px 16px 35px;
		/*line-height:50px;*/
	}
}
 
@media screen and (min-width: 1200px) {
	
	
	.slide-text{
		width:60%;
		margin:60px auto 0px auto;
	}
}

@media screen and (min-width: 1280px){
	.slideContent{
		 top: 40%;
	}
	
	.slide-text{
		width:30%;
		margin:60px auto 0px auto;
	}
}