/* ANIMATION */@-moz-keyframes cycle {	0%  { top:0px; }	4%  { top:0px; } 	16% { top:0px; opacity:1; z-index:0; } 	20% { top:325px; opacity:0; z-index:0; } 	21% { top:-325px; opacity:0; z-index:-1; }	92% { top:-325px; opacity:0; z-index:0; }	96% { top:-325px; opacity:0; }	100%{ top:0px; opacity:1; }	}@-moz-keyframes cycletwo {	0%  { top:-325px; opacity:0; }	16% { top:-325px; opacity:0; }	20% { top:0px; opacity:1; }	24% { top:0px; opacity:1; } 	36% { top:0px; opacity:1; z-index:0; } 	40% { top:325px; opacity:0; z-index:0; }	41% { top:-325px; opacity:0; z-index:-1; } 	100%{ top:-325px; opacity:0; z-index:-1; }}@-moz-keyframes cyclethree {	0%  { top:-325px; opacity:0; }	36% { top:-325px; opacity:0; }	40% { top:0px; opacity:1; }	44% { top:0px; opacity:1; } 	56% { top:0px; opacity:1; } 	60% { top:325px; opacity:0; z-index:0; }	61% { top:-325px; opacity:0; z-index:-1; } 	100%{ top:-325px; opacity:0; z-index:-1; }}@-moz-keyframes cyclefour {	0%  { top:-325px; opacity:0; }	56% { top:-325px; opacity:0; }	60% { top:0px; opacity:1; }	64% { top:0px; opacity:1; }	76% { top:0px; opacity:1; z-index:0; }	80% { top:325px; opacity:0; z-index:0; }	81% { top:-325px; opacity:0; z-index:-1; }	100%{ top:-325px; opacity:0; z-index:-1; }}@-moz-keyframes cyclefive {	0%  { top:-325px; opacity:0; }	76% { top:-325px; opacity:0; }	80% { top:0px; opacity:1; }	84% { top:0px; opacity:1; }	96% { top:0px; opacity:1; z-index:0; }	100%{ top:325px; opacity:0; z-index:0; }}@keyframes cycle {	0%  { top:0px; }	4%  { top:0px; } 	16% { top:0px; opacity:1; z-index:0; } 	20% { top:325px; opacity:0; z-index:0; } 	21% { top:-325px; opacity:0; z-index:-1; }	92% { top:-325px; opacity:0; z-index:0; }	96% { top:-325px; opacity:0; }	100%{ top:0px; opacity:1; }	}@keyframes cycletwo {	0%  { top:-325px; opacity:0; }	16% { top:-325px; opacity:0; }	20% { top:0px; opacity:1; }	24% { top:0px; opacity:1; } 	36% { top:0px; opacity:1; z-index:0; } 	40% { top:325px; opacity:0; z-index:0; }	41% { top:-325px; opacity:0; z-index:-1; } 	100%{ top:-325px; opacity:0; z-index:-1; }}@keyframes cyclethree {	0%  { top:-325px; opacity:0; }	36% { top:-325px; opacity:0; }	40% { top:0px; opacity:1; }	44% { top:0px; opacity:1; } 	56% { top:0px; opacity:1; } 	60% { top:325px; opacity:0; z-index:0; }	61% { top:-325px; opacity:0; z-index:-1; } 	100%{ top:-325px; opacity:0; z-index:-1; }}@keyframes cyclefour {	0%  { top:-325px; opacity:0; }	56% { top:-325px; opacity:0; }	60% { top:0px; opacity:1; }	64% { top:0px; opacity:1; }	76% { top:0px; opacity:1; z-index:0; }	80% { top:325px; opacity:0; z-index:0; }	81% { top:-325px; opacity:0; z-index:-1; }	100%{ top:-325px; opacity:0; z-index:-1; }}@keyframes cyclefive {	0%  { top:-325px; opacity:0; }	76% { top:-325px; opacity:0; }	80% { top:0px; opacity:1; }	84% { top:0px; opacity:1; }	96% { top:0px; opacity:1; z-index:0; }	100%{ top:325px; opacity:0; z-index:0; }}@-webkit-keyframes cycle {	0%  { top:0px; }	4%  { top:0px; }	16% { top:0px; opacity:1; z-index:0; } 	20% { top:325px; opacity:0; z-index:0; }	21% { top:-325px; opacity:0; z-index:-1; }	50% { top:-325px; opacity:0; z-index:-1; }	92% { top:-325px; opacity:0; z-index:0; }	96% { top:-325px; opacity:0; }	100%{ top:0px; opacity:1; }	}@-webkit-keyframes cycletwo {	0%  { top:-325px; opacity:0; }	16% { top:-325px; opacity:0; }	20% { top:0px; opacity:1; }	24% { top:0px; opacity:1; } 	36% { top:0px; opacity:1; z-index:0; } 	40% { top:325px; opacity:0; z-index:0; }	41% { top:-325px; opacity:0; z-index:-1; }  	100%{ top:-325px; opacity:0; z-index:-1; }}@-webkit-keyframes cyclethree {	0%  { top:-325px; opacity:0; }	36% { top:-325px; opacity:0; }	40% { top:0px; opacity:1; }	44% { top:0px; opacity:1; } 	56% { top:0px; opacity:1; z-index:0; } 	60% { top:325px; opacity:0; z-index:0; } 	61% { top:-325px; opacity:0; z-index:-1; }	100%{ top:-325px; opacity:0; z-index:-1; }}@-webkit-keyframes cyclefour {	0%  { top:-325px; opacity:0; }	56% { top:-325px; opacity:0; }	60% { top:0px; opacity:1; }	64% { top:0px; opacity:1; }	76% { top:0px; opacity:1; z-index:0; }	80% { top:325px; opacity:0; z-index:0; }	81% { top:-325px; opacity:0; z-index:-1; }	100%{ top:-325px; opacity:0; z-index:-1; }}@-webkit-keyframes cyclefive {	0%  { top:-325px; opacity:0; }	76% { top:-325px; opacity:0; }	80% { top:0px; opacity:1; }	84% { top:0px; opacity:1; }	96% { top:0px; opacity:1; z-index:0; }	100%{ top:325px; opacity:0; z-index:0; }}/* ANIMATION BAR */@keyframes fullexpand {    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	}@-moz-keyframes fullexpand {    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	}@-webkit-keyframes fullexpand {    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	}/* LAYOUT */.container {	margin:0 auto;	overflow:hidden;	}/* CONTENT SLIDER */#content-slider {	width:1000px;	height:220px;}/* SLIDER */#slider {		overflow:visible;	position:relative;}#mask {	overflow:hidden;	height:220px;}#slider ul {	margin:0;	padding:0;	position:relative;}#slider li {	width:1000px;	height:220px;	position:absolute;	top:-325px;	list-style:none;}#slider  img {border: 0;}#slider li.firstanimation {	animation:cycle 50s linear infinite;		-moz-animation:cycle 50s linear infinite;		-webkit-animation:cycle 50s linear infinite;		}#slider li.secondanimation {     animation:cycletwo 50s linear infinite;	-moz-animation:cycletwo 50s linear infinite;	-webkit-animation:cycletwo 50s linear infinite;		}#slider li.thirdanimation {    animation:cyclethree 50s linear infinite;	-moz-animation:cyclethree 50s linear infinite;	-webkit-animation:cyclethree 50s linear infinite;		}#slider li.fourthanimation {     animation:cyclefour 50s linear infinite;	-moz-animation:cyclefour 50s linear infinite;	-webkit-animation:cyclefour 50s linear infinite;		}#slider li.fifthanimation {    animation:cyclefive 50s linear infinite;	-moz-animation:cyclefive 50s linear infinite;	-webkit-animation:cyclefive 50s linear infinite;		}#slider .tooltip {	background:rgba(0,0,0,0.3);	width:300px;	height:60px;	position:relative;	bottom:75px;	left:-320px;	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;  }#slider .tooltip h1 {	color:#fff;	font-size:18px;	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:0px;}#slider:hover li, #slider:hover .progress-bar {     animation-play-state:paused;	-moz-animation-play-state:paused;	-webkit-animation-play-state:paused;}/* PROGRESS BAR */.progress-bar { 	position:relative;	top:-5px;	width:100%; 	height:3px;	background:#CCC;	animation:fullexpand 50s ease-out infinite;	-moz-animation:fullexpand 50s ease-out infinite;	-webkit-animation:fullexpand 50s ease-out infinite;}