svg{ display:block; overflow:visible}.slider-container{ position:relative; height:600px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:all-scroll}.slider-control{ z-index:2; position:absolute; top:0; width:12%; height:100%; transition:opacity 0.3s; will-change:opacity; opacity:0}.slider-control.inactive:hover{ cursor:auto}.slider-control:not(.inactive):hover{ opacity:1; cursor:pointer}.slider-control.left{ left:0; background:linear-gradient(to right,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%)}.slider-control.right{ right:0; background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%)}.slider-pagi{ position:absolute; z-index:3; left:50%; bottom:1rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); font-size:0; list-style-type:none}.slider-pagi__elem{ position:relative; display:inline-block; vertical-align:top; width:1rem; height:1rem;    margin:0 0.5rem;    border-radius:50%;    border:2px solid #fff;    cursor:pointer}.slider-pagi__elem:before{    content:"";    position:absolute;    left:50%;    top:50%;    width:1.2rem;    height:1.2rem;    background:#fff;    border-radius:50%;    transition:-webkit-transform 0.3s;    transition:transform 0.3s;    transition:transform 0.3s,-webkit-transform 0.3s;    -webkit-transform:translate(-50%,-50%) scale(0);    transform:translate(-50%,-50%) scale(0)}.slider-pagi__elem.active:before,.slider-pagi__elem:hover:before{    -webkit-transform:translate(-50%,-50%) scale(1);    transform:translate(-50%,-50%) scale(1)}.slider{    z-index:1;    position:relative;    height:100%}.slider.animating{    transition:-webkit-transform 0.5s;    transition:transform 0.5s;    transition:transform 0.5s,-webkit-transform 0.5s;    will-change:transform}.slider.animating .slide__bg{    transition:-webkit-transform 0.5s;    transition:transform 0.5s;    transition:transform 0.5s,-webkit-transform 0.5s;    will-change:transform}.slide{    position:absolute;    top:0;    width:100%;    height:100%;    overflow:hidden}.slide.active .slide_overlay,.slide.active .slide__text{    opacity:1;    -webkit-transform:translateX(0);    transform:translateX(0)}.slide__bg{    position:absolute;    top:0;    left:-50%;    width:100%;    height:100%;    background-size:cover;    will-change:transform}.slide:nth-child(1){    left:0%}.slide:nth-child(1) .slide__bg{    left:0%;    background-image:url("../../images/slider/slides/accueil/psychologue-adolescent-luxembourg.jpg")}.slide:nth-child(1) .slide_overlay-path{    fill:rgb(225,204,174)}.slide:nth-child(2){    left:100%}.slide:nth-child(2) .slide__bg{    left:-50%;    background-image:url("../../images/slider/slides/accueil/psychologue-adulte-luxembourg.jpg")}.slide:nth-child(2) .slide_overlay-path{    fill:rgb(203,198,195)}.slide:nth-child(3){    left:200%}.slide:nth-child(3) .slide__bg{    left:-100%;    background-image:url("../../images/slider/slides/accueil/psychologue-couple-luxembourg.jpg")}.slide:nth-child(3) .slide_overlay-path{    fill:rgb(225,204,174)}.slide:nth-child(4){    left:300%}.slide:nth-child(4) .slide__bg{    left:-150%;    background-image:url("../../images/slider/slides/accueil/psychologue-famille-luxembourg.jpg")}.slide:nth-child(4) .slide_overlay-path{    fill:rgb(203,198,195)}.slide:nth-child(5){    left:400%}.slide:nth-child(5) .slide__bg{    left:-200%;    background-image:url("../../images/slider/slides/accueil/psychologue-enfant-luxembourg.jpg")}.slide:nth-child(5) .slide_overlay-path{ fill:rgba(225,204,174)}.slide__content{ position:absolute; top:0; left:0; width:100%; height:100%}.slide_overlay{ position:absolute; bottom:0; left:0; height:100%; min-height:810px; transition:opacity 0.2s 0.5s,-webkit-transform 0.5s 0.5s; transition:transform 0.5s 0.5s,opacity 0.2s 0.5s; transition:transform 0.5s 0.5s,opacity 0.2s 0.5s,-webkit-transform 0.5s 0.5s; will-change:transform,opacity; -webkit-transform:translate3d(-20%,0,0); transform:translate3d(-20%,0,0); opacity:0}.slide_overlay path{ opacity:0.8}.slide_text-desc{ font-size:1.05em; margin-bottom:2.5em}.slide_text-link{ z-index:5; display:inline-block; position:relative; padding:0.5rem; cursor:pointer; color:white; font-size:2.3rem; -webkit-perspective:2000px; perspective:2000px}.slide_text-link:before{ z-index:-1; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:rotateX(-85deg); transform:rotateX(-85deg); transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s,-webkit-transform 0.3s; will-change:transform}.slide_text-link:hover:before{ -webkit-transform:rotateX(0); transform:rotateX(0)}