.ui-card-slider {
  position: relative;
  width: 100%;
  min-height: 350px;
}

.ui-card-slider .slide {
  display: block;
  position: absolute;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  opacity: .8;-webkit-transform: translateY(-50%) scale(.8);-ms-transform: translateY(-50%) scale(.8);transform: translateY(-50%) scale(.8);
  width: 80%;
  height: 100%;
  display: none;
}

.ui-card-slider .slide::before{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'themify';
  height: 80px;
  width: 80px;
  font-size: 20px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  background: transparent;
  z-index: 33;
  color: #fdfdfd;
  border: 1px solid #fdfdfd;
  cursor: pointer;
}

.ui-card-slider .center-slide {
  z-index: 30;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);-ms-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);
  left: 5%;
  width: 90%;
  height: 100%;
  opacity: 1;
  display: block;
}

.ui-card-slider .left-slide {
  z-index: 20;
  top: 50%;
  left: -8%;
  display: block;
}

.ui-card-slider .left-slide::before{
  left: -40%;
  content: "\e64a";
}

.ui-card-slider .right-slide {
  z-index: 20;
  top: 50%;
  left: 28%;
  display: block;
}

.ui-card-slider .right-slide::before{
  right: -40%;
  content: "\e649";
}

.ui-card-slider .left-hidden-slide {
  z-index: 10;
  top: 50%;
  left: -100%;
}

.ui-card-slider .right-hidden-slide {
  z-index: 10;
  top: 50%;
  left: 100%;
}