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



	@media only screen and (min-width: 1921px) {
		
		#slick-slider {
			
			button.slick-prev {left: calc(12.5vw + 50px) !important;}	
			button.slick-next {right: calc(12.5vw + 50px) !important;}
			
		}
		
	}
	

	
	@media only screen and (min-width: 990px) and (max-width: 1920px) {
		

		
	}



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

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

	#top .slick_slider_column {overflow: hidden;}


    #slick-slider {

        margin: 0 auto;
		
		
		.slick-slide {margin: 0px 20px;  transition: all ease-in-out .3s; opacity: .2;}
		.slick-slide .inner-slide {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-slide img {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;}	
	
		
		
    }