/* reset
html, body, div, span, h1, ul, li { margin: 0; padding: 0; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; }
img { display: block; border: none; }
html, body, .wrap { width: 100%; height: 100%; }
body { font: normal 16px/20px Roboto, 'Helvetica CY', Verdana, sans-serif; color: #333; background-color: #fff; }

.wrap { max-width: 1280px; min-width: 320px; margin: 0 auto; padding: 40px 15px 0; }
h1 { max-width: 1024px; font-weight: 500; font-size: 20px; margin: 0 auto 30px; }


*/

[data-hidden = true] { display: none; }
[data-hidden = false] { display: block; }

/* transition */
.nav-ctrl span, .dots-ctrl li { -webkit-transition: all 0.3s; transition: all 0.3s; }

/*** CONTENT ***/
.gallery { width: 100%; visibility: hidden; margin: 0 auto 40px; }
.slider { width: 100%; position: relative; overflow: hidden; margin: 0 auto; }
.stage { overflow: hidden; }
	.stage > div { float: left; position: relative; }
		.stage > div img { width: 100%; max-width: 800px; height: auto; }

.control { width: 100%; position: relative; }
.nav-ctrl { text-align: center; margin-top: 15px; }
	.nav-ctrl span { width: 100px; height: 30px; display: inline-block; font-weight: 500; font-size: 12px; line-height: 30px; color: #eee; font-family: 'HeliosCond', 'OpenSans', 'Roboto', sans-serif; text-transform: uppercase; text-align: center; margin: 0 5px; border: solid 1px #357ebd; border-radius: 3px; outline: none; -webkit-user-select: none; user-select: none; background-color: #428bca; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; }
	.nav-ctrl span:hover { border-color: #285e8e; background-color: #3276b1; }
	.nav-ctrl .disable, .nav-ctrl .disable:hover { border: solid 1px #357ebd; background-color: #428bca; opacity: 0.4; cursor: default; }
.dots-ctrl { text-align: center; margin-top: 15px; }
	.dots-ctrl li { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background-color: #09f; opacity: 0.4; cursor: pointer; }
	.dots-ctrl li + li { margin-left: 10px; }
	.dots-ctrl .active, .dots-ctrl li:hover { opacity: 1; }
img.min_002 { width: 100%; height: 100%; }
.hmin_001 { height: 100px; }