.slider-main-section {
    overflow: hidden;
    display: inline-block;
    position: relative;
    width: 100%;
}

.slider-main-bg-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    background-position-x: center;
    min-height: 400px;
}

.slider-page-section {
    width: 100%;
    height: 25vh;
}

.slider-page-bg-image {
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}

/** Slider Main: šipky animace */

.slider-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.slider-left {
    left: 20vw;
}

.slider-right {
    right: 20vw;
}

.slider-left:hover polyline,
.slider-left:focus polyline {
  stroke-width: 3;
}

.slider-left:active polyline {
  stroke-width: 6;
  transition: all 100ms ease-in-out;
}

.slider-right:hover polyline,
.slider-right:focus polyline {
  stroke-width: 3;
}

.slider-right:active polyline {
  stroke-width: 6;
  transition: all 100ms ease-in-out;
}

polyline {
  transition: all 250ms ease-in-out;
}

@media only screen and (max-width: 1024px) {
    .slider-arrow {
        display: none;
    }
    
    .carousel {
      display: none;
    }
}

/** Slider Main: konec */

.slider-description {
  position: relative;
  height: 13%;
  margin-top: -7%;
  background-image: linear-gradient(to bottom, #009ad2, #007ba4);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}

.slider-img {
  width: 100%;
  height: 100%;
}

.carousel .carousel-item {
  width: 460px;
  height: 310px;

}

.slider-description-link {
  background-image: linear-gradient(to bottom, #989898, #757477);
  border-radius: 5px;
  padding: 0.1rem 1rem;
  color: #ffffff;
}

.slider-description-link:hover {
  color: #ffffff;
}

.carousel .indicators {
  bottom: -4%;
}

@media only screen and (max-width: 1024px) {
  .carousel .carousel-item {
    width: 300px;
    height: 200px;
  }
}