@charset "utf-8";
/* CSS Document */
#slider {
	margin-bottom: 4.54%;
	width:100%;
	padding-top:31.6%;
	min-height:200px;
	border-radius:10px; 
	overflow: hidden;
	background: #006cb6;
}
#slider div.slide, #slider div.bg, #slider div.img-box, #slider div.img-bg, #slider div.img-bg-cover, #slider div.slide > a {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display: block;
}
#slider div.text-box {
	padding:1em 1.5em;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	border-radius:10px;
}
#slider div.text-box * {
	cursor: default;
}
#slider div.text-box.left {
	left:5%;
	transform-origin: 0% 0%;
}
#slider div.text-box.right {
	right:5%;
	left:auto;
	transform-origin: 100% 0%;
}
#slider div.text-box.center {
	left:50%;
	transform-origin: 0% 0%;
	transform:translate(-50%,-50%);
}
#slider h2, #slider h2 * {
	font-weight: 800;
	color:#fff;
	line-height: 1em;
}
#slider h2 * {
	font-size:2.5em !important;
}
#slider h2 span {
	display: block;
	white-space: nowrap;
}
#slider h2.large * {
	font-size: 4em !important;
}
#slider h2.upper, #slider h2.upper * {
	text-transform: uppercase;
}
#slider p, #slider p * {
	font-weight:400;
	color:#fff;
	line-height: normal;
}
#slider p {
	margin-top: 1em;
}
#slider p * {
	font-size:1.5em !important;
}
#slider p span {
	display: block;
	white-space: nowrap;
}
#slider p.large * {
	font-size:2em !important;
}
#slider p.upper, #slider p.upper * {
	text-transform: uppercase;
}
#slider p.italic, #slider p.italic * {
	font-style: italic;
}

#slider .blue, #slider div.slide.trans {
	background: #006cb6;
}
#slider .red {
	background: #ce0f00;
}
#slider .yellow {
	background: #f39e00;
}
#slider .gray {
	background: #7d7d7d;
}
#slider div.img-box img {
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	border-radius:10px;
}
#slider div.img-bg img {
	position: absolute;
	width:100%;
	height: auto;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

#nav { position:absolute; z-index:5; bottom:-3px; left:50%; 
	transform:translateX(-50%); background:rgba(255,255,255,1); 
	border-top-left-radius:10px; border-top-right-radius:10px; 
	padding:5px 15px; text-align:center; transition:all .3s; opacity:0; visibility:hidden; }
#slider:hover #nav, #nav:hover { opacity:1; visibility:visible; }

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