.unslider{overflow:auto;margin:0;padding:0; width: 100%; position: relative;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%;}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:24px;z-index:2;cursor:pointer; top: 50%; transform:translateY(-50%)}
.unslider-arrow.next{left:auto;right:24px}
.unslider li{height: 480px;}
.unslider li img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.unslider h3{
	position: absolute;
	z-index: 12;
	bottom: 8px;
	left: 32px;
	color: #fff;
	font-size: 28px;
	letter-spacing: 0.6px;
	font-weight: 700;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.unslider-shadow{
	height: 128px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 10;
	background: red;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
}


@media screen and (min-width: 769px) {
	.unslider h3{
		width: 55%;
	}
}
@media screen and (max-width: 768px) {
	.unslider h3{
		width: calc(100% - 56px);
	}
}
@media screen and (max-width:640px) {
	.unslider li{
		height: 256px;
	}
	.unslider h3{
		left: 16px;
		font-size: 24px;
	}
}