* {
  outline: none;
  box-sizing: border-box;
}



.slick-track {
  will-change: transform;
}

.slick-list {
  overflow: visible;
  will-change: transform;
}



@media only screen and (min-width: 480px) {

  .slick-slide {
  padding: 0 100px;
  width: 100vw;
  }

}

@media only screen and (max-width: 479px) {
  
  .slick-slide {
  padding: 0 0px;
  width: 100vw;
  }

}


.slick-slide img {
  max-width: 100%;
  margin: 0 auto;
}


@media only screen and (max-width: 479px) {
[type=button] {
  border-radius: 20px;
  display: none !important;
  outline: none !important;
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 0;
  text-indent: -9999px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.25s ease;
}
}

@media only screen and (min-width: 480px) {
  [type=button] {
    border-radius: 20px;
    outline: none !important;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 0;
    text-indent: -9999px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.25s ease;
  }
  }



[type=button]:hover {
  transform: scale(0.9);
  outline: none !important;
    background-color: transparent;
}
[type=button].slick-next {
  outline: none !important;
  right: 20px;
  background-image: url(../images/slider-right.svg);
}
[type=button].slick-next:hover {
  outline: none !important;
  right: 20px;
}
[type=button].slick-prev {
  outline: none !important;
  left: 20px;
  background-image: url(../images/slider-left.svg);
}
[type=button].slick-prev:hover {
  outline: none !important;
  left: 20px;
}

@-webkit-keyframes motion-blur {
  0% {
    filter: url(#blur0);
    transform: scale(1,);
  }
  15% {
    filter: url(#blur1);
    transform: scale(1,);
  }
  30% {
    filter: url(#blur2);
    transform: scale(1,);
  }
  45% {
    filter: url(#blur3);
    transform: scale(1);
  }
  60% {
    filter: url(#blur4);
    transform: scale(1);
  }
  75%, 100% {
    filter: url(#blur5);
    transform: scale(1);
  }
}

@keyframes motion-blur {
  0% {
    filter: url(#blur0);
    transform: scale(1, );
  }
  15% {
    filter: url(#blur1);
    transform: scale(1, );
  }
  30% {
    filter: url(#blur2);
    transform: scale(1, );
  }
  45% {
    filter: url(#blur3);
    transform: scale(1);
  }
  60% {
    filter: url(#blur4);
    transform: scale(1);
  }
  75%, 100% {
    filter: url(#blur5);
    transform: scale(1);
  }
}
.do-transition {
  animation: motion-blur 0.1s linear forwards, motion-blur 0.4s linear reverse forwards 0.1s;
}