.ui-card-slider {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden; }
  .ui-card-slider .slide {
    display: block;
    -webkit-user-select: none;
    position: absolute;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    -webkit-transition-property: all;
    overflow: hidden; }
    .ui-card-slider .slide img {
      width: 100%;
      height: 100%; }
  .ui-card-slider .center-slide {
    -webkit-user-select: none;
    z-index: 30;
    bottom: 12px;
    left: 30.1%;
    width: 40%;
    height: auto; }
  .ui-card-slider .left-slide {
    -webkit-user-select: none;
    z-index: 20;
    bottom: 30px;
    left: 0;
    width: 30%;
    height: auto; }
  .ui-card-slider .right-slide {
    -webkit-user-select: none;
    z-index: 20;
    bottom: 30px;
    right:0;
    width: 30%;
    height: auto;}
  .ui-card-slider .left-hidden-slide {
    z-index: 10;
    bottom: 30px;
    left: -160px;
     width: 30%;
    height: auto; }
  .ui-card-slider .right-hidden-slide {
    z-index: 10;
    bottom: 30px;
    left: 360px;
     width: 30%;
    height: auto;}
  .ui-card-slider .hidden-slide {
    visibility: hidden;
    display: none; }

.left-hidden-slide, .right-hidden-slide{
	opacity:0;
	 transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    -webkit-transition-property: all;
}
.left-hidden-slide .title-slider{
	display:none
	
}
.right-hidden-slide .title-slider{
	display:none
}
.ui-card-slider .slide img{
	border:2px solid #e5eded;
	margin: 10px;
	width:97%!important;
}