@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	text-size-adjust: none;
}

.theHolder {
	position:relative;
	left:0px;
	top:0px;
	width: 100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-size:1px;
	line-height:0px;
	background-color:#000;
}

.gameHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	box-sizing:border-box;
	display:none;
	background-color:#000;
}


.theHolder .gameHolder div:focus, .theHolder .gameHolder img:focus, .theHolder .gameHolder span:focus, .theHolder .gameHolder h1:focus {
	outline: none;
}


.screen {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	box-sizing:border-box;
	display:block;
}

.landingPage {
	
}

.landingPage .roomGraphic {
	position:absolute;
	left:-208px;
	top:0px;
	width:1440px;
	height:768px;
	background: rgb(1,2,6);
	background: linear-gradient(180deg, rgba(1,2,6,1) 0%, rgba(2,30,51,1) 50%, rgba(47,130,148,1) 100%);
	overflow:hidden;
	pointer-events:none;
}

.landingPage .stars {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	box-sizing:border-box;
	display:block;
}

.landingPage .theMoon {
	position:absolute;
	left:406px;
	top:163px;
	width:330px;
	height:368px;
	box-sizing:border-box;
	display:block;
}

.landingPage .theLogo {
	position:absolute;
	left:281px;
	top:163px;
	width:399px;
	height:263px;
	box-sizing:border-box;
	display:block;
}

.landingPage .sleepZ {
	position:absolute;
	display:block;
}

.landingPage .theCloud {
	position:absolute;
	left:-660px;
	top:374px;
	width:660px;
	height:254px;
	box-sizing:border-box;
	display:block;
}

.landingPage .theLandscape {
	position:absolute;
	left:-208px;
	top:651px;
	width:1440px;
	height:118px;
	box-sizing:border-box;
	display:block;
}

.landingPage .bottomText {
	position:absolute;
	left:175px;
	top:584px;
	width:673px;
	height:79px;
	box-sizing:border-box;
	display:block;
}

.landingPage .homeText {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:70px;
	box-sizing:border-box;
	display:block;
}

.landingPage .startButton {
	position:absolute;
	left:433px;
	top:683px;
	width:159px;
	height:40px;
	box-sizing:border-box;
	display:block;
	cursor:pointer;
	z-index:50;
}

.roomPage {
	background-image:none;
	background-size:1440px 768px;
	background-repeat:none;
	background-position:center top;
	z-index:100;
}

.roomPage .roomGraphic {
	position:absolute;
	left:-208px;
	top:0px;
	width:1440px;
	height:768px;
	pointer-events:none;
}

.roomPage .roomButton {
	position:absolute;
	display:inline-block;
	background-color:#ff0000;
	cursor:pointer;
}

.roomPage .windowButton {
	background-color:#5BE01F;
}

.roomPage .chipsButton {
	background-color:#5A97D9;
}

.roomPage .monitorButton {
	background-color:#E3DB3E;
}

.roomPage .phoneButton {
	background-color:#B729DC;
}

.roomPage .clockButton {
	background-color:#E36B12;
}

.roomPage .bedButton {
	background-color:#11E7E9;
}

.roomPage .glowClass {
	position:absolute;
	display:inline-block;
	pointer-events:none;
}

.roomPage .popup {
	position:absolute;
	box-sizing:border-box;
	display:inline-block;
	background-repeat:none;
	background-position:left top;
	-webkit-user-select:text;
	-ms-user-select:text;
	user-select:text;
}

.selectionArea {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:inline-block;
}

.roomPage .popup .topText {
	position:absolute;
	display:inline-block;
	text-align:left;
	color:#000;
	/*font-family:MuseoSans-700;*/
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:18px;
	line-height:24px;
	height:auto;
}

.roomPage .popup .topText h2 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	/*font-family:MuseoSans-900;*/
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:21px;
	line-height:25px;
}

.roomPage .popup .bottomTextHolder {
	position:absolute;
	display:inline-block;
	overflow:hidden;
	pointer-events:none;
}

