.custom-highlights{
	position: relative;
	text-align: center;
	max-width: auto;
	margin: 0 0;
	position: relative;
	z-index: 99;
}
.panel_custom_container .custom-highlights .slides,
.width_fullwidth .custom-highlights .slides { margin-bottom: 0; }
.custom-highlights a{color: inherit;}
.custom-highlights .slides{
	position: relative;
	opacity: 0;
	border-bottom: 1px #fff solid;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
}
.custom-highlights .slick-track {
	position: relative!important;
	left: 150px!important;
	background-color: #000;
	overflow: hidden;
}

.custom-highlights .slick-initialized{
	opacity: 1;
}
.custom-highlights .slide {
	position: relative;
	width: 300px!important;
	height: 451px;
	overflow: hidden;
	opacity: 1;
	float: left;

	-webkit-transition: all ease .5s;
	transition: all ease .5s;

	border: 0px #33818f solid;
}
@media (max-width: 480px) {
	.custom-highlights .slide {
		width: 270px!important;
	}
}
.custom-highlights .slide-link{
	display: block;
	position: relative;
	z-index: 99;
}
.custom-highlights .slide .info{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 0 20px;
}
.custom-highlights .slide .title{
	font:40px/40px 'TradeGothicW01-BoldCn20_675334';
	color: #FFF;
	margin-bottom: 18px;
	text-transform: uppercase;
}
.custom-highlights .slide .linktext {
	display: inline-block;
	margin-bottom: 20px;
	font: 14px/14px 'Avenir Next Cyr W00 Bold';
	color: #FFF;
	background: #db812e;
	padding: 9px 10px 7px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.custom-highlights .slide:nth-child(even) .linktext {
	background: #33818f;
}

.custom-highlights .slide .image {
	position: relative;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition: all ease .8s;
	transition: all ease .8s;
}
.custom-highlights .slide .gradient{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40%;
	background: -webkit-linear-gradient(transparent, #000);
	background: -o-linear-gradient(transparent, #000);
	background: -moz-linear-gradient(transparent, #000);
	background: linear-gradient(transparent, #000);
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
}


/* nav */
.custom-highlights .arrow{
	position: absolute;
	width: 70px;
	height: 100%;
	top: 0;
	cursor: pointer;
}
.custom-highlights .arrow span{
	position: absolute;
	width: 45px;
	height: 65px;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	background-image: url(/includes/public/assets/highlight-nav.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.custom-highlights .prevSlide{left: 0;}
.custom-highlights .nextSlide{right: 0;}
.custom-highlights .nextSlide span{background-position: right center;}



@media (max-width: 640px) {
	.custom-highlights .slick-track{left: 0 !important;}
	.custom-highlights .arrow{width: 40px;}
	.custom-highlights .arrow span{width: 24px; height: 37px;}
	.custom-highlights .slide .gradient{ height: 100%; }
	html.no-touch .custom-highlights .slick-track .slide { opacity: 1; }
	.custom-highlights .slide .image {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
	.custom-highlights .slide:hover .image {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@media (min-width: 1025px) {
	.custom-highlights .slide:hover .image{
		transform: scale(1.3);
		-ms-transform: scale(1.3);
		-webkit-transform: scale(1.3);
	}
	.custom-highlights .slide:hover .gradient{
		height: 100%;
	}
	.custom-highlights .slide-int::before{
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 99;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
		border: 0px #db812e solid;
	}
	.custom-highlights .slide:nth-child(even) .slide-int::before{
		border-color: #33818f;
	}
	.custom-highlights .slide:hover .slide-int::before{
		border-width: 7px;
	}

	html.no-touch .custom-highlights .slick-track:hover .slide{
		opacity: .3
	}
	html.no-touch .custom-highlights .slick-track .slide:hover{
		opacity: 1;
	}
}