@import url(https://fonts.useso.com/css?family=Raleway:200,500,700,800);
.sss-wrap{
	width: 380px;
	height: 320px;
	margin:0 auto;
	position: relative;
}
.sss {
	height: 0;
	margin: .5rem 0 0 0; 
	padding: 0;
	display: block;
	overflow: hidden;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
box-shadow:rgba(0, 0, 0, 0.15) 8px 7px 9px;
box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;

}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
box-shadow:rgba(0, 0, 0, 0.15) 8px 7px 9px;

}

.sssnext, .sssprev {
	width: 30px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('../images/arr.png') no-repeat;
}

.sssprev {
	left: -16%;
	background-position:0 50%;
}

.sssnext {
   right: -16%;
    background-position: -31px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}
.just_text{
	width: 100%;
	height: 100%;
	font-family: "Raleway";
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}
.caption{
	font-family: "Raleway";
	font-weight: 700;
	text-align: center;
}