.historia .slick-slide{
	height: 600px;
	position: relative;
}
						
.historia .slick-slide.slick-current{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 20px;
}
				
.historia .slick-slide .description{
	display: none;
}
			
.historia .slick-slide.slick-current .image,
.historia .slick-slide.slick-current .title,
.historia .slick-slide.slick-current .description{
	width: 100%;
	float: left;
	margin: 0;
	height: 100px;
	display: block;
	margin-bottom: 40px;
}
				
.historia .slick-slide .image {
	height: 315px !important;
	position: relative;
}
			
.historia .slick-slide .image img{
	position: absolute;
	bottom: 0;
	filter: grayscale(1);
}
			
.historia .slick-slide .title{
	margin-bottom: 20px;
	height: auto;
	position: relative;
	color: #111B51;
	font-size: 16px;
}

			
.historia .slick-slide.slick-current img{
	filter: grayscale(0);
}
						
.historia .slick-slide.slick-current .description{
	height: 200px;
	position: relative;
	overflow:auto;
}	
		
.historia .years{
	width: 100%;
	float: left;
	display: flex;
	margin: 0;
	padding: 0;
}


.historia .bloque{
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
			
.historia .slick-slide.item{
	padding: 20px !important;
}
				
.historia .years .year {
    padding: 0 15px;
    border-right: 1px solid #ccc;
    float: left;
    display: inline-block;
    margin-right: 0;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #BDBDBD;
}
			
.historia .years .year:hover,
.historia .slick-slide:hover{
	cursor: pointer;
}

.historia .slick-slide:not(.slick-current) .image{
	margin-bottom: 13px;
}

			
.historia .years .year:nth-child(1){
	border-left: 1px solid #ccc;				
}

.historia .years .year.active {
	border-right: 0;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #7D7D7D;
}


.historia .years .year.active:before{
    content:'•';
    color: #0061A0;
    font-size:22px;
}

.historia .years .year.next {
	border-left: 1px solid #ccc;
}

.historia .slick-slide .top,
.historia .slick-slide .year{ 
	display: none;
}

.historia .slick-slide.slick-current .year{ 
	position: absolute;
    display: block;
    font-weight: 400;
    font-size: 40px;
    line-height: 133%;
    letter-spacing: -0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    bottom: 20px;
    left: 20px;
}

.historia .slick-slide.slick-current .description p{
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -0.02em;
	color: #7D7D7D;
}





@media only screen and (max-width: 1200px) {
	.historia .years .year {
		padding: 0 10px;
    }
}


@media only screen and (max-width: 980px) {
	.historia .years{
		display: none;
	}
	
	.historia .slick-slide{
		border: 0;
	}
	
	.historia .slick-slide {
		height: auto;
	}
	
	.historia .slick-slide.item {
		padding: 12px !important;
	}
	
	.historia .slick-slide .image img {
		position: relative;
		margin: 0;
		display: block;
		margin-bottom: 17px;
    }
    
    .historia .slick-slide .image, 
    .historia .slick-slide .title, 
    .historia .slick-slide .description {
		width: 100%;
		float: left;
		margin: 0;
		height: auto !important;
		display: block;
		margin-bottom: 17px !important;
		position: relative;
	}
	
	.historia .slick-slide .image .year{ 
		position: absolute;
		bottom: 30px;
		left: 15px;
		color: #fff;
		font-weight: 400;
		font-size: 24px;
		line-height: 130%;
		letter-spacing: -0.02em;
	}
	
	.historia .slick-slide .top{ 
		font-weight: 400;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: -0.02em;
		color: #BDBDBD;
		margin-bottom: 40px;
		display: block;
	}
	
	
	.historia .slick-slide.slick-current .top{ 
		color: #7D7D7D;                   
		margin-left : 1em; 
		display: list-item;
	}
	
	.historia .slick-slide.slick-current .top::marker {
		color: #0061A0;
	}
	
	.historia  .slick-track{
		display: flex !important;
	}

	.historia .slick-slide{
		height: inherit !important;
	}
	
	.historia .slick-slide.slick-current {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	
	.historia .slick-slide .title{
		font-size: 16px;
		line-height: 130%;
		letter-spacing: -0.02em;
		color: #111B51;
	}
	
	.historia .slick-slide .description{
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		letter-spacing: -0.02em;
		color: #7D7D7D;
	}
}