/*
html { 
        min-height: 100%; 
        font-family: "Times New Roman", Times, serif; color: white;
        font-size: 1em;
        margin: 0;
        padding: 0;
        height: 100%;
    }

body { height: 100%; margin: 0; padding: 0;}
*/
    .slideshow {
        list-style: none;
        z-index: -2;
        margin: 0;
        padding: 0;;
    }

    .slideshow li span {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      color: transparent;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: none;
      opacity: 0;
      z-index: -1;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-animation: imageAnimation 12s linear infinite 0s;
      -moz-animation: imageAnimation 12s linear infinite 0s;
      animation: imageAnimation 12s linear infinite 0s;
    }

    .no-cssanimations .slideshow li span { opacity: 1; }
    
    @-webkit-keyframes 
    imageAnimation { 0% {
     opacity: 0;
     -webkit-animation-timing-function: ease-in;
    }
     12.5% {
     opacity: 1;
     -webkit-animation-timing-function: ease-out;
    }
     25% {
     opacity: 1;
    }
     37.5% {
     opacity: 0;
    }
     100% {
     opacity: 0;
    }
    }

    @-moz-keyframes 
    imageAnimation { 0% {
     opacity: 0;
     -moz-animation-timing-function: ease-in;
    }
     12.5% {
     opacity: 1;
     -moz-animation-timing-function: ease-out;
    }
     25% {
     opacity: 1;
    }
     37.5% {
     opacity: 0;
    }
     100% {
     opacity: 0;
    }
    }

    @keyframes 
    imageAnimation { 0% {
     opacity: 0;
     -webkit-animation-timing-function: ease-in;
     -moz-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
    }
     12.5% {
     opacity: 1;
     -webkit-animation-timing-function: ease-out;
     -moz-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
    }
     25% {
     opacity: 1;
    }
     37.5% {
     opacity: 0;
    }
     100% {
     opacity: 0;
    }
    }

    @-webkit-keyframes 
    titleAnimation { 0% {
     opacity: 0;
    }
     12.5% {
     opacity: 1;
    }
     25% {
     opacity: 1;
    }
     37.5% {
     opacity: 0;
    }
     100% {
     opacity: 0;
    }
    }

    @-moz-keyframes 
    titleAnimation { 0% {
     opacity: 0;
    }
     12.5% {
     opacity: 1;
    }
     25% {
     opacity: 1;
    }
     37.5% {
     opacity: 0;
    }
     100% {
     opacity: 0;
    }
    }

    @keyframes 
    titleAnimation { 0% {
     opacity: 0;
    }
     12.5% {
     opacity: 1;
    }
     25% {
     opacity: 1;
    }
     37.5% {
     opacity: 0;
    }
     100% {
     opacity: 0;
    }
    }
    
    .slideshow li:nth-child(1) span { background-image: url(bkg/1.jpg);}

    .slideshow li:nth-child(2) span {
      background-image: url(bkg/2.jpg);
      -webkit-animation-delay: 3s;
      -moz-animation-delay: 3s;
      animation-delay: 3s;
    }

    .slideshow li:nth-child(3) span {
      background-image: url(bkg/3.jpg);
      -webkit-animation-delay: 6s;
      -moz-animation-delay: 6s;
      animation-delay: 6s;
    }

    .slideshow li:nth-child(4) span {
      background-image: url(bkg/4.jpg);
      -webkit-animation-delay: 9s;
      -moz-animation-delay: 9s;
      animation-delay: 9s;
    }