.roomPage .popup .bottomTextHolder .bottomCopy {
	position:absolute;
	left:0px;
	top:0px;
	width: calc(100% - 56px);
	height:auto;
	display:inline-block;
	color:#000;
	/*font-family:MuseoSans-300;*/
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height:24px;
	box-sizing:border-box;
	margin-left:28px;
	padding-top:4px;
	text-align:left;
	pointer-events:auto;
}

.roomPage .popup .bottomTextHolder .bottomCopy p {
	margin:0px;
	padding:0px;
	margin-top:8px;
}

.roomPage .popup .bottomTextHolder .bottomCopy p strong {
	font-weight:normal;
	/*font-family:MuseoSans-700;*/
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

.roomPage .popup .bottomTextHolder .bottomCopy .sourceText {
	/*font-family:MuseoSans-100;*/
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:18px;
	margin-top:8px;
	display:inline-block;
}

.roomPage .popup .bottomTextHolder .bottomCopy .sourceText i {
	font-style:normal;
	/*font-family:MuseoSans-100Italic;*/
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-style:italic;
}

.roomPage .chipsPopup {
	left:39px;
	top:7px;
	width:567px;
	height:404px;
	background-image:url(images/popups_chips.png);
	background-size:567px 404px;
}

.roomPage .chipsPopup .topText {
	left:257px;
	top:30px;
	width:210px;
}

.roomPage .chipsPopup .bottomTextHolder {
	left:0px;
	top:158px;
	width:567px;
	height:221px;
}

.roomPage .bedPopup {
	left:39px;
	top:7px;
	width:524px;
	height:622px;
	background-image:url(images/popups_bed.png);
	background-size:524px 622px;
}

.roomPage .bedPopup .topText {
	left:213px;
	top:30px;
	width:250px;
}

.roomPage .bedPopup .bottomTextHolder {
	left:0px;
	top:177px;
	width:497px;
	height:445px;
}

.roomPage .clockPopup {
	left:124px;
	top:0px;
	width:525px;
	height:453px;
	background-image:url(images/popups_clock.png);
	background-size:525px 453px;
	overflow:hidden;
}

.roomPage .clockPopup .topText {
	left:212px;
	top:33px;
	width:250px;
}

.roomPage .clockPopup .bottomTextHolder {
	left:0px;
	top:177px;
	width:497px;
	height:276px;
}

.roomPage .clockPopup .catPaw {
	position:absolute;
	left:0px;
	top:0px;
	width:69px;
	height:81px;
	display:inline-block;
}

.roomPage .clockPopup .clock {
	position:absolute;
	left:31px;
	top:47px;
	width:137px;
	height:81px;
	display:inline-block;
}

.roomPage .phonePopup {
	left:345px;
	top:0px;
	width:567px;
	height:360px;
	background-image:url(images/popups_phone.png);
	background-size:567px 360px;
}

.roomPage .phonePopup .topText {
	left:287px;
	top:31px;
	width:250px;
}

.roomPage .phonePopup .bottomTextHolder {
	left:27px;
	top:157px;
	width:540px;
	height:199px;
}

.roomPage .windowPopup {
	left:303px;
	top:0px;
	width:566px;
	height:354px;
	background-image:url(images/popups_window.png);
	background-size:566px 354px;
}

.roomPage .windowPopup .topText {
	left:274px;
	top:31px;
	width:275px;
}

.roomPage .windowPopup .bottomTextHolder {
	left:26px;
	top:177px;
	width:540px;
	height:177px;
}

.roomPage .monitorPopup {
	left:428px;
	top:0px;
	width:566px;
	height:428px;
	background-image:url(images/popups_monitor.png);
	background-size:566px 428px;
}

.roomPage .monitorPopup .topText {
	left:290px;
	top:31px;
	width:250px;
}

.roomPage .monitorPopup .bottomTextHolder {
	left:26px;
	top:177px;
	width:540px;
	height:251px;
}

.roomPage .pillowsPopup {
	left:496px;
	top:0px;
	width:498px;
	height:428px;
	background-image:url(images/popups_pillows.png);
	background-size:498px 428px;
}

.roomPage .pillowsPopup .topText {
	left:274px;
	top:31px;
	width:190px;
}

.roomPage .pillowsPopup .bottomTextHolder {
	left:0px;
	top:159px;
	width:498px;
	height:244px;
}


.roomPage .cat {
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
	display:block;
}

.roomPage .dancing_cat {
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
	display:block;
}

.roomPage .dancing_cat .dancing_catHolder {
	position:absolute;
	left:-45px;
	top:-120px;
	width:89px;
	height:120px;
	display:block;
}

.roomPage .dancing_cat .dancing_catHolder .dancing_catItem {
	position:absolute;
	left:0px;
	top:0px;
	width:89px;
	height:120px;
	display:block;
}

.roomPage .dancing_cat .dancing_catHolder {
	position:absolute;
	left:-45px;
	top:-120px;
	width:89px;
	height:120px;
	display:block;
}

.roomPage .dancing_cat .spotlight {
	position:absolute;
	left:-98px;
	top:-768px;
	width:196px;
	height:768px;
	display:block;
}

.roomPage .cat .catHolder {
	position:absolute;
	left:-53px;
	top:-105px;
	width:91px;
	height:105px;
	display:block;
}

.roomPage .cat .catHolder .catItem {
	position:absolute;
	left:0px;
	top:0px;
	width:91px;
	height:105px;
	display:block;
}

.roomPage h1 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:absolute;
	right:30px;
	top:36px;
	width:495px;
	height:auto;
	display:inline-block;
	/*font-family:MuseoSans-700;*/
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:20px;
	line-height:24px;
	color:#FFF;
	text-align:center;
}

