.unslider{width: 270px; padding: 0px !important; position: relative; overflow: visible; margin:40px auto 0 auto; z-index: 2}
.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.prev:before{font-family:'Flaticon'; content: "\f100"; font-size: 34px; color:#3dda99;}*/
.unslider-arrow.prev:before{ content: " "; width:24px;height:24px;display:block; color:#3dda99; background: url(../../assets/SVG/arrowleft.svg); background-size: 24px 24px;background-repeat:no-repeat;}

.unslider-arrow.next:before{ content: " "; width:24px;height:24px;display:block; color:#3dda99; background: url(../../assets/SVG/arrowright.svg); background-size: 24px 24px;background-repeat:no-repeat;}
/*.unslider-arrow.next:before{font-family:'Flaticon'; content: "\f103";font-size: 34px; color:#3dda99;}*/



.unslider:before{position: absolute; content:""; background-color: #3dda99; width: 80%; height: 75%; transform: rotate(10deg);  z-index: -1; left: 0px; top:10px;}
.unslider:after{position: absolute; content:""; background-color: #3dda99; width: 80%; height: 75%; transform: rotate(10deg); z-index: -1; right: 0px; top:0px;}



.lity-inline .lity-container { margin: 20px;}

@media only screen and (max-width: 767px) {
    
    .unslider-arrow{position:absolute;left:-36px;  z-index:2;cursor:pointer; font-size: 0px;}
    .unslider-arrow.next{left:auto;right:-36px; }
}

@media only screen and (max-width:320px) {
    .unslider-arrow{position:absolute;left:-26px;  z-index:2;cursor:pointer; font-size: 0px;}
    .unslider-arrow.next{left:auto;right:-26px; }
    
    
}