#slider {
	overflow: hidden;
}
#slider div.c {
	padding:0;
	max-width:1400px !important;
}
#slider::before, #slider::after {
	z-index: 1;
	width:100%;
	height:50px;
	background: url(../images/slides_shadow.png) left top repeat-x;
	left:0px;
}
#slider::before { top:0px; }
#slider::after { top:auto; bottom:0px; background-position: left bottom; }
#slider div.c img {
	max-width:1400px;
	margin:0 auto;
	display: block;
	width:100%;
}
#slider div.c img + img {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	opacity:0;
}
#slider > a {
	position: absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index: 2;
}
#slider div.bg {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	filter:blur(10px);
	opacity:.75;
}
#slider div.bg img {
	width:120%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	position: absolute;
}
#slider div.bg img + img {
	opacity:0;
}
#slider-nav { position:absolute; z-index:1; bottom:-3px; left:50%; transform:translateX(-50%); padding:15px; text-align:center; z-index: 3; }

#slider-nav a { display:inline-block; width:20px; height:20px; margin:0px 10px; }
#slider-nav a::before { width:20px; height:20px; background:#fff; opacity:.75; border-radius:50%; top:0px; left:0px; opacity:.5; }
#slider-nav a:not(.sel):hover::before { background:#fff; opacity:1; } 
#slider-nav a.sel { cursor:default; }

#slider div.pre {
	position: absolute;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.25);
	top:0px;
	left:0px;
	opacity:0;
	visibility: hidden;
	transition: opacity .3s;
	z-index: 5;
}
#slider div.pre::after {
	width:75px;
	height: 75px;
	top:50%;
	left:50%;
	border-radius:50%;
	transform:translate(-50%, -50%);
	background: url(../images/preloader.gif) center center no-repeat #fff;
	background-size:100% 100%;
}
#slider.pre div.pre {
	opacity:1;
	visibility: visible;
}
#slider.inactive div.pre {
	visibility: visible;
}

#timer-canvas {
	transition: opacity .3s;
}
#slider.pre #timer-canvas, #slider.inactive #timer-canvas {
	opacity: 0;
}