@-moz-keyframes cycle {
	0%  { left:0%; }
	3%  { left:0%; } 
	28% { left:0%; opacity:1; z-index:0; } 
	33% { left:100%; opacity:1; z-index:0; } 
	40% { left:100%; opacity:0; z-index:-1; }
	92% { left:-100%; opacity:0; z-index:0; }
	94% { left:-100%; opacity:1; }
	100%{ left:0%; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { left:-100%; opacity:0; }
	28%  { left:-100%; opacity:1; }
	33%  { left:0%; opacity:1; }
	61%  { left:0%; opacity:1; }
	66%  { left:100%; opacity:1; }
	70%  { left:100%; opacity:0; }
	100% { left:-100%; opacity:0; }
}
@-moz-keyframes cyclethree {
	0%  { left:-100%; opacity:0; }
	59%  { left:-100%; opacity:0; }
	60%  { left:-100%; opacity:1; }
	61%  { left:-100%; opacity:1; }
	66%  { left:0%; opacity:1; }
	94%  { left:0%; opacity:1; }
	100%  { left:100%; opacity:1; }
}

@-webkit-keyframes cycle {
	0%  { left:0%; }
	3%  { left:0%; } 
	28% { left:0%; opacity:1; z-index:0; } 
	33% { left:100%; opacity:1; z-index:0; } 
	40% { left:100%; opacity:0; z-index:-1; }
	92% { left:-100%; opacity:0; z-index:0; }
	94% { left:-100%; opacity:1; }
	100%{ left:0%; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { left:-100%; opacity:0; }
	28%  { left:-100%; opacity:1; }
	33%  { left:0%; opacity:1; }
	61%  { left:0%; opacity:1; }
	66%  { left:100%; opacity:1; }
	70%  { left:100%; opacity:0; }
	100% { left:-100%; opacity:0; }
}
@-webkit-keyframes cyclethree {
	0%  { left:-100%; opacity:0; }
	59%  { left:-100%; opacity:0; }
	60%  { left:-100%; opacity:1; }
	61%  { left:-100%; opacity:1; }
	66%  { left:0%; opacity:1; }
	94%  { left:0%; opacity:1; }
	100%  { left:100%; opacity:1; }
}



.containerSlider {
	margin:0 auto;
	overflow:hidden;
	width:800px;
}
#contentSlider {
	width:100%;
	height:345px;
	margin:10px auto 0;
	margin-bottom: 35px;
}
#slider {
	background:#000;
	height:345px;
	width:800px;
	overflow:visible;
	position:relative;
}
#mask {
	overflow:hidden;
	height:345px;
}
#slider ul {
	margin:0px;
	padding:0px;
	position:relative;
}
#slider li {
	width:800px;
	height:345px;
	position:absolute;
	left:-345px;
	list-style:none;
}

#slider li.firstanimation {
	-moz-animation:cycle 18s linear infinite;	
	-webkit-animation:cycle 18s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 18s linear infinite;
	-webkit-animation:cycletwo 18s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 18s linear infinite;
	-webkit-animation:cyclethree 18s linear infinite;		
}

#slider .slidermsg1 {
	background-color: rgba(51, 131, 184, 0.89);
	color: #FFFFFF;
	font-size: 25px;
	width: 299px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	bottom:140px;
	margin-left:25px;
	padding: 5px;
	font-family: 'Cabin', normal;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}

#slider .slidermsg2 {
	background-color: rgba(57, 30, 8, 0.89);
	color: #FFFFFF;
	font-size: 25px;
	width: 291px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	bottom:130px;
	margin-left:25px;
	padding: 5px;
	font-family: 'Cabin', normal;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}

#slider .slidermsg3 {
	background-color: rgba(51, 131, 184, 0.89);
	color: #FFFFFF;
	font-size: 25px;
	width: 287px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	bottom:140px;
	margin-left:25px;
	padding: 5px;
	font-family: 'Cabin', normal;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}

#slider .slidermsg4 {
	background-color: rgba(57, 30, 8, 0.89);
	color: #FFFFFF;
	font-size: 25px;
	width: 276px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	bottom:130px;
	margin-left:25px;
	padding: 5px;
	font-family: 'Cabin', normal;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}

#slider .slidermsg5 {
	background-color: rgba(51, 131, 184, 0.89);
	color: #FFFFFF;
	font-size: 25px;
	width: 281px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	bottom:140px;
	margin-left:25px;
	padding: 5px;
	font-family: 'Cabin', normal;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}

#slider .slidermsg6 {
	background-color: rgba(57, 30, 8, 0.89);
	color: #FFFFFF;
	font-size: 25px;
	width: 274px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position:relative;
	bottom:130px;
	margin-left:25px;
	padding: 5px;
	font-family: 'Cabin', normal;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}