.hicarousel-container {
	background-color:rgb(250,250,250);
	box-sizing:border-box;
	position:relative;
	padding:80px 0 100px 0;
}

.hicarousel-container h2, 
.hicarousel-container h3 {
	text-align:center;
}
.hicarousel {
	margin-top:60px;
}


.hislide {
	position:relative;
	padding:0;
	margin:0 10px;
	border-radius:10px;
	box-sizing:border-box;
	overflow:hidden;
}
.hislide-content {
	position:absolute;
	top:calc(100% - 80px);
	right:0;
	left:0;
	min-height:400px;
	box-sizing:border-box;
	padding:20px;
	margin:0;
	color:white;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+20,1+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 20%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition:all 1s;
}
@media (hover: none) and (pointer: coarse) {
	.hislide-content.active {
		top:0;
		bottom:0;
		min-height:100%;
	}
}
@media (hover: hover) and (pointer: fine) {
	.hislide:hover .hislide-content {
		top:0;
		bottom:0;
		min-height:100%;
	}
}

.hicarousel-container .hislide-content h2, 
.hicarousel-container .hislide-content h3 {
	text-align:left;
}

.hislide-image {
	position:relative;
}
.hislide-image img {
	width:100%;
	height:auto;
}

.hislide-content .hero-plus,
.hislide-content .hero-minus {
	position:absolute;
	right:0;
	top:0;
	background-color:rgba(0, 0, 0, 0.7);
	cursor:pointer;
	display:none;
}
.hislide-content .hero-minus {
	background-color:rgb(61,205,88);
}
.hislide-image .hero-plus:hover,
.hislide-content .hero-minus:hover {
	background-color:rgb(61,205,88);
}

.hislide-content .btn-highlights {
	background-color:rgb(61,205,88);
	color:white;
}

.hicarousel .slick-list {
	margin:0 -10px;
}
.hicarousel .slick-arrow {
	z-index:2000;
}
.hicarousel .slick-arrow {
    background-color:white;
    z-index:210;
    width: 40px;
    height: 40px;
    left:auto;
    right:0;
    top:-40px;
    border-radius:6px;
    border:1px solid rgb(9,11,12);
    position:absolute;
}
.hicarousel .slick-prev {
	right:70px;
}
.hicarousel .slick-next {
	right:0;
}
.hicarousel .slick-prev::before, 
.hicarousel .slick-next::before {
	content:"";
}
.hicarousel .slick-prev:hover,
.hicarousel .slick-next:hover {
	background-color:rgba(171, 179, 184, 0.15);
}


@media only screen and (min-width: 440px) and (max-width: 999.9px) {

	.hislide-content-box h2,
	.hislide-content-box h3 {
		margin:0;
	}
	.hislide-content-box h2 {
		font-size:22px;
		line-height:26px;
	}
	.hislide-content-box h3 {
		line-height:24px;
	}
}

@media only screen and (max-width: 960px) {
	.hicarousel-container {
		padding:60px 0 80px 0;
	}
}

@media only screen and (max-width: 767.9px) {
	.hicarousel-container {
		padding:40px 0 60px 0;
	}
	.hicarousel-container h2 {
		margin-top:0;
		margin-bottom:0;
	}
}
@media only screen and (max-width: 560px) {
	.hicarousel {
		margin-top: 30px;
	}
	.hislide:hover .hislide-contentxxxx {
		all: unset;
	}
}

@media only screen and (min-width: 440px) and (max-width: 540px) {
	.hislide-description {
		overflow: hidden;
	  	display: -webkit-box;
	  	-webkit-box-orient: vertical;
	  	-webkit-line-clamp: 3;
	  	height:60px;
	}

}

