#slideshow-controller {
  position: absolute;
  bottom: 10px;
  left: 45%;
}

#slideshow-banner ul { position: relative; }

#slideshow-banner ul .slideshow-item { position: absolute }

#controller-left {
  position: absolute;
  left: 2%;
  top: 45%;
  cursor: pointer;
}

#controller-right {
  position: absolute;
  right: 2%;
  top: 45%;
  cursor: pointer;
}

.controller-item {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #f00;
  margin-right: 10px;
  border-radius: 10px;
  opacity: 0.5;
  cursor: pointer;
}

.controller-item-hover {
  opacity: 1;
  background: #ccc;
  transform: rotateX(360deg);
  transition: transform 2s;
}

.slideshow-transform {
  transform: scale(1.5, 1.5);
  transition: transform 25s;
}

.slideshow-transform-in {
  transform: scale(1.5, 1.5) !important;
  transition: transform 25s;
}

.slideshow-transform-out {
  transform: scale(1, 1) !important;
  transition: transform 25s;
}

.slideshow-item:nth-child(even) {
    transform: scale(1.5, 1.5);
}


/** { margin:0; padding:0; }*/
div#slideshow-banner {
  height:100vh;
  width:100%;
  overflow:hidden;
  position:relative;  }
div#slideshow-banner ul {
  width:100%; height:100%;
}
div#slideshow-banner ul li {
  list-style-type:none;
}
.slideshow-item{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;

}
.slideshow-item img {
  display:block;
  width:100%; height:100%;
  object-fit: cover;


}

#slideshow-controller{
  display: none;
}

div#slideshow-banner{
  background-repeat:no-repeat !important;
  background-size:cover !important;
}

div#slideshow-banner ul{
  margin: 0;
}

div#slideshow-banner ul li{
	display:none;
}

div#slideshow-banner ul li:first-child{
	display:list-item;
}