#landscapeAlert {
  position: absolute;
  display: none;
  width: 80%;
  height: 90%;
  background-image: url(../assets/rotate.png);
  background-repeat: no-repeat;
	background-size: contain;
  background-position: center;
  left: 10%;
  top: 5%;
}
#landscapeAlertBg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../assets/bg_chapters.jpg);
  background-repeat: no-repeat;
	background-size: cover;
  background-position: center;
  top: 0%;
  left: 0%;
  display: none;
}
#menu {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
  z-index: 3;
}
#launchYoutube {
      position: absolute;
    width: 54%;
    height: 12%;
    top: 22%;
    left: 25%;
}
#line1, #line2 {
	position: relative;
	background-image: url(../assets/menu_x.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
    width: 54%;
    flex-direction: column;
    flex-wrap: wrap;
    height: 5%;
    left: 0%;
    top: 20%;
  background-position: center;
}
#line2 {
	top: -15%;
}
#audio, #explore, #visit, #share {
	display: flex;
	width: 32%;
	height: 13%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}
#audio {
	background-image: url(../assets/menu_audio.png);
	top: 39%;
	left: 2%;
}
#audioOff, #audioOffSelect {
	display: none;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(../assets/menu_audio_select.png);
	width: 32%;
	height: 13%;
	top: 39%;
	left: 2%;
}
#audioOff {
	background-image: url(../assets/menu_audio_off.png);
}
#explore {
	background-image: url(../assets/menu_explore.png);
	left: 28%;
	top: 32%;
}
#exploreSelect {
	background-image: url(../assets/menu_explore_select.png);
	display: none;
	width: 32%;
	height: 13%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 28%;
	top: 32%;
}
#exploreCh1 {
	background-image: url(../assets/menu_explore_ch1.png);
	display: none;
	width: 32%;
	height: 13%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 54%;
    top: 39%;
}
#visit {
	background-image: url(../assets/menu_visit.png);
	left: 28%;
	top: 46%;
}
#share {
	background-image: url(../assets/menu_share.png);
	left: 2%;
	top: 53%;
}
#shareSelect {
	background-image: url(../assets/menu_share_select.png);
	left: 2%;
	top: 53%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	display: none;
	width: 32%;
    height: 13%;
}
#mainMenu {
    background-image: url(../assets/bg.jpg);
    background-size: cover;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    justify-content: center;
}
#logo {
	background-image: url(../assets/logo.png);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 57%;
    height: 13%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 11%;
}
#instructions_1, #instructions_2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 66%;
    height: 35%;
    top: 28%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../assets/menu_1.png);
}
#instructions_2 {
	background-image: url(../assets/a1_menu_2.png);
	display: none;
	left: 100%;
}
#launchCTA {
	background-image: url(../assets/launch_cta.png);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 67%;
    height: 6.2%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: 10%;
}
#launchCh1CTA, #launchCh2CTA, #launchCh3CTA {
	background-image: url(../assets/launch_cta_wht.png);
	top: 55%;
	display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 80%;
    height: 8%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#disc {
	background-image: url(..assets/disc.png);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 4%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: 2%;
}
#select_1, #select_2 {
	background-image: url(../assets/dot_1.png);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 13%;
    height: 1.2%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 66%;
}
#select_2 {
	background-image: url(../assets/dot_2.png);
	display: none;
}
#logo2 {
	background-image: url(../assets/logo2.png);
	display: none;
	width: 11%;
    height: 5%;
    top: 5%;
    right: 5%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
  z-index: 5;
}
#bottomMenu {
	display: none;
  width: 85%;
  height: 6.2%;
  justify-content: space-between;
  position: absolute;
  bottom: 3%;
  left: 7.5%;
  z-index: 5;
}
#labels {
  display: none;
  width: 85%;
  bottom: 1%;
  left: 7.5%;
  justify-content: space-between;
  height: 1.5%;
  position: absolute;
}
#menuLabel, #centerLabel {
    position: absolute;
    display: flex;
    background-image: url(../assets/menu.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 14%;
    height: 100%;
    right: 0%;
}
#centerLabel {
    background-image: url(../assets/center.png);
    width: 14%;
    height: 100%;
    left: 0%;
}
#menuBtn {
	background-image: url(../assets/menuBtn.png);
    display: flex;
    width: 14%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
}
#closeMenuBtn {
	background-image: url(../assets/menuBtnClose.png);
    width: 28%;
    height: 100%;
    right: 0%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
    position: absolute;
}
#centerARBtn {
	background-image: url(../assets/menu_AR_center.png);
    width: 14%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
}
#facebook, #linkedIn, #twitter {
	display: none;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 12.5%;
	height: 5%;
}
#facebook2, #linkedIn2, #twitter2 {
  display: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 20%;
  height: 53%;
}
#facebook, #facebook2 {
	background-image: url(../assets/menu_facebook.png);
	left: -1%;
	top: 67%;
}
#linkedIn, #linkedIn2 {
	background-image: url(../assets/menu_linkedin.png);
	left: -10%;
	top: 61%;
}
#twitter, #twitter2 {
	background-image: url(../assets/menu_twitter.png);
	left: 16%;
	top: 68%;
}
#facebook2 {
  left: 98%;
  top: 18%;
}
#linkedIn2 {
  left: 77%;
  top: -3%;
}
#twitter2 {
  left: 99%;
  top: 59%;
}
#chapterMenu, #chapterMenu2, #chapterMenu3 {
	display: none;
	position: absolute;
	width: 70%;
  height: 18%;
  left: 15%;
  top: 20%;
  justify-content: center;
  z-index: 1;
}
#learn {
	background-image: url(../assets/learnMore.png);
	position: absolute;
	display: none;
	width: 28%;
    height: 52%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0%;
    bottom: 0%;
    transform: rotateY(90deg);
  background-position: center;
}
#learn3 {
  background-image: url(../assets/learnMore_ch3.png);
	position: absolute;
	display: none;
	width: 34%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#share3 {
  width: 25%;
  height: 53%;
  right: 0%;
  bottom: 0%;
  position: absolute;
  background-image: url(../assets/share.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
  transform: rotateY(90deg);
  background-position: center;
}
#replay, #replay2, #replay3 {
	background-image: url(../assets/replay.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	position: absolute;
	width: 25%;
    height: 53%;
    left: 0%;
    bottom: 0%;
    transform: rotateY(90deg);
  background-position: center;
}
#replay3 {
  left: 0%;
}
#nextMenu, #nextMenu2 {
	background-image: url(../assets/next.png);
    position: absolute;
    width: 34%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
  background-position: center;
}
#fill {
    position: absolute;
    width: 34%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
  background-position: center;
}
#fillMenu {
	background-image: url(../assets/fill.png);
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	width: 23%;
  height: 100%;
  background-position: center;
}
#ch1 {
	background-image: url(../assets/menu_chapter_01.png);
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	width: 20%;
    height: 11%;
    top: 34%;
    left: 84%;
}
#ch2 {
	background-image: url(../assets/menu_chapter_02.png);
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	width: 20%;
    height: 8%;
    top: 47%;
    left: 82%;
}
#ch3 {
	background-image: url(../assets/menu_chapter_03.png);
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	width: 20%;
    height: 8%;
    top: 54%;
    left: 64%;
}
#chapters {
	background-image: url(../assets/bg_chapters.jpg);
	background-size: cover;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    justify-content: center;
}
#chapter1, #chapter2, #chapter3 {
	background-size: cover;
	display: none;
	width: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 30%;
    top: 20%;
    position: absolute;
}
#chapter1 {
	background-image: url(../assets/ch1_txt.png);
}
#chapter2 {
	background-image: url(../assets/ch2_txt.png);
}
#chapter3 {
	background-image: url(../assets/ch3_txt.png);
}
#backBtn {
	background-image: url(../assets/back.png);
	display: none;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 8%;
    height: 4%;
    left: 10%;
    top: 6%;
    z-index: 1;
}
#deployMRV {
	display: none;
  width: 100%;
  height: 14%;
  position: absolute;
  bottom: 9%;
  justify-content: center;
}
#fillMRV {
    position: absolute;
    width: 19%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    background-image: url(../assets/loader_mrv.gif);
}
#deploy {
	position: absolute;
	background-image: url(../assets/deploy.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 19%;
	height: 100%;
}