/* UPDATED 2017-08-03 09:20:33 */

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

/* remaining images */

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

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

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


/* keyframes */

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

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

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

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

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