@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.slideshow {  position: absolute;  z-index: 1;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  overflow: hidden;}
.slideshow .slider {  width: 100vw;  height: 100vw;  z-index: 2;}
.slideshow .slider * {  outline: none;}
.slideshow .slider .item {  height: 100vh;  width: 100vw;  position: relative;  overflow: hidden;  border: none;}
.slideshow .slider .item .text {  display: none;}
.slideshow .slider .item img {  min-width: 101%;  min-height: 101%;  position: absolute;  top: 50%;  left: 50%;
  transform: translate(-50%, -50%);}
.slideshow .slick-dots {  position: fixed;  z-index: 100;  width: 40px;  height: auto;  bottom: auto;  top: 50%;
  right: 0;  transform: translateY(-50%);  left: auto;  color: #fff;  display: block;}
.slideshow .slick-dots li {  display: block;  width: 100%;  height: auto;}
.slideshow .slick-dots li button {  position: relative;  width: 20px;  height: 15px;  text-align: center;}
.slideshow .slick-dots li button:before {  content: "";  background: #fff;  color: #fff;  height: 2px;  width: 20px;
  border-radius: 0;  position: absolute;  top: 50%;  right: 0;  left: auto;  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;  opacity: 0.6;}
.slideshow .slick-dots li.slick-active button:before {  width: 40px;  opacity: 1;}
.slideshow.slideshow-right {  left: 0;  z-index: 1;  width: 50vw;  pointer-events: none;}
.slideshow.slideshow-right .slider {  left: 0;  position: absolute;}

/*text*/
.slideshow-text span{display:block; color:#fff; border:1px solid rgba(255,255,255,0.5);
border-radius:1px; font-weight:300; text-align:center; margin:40px auto 0 auto; letter-spacing: 1px;
 background:rgba(255,255,255,0); z-index: 999999;  width:150px;  }
.slideshow-text span a {display:block;  padding:10px 0 10px 0px; font-size:14px; line-height:20px; 
pointer-events: auto  !important; transition:all 0.3s }
.slideshow-text span a:hover {color:#fff;  background:rgba(255,255,255,0.2); transition:all 0.3s}
.slideshow-text {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 100;
  font-size: 90px;  width: 100vw; text-align: center;  color: #fff;  font-family: "Roboto Condensed", sans-serif;
  font-weight: 100;  pointer-events: none;  text-transform: uppercase;  letter-spacing: 20px;  line-height: 0.8;}
.slick-vertical .slick-slide {padding:20px 0;}

.the-most {  position: fixed;  z-index: 1;  bottom: 30px;  left: 30px;  width: auto;  color:rgba(255,255,255,0.8);  
padding: 10px; font-size:13px; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.the-most {   bottom: 25px;  left: 0px;  width: 100%;  color:rgba(255,255,255,0.8);  
padding: 0px; font-size:13px; text-align:center }	

}
@media (max-width: 768px) {	
  .slideshow-text { font-size: 45px; letter-spacing: 10px;  }	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}