@charset "utf-8";

.slider-container {
	display:block;
	position:relative;
	width:100%;
	height:820px;
	overflow:hidden;	
}

.slider-slides {
	display:block;
	position:absolute;
	height:820px;
	overflow-x:auto;
	overflow-y:hidden;
	top:0px;
	left:0px;	
	z-index:1;
	padding-top:10px;	
}

.slider-slide {
	display:inline-block;
	width:320px;
	height:568px;
	margin-top:80px;
	margin-bottom:80px;		
	margin-left:60px;
	margin-right:60px;
}

.slider-slide-img {
	border: solid 1px #ccc;
	box-shadow: 4px 4px 5px #666;	
}

.slider-phone {
	display: block;
	position: absolute;
	top:-2px;
	left:50%;
	margin-left:-190px;
	width:380px;
	height:760px;
	background-image:url(../img/phone.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:2;
}

.slider-phone.iphone {
    background-image:url(../img/iphone6.png);
}