.aslider{position:relative;width:100%;height:350px;margin:0 auto;overflow:hidden}

.slide{position:absolute;height:100%;width:100%;overflow:hidden;background-color:#000;background-position:center center;background-repeat:no-repeat;background-size:100% auto;color:#fff}

.slide img{position:relative;display:block;opacity:1;width:100%;height:auto;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}

.slide:hover img{opacity:.3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slide a{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:9999999999999999991000;white-space:nowrap;opacity:0}
.slide a img {}

.slide>.caption{top:auto;bottom:0;text-align:left;position:absolute;left:0;padding:2em;}

.caption h2{text-align:left;font-size:22px;font-weight:600;margin-bottom:5px;position:relative;color:#fff;}



.caption p{font-size:15px;opacity:0;padding-bottom:0;margin-bottom:0;color:#b4b4b4}

.caption h2,.caption p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}

.slide:hover .caption p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

.slide:hover .caption h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slide:hover .caption h2:after{-webkit-transform:scaleX(1)}

.aslider-nav{display:none;position:absolute;top:50%;margin-top:-1em;z-index:9999;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.7);font-size:40px;padding:10px 0;width:10%}

.aslider-nav:hover{color:#fff;background:rgba(0,0,0,0.5)}

.aslider-prev{left:0}

.aslider-prev .fa{margin-left:15px}

.aslider-next{right:0;text-align:right}

.aslider-next .fa{margin-right:15px}

.slide-preview{position:absolute;top:0;z-index:9;width:100%}

.preview-prev{right:100%}

.preview-next{left:100%}

.dots{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:-20px}

.dot{position:relative;width:10px;height:10px;margin:1px 5px;cursor:pointer;background-color:rgba(0,0,0,0);border-radius:10px}

.dot:before{content:'';position:absolute;left:0;top:0;width:10px;height:10px;border:1px solid #fff;border-radius:10px;}
.dot:hover:before{}
.dot.active{background:#fff}

.dot.active:hover:before,.dot.active:before{}

.caption p,.caption h2,.caption h2:after,a,.dot{}

.slide img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}

@media(max-width:720px){

	
	.slide img {height: 100%;height:calc(100% + 30px);width: auto;}

.slide-preview {height: 100%;width: auto;}}