/* Interwood Plus - Revolution Slider replacement */

.iwp-slider,
.iwp-slider * {
  box-sizing: border-box;
}

.iwp-slider {
  --iwp-dark: #292e31;
  --iwp-speed: 850ms;

  position: relative;
  width: 100%;
  height: 470px;
  min-height: 470px;
  overflow: hidden;
  background: transparent;
  perspective: 1400px;
  isolation: isolate;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  touch-action: pan-y;
  cursor: grab;
}

.iwp-slider:active {
  cursor: grabbing;
}

.iwp-slider-progress {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: rgba(0, 0, 0, 0.14);
  overflow: hidden;
}

.iwp-slider-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(41, 46, 49, 0.45);
  transform: scaleX(0);
  transform-origin: left center;
}

.iwp-slider.is-running .iwp-slider-progress span {
  animation: iwpProgress 2200ms linear infinite;
}

.iwp-slider-stage {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.iwp-slide {
  position: absolute;
  left: 50%;
  top: 135px;

  width: 570px;
  height: 260px;
  margin-left: -285px;

  opacity: 0;
  pointer-events: none;
  z-index: 1;

  display: flex;
  align-items: flex-start;
  justify-content: center;

  transform: translateX(0) scale(0.4) rotateY(0deg);
  transform-style: preserve-3d;
  transition:
    transform var(--iwp-speed) cubic-bezier(.22, 1, .36, 1),
    opacity var(--iwp-speed) cubic-bezier(.22, 1, .36, 1);

  will-change: transform, opacity;
}

.iwp-slide-card {
  position: relative;
  width: 570px;
  height: 260px;
  transform-style: preserve-3d;
  border-radius: 15px;
  overflow: hidden;
}

.iwp-slide img {
  display: block;
  width: 570px;
  height: 260px;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: 15px;
}

.iwp-slide.is-active {
  z-index: 30;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1) rotateY(0deg);
}

.iwp-slide.is-active img {
  opacity: 1;
  filter: none;
}

.iwp-slide.is-prev {
  z-index: 20;
  opacity: 0.42;
  pointer-events: auto;
  transform: translateX(-360px) scale(0.64) rotateY(58deg);
}

.iwp-slide.is-next {
  z-index: 20;
  opacity: 0.42;
  pointer-events: auto;
  transform: translateX(360px) scale(0.64) rotateY(-58deg);
}

.iwp-slide.is-prev img,
.iwp-slide.is-next img {
  opacity: 0.55;
}

/* Sve ostale slike su sakrivene - ostaju samo 3 vidljive */
.iwp-slide:not(.is-active):not(.is-prev):not(.is-next) {
  opacity: 0;
  pointer-events: none;
  transform: translateX(0) scale(0.35) rotateY(0deg);
}

.iwp-slider-arrow {
  position: absolute;
  z-index: 45;
  top: 50%;

  width: 44px;
  height: 44px;
  padding: 0;

  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--iwp-dark);

  transform: translateY(-50%);
  cursor: pointer;

  font-size: 44px;
  line-height: 38px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;

  opacity: .95;
  transition:
    background-color .25s ease,
    color .25s ease,
    opacity .25s ease;
}

.iwp-slider-arrow:hover,
.iwp-slider-arrow:focus-visible {
  background: transparent;
  color: var(--iwp-dark);
  opacity: .65;
}

.iwp-slider-arrow-prev {
  left: 36px;
}

.iwp-slider-arrow-next {
  right: 36px;
}

/* Hand scroll */
.iwp-hand-scroll {
  position: absolute;
  z-index: 40;
  left: 50%;
  bottom: 62px;

  width: 96px;
  height: 34px;
  margin-left: -48px;

  pointer-events: none;
  opacity: .85;
}

.iwp-hand-scroll::before {
  content: "☝";
  position: absolute;
  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%) rotate(90deg);
  font-size: 28px;
  line-height: 1;
  color: var(--iwp-dark);

  animation: iwpHandMove 1.45s ease-in-out infinite;
}

