html {
	font-size: 100%;
	/*-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;*/
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

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;
}

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;
}

#interactivemap {
	height: 100%;
}

.cta a, .cta a:hover {
  	font-size: 24px;
  	line-height: 24px;
  	color: #000;

  	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
}

.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 p {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

#aboutModal .subheaderStyle {
	border-bottom: solid 1px #000000;
	padding-top: 25px;
}

#aboutModal .subheaderStyle p {
	font-family: 'ITCFranklinGothicW02-Bk_812924', 'ITC Franklin Gothic', 'Franklin Gothic', 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 22px;
	line-height: 24px;
}

#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 .noMargin {
	margin: 0;
}

#aboutModal .startListTD {
	padding-top: 10px;
}

#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;
}

/*#aboutModal .modal-dialog {
  height: 80%;
}

#headlineModal .modal-dialog {
  height: 80%;
}*/

#aboutModalBody {
  background-color: #ffffff;
  padding: 40px 70px;
  overflow: hidden;
  overflow-y: auto;
}

#headlineModalBody {
  background-color: #ffffff;
  padding: 40px 70px;
  overflow: hidden;
  overflow-y: auto;
}
button.close.modal_close_x {
	text-decoration: none;
	color: #fff;
	position: fixed;
	margin: 40px;
	opacity: 1;
	text-shadow: none;
	right: 0;
	top: 0;

	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;
}
#buttons {
	float:left;
	width:70px;
	height:22px;
}

#mainContentDiv {
	/*width: 100%;
	height: 100%;
	overflow: auto;*/
}

div#mainContainerDiv {

	/*position: absolute;
	left: 0;*/
	/*top: 0;*/
	/*right: 0;*/
	/*z-index: 100;*/
	padding-left: 140px;
	width: 100%;
	overflow: hidden;
  	overflow-y: auto;
	/*height: 100%;*/

	/*min-width: 900px;
	min-height: 700px;*/
	/*overflow: auto;*/
	/*-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;*/

	/*-webkit-transition:right 0.5s;
	-moz-transition:right 0.5s;
	-o-transition:right 0.5s;
	transition: right 0.5s;*/

    -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;

	-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.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;

	/*right: 70px;*/
}

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;
	/*left: 240px;*/
	/*right: -240px;*/
}

div#mainContainerDiv.shifted {
	/*left: 0;
	right: 0;*/

	-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.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;
	/*left: 240px;*/
	/*right: -240px;*/
}
header {
	height: 100%;
	float: left;
}

nav#siteNav {
	position: fixed;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	overflow: visible;

	/*-webkit-transition:left 0.5s, width 0.5s, height 0.5s;
  	-moz-transition:left 0.5s, width 0.5s, height 0.5s;
  	-o-transition:left 0.5s, width 0.5s, height 0.5s;
  	-ms-transition: left 0.5s, width 0.5s, height 0.5s;
  	transition: left 0.5s, width 0.5s, height 0.5s;*/

  	-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;

  	-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 {
	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);

/*	-webkit-transition:left 0.5s;
  	-moz-transition:left 0.5s;
  	-o-transition:left 0.5s;
  	-ms-transition: left 0.5s;
  	transition: left 0.5s;*/
}

.fastTransition nav#siteNav .buttons {
  	-webkit-transition: -webkit-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-moz-transition: -moz-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-o-transition: -o-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-ms-transition: -ms-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	transition: transform 0s cubic-bezier(0.200, 1, 0.225, 1);
}

.fastTransition nav#siteNav .chapters {
  	-webkit-transition: -webkit-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-moz-transition: -moz-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-o-transition: -o-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-ms-transition: -ms-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	transition: transform 0s cubic-bezier(0.200, 1, 0.225, 1);
}

.fastTransition div#mainContainerDiv {
	-webkit-transition: -webkit-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-moz-transition: -moz-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-o-transition: -o-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	-ms-transition: -ms-transform 0s cubic-bezier(0.200, 1, 0.225, 1);
  	transition: transform 0s 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;
	/*display : -webkit-flex;
	display : -moz-flex;
	display : -ms-flex;
	display : -o-flex;
	display: flex;*/
	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 .chapters .galleryTagWhite {
	position: absolute;
	left:1px;
	top: 30%;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid white;
	z-index: 1000;
}

