@charset "UTF-8";
/* CSS Document */

/* 2 slides */

#image_fader {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 50vw;
    max-height: 625px;
}
#image_fader > .slide {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#image_fader > .slide:nth-child(2) {
    opacity: 0;
    -webkit-animation: fade 10s ease-in 1;
    -moz-animation:    fade 10s ease-in 1;
    -o-animation:      fade 10s ease-in 1;
    animation:         fade 10s ease-in 1;
}
#image_fader > .slide > .label {
    position: absolute;
    width: 100%;
    margin: auto;
    padding: 0 10px;
    display: block;
    bottom: 0;
    background: rgba(255,255,255,0.75)
}
#image_fader > .slide > .label .caption {
    width: 1100px;
    margin: auto;
    display: block;
	line-height: 50px;
}
#image_fader > .image_index {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@-webkit-keyframes fade {
    0% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes fade {
    0% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}
@-o-keyframes fade {
    0% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fade {
    0% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}