/* UPDATED 2018-11-20 15:19:37 */

.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 15000ms linear 0s infinite;
  -moz-animation: fadeAnimate 15000ms linear 0s infinite;
  -o-animation: fadeAnimate 15000ms linear 0s infinite;
  -ms-animation: fadeAnimate 15000ms linear 0s infinite;
  animation: fadeAnimate 15000ms linear 0s infinite;
}

/* remaining images */

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

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

.slider-image li:nth-child(3) span
{
  background-image: url(/assets/files-v2/8afd3f9134530005fde9a91f431ad434.jpg);
  
  -webkit-animation-delay: 10000ms;
  -moz-animation-delay: 10000ms;
  -o-animation-delay: 10000ms;
  -ms-animation-delay: 10000ms;
  animation-delay: 10000ms;
}


/* keyframes */

@-webkit-keyframes fadeAnimate
{
  0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
  4% { opacity: 1; -webkit-animation-timing-function: ease-out; }
  33% { opacity: 1 }
  37% { 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; }
  33% { opacity: 1 }
  37% { 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; }
  33% { opacity: 1 }
  37% { 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; }
  33% { opacity: 1 }
  37% { opacity: 0 }
  100% { opacity: 0 }
}

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