/*NewCenturySchoolW02-Rg
ITCFranklinGothicW02-Bk_812924
ITCFranklinGothicW02-Dm_812945*/

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	background-color: #000000;
}
html, body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
}
h1, h2, h3, h4, .header {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
}
video::-webkit-media-controls-start-playback-button {
	display: none !important;
	-wekit-appearance: none !important;
}
video#homeFeaturedVideoPlayer::-webkit-media-controls-start-playback-button {
	display: initial !important;
	-wekit-appearance: media-play-button !important;
}
#loader-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222222;
	z-index: 20000;
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);
	/* IE 9 */
	transform: translateX(-100%);
	/* Firefox 16+, IE 10+, Opera */
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);
	/* IE 9 */
	transform: translateX(100%);
	/* Firefox 16+, IE 10+, Opera */
}
#loader {
	color: #fff;
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	opacity: 1;
	background: url(../assets/images/loading.gif) no-repeat center center;
	background-size: cover;
	z-index: 21000;
}
.loaded #loader-wrapper {
	visibility: hidden;
}
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left {
	opacity: 0.5;
	-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.no-js #loader-wrapper {
	display: none;
}
.no-js h1 {
	color: #222222;
}
#interactivemap {
	background-color: #ffffff;
}
.white {
	color: #ffffff;
}
.displayTitleStyle {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 72px;
	line-height: 72px;
}
.displayTitle2Style {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 52px;
	line-height: 56px;
}
.headlineStyle {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
}
.headline2Style {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 26px;
	line-height: 32px;
}
.displayBodyStyle {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 24px;
	line-height: 32px;
}
.bodyStyle {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 20px;
	line-height: 26px;
}
.subheaderStyle {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 22px;
	line-height: 24px;
}
.captionStyle {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
}
.subCaptionStyle {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-top: 11px;
}
#aboutModal {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}
#aboutModal hr {
	border-top: 1px solid black;
	margin: 10px 0 10px 0;
}
#aboutModal div.subheaderStyle {
	height: 94px;
	position: relative;
}
#aboutModal div.subheaderStyle p {
	position: absolute;
	bottom: 0;
	margin: 0;
}
#aboutModal p.copyRight {
	margin-top: 26px;
}
a.audio img {
	position: absolute;
	top: 0;
	left 0;
}
a.audio img:first-child {
	opacity: 1;
}
a.audio img:last-child {
	opacity: 0;
}
a.audio.audio-off img:first-child {
	opacity: 0;
}
a.audio img:last-child {
	opacity: 1;
}
@media (max-width: 767px) {
	#aboutModal div.subheaderStyle {
		margin-top: 16px;
		position: inherit;
		height: auto;
	}
	#aboutModal div.subheaderStyle p {
		position: inherit;
		margin: 0;
	}
}
#aboutModal p strong {
	font-weight: 700;
}
#aboutModal .headline2Style {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
}
#aboutModal a, #aboutModal a:hover, #aboutModal a:visited {
	color: #000000;
}
#headlineModal {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 24px;
	line-height: 32px;
}
#headlineModal .headlineTitle {
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 40px;
}
#headlineModal .headlinePhotoCaption {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	float: left;
	margin-left: 50px;
}
#headlineModal .headlineFootnote {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}
#fullScreenSlideOverlay {
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 9000;
	visibility: hidden;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.blurBackground {
	-webkit-filter: blur(10px);
	filter: blur(10px);
}
.sectionBgVideo {
	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
}
.fullscreenVideoDiv {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.scrollDownButton {
	width: 110px;
	height: 110px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -55px;
	cursor: pointer;
	opacity: 1;
	z-index: -100;
	background: url(../assets/images/Home_ScrollDown.png) no-repeat center center;
}
.scrollDownButton:hover {
	opacity: 0.5;
}
.linkArrowDiv {
	width: 15px;
	height: 21px;
	display: inline-block;
	background: url(../assets/images/Arrow_Link_Right.svg) no-repeat center center;
	background-size: 15px 21px;
	margin-left: 6px;
}
.muraPlayerOuterWrapper div {
	position: absolute !important;
	width: auto !important;
	height: auto !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 !important;
}
.muraPlayerOuterWrapper div iframe, .muraPlayerOuterWrapper div object, .muraPlayerOuterWrapper div embed {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 !important;
}
#shadowbox_nav_close {
	text-decoration: none;
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	margin: 20px;
}
button.close.modal_close_x {
	text-decoration: none;
	color: #fff;
	position: fixed;
	margin: 40px;
	opacity: 1;
	text-shadow: none;
	right: 0;
	top: 0;
	z-index: 1000;
	cursor: pointer;
	padding: 10px;
	background: url(../assets/images/closeChapters.png) no-repeat center center;
}
.modal_close_x:hover {
	color: #fff;
	opacity: 1;
	text-shadow: none;
}
.modal-backdrop.in {
	filter: alpha(opacity=90);
	opacity: .9;
}
.mainContentDiv {
	width: 100%;
	height: 100%;
}
.textStartLine {
	display: block;
	width: 25px;
	height: 25px;
	border-top: solid 1px #ffffff;
}
.textStartLineSmall {
	display: block;
	width: 10px;
	height: 8px;
	border-top: solid 1px #ffffff;
	margin-top: 10px;
}
.textStartLineSmallBlack {
	display: block;
	width: 10px;
	height: 8px;
	border-top: solid 1px #000000;
	margin-top: 10px;
}
#homepage {
	padding-top: 0;
	margin-top: 0;
	margin-left: 100px;
	/*min-width: 900px;
		min-height: 700px;*/
}
#genocideFlowerLabel {
	float: right;
	z-index: 4000;
	position: relative;
}
#homeVideoImage {
	width: auto;
	height: auto;
}
#homePageContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#skin {
	width: 700px;
	margin: 10px auto;
	padding: 5px;
	background: red;
	border: 4px solid black;
	border-radius: 10px;
}
#featuredVideoControls {
	margin: 5px 0px;
}
#buttons {
	float: left;
	width: 70px;
	height: 22px;
}
#defaultBar {
	position: relative;
	float: left;
	width: 600px;
	height: 16px;
	padding: 4px;
	border: 2px solid black;
	background: yellow;
}
#progressBar {
	position: absolute;
	width: 0px;
	height: 16px;
	background: blue;
}
div#mainContainerDiv {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-moz-transition: -moz-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-o-transition: -o-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-ms-transition: -ms-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	transition: transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
}
div#mainContainerDiv.homeLayout {
	-webkit-transform: translate(0, 0) !important;
	-moz-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}