.iwp-hand-scroll::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;

  height: 1px;
  background: rgba(41, 46, 49, .45);
}

@keyframes iwpProgress {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes iwpHandMove {
  0% {
    transform: translate(-30px, -50%) rotate(90deg);
    opacity: .2;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: translate(0, -50%) rotate(90deg);
    opacity: 1;
  }

  100% {
    transform: translate(30px, -50%) rotate(90deg);
    opacity: .2;
  }
}

@media (max-width: 1200px) {
  .iwp-slide {
    top: 132px;
    width: 520px;
    height: 238px;
    margin-left: -260px;
  }

  .iwp-slide-card {
    width: 520px;
    height: 238px;
  }

  .iwp-slide img {
    width: 520px;
    height: 238px;
  }

  .iwp-slide.is-prev {
    transform: translateX(-310px) scale(0.64) rotateY(58deg);
  }

  .iwp-slide.is-next {
    transform: translateX(310px) scale(0.64) rotateY(-58deg);
  }
}

@media (max-width: 959px) {
  .iwp-slider {
    height: 430px;
    min-height: 430px;
  }

  .iwp-slide {
    top: 115px;
    width: 460px;
    height: 220px;
    margin-left: -230px;
  }

  .iwp-slide-card {
    width: 460px;
    height: 220px;
  }

  .iwp-slide img {
    width: 460px;
    height: 220px;
  }

  .iwp-slide.is-prev {
    opacity: .5;
    transform: translateX(-230px) scale(0.58) rotateY(50deg);
  }

  .iwp-slide.is-next {
    opacity: .5;
    transform: translateX(230px) scale(0.58) rotateY(-50deg);
  }

  .iwp-hand-scroll {
    bottom: 54px;
  }
}

@media (max-width: 640px) {
  .iwp-slider {
    height: 390px;
    min-height: 390px;
  }

  .iwp-slide {
    top: 110px;
    width: 340px;
    height: 190px;
    margin-left: -170px;
  }

  .iwp-slide-card {
    width: 340px;
    height: 190px;
  }

  .iwp-slide img {
    width: 340px;
    height: 190px;
  }

  .iwp-slide.is-active {
    transform: translateX(0) scale(1) rotateY(0deg);
  }

  .iwp-slide.is-prev {
    opacity: .36;
    transform: translateX(-132px) scale(.55) rotateY(46deg);
  }

  .iwp-slide.is-next {
    opacity: .36;
    transform: translateX(132px) scale(.55) rotateY(-46deg);
  }

  .iwp-slider-arrow {
    width: 38px;
    height: 38px;
    font-size: 38px;
    line-height: 32px;
  }

  .iwp-slider-arrow-prev {
    left: 8px;
  }

  .iwp-slider-arrow-next {
    right: 8px;
  }

  .iwp-hand-scroll {
    bottom: 45px;
  }

  .iwp-hand-scroll::before {
    font-size: 26px;
  }
}

@media (max-width: 420px) {
  .iwp-slider {
    height: 365px;
    min-height: 365px;
  }

  .iwp-slide {
    top: 105px;
    width: 300px;
    height: 170px;
    margin-left: -150px;
  }

  .iwp-slide-card {
    width: 300px;
    height: 170px;
  }

  .iwp-slide img {
    width: 300px;
    height: 170px;
  }

  .iwp-slide.is-prev {
    transform: translateX(-108px) scale(.55) rotateY(46deg);
  }

  .iwp-slide.is-next {
    transform: translateX(108px) scale(.55) rotateY(-46deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .iwp-slider-progress span,
  .iwp-slider.is-running .iwp-slider-progress span,
  .iwp-hand-scroll::before {
    animation: none;
  }

  .iwp-slide,
  .iwp-slider-arrow {
    transition-duration: 1ms !important;
  }
}