@charset "UTF-8";


/* Scroll Specific */
#scrollGrab { height: 18%; }


/* n5 */
.n5 { padding: 0 20% 0 20%; }

.n5>img {
	position: relative;
	top: 40%;
	width: 100%;
}


/* n1 */
.n1 { text-align: justify; }


/* n2 */
.n2 { padding: 25px; }

.n2>img { max-width: 100%; max-height: 100%; }

.contentWrapper>.text {
	position: absolute;
	bottom: 7%; left: 65%; right: 4%;
	font-size: 12px;
}


/* n3 */
.quadWrapper {
	overflow: hidden;
	position: absolute;
	width: 50%; height: 50%;
	font-size: 11px;
}
.quadWrapper.top { top: 0; padding-top: 60px; }
.quadWrapper.bottom { bottom: 0; padding-top: 20px; }
.quadWrapper.left { left: 0; padding-left: 50px; padding-right: 20px; }
.quadWrapper.right { right: 0; padding-right: 30px; padding-left: 20px; }

.quadWrapper>.title { font-weight: bold; font-size: 13px; }


/* n4 */
.n4 {
	padding-top: 50px !important;
	text-align: left;
	font-size: 0;
}

.portrait {
	display: inline-block; vertical-align: top;
	width: 19.6%;
	margin-right: .5%;
}
.portrait.last { margin: 0; }

.portrait>img {
	position: relative; display: block; z-index: 10;
	width: 100%;
}

.portraitTitle {
	position: relative; display: block; z-index: 1;
	opacity: 0; visibility: hidden;
	top: -50px;
	padding: 20px 5px 10px 5px;
	font-size: 10px;
	background-color: black; color: white;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.portraitTitle.show { top: -1px; opacity: .5; visibility: visible; }
.portraitTitle>span { font-size: 14px; }