#homeSliderApp{
 overflow:hidden;
}

#homeSliderApp .root{
 position:relative;
 width:100%;
 height:645px;
}

.slider_pastilles,.slider_goToLeft,.slider_goToRight{
 position:absolute;
 top:50%;
 z-index:10;

 transform:translateY(-50%);
}

.slider_pastilles{
 left:calc(50% - 410px);
}

.slider_pastilles span{
 margin-right:10px;
 cursor:pointer;
}

.pastille:last-of-type{
 display:inline-block;
 transform:translateY(2px);
}

.slider_goToLeft{
 left:calc(50% - 480px);
 cursor:pointer;
}

.slider_goToRight{
 right:calc(50% - 480px);
 cursor:pointer;
 transform:translateY(-50%) rotate(-180deg);
}

.slide{
 position:absolute;
 top:0;
 left:0;
 
 width:100%;
 height:645px;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 overflow:hidden;
}

.slide.current{
 animation:insert .8s ease-in;
 z-index:0;
}

.slide.previous{
 z-index:-1;
}

.slide_content{
 position:relative;
 top:180px;
 left:660px;
 display:flex;
 flex-direction:column;
}
.slide_content h1{
 font:3.438em "Cairoli-Now-Condensed-Black",Arial,sans-serif;
 color:white;
 letter-spacing:-0.04em;
 max-width:300px;
 white-space:normal;
 margin-bottom:12px;
 line-height:1;
}
.slide_content h2{
 font:1.375em "Cairoli-Now-Condensed-Black",Arial,sans-serif;
 color:white;
 margin:-15px 0 0 5px;
}
.slide_content p{
 font:1em Arial,sans-serif;
 color:white;
 display:inline-block;
 width:230px;
 margin:10px 0 20px 5px;
 line-height:24px;
}
.slide_content a{
 width:120px;
 margin-left:5px;
}

@keyframes insert{
 from{
 opacity:0;
 }to{
 opacity:1;
 }
}

@media screen and (max-width:1024px){
 .slide_content{left:calc(100% - 280px)}
 .slide{background-position:calc(100% + 240px) center}
 .slider_goToLeft{left:20px}
 .slider_goToRight{right:20px}
 .slider_pastilles{left:80px}
}
@media screen and (max-width:550px){
 .slide_content{top:260px;left:0;width:calc(100% - 60px);padding:0 30px}
 .slide.current{background-position:center 50% !important}
 .slide_content h1{margin-top:15px}
 .slide_content p{width:100%}
 .slider_goToLeft{left:5px;top:400px}
 .slider_goToRight{right:5px;top:400px}
 .slider_goToLeft img,.slider_goToRight img{height:80px;width:25px}
 .slider_pastilles{display:none}
 .slide{background-position:center center}
}