div#mainContainerDiv.medium {
	-webkit-transform: translate(-70px, 0) !important;
	-moz-transform: translate(-70px, 0) !important;
	-o-transform: translate(-70px, 0) !important;
	-ms-transform: translate(-70px, 0) !important;
	transform: translate(-70px, 0) !important;
}
div#mainContainerDiv.maximized.expanded {
	-webkit-transform: translate(240px, 0) !important;
	-moz-transform: translate(240px, 0) !important;
	-o-transform: translate(240px, 0) !important;
	-ms-transform: translate(240px, 0) !important;
	transform: translate(240px, 0) !important;
}
div#mainContainerDiv.shifted {
	-webkit-transform: translate(140px, 0) !important;
	-moz-transform: translate(140px, 0) !important;
	-o-transform: translate(140px, 0) !important;
	-ms-transform: translate(140px, 0) !important;
	transform: translate(140px, 0) !important;
}
div#mainContainerDiv.expanded {
	-webkit-transform: translate(380px, 0) !important;
	-moz-transform: translate(380px, 0) !important;
	-o-transform: translate(380px, 0) !important;
	-ms-transform: translate(380px, 0) !important;
	transform: translate(380px, 0) !important;
	/*left: 240px;*/
	/*right: -240px;*/
}
body > header {
	height: 100%;
}
nav#siteNav {
	position: relative;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	overflow: visible;
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-moz-transition: -moz-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-o-transition: -o-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-ms-transition: -ms-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	transition: transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	z-index: 1000;
}
#mainNavHamburger {
	color: white;
	cursor: pointer;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: #000000 url(../assets/images/hamburger.png) no-repeat center center;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	-webkit-transform: translate(0, -70px) !important;
	-moz-transform: translate(0, -70px) !important;
	-o-transform: translate(0, -70px) !important;
	-ms-transform: translate(0, -70px) !important;
	transform: translate(0, -70px) !important;
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1), opacity 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-moz-transition: -moz-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1), opacity 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-o-transition: -o-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1), opacity 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-ms-transition: -ms-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1), opacity 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	transition: transform 1.25s cubic-bezier(0.200, 1, 0.225, 1), opacity 1.25s cubic-bezier(0.200, 1, 0.225, 1);
}
nav#siteNav.minimized #mainNavHamburger {
	opacity: 1;
	-webkit-transform: translate(0, 0) !important;
	-moz-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}
