.slider .carousel-item {
    background-position: center center;
    background-repeat: no-repeat;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0,-100%, 0);
    transform: translate3d(0,-100%, 0);
}

.slider .carousel-indicators {
    cursor: pointer;
}

.claim_shining {
  background: linear-gradient(90deg, transparent, #fff, transparent);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 8s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

div.stin {
    background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 88%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 88%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 88%);
width: 100%;
height: 100%;
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

.claim_animated {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

.claim_animated:first-of-type {   
  animation: showup 7s;
}

.claim_animated:last-of-type {
  animation: reveal 7s;
}

.claim_animated:last-of-type span {
  margin-left:-355px;
  animation: slidein 7s;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:600px;}
    80% {opacity:1;}
    100% {opacity:0;width:600px;}
}