nav#siteNav .chapters .galleryTagBlack {
	position: absolute;
	left:-1px;
	top: 30%;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid black;
	z-index: 1010;
}

nav#siteNav .chapters .chapterContainerTop {
	height: 79px;
	border-bottom: solid 1px #fff;
}

.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;
}








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

/* 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);
	}
}

/* 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;
	}

	div#mainContainerDiv.shifted {
	  	-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.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;
	  	/* left: 240px; */
	  	/* right: -240px; */
	}
	div#mainContainerDiv {
	  	/*position: absolute;
	  	left: 0;*/

	  	z-index: 0;
	  	/*overflow: hidden;*/
	  	padding-left: 140px;
	  	-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);
	}

	#aboutModalBody {
	    width: calc(100% - 140px) !important;
	    margin: 0 0 0 140px;
	    height: 100% !important;
	}

	#headlineModalBody {
	    width: calc(100% - 140px) !important;
	    margin: 0 0 0 140px;
	    height: 100% !important;
	}

	#aboutModal .modal-dialog.modal-lg, #headlineModal .modal-dialog.modal-lg {
	    position: relative;
	    width: 100%;
	    margin: 0;
	    margin-top: 0px !important;
	    height: 100%;
	}

	#aboutModal .modal-backdrop, #headlineModal .modal-backdrop {
	    position: absolute;
	    top: 0;
	    right: 0;
	    left: calc(100% - 140px);
	    background-color: #000;
	}

	#aboutModal .modal-dialog.modal-lg > .slimScrollDiv, #headlineModal .modal-dialog.modal-lg > .slimScrollDiv {
	    height: 100% !important;
	}

	#aboutModal button.close.modal_close_x, #headlineModal button.close.modal_close_x {
	    z-index: 1000;
	    background: url(../assets/images/closeChapters_Black.png) no-repeat center center;
	}
}

/* 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;
	}





	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; */
	}
	div#mainContainerDiv {
	  	/*position: absolute;
	  	left: 0;
	  	top: 0;
	  	right: 0;
	  	bottom: 0;*/
	  	/*z-index: 0;*/
	  	/*overflow: hidden;*/
	  	padding-left: 0;
	  	-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);
	}

	#aboutModalBody {
    	width: 100% !important;
    	margin: 0;
    	height: 100% !important;
  	}

  	#headlineModalBody {
    	width: 100% !important;
    	margin: 0;
    	height: 100% !important;
  	}

  	#aboutModal .modal-dialog.modal-lg, #headlineModal .modal-dialog.modal-lg {
    	position: relative;
    	width: 100%;
    	margin: 0;
    	margin-top: 0px !important;
    	height: 100%;
  	}

  	#aboutModal .modal-dialog.modal-lg > .slimScrollDiv, #headlineModal .modal-dialog.modal-lg > .slimScrollDiv {
    	height: 100% !important;
  	}

  	#aboutModal button.close.modal_close_x, #headlineModal button.close.modal_close_x {
    	z-index: 1000;
    	background: url(../assets/images/closeChapters_Black.png) no-repeat center center;
  	}

}

/* 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: 30px auto 0;
	}



	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(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;
	  	/* left: 240px; */
	  	/* right: -240px; */
	}
	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);
	}





}

/* 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;
	}

	.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;
	}



	#aboutModalBody {
	    background-color: #ffffff;
	    padding: 40px 10px;
	    overflow: hidden;
	    overflow-y: auto;
	}

	#aboutModal div.modal-dialog.container-fluid {
      padding: 0;
  	}



	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; */
	}
	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);
	}









}

/* 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;
	}

	.headline2Style {
		font-size: 22px;
		line-height: 28px;
	}

	.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;
	}









	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; */
	}
	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);
	}










}