nav#siteNav.minimized.medium #mainNavHamburger {
	opacity: 1;
	-webkit-transform: translate(0, -70px) !important;
	-moz-transform: translate(0, -70px) !important;
	-o-transform: translate(0, -70px) !important;
	-ms-transform: translate(0, -70px) !important;
	transform: translate(0, -70px) !important;
}
nav#siteNav .buttons {
	width: 140px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	background-color: rgba(0, 0, 0, 1);
	z-index: 200;
	overflow: hidden;
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-moz-transition: -moz-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-o-transition: -o-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-ms-transition: -ms-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	transition: transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
}
nav#siteNav.expanded .buttons {
	overflow: visible;
}
nav#siteNav .chapters {
	height: 100%;
	width: 240px;
	position: absolute;
	/*width: 250px;*/
	padding-top: 83px;
	display: inline-block;
	vertical-align: top;
	left: 140px;
	top: 0;
	background-color: rgba(0, 0, 0, 1);
	z-index: 100;
	-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-moz-transition: -moz-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-o-transition: -o-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	-ms-transition: -ms-transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
	transition: transform 1.25s cubic-bezier(0.200, 1, 0.225, 1);
}
nav#siteNav .chapters .chaptersButtonContainer {
	width: 100%;
	height: 100%;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	padding: 0;
}
nav#siteNav.minimized .buttons {
	-webkit-transform: translate(-140px, 0) !important;
	-moz-transform: translate(-140px, 0) !important;
	-o-transform: translate(-140px, 0) !important;
	-ms-transform: translate(-140px, 0) !important;
	transform: translate(-140px, 0) !important;
}
nav#siteNav .chapters {
	-webkit-transform: translate(-240px, 0) !important;
	-moz-transform: translate(-240px, 0) !important;
	-o-transform: translate(-240px, 0) !important;
	-ms-transform: translate(-240px, 0) !important;
	transform: translate(-240px, 0) !important;
}
nav#siteNav.expanded .chapters {
	-webkit-transform: translate(0, 0) !important;
	-moz-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}
nav#siteNav.minimized .chapters {
	-webkit-transform: translate(-380px, 0) !important;
	-moz-transform: translate(-380px, 0) !important;
	-o-transform: translate(-380px, 0) !important;
	-ms-transform: translate(-380px, 0) !important;
	transform: translate(-380px, 0) !important;
}
nav#siteNav #homeButton .navButtonIcon {
	background: url(../assets/images/agma_Logo.png) no-repeat center center;
	width: 123px;
	height: 82px;
	margin: 0 auto;
}
nav#siteNav #experienceTheStoryButton .navButtonIcon {
	background: url(../assets/images/Home_TheStory.svg) no-repeat center center;
	background-size: 33px 42px;
	width: 60px;
	height: 65px;
	margin: 0 auto;
}
nav#siteNav #expandButton .navButtonIcon {
	background: url(../assets/images/Home_GallariesNew.svg) no-repeat center center;
	background-size: 40px 31px;
	width: 60px;
	height: 65px;
	margin: 0 auto;
}
nav#siteNav #interactiveMapButton .navButtonIcon {
	background: url(../assets/images/Home_Map.svg) no-repeat center center;
	background-size: 41px 50px;
	width: 60px;
	height: 65px;
	margin: 0 auto;
}
nav#siteNav #aboutButton .navButtonIcon {
	background: url(../assets/images/Home_About.svg) no-repeat center center;
	background-size: 41px 41px;
	width: 60px;
	height: 65px;
	margin: 0 auto;
}
nav#siteNav #takeActionButton .navButtonIcon {
	background: url(../assets/images/Home_TakeAction.svg) no-repeat center center;
	background-size: 28px 38px;
	width: 60px;
	height: 65px;
	margin: 0 auto;
}
nav#siteNav #downloadButton .navButtonIcon {
	background: url(../assets/images/Home_Downloads.svg) no-repeat center center;
	background-size: 36px 31px;
	width: 60px;
	height: 65px;
	margin: 0 auto;
}
nav#siteNav .buttons .button:hover div.navButtonSquare {
	border: solid 2px #FCB514;
}
nav#siteNav .buttons .button {
	width: 100%;
	height: 16%;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	position: relative;
}
nav#siteNav .buttons .siteButtons {
	height: 100%;
}
nav#siteNav .buttons .divider {
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
}
nav#siteNav .buttons .divider > span {
	width: 30px;
	height: 1px;
	margin: 0 auto;
	background-color: #505050;
	display: block;
}
nav#siteNav .buttons .button .navButtonContainer {
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
nav#siteNav .buttons .button .navButtonComingSoon {
	position: absolute;
	width: 100px;
	top: 50%;
	color: #ff0038;
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	left: 50%;
	margin-left: -50px;
	opacity: 0;
	height: 15%;
	text-align: center;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
