.sa-slider .col-data{
width: 100%;
float: left;
display: inline-flex;
align-items: center;
margin: 0 auto;
border-top: 1px solid rgb(0,0,0,0.2);
border-bottom: 1px solid rgb(0,0,0,0.2);
min-height: 550px;
}
.sa-slider .fadable {
opacity: 1 !important;
transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-webkit-transition: opacity 500ms ease-in-out;
}
.sa-slider .col-imagen{
width: 40%;
margin: 0;
height: 550px;
background-size: cover !important;
}
.sa-slider .col-descripcion{
width: 60%;
float: left;
display: inline-block;
margin: 0 auto;
padding: 0 50px;
}
.sa-slider .col-descripcion .data-title{
font-family: 'Founders Grotesk Light';
font-weight: 300;
font-size: 30px;
line-height: 36px;
color: #000000;
width: 100%;
float: left;
margin-bottom: 23px;
}
.sa-slider .col-descripcion .data-content{
font-family: 'Founders Grotesk Light';
font-size: 26px;
line-height: 130%;
color: #000000;
width: 100%;
float: left;
}
.sa-slider .col-descripcion.paddht{
max-width: 550px;
width: 100%;
margin: 0 auto;
display: block;
position: relative;
float: left;
}
.entender-alzheimer .slick-initialized .slick-slide {   
display: flex;
position: relative;
font-size: 34px;
padding: 0;
justify-content: center;
}
.sa-slider .slick-arrow{
position: absolute;
left: 0;
height: 50px;
width: 50px;
background: transparent;
color: #fff;
z-index: 1;
font-size: 20px;
border: 0;
}
.sa-slider .slick-prev.slick-arrow, .sa-slider .slick-next.slick-arrow:hover{	cursor: pointer;	}
.sa-slider .slick-prev.slick-arrow{     left: -10px; }
.sa-slider .slick-next.slick-arrow{     left: 50px; } .sa-slider .slick-arrow{
top: -75px;
}
.sa-slider .slick-next.slick-arrow .arrow-right {
position: relative;
}
.sa-slider .slick-next.slick-arrow .arrow-right:after{
content: "";
background: url(https://www.acebarcelona.org/wp-content/uploads/2022/09/arrow-left.svg) no-repeat 50% 50%;
width: 22px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(180deg);
}
.sa-slider .slick-prev.slick-arrow .arrow-left:after{
content: "";
background: url(https://www.acebarcelona.org/wp-content/uploads/2022/09/arrow-left.svg) no-repeat 50% 50%;
width: 22px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
button.slick-arrow .arrow-right::after,
button.slick-arrow .arrow-left::after {
transition: all .3s;
}
button.slick-arrow:hover .arrow-right::after,
button.slick-arrow:hover .arrow-left::after {
opacity: .3;
}  .sa-slider .pre .slick-arrow {
top: -15px;
}
.sa-slider .pre .slick-next.slick-arrow {
left: auto;
right: 0;
top: -55px;
}
.sa-slider .pre .slick-prev.slick-arrow {	
left: auto;
right: 50px;
top: -55px;
}
.sa-slider .pre .micro-titulo{
font-size: 12px;
line-height: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
margin-bottom: 48px;
}
.sa-slider .pre .number{
font-size: 60px;
line-height: 78%;
letter-spacing: -0.03em;
color: rgb(0,0,0,0.3);
margin-bottom: 24px;
}
.sa-slider .pre .col-descripcion .data-title{
font-size: 60px;
line-height: 78%;
letter-spacing: -0.03em;
color: #000000;
margin-bottom: 20px;
}
.sa-slider .pre .col-descripcion .data-content{
font-size: 18px;
line-height: 120%;
color: #000000;
}
.sa-slider .col-data{
border: 0;
}  .scroll-timeline{
float: left;
width: 150px;
overflow-y: auto;
height: 100%;
}
.loading-bar-bullet.slick-current::before {
content: "";
display: block;
background: #ED2B4E;
height: 5px;
width: 5px;
border-radius: 100px;
z-index: 999;
height: 10px;
width: 10px;
margin-top: 0px;
margin-left: -6px;
cursor: pointer;
}
.slick-current.loading-bar-bullet::before {
height: 10px;
width: 10px;
margin-top: 0px;
margin-left: -6px;
border: 0;
}
.timeline.anos{
width: 100%;
background-color: rgb(245,243,238,0.6);
display: flex;
margin: 0;
float: left;
flex-direction: row-reverse;
align-items: center;
}
.timeline.anos .col-text{
margin: 0;
float: left;
display: inline-block;
width: 60%;
padding: 0 80px;
}
.timeline.anos .col-image{
margin: 0;
float: left;
display: inline-block;
width: 40%;
padding: 250px 0;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 620px;
}
.timeline.anos .col-text .time-ano{
font-size: 120px;
line-height: 36px;
font-family: 'FoundersGroteskRegular';
opacity: 0.07;
transform: matrix(1, 0, 0, 1, 0, 0);
color: #ED2B4E;
font-weight: bold;
}
.timeline.anos .col-text .time-titulo{
font-size: 40px;
line-height: 1.4;
color: #000000;
transform: matrix(1, 0, 0, 1, 0, 0);
font-family: 'FoundersGroteskRegular';
margin-bottom: 30px;
}
.timeline.anos .col-text .time-descripcion{
font-size: 16px;
line-height: 130%;
color: #000;
font-family: 'Founders Grotesk Light';
}
.timeline.anos .col-data{
display: flex;
align-items: center;
}
.timeline.anos .labels{
width: calc(100% - 150px);
float: left;
display: inline-block;
margin: 0;
}
.timeline.anos .sa-slider .anos .listado{
float: left;
display: inline-block;
width: 150px;
}
.scroll-timeline .slick-prev,
.scroll-timeline .slick-next {
display: none !important;
}
.scroll-timeline .loading-bar-bullet.slick-slide{
width: 150px;
padding: 30px 35px;
border-right: 1px solid rgb(0,0,0,0.1);
left: 0;
text-align: center;
}
.scroll-timeline .slick-initialized .slick-current.loading-bar-bullet::before {
content:'';
width: 10px;
height: 10px;
border-radius: 50%;
background: #ed2b4e;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
}
.scroll-timeline .slick-list.draggable {
height: 465px !important;
margin-top: -50px;
}
.loading-bar {
margin-left: -5px;
}
.loading-bar-mobile{
display: none;
}
@media (max-width: 980px) {
.loading-bar-mobile {
display: block;
border-top: 1px solid #ccc;
padding: 0;
margin-top: 20px;
}
.timeline.anos .col-data {
flex-direction: column;
}
.loading-bar{
display: none;
}
.timeline.anos .labels {
width: 100%;
}
.entender-alzheimer .slick-initialized .slick-slide {
position: relative;
font-size: 28px;
padding: 10px 0;
}
.scroll-timeline {
float: left;
width: 100%;
border: 0;
}
.sa-slider .pre .number {
margin-bottom: 0;
}
.sa-slider .pre .col-descripcion .data-title {
margin-bottom: 10px;
}
.sa-slider .col-data {
flex-direction: column;
}
.sa-slider .col-imagen,
.sa-slider .col-descripcion.paddht{
width: 100%;
}
.sa-slider .col-descripcion.paddht {
margin-top: 60px;
padding: 0 20px;
}
.sa-slider .slick-arrow {
top: -10px;
transform: scale(0.95);
}
.sa-slider .slick-next.slick-arrow {
right: 10px;
left: auto !important;
}
.sa-slider .slick-prev.slick-arrow {
left: auto !important;
right: 60px;
}
.sa-slider .col-descripcion .data-title {
font-size: 24px;
line-height: 140%;
}
.sa-slider .col-descripcion .data-content{
font-size: 16px;
line-height: 160%;
padding-bottom: 30px;
}
.timeline.anos {
flex-direction: column-reverse;
}
.timeline.anos .col-text {
width: 100%;
padding: 0 20px;
}
.timeline.anos .col-image {
margin: 0;
width: 100%;
padding: 0;
height: 100vw;
margin-bottom: -25px;
margin-top: 15px;
}
.	timeline.anos .slick-list {
margin: 0;
}
.scroll-timeline .slick-list.draggable {
height: auto !important;
margin: 0;
width: 100%;
}
.scroll-timeline .loading-bar-bullet.slick-slide {
border: 0;
padding: 20px 10px;
margin-right: 0;	
}
.scroll-timeline .slick-initialized .slick-current.loading-bar-bullet::before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #ed2b4e;
position: absolute;
right: calc(50% - 6px);
top: 0;
transform: translateY(-50%);
}
.timeline.anos .col-text .time-ano {
line-height: 1;
font-size: 72px;
}
.timeline.anos .col-text .time-titulo {
font-size: 24px;
line-height: 1.4;
margin-top: -35px;
margin-bottom: 18px;
}
.sa-slider .pre .micro-titulo {
font-size: 14px;
}
.sa-slider .pre .data-title p {
letter-spacing: 0;
font-size: 24px;
line-height: 1.4;
}
.sa-slider .pre .col-descripcion .data-content {
font-size: 16px;
line-height: 1.6;
}
}