/* 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: transpare.category-slider a.cta buttonnt;}
.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; background: #fff;}
[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;}

.txt-slider {width: 100%; max-width: 500px; margin: 0 auto; padding: 0;}
.txt-slider p {text-align: center; font-weight: 600; font-size: 14px; line-height: 1.3;}
.txt-slider .slick-prev, .txt-slider .slick-next {background: none; padding: 3px;}
.txt-slider .slick-prev:before, .txt-slider .slick-next:before {font-size: 20px;}


.category-slider .slick-slide {position: relative; display: flex; align-items: center;}
.category-slider a.cta {margin: 0 .5em;}
.category-slider a.cta button {width: 100%; outline: none; background: none; border: 2px solid #000; color: #000; text-transform: uppercase; font-weight: 700; text-align: center; padding: .75em 2em; cursor: pointer; font-size: 18px; font-family: 'open-sans-condensed', sans-serif;}
.category-slider a.cta:hover button {opacity: .8; transition: .3s ease-in-out all;}


.bottom-slider .slick-slide {position: relative; display: flex; align-items: center;}
.bottom-slider .slick-slide:before {position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 1;}
.bottom-slider .slick-slide img {width: 100%; filter: grayscale(1);}
.slide-txt {color: #fff; position: absolute; z-index: 2; margin-left: 7%; max-width: 500px; padding: 5em 0;}
.slide-txt h2 {font-size: 60px; text-transform: uppercase; line-height: 1.1; display: block; margin-bottom: .5em; font-family: 'open-sans-condensed', sans-serif;}
.slide-txt p {display: block; margin-bottom: 2em;}


/* MEDIA QUERIES */
@media screen and (max-width: 1400px) {	
	.category-slider a.cta button {font-size: 14px;}
	
	.slide-txt h2 {font-size: 45px;}
}
@media screen and (max-width: 1200px) {	
	.slide-txt {position: relative; max-width: none; padding: 4em 10%; margin-left: 0; width: 100%;}
	.bottom-slider .slick-slide {flex-direction: column-reverse;}
	.slide-txt h2 {font-size: 32px;}
}
@media screen and (max-width: 550px) {	
	.txt-slider p {font-size: 13px;}
}
@media screen and (max-width: 480px) {	
	.txt-slider p {font-size: 12px;}
}