nav#siteNav .buttons .button:hover .navButtonContainer.comingSoon {
	opacity: 0;
}
nav#siteNav .buttons .button:hover .navButtonComingSoon {
	opacity: 1;
}
nav#siteNav .buttons .button:hover .navButtonContainer {
	color: #ff0038;
	text-decoration: underline;
}
nav#siteNav .buttons .button:hover .navButtonContainer span {
	color: #fff;
	text-decoration: none;
}
nav#siteNav .buttons > .button:first-child {
	height: 84px;
	border-bottom: solid 1px #fff;
}
nav#siteNav .chapters .chapterNumber {
	width: 100%;
	padding: 0 0 5px 0;
	color: #fff;
}
nav#siteNav .chapters .chapterTitle {
	width: 100%;
	padding: 0;
	color: #fff;
}
nav#siteNav .chapters .navButtonComingSoon {
	position: absolute;
	width: 100px;
	height: 100px;
	color: #ff0038;
	font-family: 'NewCenturySchoolW02-Rg', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', Likhan, Norasi, Rekha, Georgia, 'DejaVu LGC Serif', 'DejaVu Serif', Gil Sans, arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	top: 75px;
	opacity: 0;
	text-align: left;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
nav#siteNav .chapters ul > li:hover .chapterTitle span {
	border-bottom: solid 1px #ff0038;
}
nav#siteNav .chapters ul > li .chapterTitle span a, nav#siteNav .chapters ul > li:hover .chapterTitle span a {
	color: #fff;
	text-decoration: none;
}
nav#siteNav .chapters ul > li {
	width: 200px;
	display: block;
	background-color: rgba(0, 0, 0, 1);
	margin: 53px auto 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	/*display: none;*/
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
nav#siteNav .chapters ul > li:first-child {
	margin: 25px auto 25px;
	padding: 0;
}
nav#siteNav .chapters .closeChapters {
	position: absolute;
	top: 25px;
	right: 20px;
	cursor: pointer;
	padding: 10px 10px;
	background: url(../assets/images/closeChapters.png) no-repeat center center;
}
nav#siteNav .buttons .galleryTagWhite {
	position: absolute;
	opacity: 0;
	right: -1px;
	top: 28%;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid white;
	z-index: 1000;
}
nav#siteNav .buttons .galleryTagBlack {
	position: absolute;
	opacity: 0;
	right: -2px;
	top: 28%;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid black;
	z-index: 1010;
}
nav#siteNav.expanded .buttons .galleryTagWhite, nav#siteNav.expanded .buttons .galleryTagBlack {
	opacity: 1;
	transition: opacity 0.5s 1s;
}
nav#siteNav .chapters .chapterContainerTop {
	height: 79px;
	border-bottom: solid 1px #fff;
}
.fakeChapter {
	position: fixed;
	z-index: 1000;
	overflow: hidden;
	background-color: gray;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: top 0.4s;
	-moz-transition: top 0.4s;
	-o-transition: top 0.4s;
	-ms-transition: top 0.4s;
	transition: top 0.4s;
	-webkit-transition: right 0.4s;
	-moz-transition: right 0.4s;
	-o-transition: right 0.4s;
	-ms-transition: right 0.4s;
	transition: right 0.4s;
	-webkit-transition: bottom 0.4s;
	-moz-transition: bottom 0.4s;
	-o-transition: bottom 0.4s;
	-ms-transition: bottom 0.4s;
	transition: bottom 0.4s;
	-webkit-transition: left 0.4s;
	-moz-transition: left 0.4s;
	-o-transition: left 0.4s;
	-ms-transition: left 0.4s;
	transition: left 0.4s;
}
#img-container {
	position: absolute;
	display: none;
	opacity: 0.3;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	z-index: 9999;
}
.onepage-pagination {
	margin-top: -120px;
	margin-left: -100px;
}
.xlargeScreen {
	display: block;
}
.largeScreen {
	display: none;
}
.mediumScreen {
	display: none;
}
.smallScreen {
	display: none;
}
.phoneScreen {
	display: none;
}
.retinaScreen {
	display: none;
}
.showSizeDiv {
	position: absolute;
	color: black;
	bottom: 0;
	right: 0;
	background-color: white;
	z-index: 9000;
	text-align: right;
	padding: 10px;
}

