/* Slider */
.slick-slider{position: relative; z-index: 1; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; opacity: 1;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
.slick-current{opacity: 1;}

/* custom sliders */
.hero-slider {width: 100%; position: relative; 
clip-path: polygon(
    0 0,        /* top-left */
    100% 0,     /* top-right */
    100% 65%,   /* bottom-right (higher) */
    0 100%      /* bottom-left (lower) */
  ); max-height: 1100px;
}
.hero-slider .slick-slide {width: 100%!important; box-sizing: border-box; /*aspect-ratio: 5 / 3;*/ object-fit: cover; padding: 0;}
.hero-slider .slick-slide img{aspect-ratio: 5 / 3; object-fit: cover;}

.slide-wrapper {width: 100%; position: relative; padding: 2em 3em; background: #111;}
.slide-wrapper img {opacity: .2;}



/* MEDIA QUERIES */
@media screen and (max-width: 1200px) {	
}
@media screen and (max-width: 900px) {	
	.hero-slider .slick-slide {aspect-ratio: auto;}
	.hero-slider {clip-path: none;}
}
@media screen and (max-width: 767px) {	
	.hero-slider .slick-slide img {aspect-ratio: 3 / 3;}
	
}
@media screen and (max-width: 560px) {	
	.slide-wrapper {padding: 2em;}
	.slide-wrapper p i {left: 5px;}
}