.slider-holder {
  vertical-align:top;
  color:black;
  /* width:514px; */
  width: 590px;
  height:310px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px;
  text-align: left;
  overflow: hidden;
  border:1px solid #454545;
}

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

.image-holder {
  background-color:ivory;
  height: 310px; 
  /*width:2056px; */
  width: 590px;
  clear: both;
  position: relative;
}

.slider-image{ 
    margin: 0px;
    padding: 0px 224px 0px 0px;
    position: relative;
    top:0px;
    left:0px;
    width: 289px;
    height:310px;
    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; */
  width: 590px;
  height:310px;
  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:310px;
    width: 220px;
    display:inline-block;
    font-size:115%;
}

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

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

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

.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;}
*/