/*==================================================
=			Bootstrap 3 Media Queries			 =
==================================================*/


/* Short Screens */

@media only screen and (max-height: 600px) {
	nav#siteNav .buttons .button {
		width: 100%;
		height: auto;
		font-size: 16px;
		cursor: pointer;
		text-align: center;
		position: relative;
	}
	nav#siteNav .buttons .button .navButtonContainer {
		position: relative;
		top: auto;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

/*==========  Non-Mobile First Method  ==========*/


/* Ipad landscape */

@media only screen and (max-width: 1200px) {
	.xlargeScreen {
		display: none;
	}
	.largeScreen {
		display: block;
	}
	.mediumScreen {
		display: none;
	}
	.smallScreen {
		display: none;
	}
	.phoneScreen {
		display: none;
	}
	.retinaScreen {
		display: none;
	}
	.displayTitleStyle {
		font-size: 72px;
		line-height: 72px;
	}
	.displayTitle2Style {
		font-size: 52px;
		line-height: 56px;
	}
	.displayBodyStyle {
		font-size: 24px;
		line-height: 32px;
	}
	.headline2Style {
		font-size: 26px;
		line-height: 32px;
	}
	.bodyStyle {
		font-size: 20px;
		line-height: 26px;
	}
	.captionStyle {
		font-size: 16px;
		line-height: 20px;
	}
	nav#siteNav .buttons .button {
		font-size: 16px;
		line-height: 16px;
	}
	.homeVideoImageContent a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeAnnouncementDiv div.homeAnnouncementContent > a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeDynamicNarrContent a#dynamicNarrScrollDownBtn {
		font-size: 24px;
		line-height: 24px;
	}
	nav#siteNav .chapters .chaptersButtonContainer > li {
		margin: 43px auto 0;
	}
}

/* Ipad portrait */

@media only screen and (max-width: 992px) {
	.xlargeScreen {
		display: none;
	}
	.largeScreen {
		display: none;
	}
	.mediumScreen {
		display: block;
	}
	.smallScreen {
		display: none;
	}
	.phoneScreen {
		display: none;
	}
	.retinaScreen {
		display: none;
	}
	.displayTitleStyle {
		font-size: 72px;
		line-height: 72px;
	}
	.displayTitle2Style {
		font-size: 52px;
		line-height: 56px;
	}
	.displayBodyStyle {
		font-size: 24px;
		line-height: 32px;
	}
	.headline2Style {
		font-size: 26px;
		line-height: 32px;
	}
	.bodyStyle {
		font-size: 20px;
		line-height: 26px;
	}
	.captionStyle {
		font-size: 16px;
		line-height: 20px;
	}
	nav#siteNav .buttons .button {
		font-size: 16px;
		line-height: 16px;
	}
	.homeVideoImageContent a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeAnnouncementDiv div.homeAnnouncementContent > a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeDynamicNarrContent a#dynamicNarrScrollDownBtn {
		font-size: 24px;
		line-height: 24px;
	}
}

