.hovereffect {float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.3);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;width:100%;height:100%;}
.hovereffect h2 {line-height: 0.5em;color:#fff;text-align:center;width: 100%;position:absolute;background:rgba(0,0,0,0.3);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;}
.hovereffect p {margin: 10px 0 20px;font-size: 14px;line-height: 1.1em; height: 50em;}
.hovereffect a.info {text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:rgba(0,0,0,0.3);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;margin: 0 auto;padding:7px 14px;position:relative;}
.hovereffect a.info:hover {box-shadow:0 0 5px #fff;}
.hovereffect:hover img {-webkit-filter: blur(2px);filter: blur(2px);transition: 1s ease;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect:hover a.info {-webkit-transition-delay:.2s;transition-delay:.2s;}
.slideshow {list-style: none;z-index: 1;}
.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: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-animation: imageAnimation 24s linear infinite 0s;-moz-animation: imageAnimation 24s linear infinite 0s;animation: imageAnimation 24s linear infinite 0s;}
.slideshow li h3 {position: absolute;text-align: left;z-index: 2;left: 0;right: 0;font-size: 2em;color: #fff;}
@media only screen and (min-width: 768px) {.slideshow li h3 {font-size: 2em;}}
@media only screen and (min-width: 1024px) {.slideshow li h3 { font-size: 2em; }}
.slideshow li:nth-child(1) span { background-image: url(../img/001.jpg); }
.slideshow li:nth-child(2) span {background-image: url(../img/002.jpg);-webkit-animation-delay: 6s;-moz-animation-delay: 6s;animation-delay: 6s;}
.slideshow li:nth-child(3) span {background-image: url(../img/003.jpg);-webkit-animation-delay: 12s;-moz-animation-delay: 12s;animation-delay: 12s;}
.slideshow li:nth-child(4) span {background-image: url(../img/004.jpg);-webkit-animation-delay: 18s;-moz-animation-delay: 18s;animation-delay: 18s;}
@-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;}}