@keyframes slider{0%, 25%, 100%{left:0}33%, 60%{left:-100%}66%, 95%{left:-200%}}#slides{animation:slider 20s infinite}.slide__wrapper{position:relative;width:100%;overflow:hidden;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)}.slide__container{width:300%;position:relative;display:flex;padding:0px;margin:0px;list-style-type:none;overflow:hidden}.slide__container::after{content:'';clear:both;display:table}.slide__item{float:left;width:calc(100% / 3);height:369px;z-index:1;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.hero__image{height:97px}@media (min-width: 576px){.slide__item{height:344px}.hero__image{height:100%}}@media (min-width: 768px){.slide__item{height:464px}}.is-showing{opacity:1;z-index:2}.slide__item{display:block;box-sizing:border-box}.slide__container .slide__item:nth-child(1){background:white}.slide__container .slide__item:nth-child(2){background:rgba(0,0,0,0.6)}.slide__container .slide__item:nth-child(3){background:rgba(0,0,0,0.2)}.slide__controllers{height:11px;display:block;position:relative;display:inline-flex;justify-content:center}.slide__controller{text-indent:-9990px;width:16px;height:16px;margin:0 10px;position:relative;border-radius:100%;display:inline-block;background-color:transparent;border:2px solid #00B3DB}.is-current .slide__controller,.slide__controller:hover{cursor:pointer;background-color:#00B3DB}.slide__personnalize{display:flex;flex-direction:column}.item__hero{flex:1;margin:0;display:flex;flex-direction:column}.item__hero .hero__image{flex:1;min-height:97px}.item__hero .hero__label{padding:15px;display:flex;background:#2c3b45;justify-content:center;align-items:center}@media (min-width: 768px){.item__hero .hero__label{justify-content:space-between}}.item__content{height:100%}.item__hero .hero__label p{color:white}.item__hero .hero__label p+p{color:#00b3db;max-width:170px}.item__desc{flex:1;margin:0;display:flex;flex-direction:column;background:white;align-items:center;justify-content:center}@media (min-width: 768px){.slide__personnalize{flex-direction:row}.item__desc{flex:1 50%}.item__hero{flex:1 50%}.item__desc{justify-content:space-between}}@media (min-width: 992px){.slide__personnalize{flex-direction:row}.item__desc{flex:1 42%}.item__hero{flex:1 58%}}.slider{position:relative}.arrows{z-index:10;top:calc(50% - 16px);width:100%}.arrow{position:absolute;display:block;height:32px;width:25px}.arrow-left{left:-40px;top:calc(50% - 16px)}.arrow-right{right:-40px;top:calc(50% - 16px)}