/* UPDATED 2018-10-12 14:34:59 */

.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/0edd0eb2e42418feaa57956efd5ab94d.jpg);
  
}

.slider-image li:nth-child(2) span
{
  background-image: url(/assets/files-v2/d5b466f2fb9c28ee38491c22562ef34c.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/d4db48c8f465b41cc52e374aec32e9e8.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 }
}



