/* ======================================================================================================================================================
# Responsive
====================================================================================================================================================== */



	@media only screen and (min-width: 1921px) {
		
		#slick-slider {
			
			.slick_caption {padding-left: 7.5vh !important;}
			
			button.slick-prev {left: calc(12.5vw - 8px) !important;}	
			button.slick-next {right: calc(12.5vw - 8px) !important;}
			
		}
		
	}
	
	
	@media only screen and (min-width: 1600px) {
		
		#slick-slider .slick_caption {
			
			max-width: 50%;
			
			h2.slick_heading {font-size: 30px !important;}
			.slick_description {font-size: 24px	!important;}
			
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 989px) {
	
		#slick-slider .slick_caption {padding-left: 5vh;}
	
	}
	
	
	@media only screen and (min-width: 990px) {
		
		#slick-slider .slick_caption {
			
			max-width: 50%;
			
			h2.slick_heading {font-size: 26px;}
			.slick_description {font-size: 22px;}
			
		}
		
	}



	@media only screen and (min-width: 768px) and (max-width: 989px) {
		
		
		#slick-slider .slick_caption {
			
			padding-left: 5vh !important; max-width: 50%;
			
			h2.slick_heading {font-size: 26px;}
			.slick_description {font-size: 22px;}
			
		}
		
	}


	@media only screen and (max-width: 767px) {
		
		.responsive #slick-slider-section > .container {width: 100% !important;}
		.responsive #slick-slider .slick-slide {margin: 0px;}
		
		#slick-slider .slick_caption {
			
			max-width: 65%;
			
			h2.slick_heading {font-size: 20px;}
			.slick_description {font-size: 18px;}
			
		}
		
	}

/* ======================================================================================================================================================
# Slick slider
====================================================================================================================================================== */

	#slick-slider-section>.container {padding: 0; max-width: 100% !important;}

	#top .slick_slider_column {overflow: hidden;}


    #slick-slider {

        margin: 0 auto;
		
		.slick-track {display: flex;}
		.slick-slide {display: block; margin: 0px 20px;  transition: all ease-in-out .3s; opacity: .2;}
		.slick-slide .inner-slide {position: relative; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08),0 0 2px 1px rgba(0,0,0,0.08); overflow: hidden;}
		
		.slick_caption {position: absolute; display: flex; padding: 2rem; width: 100%; height: 100%; align-items: center;}
		.slick_caption b {color: #c51d52;}
		.slick_caption strong {color: inherit;}
		.slick-slide h2.slick_heading {line-height: 1.2;}
		.slick-slide .slick_description {line-height: 1.275;}

		.slick-slide img {display: block; width: 100%; height: 400px; object-fit: cover;}
		
		.slick-prev:before, .slick-next:before {color: black;}
		
		.slick-active {opacity: .5;}
		.slick-current {opacity: 1;}
		
		
		/* Arrows */
		button.slick-arrow {
			position: absolute; top: 50%; transform: translateY(-50%); width: 56px !important; height: 56px; background: #ffffff; font-size: 0; cursor: pointer; 
			border: none; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08),0 0 2px 1px rgba(0,0,0,0.08); z-index: 10; transition: all 0.5s;
		}
		button.slick-arrow:hover {background: #c51d52;}
		
		button.slick-prev {left: 50px;}
		button.slick-prev:before {content: '\e874';}
		
		button.slick-next {right: 50px;}
		button.slick-next:before {content: '\e875';}
		
		button.slick-prev:before, button.slick-next:before {font-family: 'entypo-fontello'; font-size: 22px; color: #1a1a1a;}	
		button.slick-prev:hover:before, button.slick-next:hover:before {color: #fff;}	
	
		
		
    }