#legoLogo {
    position: absolute;
    z-index: 99999;	
}

#endGameHolder {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url(../images/backgroundGrain.png), url(../images/backgroundGrainPink.png);
	background-position: center bottom, center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}     

#endGameHeader {
	width: 100%;
	height: 55px;
	background-color: #fff;
	background-image: url(../images/zigzagHeader.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}

#levelName {
	width: 121px;
	height: 34px;
	margin-top: 8px;
	padding-top: 14px;
	padding-left: 24px;
	color: #E6D455;
	display: inline-block;
	background-image: url(../images/levelNameHolder.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#endGameContents {
	height: 100%;
	padding-top: 40px;
	text-align: center;
	color: #fff;
}

#endGameContents #nextLevel {
	font-size: 4vw;
	padding: 10px;
}

#endGameContents #expiresInTime {
	width: 80%;
	margin-left: 10%;
	padding: 10px;
	font-size: 21px;
	color: #91ff67;
}

#setReminder {
	margin-top: 10px;
	height: 50px;
	background-image: url(../images/setReminderPanel.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 26px;
	padding-right: 10px;
	padding-top: 15px;
	font-size: 13px;
}
#setReminderText {width: 100px;}
#addBookmarkText {width: 100px;}

#addBookmark {
	margin-top: 10px;
	height: 50px;
	background-image: url(../images/setBookmarkPanel.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 26px;
	padding-right: 10px;
	padding-top: 15px;
	font-size: 13px;
}

#connectToWifi {
	padding-top: 4vh;
	margin-left: 100px;
	margin-right: 20px;
	font-size: 14px;
	text-align: left;
}

#btnPlayMore {
	text-align: center;
	width: 100%;
	font-size: 18px;
	margin-top: 26px;
	height: 70px;
	overflow: visible;
	background-image: url(../images/playMoreButton.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 22px;
	color: #fff;
}


#pageTitle {
margin-top: 10vh;
margin-bottom: 30px;
text-align: center;
font-size: 26px;
font-style: normal;
}

.tabOn {        
}

#tab_Collection {
background-image: url(../images/tabCollection.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#tab_Collection.tabOn {
background-image: url(../images/tabCollection_On.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#tab_NextLevel {
background-image: url(../images/tabNextLevel.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#tab_NextLevel.tabOn {
background-image: url(../images/tabNextLevel_On.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#tab_HiddenSide {
background-image: url(../images/tabHiddenSide.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#tab_HiddenSide.tabOn {
background-image: url(../images/tabHiddenSide_On.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#ghostsHolder {
text-align: center;
width: 100%;        
}

.ghostCapturedSquare {
	width: 30%;
	height:30vw;    
	display: inline-block;
	margin-bottom: 0px;	
	font-size: 12px;
	opacity: 0.25;
	position: relative;
}

.ghostCapturedSquare #ghost {
	position: absolute;
	left: 0;
	top: 0;	
}

.ghostCapturedSquare #tick {
	position: relative;
	height: 40px;
	width: 40px;
	left: 19vw;
	top: 19vw;
	display: none;
}

.ghostCapturedSquare.tickOn #tick {
	display: block;
}

.ghostCapturedSquare img {
	width: 100%;
	height: auto;
}

.ghostCapturedSquare.tickOn {
	opacity: 1;
}

/*#ghostCaptain {
	background-image: url();
}

#ghostMrNipps {
background-image: url(../images/bossEndTile_Ghostt_Baseball.png);        
}

#ghostSpewer {
background-image: url(../images/bossEndTile_Ghostt_Baseball.png);
}

#ghostNanny {
background-image: url(../images/bossEndTile_Ghostt_Baseball.png);        
}*/



#page_Collection {
position: absolute;
top: 0;
background-image: url(../images/endGameSchoolBackground.png);
background-repeat: no-repeat;
background-size: contain;
height: 100%;
width: 100%;        
display: none;
}

#page_NextLevel {
position: absolute;
top: 0;
background-image: url(../images/endGameSchoolBackground.png);
background-repeat: no-repeat;
background-size: contain;
height: 100%;
width: 100%;
display: none;
}

#page_HiddenSide {
position: absolute;
top: 0;
background-image: url(../images/endGameSchoolBackground.png);
background-repeat: no-repeat;
background-size: contain;        
height: 100%;
width: 100%;
display: none;
}

#middleBoxNextLevel {
position: relative;
width: 80vw;
height: 60vw;
margin: auto;
margin-top: 2vh;
margin-bottom: 10px;     
}

#middleBoxLevel_Captain {
background-image: url(../images/levelTile_Boat.png);
background-repeat: no-repeat;
background-size: cover;           
}

#middleBoxLevel_Nanny {
background-image: url(../images/levelTile_Graveyard.png);
background-repeat: no-repeat;
background-size: cover;           
}

