@import "slick.css";
@import "slick-theme.css";
@import "style-dynamic.css";



.tsum-slider .slick-prev {
   /* left: 25px;*/
   left: 25px;
  z-index: 9;
/*  position:absolute;
  top:50%;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50);
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  content: '';*/
}

.tsum-slider .slick-next {
    right: 25px;
    z-index: 9;
/*      z-index: 9;
  position:absolute;
  top:50%;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50);
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  content: '';*/
}

.tsum-slider .slick-dots {
  bottom: 20px;
}


.tsum-slider {
  position: relative;
  line-height: 0;
  margin-bottom: 0 !important;
  text-align: center;
}


.slider-item {
  /*height: 70vh;*/
 background-size: cover;
  background-position: top;
  position: relative;  
}

.slider-item-container {
	width: 100%;
	height: 100%;
	position: relative;

}
.slider-item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  line-height: 1;
}


.slider-item-content-title {
  font-size: 3rem;
  font-weight: 300;
  position: relative;
}


.slider-item-content-intro {
  font-size: 2rem;
  font-weight: 300;
  position: relative;
}

.slider-item-content-button {
  font-size: 2rem;
  font-weight: 300;
  margin-top: 0.5em !important;
  position: relative;
}

@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
} 

@keyframes fadeOutRight {
   0% {
      opacity: 1;
      transform: translateX(0);
   }
   100% {
      opacity: 0;
      transform: translateX(20px);
   }
} 

.slider-item-content-title,
.slider-item-content-intro,
.slider-item-content-button {
  animation:fadeOutRight 1s both;

}

.slick-active .slider-item-content-title,
.slick-active .slider-item-content-intro,
.slick-active .slider-item-content-button {
animation:fadeInDown 1s both 1s;
}


@media (max-width: 340px) {
	.slider-item-content-title {
		font-size: 2.5rem;
	}
	.slider-item-content-intro {
		font-size: 1.5rem;
	}
	.slider-item-content-button	{

	}
}