.slider 
{
	background-position: center; 
	transition:transform 0.4s; 
	width: 100%; 
	height: 500px; 
	overflow: hidden; 
	display: block; 
	position: relative; 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-color: rgb(0, 0, 0); 
	-moz-transition: transform .4s; 
	-o-transition: transform .4s; 
	-webkit-transition: transform .4s;
}
.slider > div {
	background-position: center; transition:transform 0.4s; width: 100%; height: 500px; overflow: hidden; display: block; position: relative; background-repeat: no-repeat; background-size: cover; background-color: rgb(0, 0, 0); -moz-transition: transform .4s; -o-transition: transform .4s; -webkit-transition: transform .4s;
}
.slider > div {
	position: absolute;
}
.slider > i 
{
	background: rgba(255, 255, 255, 0.3); 
	margin: 20px; 
	padding: 10px 13px; 
	border-radius: 3px; 
	transition:0.3s; 
	top: 40%; 
	width: 30px; 
	color: rgb(91, 189, 114); 
	line-height: 0; 
	font-size: 60px; 
	position: absolute; 
	z-index: 4; 
	cursor: pointer; 
	box-sizing: content-box; 
	text-shadow: 0px 10px 2px #223422;
}
.slider > i svg 
{
	margin-top: 3px;
}
.slider > .left 
{
	left: -100px;
}
.slider > .right 
{
	right: -100px;
}
.slider:hover > .left 
{
	left: 0px;
}
.slider:hover > .right 
{
	right: 0px;
}
.slider > i:hover 
{
	background: rgba(255, 255, 255, 0.8); 
	transform: translateX(-2px);
}
.slider > i.right:hover 
{
	transform: translateX(2px);
}
.slider > i.right:active 
{
	transform: translateY(1px);
}
.slider > i.left:active 
{
	transform: translateY(1px);
}
.slider:hover > div 
{
	transform: scale(1.01);
}
.hoverZoomOff:hover > div 
{
	transform: scale(1);
}
.slider > ul 
{
	margin: 0px; 
	padding: 0px; 
	left: 50%; 
	bottom: 10px; 
	position: absolute; 
	z-index: 4; 
	transform: translateX(-50%);
}
.slider > ul > li {
	list-style: none; margin: 10px 10px 0px; padding: 0px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.3s; border-image: none; width: 20px; height: 20px; float: left; cursor: pointer; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;
}
.slider > ul > .showli {
	animation:boing 0.5s forwards; background-color: rgb(126, 192, 61); -moz-animation: boing .5s forwards; -o-animation: boing .5s forwards; -webkit-animation: boing .5s forwards;
}
.slider > ul > li:hover {
	background-color: rgb(126, 192, 61);
}
.slider > .show {
	z-index: 1;
}
.hideDots > ul {
	display: none;
}
.showArrows > .left {
	left: 0px;
}
.showArrows > .right {
	right: 0px;
}
.titleBar 
{
	background: rgba(0, 0, 0, 0.5); 
	padding: 20px 30px; 
	transition:0.3s; 
	width: 100%; 
	bottom: 0px; 
	color: rgb(255, 255, 255); 
	display: inline-block; 
	position: absolute; 
	z-index: 2; 
	transform: translateY(100%);
}
.titleBar * 
{
	transition:700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms; 
	opacity: 0; 
	transform: translate(-20px, 30px);
}
.titleBarTop .titleBar * 
{
	transform: translate(-20px, -30px);
}
.slider:hover .titleBar 
{
	opacity: 1; transform: translate(0px);
}
.slider:hover .titleBar * 
{
	opacity: 1; 
	transform: translate(0px);
}
.titleBarTop .titleBar 
{
	top: 0px; 
	transform: translateY(-100%);
}
.slider > div span 
{
	background: rgba(0, 0, 0, 0.5); 
	padding: 0px; 
	width: 100%; 
	text-align: center; 
	bottom: 0px; 
	color: rgb(255, 255, 255); 
	display: block; 
	position: absolute;
}