/* Phone landscape */

@media only screen and (max-width: 768px) {
	.xlargeScreen {
		display: none;
	}
	.largeScreen {
		display: none;
	}
	.mediumScreen {
		display: none;
	}
	.smallScreen {
		display: block;
	}
	.phoneScreen {
		display: none;
	}
	.retinaScreen {
		display: none;
	}
	.displayTitleStyle {
		font-size: 72px;
		line-height: 72px;
	}
	.displayTitle2Style {
		font-size: 52px;
		line-height: 56px;
	}
	.displayBodyStyle {
		font-size: 24px;
		line-height: 32px;
	}
	.headline2Style {
		font-size: 26px;
		line-height: 32px;
	}
	.bodyStyle {
		font-size: 20px;
		line-height: 26px;
	}
	.captionStyle {
		font-size: 16px;
		line-height: 20px;
	}
	nav#siteNav .buttons .button {
		font-size: 16px;
		line-height: 16px;
	}
	.homeVideoImageContent a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeAnnouncementDiv div.homeAnnouncementContent > a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeDynamicNarrContent a#dynamicNarrScrollDownBtn {
		font-size: 24px;
		line-height: 24px;
	}
	nav#siteNav .chapters .chaptersButtonContainer > li {
		margin: 25px auto 0;
	}
	.sectionBgVideo {
		height: auto;
		width: 100%;
	}
}

/* Phone portrait changed from 480 to 550 */

@media only screen and (max-width: 550px) {
	.xlargeScreen {
		display: none;
	}
	.largeScreen {
		display: none;
	}
	.mediumScreen {
		display: none;
	}
	.smallScreen {
		display: none;
	}
	.phoneScreen {
		display: block;
	}
	.retinaScreen {
		display: none;
	}
	.displayTitleStyle {
		font-size: 48px;
		line-height: 54px;
	}
	.displayTitle2Style {
		font-size: 32px;
		line-height: 38px;
	}
	.displayBodyStyle {
		font-size: 18px;
		line-height: 24px;
	}
	.headline2Style {
		font-size: 22px;
		line-height: 28px;
		/* white-space: nowrap; */
	}
	.bodyStyle {
		font-size: 18px;
		line-height: 24px;
	}
	.captionStyle {
		font-size: 16px;
		line-height: 20px;
	}
	nav#siteNav .buttons .button {
		font-size: 16px;
		line-height: 16px;
	}
	.homeVideoImageContent a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeAnnouncementDiv div.homeAnnouncementContent > a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeDynamicNarrContent a#dynamicNarrScrollDownBtn {
		font-size: 24px;
		line-height: 24px;
	}
}

/* Retina */

@media only screen and (max-width: 320px) {
	.xlargeScreen {
		display: none;
	}
	.largeScreen {
		display: none;
	}
	.mediumScreen {
		display: none;
	}
	.smallScreen {
		display: none;
	}
	.phoneScreen {
		display: none;
	}
	.retinaScreen {
		display: block;
	}
	.displayTitleStyle {
		font-size: 48px;
		line-height: 54px;
	}
	.displayTitle2Style {
		font-size: 32px;
		line-height: 38px;
	}
	.displayBodyStyle {
		font-size: 18px;
		line-height: 24px;
	}
	.displayBodyStyle.smaller {
		font-size: 16px;
		line-height: 22px;
	}
	.headline2Style {
		font-size: 22px;
		line-height: 28px;
	}
	.bodyStyle {
		font-size: 16px;
		line-height: 20px;
	}
	.captionStyle {
		font-size: 16px;
		line-height: 20px;
	}
	nav#siteNav .buttons .button {
		font-size: 16px;
		line-height: 16px;
	}
	.homeVideoImageContent a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeAnnouncementDiv div.homeAnnouncementContent > a {
		font-size: 24px;
		line-height: 24px;
	}
	.homeDynamicNarrContent a#dynamicNarrScrollDownBtn {
		font-size: 24px;
		line-height: 24px;
	}
}
