@import url("animation.css") screen; .content h1{font-size:48px;color:#000;text-shadow:0 1px 1px #f4f4f4;text-align:center;padding:60px 0 30px}
 .container{margin:0 auto}
 #content-slider{width:100%;height:100%;margin:0 auto 0}
 #slider{height:auto;width:100%;margin:0;overflow:visible;position:relative}
#mask{overflow:initial;height:100%;}
#mask img{width:100%}
#slider ul{margin:0;padding:0;position:relative}
#slider li{width:100%;height:auto;position:absolute;top:-325px;list-style:none}
#slider li.firstanimation{-moz-animation:cycle 25s linear infinite;-webkit-animation:cycle 25s linear infinite}
#slider li.secondanimation{-moz-animation:cycletwo 25s linear infinite;-webkit-animation:cycletwo 25s linear infinite}
#slider li.thirdanimation{-moz-animation:cyclethree 25s linear infinite;-webkit-animation:cyclethree 25s linear infinite}
#slider li.fourthanimation{-moz-animation:cyclefour 25s linear infinite;-webkit-animation:cyclefour 25s linear infinite}
#slider li.fifthanimation{-moz-animation:cyclefive 25s linear infinite;-webkit-animation:cyclefive 25s linear infinite}
#slider li.sixanimation{-moz-animation:cyclefive 25s linear infinite;-webkit-animation:cyclefive 25s linear infinite}
#slider .tooltip{background:rgba(0,0,0,0.7);width:300px;height:60px;position:relative;bottom:75px;left:-320px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#slider .tooltip h1{color:#fff;font-size:24px;font-weight:300;line-height:60px;padding:0 0 0 20px}
#slider li#first:hover .tooltip,#slider li#second:hover .tooltip,#slider li#third:hover .tooltip,#slider li#fourth:hover .tooltip,#slider li#fifth:hover .tooltip{left:0}
#slider:hover li,#slider:hover .progress-bar{-moz-animation-play-state:paused;-webkit-animation-play-state:paused}
 .progress-bar{position:relative;top:-5px;width:680px;height:5px;background:#000;-moz-animation:fullexpand 25s ease-out infinite;-webkit-animation:fullexpand 25s ease-out infinite}