/* UPDATED 2018-05-10 10:53:22 */

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

/* remaining images */

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

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

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


/* keyframes */

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

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

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

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

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