.slick-slider{position:relative;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:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.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}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.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}
@charset 'UTF-8';.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
@import(reference) "./../../../../structure/basepage/clientlibs/styles/variables.less";@import(reference) "./../../../../structure/basepage/clientlibs/styles/mixins.less";.timeline{background-color:@ecp-brand;padding-top:50px;padding-bottom:100px;>.timeline-container{.max-container}
@media @media_tablet{.max-container-mobile;padding-bottom:60px;padding-top:20px}
.cmp-timeline{color:white;padding-left:@rem312;position:relative;@media @media_large{padding-left:@rem240}
@media @media_tablet{padding-left:0}
&__aside{position:absolute;left:0;padding-right:124 / @rem;width:@rem312;@media @media_tablet{position:relative;display:flex;flex-direction:row-reverse;width:auto;align-items:baseline;gap:20px;justify-content:flex-end;margin-bottom:40px}
@media @media_mobile{padding-right:60 / @rem;flex-direction:column-reverse;position:relative}
>span{display:inline-block;padding:3 / @rem 18 / @rem;font-size:18 / @rem;border-radius:25 / @rem;background-color:@ecp-genoa;color:@ecp-vibant-green;// line-height:24px;position:relative;margin-top:10px;padding-bottom:6px;font-family:'Bridgepoint',sans-serif;@media @media_mobile{margin-top:0;position:static}
&::after{content:"";display:block;width:54px;height:46px;background-image:url("../structure/basepage/clientlibs/resources/images/ecp/arrow-right-green-big.svg");position:absolute;top:50%;right:-70px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center right;@media @media_mobile{background-size:30px;height:30px;width:30px;right:0;top:40px;transform:none}
}
}
>p{margin-top:100px;@media @media_tablet{margin-top:0}
@media @media_mobile{margin-bottom:0}
}
}
&__wrapper{position:relative;&::before,&::after{content:"";left:0;height:120px;width:140px;position:absolute;z-index:2;background:#155f8e;background:linear-gradient(90deg,rgba(21,95,142,1) 0,rgba(21,95,142,0) 100%);top:0;pointer-events:none;@media @media_mobile{width:66px;height:66px}
}
&::after{left:auto;right:0;background:linear-gradient(90deg,rgba(21,95,142,0) 0,rgba(21,95,142,1) 100%)}
}
}
.cmp-timeline-dots{overflow-y:hidden;overflow-x:scroll;margin-bottom:40px;scroll-behavior:smooth;@media @media_mobile{margin-bottom:10px}
&::-webkit-scrollbar{width:0}
&.active{cursor:grabbing}
ul{list-style:none;display:flex;position:relative;padding-left:0;margin-bottom:10px;li{padding:0 60px 30px;position:relative;margin-bottom:0;@media @media_tablet{padding:0 40px 30px}
@media @media_mobile{padding:0 40px 20px}
&::after{content:"";height:1px;width:100%;position:absolute;bottom:0;background-color:@ecp-vibant-green;left:0}
&:first-child{padding-left:120px;@media @media_tablet{padding-left:80px}
@media @media_mobile{padding-left:40px}
}
&:last-child{padding-right:120px;@media @media_tablet{padding-right:80px}
@media @media_mobile{padding-right:40px}
}
}
button{background:0;border:0;color:inherit;font-size:40 / @rem;font-family:'Bridgepoint ECP',sans-serif;line-height:1;padding:0;position:relative;cursor:pointer;min-height:40px;display:block;@media @media_tablet{font-size:30 / @rem}
&::after{content:"";height:14px;width:14px;background-color:white;position:absolute;bottom:-37px;left:~"calc(___YUICSSMIN_PRESERVED_TOKEN_0___)";z-index:1;border-radius:50%;@media @media_mobile{bottom:-27px}
}
}
.is-active button{color:@ecp-vibant-green;&::after{background-color:@ecp-vibant-green}
}
}
}
.cmp-timeline-carousel{margin:0 -20px;.tm-teaser{display:flex;gap:0 100px;padding:0 20px;@media @media_large{gap:0 60px}
@media @media_mobile{flex-direction:column-reverse}
>div{flex:1}
&__title{h3{font-size:60 / @rem;line-height:65 / @rem;margin-bottom:20px;@media @media_tablet{font-size:30 / @rem;line-height:35 / @rem}
}
}
&__content{display:flex;flex-direction:column;justify-content:space-between;font-size:30 / @rem;line-height:34 / @rem;@media @media_large{font-size:18 / @rem;line-height:24 / @rem}
}
&__image{@media @media_mobile{margin-bottom:20px}
img{width:100%;object-fit:cover}
}
}
}
}