#middleBoxLevel_Sludge {
background-image: url(../images/levelTile_SchoolBus.png);
background-repeat: no-repeat;
background-size: cover;           
}

#middleBoxLevel_MrNibbs {
background-image: url(../images/levelTile_School.png);
background-repeat: no-repeat;
background-size: cover;           
}

#endGameActionButtons {
display: flex;
justify-content: space-between;
padding-left: 40px;
padding-right: 40px;
}

.endActionButton {
width: 50%;
}

#middleBoxHiddenSide {        
	width: 90vw;
	height: 67vw;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 10px;
}

#endGameSetImages {
	display: flex;
	justify-content: space-between;
	padding-left: 5vw;
	padding-right: 5vw;        
}

.endGameSetImage {
	height: 15vw;
	width: 19vw;
	margin: 2px;
}

#endGameConversation {
	margin-top: 30px;
	background-image: url(../images/pinkTextBanner_endGame.png);
	background-repeat: no-repeat;
	background-size: cover; 
	height: 110px;
}

#conversationIcon {
	float: left;
	margin-top: 27px;
	margin-left: 25px;
}

#noWiFi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 20vw;
	color: #91ff67;
	pointer-events: none;
	display: none;
}

#gotWiFi_MainText {
	margin-top: 20px;
	border-top: 5px solid #444;
	border-bottom: 5px solid #444;
	height: 88px;
	width: 100%;
	text-align: left;
	display: none;
	padding-left: 20px;
}

#gotWiFi_MainText img {
	float: left;
	margin-right: 15px;        
}

.swipe-view {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-coordinate: 0 0;
	scroll-snap-points-x: repeat(100%);
	scroll-snap-type: mandatory;
	flex: 1;
	display:flex;
	-webkit-overflow-scrolling: touch;        
}

.mibbleBoxSection {
	width: 100%;
	height: 100%;
	flex:0 0 100%;
	scroll-snap-align: start;

	text-align: center;
	padding-top: 20px;
	font-size: 18px;
}

.mibbleBoxSection .pinkGradient {
	background-image: url(../images/levelTile_gradient.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: 0% 90%;
	width: 100%;
	height: 100%;
    padding-top: 40%;
}

#middleBoxLevel_schoolHouse {
background-image: url(../images/setEndTile_SchoolHouse.png);
background-repeat: no-repeat;
background-size: cover;

}
#middleBoxLevel_graveyard {
background-image: url(../images/setEndTile_Graveyard.png);
background-repeat: no-repeat;
background-size: cover;  
}
#middleBoxLevel_shipwreck {
background-image: url(../images/setEndTile_Shipwreck.png);
background-repeat: no-repeat;
background-size: cover;
}
#middleBoxLevel_schoolBus {
background-image: url(../images/setEndTile_SchoolBus.png);
background-repeat: no-repeat;
background-size: cover;
}
#middleBoxLevel_ghostlab {
background-image: url(../images/setEndTile_GhostLab.png);
background-repeat: no-repeat;
background-size: cover;
}
#middleBoxLevel_ghosttrain {
background-image: url(../images/setEndTile_GhostTrain.png);
background-repeat: no-repeat;
background-size: cover;  
}
#middleBoxLevel_shrimpshack {
background-image: url(../images/setEndTile_ShrimpShack.png);
background-repeat: no-repeat;
background-size: cover;
}
#middleBoxLevel_stunttruck {
background-image: url(../images/setEndTile_StuntTruck.png);
background-repeat: no-repeat;
background-size: cover;
}

.bottomTab {
	width: 33%;        
  	height: 100%;	
	padding-top: 66px;
	color: #adf363;
	font-size: 12px;
}



#videoHolder, #videoHolder_Menu {
  position:absolute;
  z-index:9999;
  top:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.7);
}

#videoHolder_Menu {
  background-color: transparent;
}

#videoPlayer, #videoPlayer_Menu {
  width:100%;
  height:85%;
  pointer-events: all;
}

#videoPlayer_Menu {
  height: 95%;
}


/* iPhne 6 and below */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

	#endGameHolder {
		background-size: 100%;
	}

	#middleBoxNextLevel {
		height: 190px;
		margin-bottom: 5px;
		margin-top: 25px !important;
	}

	#middleBoxHiddenSide {
		margin-top: 60px;
	}

	#btnPlayMore {
		margin-top: 5px;
	}

	#endGameConversation {
		margin-top: 10px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 80px;	
	}

	#connectToWifi {
		padding-top: 2.5vh;
		line-height: 1.1;
	}

	#conversationIcon {
		margin-top: 15px;
	}
	#conversationIcon img {
		width: 50px;
		height: auto;
	}


	}