/* UPDATED 2018-10-15 18:26:31 */

.slider-wrap
{
  height: 400px;
}

.slider-copy-wrap
{
  display: none;
  height: 400px;
}

.slider-copy
{
  width: 200px;
  height: 200px;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
}

/* animation */
/* general */
.slider-image li span
{
  height: 400px;
  
  -webkit-animation: fadeAnimate 10000ms linear 0s infinite;
  -moz-animation: fadeAnimate 10000ms linear 0s infinite;
  -o-animation: fadeAnimate 10000ms linear 0s infinite;
  -ms-animation: fadeAnimate 10000ms linear 0s infinite;
  animation: fadeAnimate 10000ms linear 0s infinite;
}

/* remaining images */

.slider-image li:nth-child(1) span
{
  background-image: url(/assets/files-v2/3ec123091e234681714a2af172d2bd98.jpg);
  
}

.slider-image li:nth-child(2) span
{
  background-image: url(/assets/files-v2/f205210bb6f500549506654b0dc79591.jpg);
  
  -webkit-animation-delay: 5000ms;
  -moz-animation-delay: 5000ms;
  -o-animation-delay: 5000ms;
  -ms-animation-delay: 5000ms;
  animation-delay: 5000ms;
}


/* keyframes */

@-webkit-keyframes fadeAnimate
{
  0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
  4% { opacity: 1; -webkit-animation-timing-function: ease-out; }
  50% { opacity: 1 }
  54% { opacity: 0 }
  100% { opacity: 0 }
}

@-moz-keyframes fadeAnimate
{
  0% { opacity: 0; -moz-animation-timing-function: ease-in; }
  4% { opacity: 1; -moz-animation-timing-function: ease-out; }
  50% { opacity: 1 }
  54% { opacity: 0 }
  100% { opacity: 0 }
}

@-o-keyframes fadeAnimate
{
  0% { opacity: 0; -o-animation-timing-function: ease-in; }
  4% { opacity: 1; -o-animation-timing-function: ease-out; }
  50% { opacity: 1 }
  54% { opacity: 0 }
  100% { opacity: 0 }
}

@-ms-keyframes fadeAnimate
{
  0% { opacity: 0; -ms-animation-timing-function: ease-in; }
  4% { opacity: 1; -ms-animation-timing-function: ease-out; }
  50% { opacity: 1 }
  54% { opacity: 0 }
  100% { opacity: 0 }
}

@keyframes fadeAnimate
{
  0% { opacity: 0; animation-timing-function: ease-in; }
  4% { opacity: 1; animation-timing-function: ease-out; }
  50% { opacity: 1 }
  54% { opacity: 0 }
  100% { opacity: 0 }
}



