@charset "UTF-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, small, section, article, header, footer, nav, aside, hgroup, mark, time, meter, progress, datalist, canvas, audio, video, figure, figcaption, input { 
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
ul, ol { list-style: none; }
a img { border: none; }
input,textarea { margin: 0; }
a, input, select, textarea { outline: none; } /* Removes Firefox imposed outline */
section, article, header, footer, nav, aside, hgroup { display: block; }
select, button, input { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

* {	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-rendering: optimizeLegibility;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}


/* Global */
.wrapper { display: inline-block; } 
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* Typography */
body { font-family: "europa","Arial",sans-serif; font-size: 14px; line-height: 18px; color: #333333; letter-spacing: 0.07em; }

/* Links */
a { color: #3a3a3a; text-decoration: none;  }
a:hover { color: #2d2dff; }

/* Structure */
html, body { background: white; }
#images, #images figure { position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden; }
#images figure { display: none; background-position: center; background-repeat: no-repeat; background-size: cover; z-index:1; }
#images figure.active { display: block; z-index:3; }

/* Contents */
#info { position: absolute; top: 0; left: 0; padding: 50px; z-index: 100;  }
#info h1 { display: inline; }
#coming { position: absolute; top: 50%; left: 50%; height: 18px; width: 100px; margin:-9px 0 0 -50px; z-index: 101; }
#caption { visibility: hidden; z-index: 101; }

@media all and (max-width: 767px) {
	#info { padding: 18px; }
}