.roomPage h1 .h1Top {
	/*font-family:MuseoSans-900;*/
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:24px;
	color:#00dde0;
}

.roomPage h1 i {
	font-style:normal;
	/*font-family:MuseoSans-900Italic;*/
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-style:italic;
}

.roomPage h1 .theNum {
	position:relative;
	left:0px;
	top:0px;
	display:inline-block;
}

#container {
  width: 150px;
  height: 150px;
  position: absolute;
  left:50%;
  top:50%;
  margin-top:-75px;
  margin-left:-75px;
}

.roomPage .starHolder {
	position:absolute;
	bottom:22px;
	left:35px;
	width:275px;
	height:44px;
	display:block;
	background-image:url(images/star_bar.png);
	background-size: 275px 44px;
	background-position:left top;
	background-repeat:no-repeat;
}

.roomPage .starHolder .starClass {
	position:absolute;
	left:0px;
	top:0px;
	width:33px;
	height:32px;
	display:block;
}

.roomPage .yellowStar {
	position:absolute;
	left:0px;
	top:0px;
	width:33px;
	height:32px;
	display:block;
	margin-left:-16px;
	margin-top:-16px;
	z-index:10;
}

.roomPage .starHolder .starClass1 {
	left:15px;
	top:5px;
}

.roomPage .starHolder .starClass2 {
	left:50px;
	top:5px;
}

.roomPage .starHolder .starClass3 {
	left:85px;
	top:5px;
}

.roomPage .starHolder .starClass4 {
	left:120px;
	top:5px;
}

.roomPage .starHolder .starClass5 {
	left:155px;
	top:5px;
}

.roomPage .starHolder .starClass6 {
	left:190px;
	top:5px;
}

.roomPage .starHolder .starClass7 {
	left:225px;
	top:5px;
}

.endMessage {
	position:absolute;
	left:0px;
	top:0px;
	width:314px;
	height:90px;
	display:block;
	z-index:10;
}
.searchAgain {
	position:absolute;
	left:429px;
	bottom:61px;
	width:167px;
	height:33px;
	display:block;
	z-index:10;
	cursor:pointer;
}

.soundButton {
	position:absolute;
	right:10px;
	bottom:10px;
	width:37px;
	height:auto;
	display:block;
	cursor:pointer;
}

body > div:nth-child(1) > div.nav.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--23.aem-GridColumn--offset--default--0 {
	min-height:70px;
}
