/*SLIDER-2*/
.slider-container-sl {
  position: relative;
  overflow: hidden;
}
@media all and (min-width:79em) {		
.slider-container-sl {
  width: 72em;
  max-width: 90vw;
  padding-bottom: 19em;
  height: 37.6vw;
  max-height: 29em;
}}

@media all and (max-width:79em) and (min-width:59em){		
.slider-container-sl {
  width: 72em;
  max-width: 90vw;
  padding-bottom: 26em;
  height: 37.6vw;
  max-height: 29em;
}}

@media all and (max-width:59em) and (min-width:37em){		
.slider-container-sl {
  width: 70em;
  max-width: 90vw;
  padding-bottom: 33.5em;
  height: 37.6vw;
}}

@media all and (max-width:37em) {		
.slider-container-sl {
  max-width: 90vw;
  padding-bottom: 92vw;
  height: 37.6vw;
}}

.menu-sl {
  position: absolute;
  left: 0;
  z-index: 111;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.menu-sl label {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: 0;
  margin: 0 0.2em 1em;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2)
}

.menu-sl img {
  width: 17em;
  max-width: 42vw;
}

.menu-sl label:hover,.menu label:focus {
  background: #FFFFFF;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4)
}
.slide-input{
  opacity: 0;

}
.slide-img {
  width: 99.8%;
  max-width:90em;
  height: auto;
  position: absolute;
  top: 0.1em;
  left: 100%;
  z-index: 50;
  transition: left 0s 0.75s;
  box-shadow: 1px 1px 2px 1px #AFAFAF
}
[id^="slide"]:checked + .slide-img {
  left: 0;
  z-index: 100;
  transition: left 0.65s ease-out;}