.slider-holder
        {
vertical-align:top;
color:black;

            width:514px;
            height:315px;
            margin-left: auto;
            margin-right: auto;
            margin-top: -3px;
            text-align: left;
            overflow: hidden;
border:1px solid #000;
        }

.slider-holder > span {
display:none;
}

        .image-holder
        {
       background-color:ivory;
            height: 315px; 
/*            width:2056px; */
width: 514px;
            clear: both;
            position: relative;
        }
  
        .slider-image
        { 
            margin: 0px;
            padding: 0px 224px 0px 0px;
            position: relative;
            top:0px;
            left:0px;
            width: 289px;
            height:315px;
            display:inline-block;
        }
       
/*        #slider-image-1:target ~ .image-holder
        {
            left: 0px;
        }
       
        #slider-image-2:target ~ .image-holder
        {
            left: -514px;
        }
       
        #slider-image-3:target ~ .image-holder
        {
            left: -1028px;
        }
       
        #slider-image-4:target ~ .image-holder
        {
            left: -1542px;
        }
*/       
        .button-holder
        {
            text-align:center;
            width:520px;
            background: rgba(64, 104, 128, 0.85);
            padding: 6px 0px;
            position: absolute;
            bottom:6px;
            left:1px;

            border-bottom: 1px solid #000;
        }
       
        .slider-change
        {
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 4px;
            box-shadow:0px 1px 2px rgba(0,0,0,0.7);
            margin: 0px 7px;
            padding: 0px 8px;
            background-color: rgba(204,204,204,0.7);
            animation:buttoncolor;
            animation-duration: 0s;
/*            animation-timing-function:ease-out; */
            animation-iteration-count: infinite;
        }

.slider-change:hover {
      background-color: rgba(255,255,255,0.8);
}


.slide {
/*  display:inline-block; */
  width: 514px;
  height:315px;
  position:absolute;
  top:0px;
  left:0px;
  vertical-align:top;
  background-color:ivory;  
  opacity: 0; 
  animation-name: chgslide;
  animation-duration: 32s;
  animation-timing-function: ease-in-out; 
  animation-fill-mode:backwards;
  animation-iteration-count: infinite; 
}

.image-holder > div.slide:nth-child(1) {
  opacity: 1;
}

.slide_text {
visibility:visible;
            margin: 0px;
            padding: 0px 224px 0px 0px;
            position: relative;
            top:-305px;
            left:295px;
            width: 220px;
            display:inline-block;
font-size:115%;
}

.slide_text > h4 {
  color:#006;
  font-size: 120%;
  position:relative;
  line-height:125%;
  top:0px;
  left:0px;
  width:210px;
  z-index:500;
word-wrap:break-word;
}

.slide_desc {
  display:inline-block;
  color:#666;
  line-height:125%;
/*  bottom: 150px; */
/*  left:300px; */
top:-100%;
  width:210px;
}

.slide_count {
  color: rgba(255,0,0,1);
  font-weight:900;
  position:absolute;
  bottom: 5px;
  left:500px;
}

.slide_link a {
color:#666;
position:absolute;
line-height:125%;
left:3px;
width:220px;
padding-top:1em;
text-decoration:underline;
}

@keyframes chgslide {
    0% {opacity: 0; z-index:-3000;}
    1.79% {opacity: 1; z-index:3000;}
    3.57% {opacity: 1; z-index:3000;}
    21.42% {opacity: 1; z-index:3000;}
    23.21% {opacity: 1; z-index:3000;}
    25% {opacity: 0; z-index:-3000;}
    100% {opacity: 1; z-index:-3000;}
}

.image-holder > div.slide:nth-child(1) { animation-delay: 0s; }
.image-holder > div.slide:nth-child(2) { animation-delay: 8s; }
.image-holder > div.slide:nth-child(3) { animation-delay: 16s; }
.image-holder > div.slide:nth-child(4) { animation-delay: 24s; }



/*
@keyframes buttoncolor {
    0% {background-color: rgba(204,204,204,0.7);}
    3.57% {background-color:ivory;}
    25% {background-color:ivory;}
    36% {background-color: rgba(204,204,204,0.7);}
    100% {background-color: rgba(204,204,204,0.7);}
}
*/

/*     
.button-holder > .slider-change:nth-child(1) { animation-delay: 0s;}
.button-holder > .slider-change:nth-child(2) { animation-delay: 6s;}
.button-holder > .slider-change:nth-child(3) { animation-delay: 12s;}
.button-holder > .slider-change:nth-child(4) { animation-delay: 18s;}
*/