#slider-wrap{
	margin: 20px auto;
}

#slider-wrap #slider{
	/* display: table; */
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
	position: relative;
	height: auto;
}

#slider-wrap #slider li{
	/* display: table-cell; */
}

#slider-wrap #slider li.slider-slide{
	width: 50px;
	position: absolute;
	top:50%;
	margin-top:-25px;
	z-index: 100;
}

#slider-wrap #slider li#slider-image{
	z-index: 1;
	position: relative;
	text-align: center;
	margin: auto;
}

#slider-wrap #slider li img{
	width: 100%;
	height: auto;
	margin: auto;
}

/*btns*/
.btns{
	position:absolute;
	/* width:50px;
	height:60px; */
	top:50%;
	/* margin-top:-25px; */
	/* line-height:57px; */
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.4);
	z-index:101;
	padding: 15px;
	display: none;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns i{
	margin: 0;
    padding: 0;
    list-style: none;
	color: white;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#slider-next{right: -8px; border-radius:7px 0px 0px 7px;}
#slider-prev{left:0px; border-radius:0px 7px 7px 7px;}