/* CSS Document */
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
}


#mobileMenuList{
	display:none;
}
#mobileMenu{
	display:none;
}

#partHead{
	position:fixed; 
	display: grid;
	width:90vw; 
	background:#FFF; 
	height:19.7vh;
	z-index:5;
}
.fasilHotelGray{
	position:relative;
	color:#FFF;  
	box-sizing:border-box; 
	left:0; 
	top:0; 
	height:3vh;
	z-index:1;
	background-color:#47271A; 
	width:99vw;
	background-color:#646568;
}
.fasilHotelGrayTitle{
	position:relative;  
	z-index:2;
    font-family:Open Sans; 
	font-weight:bold;
	margin-top: -2vh;
}
 .fasilHotelGrayTitle a{ 
	 font-family:Open Sans; 
	 font-size:13px; 
	 font-weight:bold; 
	 color:#FFFFFF; 
	 text-decoration:none;}
.fasilHotelGrayTitle{
	left:1%; 
	top:1em;
	font-size:1em;
	text-indent:-5em;
	line-height:1;
	display: grid;
	grid-template:3vh/37.5vw 10vw 42vw;
}
.fasilHotelGrayTitle article{
	display: grid;
	grid-column:auto;
	grid-row:1;
	color: #FFF;
	font-size:0.85em;
	justify-self:flex-end;
}

 #logoArea{
	 position:relative; 
	 display:grid;
	 float:left; 
	 left:15%; 
	 top:-2.9vh; 
     box-sizing:border-box; 
	 grid-template:17.2vh/31vw 60vw;
	 z-index:3;
}
		#logoInside{
			position:relative; 
			display: grid;
			height:18.8vh; 
			width:10vw;
			background-color:#47271A; 
			text-align:center; 
			color:#976E40;
			grid-template:11.5vh 4vh/10vw;
		}
		#logoInside span:nth-child(1)
		{
			display: grid;
			grid-column:1;
			grid-row:1;
		}
		#logoInside span:nth-child(2)
		{
			display: grid;
			grid-column:1;
			grid-row:2;
		}
		#logoInside img{
			height:10vh; 
			width:10vw;
		}

		 #logoArea .topLink{
			 display:grid;
			 grid-column:2;
			 grid-row:1;
			 grid-template:2vh/8vw 6vw 8vw 5vw 8vw 10vw; 
			 grid-auto-flow:column;
			 min-width:65vw;
			 max-width:65vw;
			 padding-left:10vw; 
			 text-decoration:none; 
			 font-size:12px; 
			 font-weight:bold; 
			 margin-top:13vh;
		}
		.topLink article{
			display: grid;
			grid-column:auto;
			grid-row:1;
		}

		 .topLink a{
			 text-decoration:none; 
			 color:#766b67; 
		}
		 .topLink a:hover{
			 color:#FF7200;
		}
		#logoArea .currentPage a{color:#FF7200;}

#mainAreaRoom{ 
	position:relative;
	display: grid;
	width:80vw; 
	height:100vh;
  	top:19vh; 
	left:15vw;
	grid-template:70vh 30vh/90vw;
	grid-row-gap:1vh;
	}
#mainAreaRoom img{
	display: grid;
	grid-column:1;
	grid-row:1;
	left:0px;
	width:75vw; 
	height:70vh;
	z-index: 1;
}
.roomPageResBar{
	display: grid;
	grid-column:1;
	grid-row:2;
	margin-top: -11vh;
	margin-left: 15vw;
	z-index: 1;
}

#reservationBarAll{
	display: grid;
	grid-column:auto;
	grid-row:4;
	top: 19vh;
	left:15vw; 
	width:75vw; 
	height:8vh; 
	z-index:14;
	grid-template:5vh/80vw;
}
		#reservationBarAll>form{
			display: grid;
			grid-column:1;
			grid-row:1;
			margin-left: 10vw;
			grid-template:8vh/5vw 15vw 12vw 29vw;
		}
		#reservationBarAll>form>div{
			display: grid;
			grid-column:auto;
			grid-row:1;
			justify-self:flex-end;
			height:8vh;
		}
		#reservationBarAll>form #orangeAreaFirstCol{
			display: grid;
			z-index:1;
			margin-left: 2vw;
			grid-template:5vh/10vw 5vw;
			justify-self:flex-end;
			align-self:flex-end;
			border-right: #000 thin solid;
		}
 		#reservationBarAll>form #orangeAreaFirstCol img{
			display: grid;
			margin-left:0vw; 
			margin-top:2vh; 
			z-index:2;
			width: 3vw;
			height: 5vh;
		}
		 #reservationBarAll>form #checkDate{
			 display: grid;
			 grid-column:2;
			 margin-left: -8vw;
			 margin-top: -2vh;
		}
		.textAreaPos1{
			display: grid;
		}	
		.textAreaStyle{
			background-color:#731400; 
			color:#FFF; 
			font-size:12px; 
			text-align:center; 
			border:none; 
			height:5vh; 
			width:8vw;
			margin-top:2vh; 
			margin-left: 2vw;
		}
		#reservationBarAll>form #orangeAreaSecondCol{
			display: grid;
			z-index:1;
			margin-left: 2vw;
			grid-template:5vh/10vw 5vw;
			justify-self:flex-end;
			align-self:flex-end;
			border-right: #000 thin solid;
		}
 		#reservationBarAll>form #orangeAreaSecondCol img{
			display: grid;
			margin-left:0vw; 
			margin-top:2vh; 
			z-index:2;
			width: 3vw;
			height: 5vh;
		}
		 #reservationBarAll>form #checkOutDate{
			 display: grid;
			 grid-column:2;
			 margin-left: -7vw;
			 margin-top: 0vh;
		}
		#reservationBarAll>form #orangeAreaThirdCol{
			display: grid;
			z-index:1;
			margin-left: 2vw;
			grid-template:5vh/10vw;
			justify-self:flex-end;
			align-self:flex-end;
		}
			 #orangeAreaThirdCol a{ 
				 width:15vw; 
				 height:4vh;
				 margin-top: 2vh;
				 text-align:center; 
				 padding-top: 0.5vh;
				 background-color:#FBCB6B;  
				 color:#000; 
				 text-decoration:none; 
				 font-weight:bold; 
				 border:#FFFFFF thin solid; 
					   } 
				#orangeAreaThirdCol a:hover{
					background: -webkit-linear-gradient(bottom, #FBCB6B, #F8F5EC);
					background: -o-linear-gradient(bottom,#FBCB6B, #F8F5EC);
					background: -moz-linear-gradient(bottom,#FBCB6B, #F8F5EC); 
					background: linear-gradient(bottom, #FBCB6B, #F8F5EC);
					background-color:#F8F5EC; 
				   } 
		#reservationBarAll>form #orangeAreaFourthCol{
			display: grid;
			z-index:1;
			margin-left: 2vw;
			grid-template:5vh/10vw 10vw;
			justify-self:flex-end;
			align-self:flex-end;
			grid-column-gap:1vw;
		}
			#reservationBarAll>form #orangeAreaFourthCol>b{
				display: grid;
				color: #FFF;
				left:0vw; 
				margin-top: 2vh;
	 			font-size:22px; 
				font-style:italic;
			}

	 .orangeColor{
		 background-color:#FF7200;
		background: -webkit-linear-gradient(top, #FF7200, #F24100);    
		 background: -o-linear-gradient(top,#FF7200, #F24100);
		background: -moz-linear-gradient(top,#FF7200, #F24100);    
		 background: linear-gradient(top, #FF7200, #F24100);
	}

	
 .colRighBorder{border-right:solid thin #512316;}
 .colPositionImg{position:relative;}

#homeAnimArea{
	position: relative;
	display: grid;
	grid-template:69vh 10vh/auto;
}
#aboutAnimArea{
	position: relative;
	display: grid;
	grid-template:91vh 10vh/auto;
}

	#mainAreaHome{
		position:relative;
		display: grid;
	    grid-column:1;
		grid-row:1;
		width:75vw; 
		height:78vh; 
		top:22vh; 
		left:15vw;
	}
		#mainAreaHome img{
			position:absolute; 
			left:0px; 
			margin-top: 0vh;
			width:75vw; 
			height:77vh; 
			transition:opacity 1s ease-in-out;
			-webkit-transition:opacity 1s ease-in-out;
			-moz-transition:opacity 1s ease-in-out;
			-o-transition:opacity 1s ease-in-out;
			animation-name:mainAreaHomeFadeIn;
			animation-duration:16s; 
			animation-iteration-count:infinite;
		}	
		@keyframes mainAreaHomeFadeIn{
			0%{opacity:1; }
			17%{opacity:1;}
			25%{opacity:0;}
			92%{opacity:0;}
			100%{opacity:1;}
		}
		#mainAreaHome img.fstPic{animation-delay:12s; z-index:1; }
		#mainAreaHome img.sndPic{animation-delay:8s; z-index:1;}
		#mainAreaHome img.thdPic{animation-delay:4s; z-index:1;}
		#mainAreaHome img.frthPic{animation-delay:0s; z-index:1;}

		#homeAnimBoxes{
			display: grid;
			grid-column:1;
			grid-row:1;
			margin-top: 29vh;
			grid-template:auto/auto;
			grid-row-gap:3vh;
		}
		#homeAnimBoxes div{
			display: grid;
			background-color:#E24100; 
			width:20vw; 
			height:17.5vh; 
			z-index:3;
			margin-left: 5vw;
			grid-template:10vh/10vw 10vw;
		}
		#homeAnimBoxes div>span{
			display: grid;
			grid-column:1;
			grid-row:1;
			color: #FFF;
			text-align: center;
			font-size: 0.6em;
			padding-top: 5vh;
		}
		#homeAnimBoxes div>img{
			display: grid;
			grid-column:2;
			grid-row:1;
			height:17.5vh; 
			width:12.7vw; 
			left:10.2vw; 
			top:-19.2vh;
		}

#mainAreaAbout{
		position:relative;
		display: grid;
	    grid-column:1;
		grid-row:1;
		width:75vw; 
		height:78vh; 
		top:10vh; 
		left:15vw;
		z-index: 2;
	}
		#mainAreaAbout img{
			position:absolute; 
			left:0px; 
			margin-top: 0vh;
			width:75vw; 
			height:87vh; 
			transition:opacity 1s ease-in-out;
			-webkit-transition:opacity 1s ease-in-out;
			-moz-transition:opacity 1s ease-in-out;
			-o-transition:opacity 1s ease-in-out;
			animation-name:mainAreaAboutFadeIn;
			animation-duration:16s; 
			animation-iteration-count:infinite;
			z-index: 1;
		 }	

		@keyframes mainAreaAboutFadeIn{
			0%{opacity:1; }
			6%{opacity:0.9;}
			14%{opacity:0.9;}
			20%{opacity:0.9;}
			50%{opacity:0;}
			80%{opacity:0.9;}
			86%{opacity:0.9;}
			100%{opacity:1;}
		}
		#mainAreaAbout img.sndPic{animation-delay:15s; z-index:1; }
		#mainAreaAbout img.fstPic{animation-delay:0s; z-index:1;}
  
#mainAreaAbout #aboutTitleOnPic{
	display: grid;
	z-index: 3;
	font-size: 5em;
	color: #FFF;
	margin-top: 26vh;
	margin-left: 2vw;
	font-family:"Lucida Console", Monaco, monospace; font-weight:bold;
}

#aboutDetails{
	display: grid;
	grid-template:12vh 30vh 2vh/36vw 45vw;
	margin-left:15vw; 
	top:38em; 
	width:70vw; 
	}
#aboutDetails img{
	display: grid;
	grid-column:2;
	grid-row:1/span 2;
	width:40vw; 
	height:35vh; 
	top:-41em;
	}
#aboutDetails span{
	display: grid;
	grid-column:1;
	grid-row:2;
	font-size: 1.2em;
	color:#766b67;
}	
#aboutDetails #aboutTitle{
	display: grid;
	grid-column:1;
	grid-row:1;
	top:6em; 
	font-size:2em;
	color:#766b67;

}
#aboutDetails #pictitle2{
	display: grid;
	grid-column:2;
	grid-row:3;
	margin-top: -5vh;
	text-align: center;
	font-size:1.6em;
	color:#766b67;

}
#aboutContent{ font-size:1em;} 

#picturesOnAbout{
	display: grid;
	grid-template:50/65vw;
	margin-left:15vw; 
	margin-top: 10vh;
	width:70vw; 
	}
#picturesOnAbout img{
	display: grid;
	grid-column:1;
	grid-row:1;
	width:75vw; 
	height:75vh; 
	top:0em;
	}

		#mainText{
			position:relative;
			display:grid;
			grid-column:1;
			grid-row:2;
			background-color:#512316; 
			opacity:0.7;  
			color:#FFF; 
			top:21vh; 
			left:15vw; 
			z-index:3;	   
			width:75vw; 
			height:9vh; 
			font-size:26px;
		}


		@keyframes mainAreaHomeFadeInText{
			0%{opacity:1; }
			17%{opacity:1;}
			25%{opacity:0;}
			92%{opacity:0;}
			100%{opacity:1;}
		}	   
		.textChange{position:absolute; margin-left:2px; float:left;
			opacity:0;
		 transition:opacity 1s ease-in-out;
			   -webkit-transition:opacity 1s ease-out;
			   -moz-transition:opacity 1s ease-out;
			   -o-transition:opacity 1s ease-out;
			   transition:opacity 1s ease-out;
				animation-name:mainAreaHomeFadeInText;
				 animation-duration:16s;
				 animation-iteration-count:infinite;}	   

		 .fstTxt{animation-delay:0s;	 z-index:1;}

		 .secondTxt{animation-delay:4s;	 z-index:1;}	
		.thirdTxt{animation-delay:8s;	 z-index:1;	}			


		.fourthTxt {animation-delay:12s;	 z-index:1;}


#homeRooms{
	display: grid;
	grid-column:auto;
	grid-row:auto;
	margin-top: 20vh;
	grid-template:auto/auto;
	grid-row-gap:1vh;
	grid-auto-rows:50vh;
}
	#homeRooms #middleTopLeft, #homeRooms #middleLowerLeft{
		display: grid;
		margin-left: 15vw;
		margin-top: 7vh;
		grid-template:40vh/37vw 37vw;
		grid-column-gap:1vw; 
	}
	#homeRooms #middleTopLeft>article, #homeRooms #middleLowerLeft>article{
		display: grid;
		background-color:#512316;
		width:37vw; 
		height:40vh;
		grid-template:40vh/12vw 33vw;
		grid-auto-flow:column;
	}
	#middleTopLeft>article span, #middleLowerLeft>article span{
		display: grid;
		grid-column:1;
		grid-row:1;
		height: 20vh;
		width: 8vw;
		margin-left: 2vw;
		border-bottom:#FBD383 medium solid;
		padding-top: 11vh;
		text-align: center;
	}
		#middleTopLeft>article span>a, #middleLowerLeft>article span>a{
			text-decoration: none;
			color: #FFF;
		}
	#middleTopLeft>article img, #middleLowerLeft>article img{
		display: grid;
		grid-column:2;
		grid-row:1;
		width: 25vw;
		height: 40vh;
	}
		#homeRooms #middleTopSuite{
				display: grid;
				margin-left: 15vw;
				margin-top: 7vh;
				grid-template:40vh/74vw;
				grid-column-gap:1vw; 
		}
		#homeRooms #middleTopSuite>article{
			display: grid;
			background-color:#512316;
			width:75vw; 
			height:40vh;
			grid-template:40vh/12vw 63vw;
			grid-auto-flow:column;
		}
	#middleTopSuite>article span{
		display: grid;
		grid-column:1;
		grid-row:1;
		height: 20vh;
		width: 8vw;
		margin-left: 2vw;
		border-bottom:#FBD383 medium solid;
		padding-top: 11vh;
		text-align: center;
	}
		#middleTopSuite>article span>a{
			text-decoration: none;
			color: #FFF;
		}
	#middleTopSuite>article img{
		display: grid;
		grid-column:2;
		grid-row:1;
		width: 63vw;
		height: 40vh;
	}

/* family room */
		#homeRooms #middleTopFamily{
				display: grid;
				margin-left: 15vw;
				margin-top: 7vh;
				grid-template:40vh/74vw;
				grid-column-gap:1vw; 
		}
		#homeRooms #middleTopFamily>article{
			display: grid;
			background-color:#512316;
			width:75vw; 
			height:40vh;
			grid-template:40vh/12vw 63vw;
			grid-auto-flow:column;
		}
	#middleTopFamily>article span{
		display: grid;
		grid-column:1;
		grid-row:1;
		height: 20vh;
		width: 8vw;
		margin-left: 2vw;
		border-bottom:#FBD383 medium solid;
		padding-top: 11vh;
		text-align: center;
	}
		#middleTopFamily>article span>a{
			text-decoration: none;
			color: #FFF;
		}
	#middleTopFamily>article img{
		display: grid;
		grid-column:2;
		grid-row:1;
		width: 63vw;
		height: 40vh;
	}
/* end of family room */

#homeLongSections{
	display: grid;
	grid-column:auto;
	grid-row:auto;
	margin-top: -5vh;
	grid-template:57vh 57vh 57vh 57vh 57vh 7vh/auto;
	grid-row-gap:5vh;
}

	#homeLongSections #restaurantBar, #homeLongSections #meetingEvent, #homeLongSections #managementServices, #homeLongSections #about, #homeLongSections #nature{
		display: grid;
		margin-left: 15vw;
		margin-top: 7vh;
		grid-template:55vh/37vw 37vw;
		grid-column-gap:1vw; 
	}
	#homeLongSections #restaurantBar>article, #homeLongSections #meetingEvent>article, #homeLongSections #managementServices>article, #homeLongSections #about>article, #homeLongSections #nature>article{
		display: grid;
		background-color:#512316;
		width:75vw; , 
		height:55vh;
		grid-template:40vh/22vw 33vw;
		grid-auto-flow:column;
	}
	#restaurantBar>article span, #meetingEvent>article span, #managementServices>article span, #about>article span, #nature>article span{
		display: grid;
		grid-column:1;
		grid-row:1;
		height: 30vh;
		width: 18vw;
		margin-left: 2vw;
		border-bottom:#FBD383 medium solid;
		padding-top: 11vh;
		text-align: center;
		font-size: 2.5em;
	}
		#restaurantBar>article span>a, #meetingEvent>article span>a, #managementServices>article span>a, #about>article span>a, #nature>article span>a{
			text-decoration: none;
			color: #FFF;
		}
	#restaurantBar>article img, #meetingEvent>article img, #managementServices>article img, #about>article img, #nature>article img{
		display: grid;
		grid-column:2;
		grid-row:1;
		width: 53vw;
		height: 55vh;
	}

.footerClass{
	display:grid;
	width:99vw; 
	height:60vh; 
	left:0px; 
	margin-top:10vh; 
	overflow:hidden;
	color:#FFFFFF; 
	background-color:#512316; 
	text-align:center;
	grid-template:30vh 30vh/30vw 30vw 19vw 35vw;
	}
		#loc{
			display: none;
		}
		.footerClass article:nth-child(1){
			display: grid;
			grid-column:1;
			grid-row:1/span 2;
		}
		.footerClass article:nth-child(2){
			display: grid;
			grid-column:1;
			grid-row:1;
		}
		.footerClass article:nth-child(3){
			display: grid;
			grid-column:1;
			grid-row:2;
			margin-top: 18vh;
		}
		.footerClass article:nth-child(4){
			display: grid;
			grid-column:2;
			grid-row:1/span 2;
			margin-top: 20vh;
		}
		.footerClass article:nth-child(5){
			display: grid;
			grid-column:4;
			grid-row:1/span 2;
		}
		.footerClass article{
			grid-template:5vh 20vh/auto;
		}
		.footerClass article>span{
			align-self:flex-start;
			height: 3vh;
		}

		.footerClass article>div{
			display: grid;
			width: 49vw;
			height: 60vh;

		}
.footerClassAbout{
	position:relative; 
	width:1465px; 
	height:328px; 
	left:0px; 
	top:20px; 
	overflow:hidden;
 color:#FFFFFF; 
	background-color:#512316; 
	display:block; 
	text-align:center;
}


/* new suite area */
#middleTopLeftNewInRoom{
	display: grid;
	margin-top:8vh; 
	height:39.5vh;
	grid-template:auto/auto;
	width:50vw; 
	background-color:#512316; 
	box-shadow:2px 3px 8px #000;
	margin-left: 30vw;
}

#middleTopLeftNewInRoom>div{
	display: grid;
	grid-template:14vh 16vh/15.5vw 40vw;
	height: 40vh;
}
#middleTopLeftNewInRoom div>h3{
	display:grid;
	grid-column:1;
	grid-row:1;
	align-self: flex-end;
	width:7vw; 
	height:14vh;
	margin-left: 2vw;
	border-bottom:#FBD383 medium solid;
}
	#middleTopLeftNewInRoom div>h3>a{
		text-align:center; 
		color:#FFFFFF; 
		text-decoration:none;
		font-size:1em;
		font-weight: normal;
		padding-top: 5vh;
	}
	#middleTopLeftNewInRoom div>img:nth-child(2){
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 34.7vw;
		height: 39.5vh;
		margin-top: 0vh;
	}
	#middleTopLeftNewInRoom div>a>img{
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 3.7vw;
		height: 6.5vh;
		margin-top: -10vh;
		margin-left: 43vw;
	}
	#middleTopLeftNewInRoom span{
		display:grid;
		grid-column:1;
		grid-row:2;
		
	}
	#middleTopLeftNewInRoom div>span>a{
		display: grid;
		grid-column:1;
		grid-row:2;
		margin-left: 4vw;
	}
#middleTopLeftNewInRoom #suiteNewRoom{
	position:relative;
	display:none;
	width:50vw; 
	height:auto;
	opacity: 0;
	left:0vw; 
	top:0vh; 
	color:#999; 
	background-color:#FFF; 
    text-align:justify;
	grid-template:auto/14vw 20vw;
	grid-column-gap:3vw;
}

/* end of new suite */

/* family room */
#middleTopLeftFamilyRoom{
	display: grid;
	margin-top:8vh; 
	height:39.5vh;
	grid-template:auto/auto;
	width:50vw; 
	background-color:#512316; 
	box-shadow:2px 3px 8px #000;
	margin-left: 30vw;
}

#middleTopLeftFamilyRoom>div{
	display: grid;
	grid-template:14vh 16vh/15.5vw 40vw;
	height: 40vh;
}
#middleTopLeftFamilyRoom div>h3{
	display:grid;
	grid-column:1;
	grid-row:1;
	align-self: flex-end;
	width:7vw; 
	height:14vh;
	margin-left: 2vw;
	border-bottom:#FBD383 medium solid;
}
	#middleTopLeftFamilyRoom div>h3>a{
		text-align:center; 
		color:#FFFFFF; 
		text-decoration:none;
		font-size:1em;
		font-weight: normal;
		padding-top: 5vh;
	}
	#middleTopLeftFamilyRoom div>img:nth-child(2){
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 34.7vw;
		height: 39.5vh;
		margin-top: 0vh;
	}
	#middleTopLeftFamilyRoom div>a>img{
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 3.7vw;
		height: 6.5vh;
		margin-top: -10vh;
		margin-left: 43vw;
	}
	#middleTopLeftFamilyRoom span{
		display:grid;
		grid-column:1;
		grid-row:2;
		
	}
	#middleTopLeftFamilyRoom div>span>a{
		display: grid;
		grid-column:1;
		grid-row:2;
		margin-left: 4vw;
	}
#middleTopLeftFamilyRoom #familyRoom{
	position:relative;
	display:none;
	width:50vw; 
	height:auto;
	opacity: 0;
	left:0vw; 
	top:0vh; 
	color:#999; 
	background-color:#FFF; 
    text-align:justify;
	grid-template:auto/14vw 20vw;
	grid-column-gap:3vw;
}
/* end of family room */
#middleTopLeftInRoom{
	display: grid;
	margin-top:8vh; 
	height:39.5vh;
	grid-template:auto/auto;
	width:50vw; 
	background-color:#512316; 
	box-shadow:2px 3px 8px #000;
	margin-left: 30vw;
}

#middleTopLeftInRoom>div{
	display: grid;
	grid-template:14vh 16vh/15.5vw 40vw;
	height: 40vh;
}
#middleTopLeftInRoom div>h3{
	display:grid;
	grid-column:1;
	grid-row:1;
	align-self: flex-end;
	width:7vw; 
	height:14vh;
	margin-left: 2vw;
	border-bottom:#FBD383 medium solid;
}
	#middleTopLeftInRoom div>h3>a{
		text-align:center; 
		color:#FFFFFF; 
		text-decoration:none;
		font-size:1em;
		font-weight: normal;
		padding-top: 5vh;
	}
	#middleTopLeftInRoom div>img:nth-child(2){
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 34.7vw;
		height: 39.5vh;
		margin-top: 0vh;
	}
	#middleTopLeftInRoom div>a>img{
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 3.7vw;
		height: 6.5vh;
		margin-top: -10vh;
		margin-left: 43vw;
	}
	#middleTopLeftInRoom span{
		display:grid;
		grid-column:1;
		grid-row:2;
		
	}
	#middleTopLeftInRoom div>span>a{
		display: grid;
		grid-column:1;
		grid-row:2;
		margin-left: 4vw;
	}
#middleTopLeftInRoom #suiteRoom{
	position:relative;
	display:none;
	width:50vw; 
	height:auto;
	opacity: 0;
	left:0vw; 
	top:0vh; 
	color:#999; 
	background-color:#FFF; 
    text-align:justify;
	grid-template:auto/14vw 20vw;
	grid-column-gap:3vw;
}
#suiteRoom a{color:#E24100;}

		#suiteRoom #bookNow, #deluxRoom #bookNow, #singleRoom #bookNow, #twinRoom #bookNow, #restaurantPlace #bookNow, #cafe #bookNow, #meetingArea #bookNow, #suiteNewRoom #bookNow, #familyRoom #bookNow{
			display: grid;
			grid-column:1;
			grid-row:1;
			width: 15.5vw;
			height: 32vh;
			background-color: #83655d;
		}
		#restaurantPlace #bookNow, #cafe #bookNow, #meetingArea #bookNow{
			height: 20vh;
		}
			#bookNow>section #bookLink{
				display: grid;
				text-decoration: none;
				font-size: 1.7em;
				margin-top: 3vh;
				margin-left: 4vw;
			}
		#suiteRoom #aboutSuiteRoomMain, #deluxRoom #aboutDeluxRoomMain, #singleRoom #aboutSingleRoomMain, #twinRoom #aboutTwinRoomMain,#restaurantPlace  #aboutSingleRoom, #cafe  #aboutSingleRoom, #meetingArea #aboutSingleRoom, #suiteNewRoom #aboutNewSuiteRoomMain, #familyRoom #aboutFamilyRoomMain{
			display: grid;
			grid-column:2;
			grid-row:1;
			width: 32.5vw;
			height: 27vh;
			font-size: 1.2em;
		}
		#suiteRoom #aboutSuiteRoom, #deluxRoom #aboutDeluxRoom, #singleRoom #aboutSingleRoom, #twinRoom #aboutTwinRoom, #suiteNewRoom #aboutSuiteRoom, #familyRoom #aboutFamilyRoom{
			display: grid;
			grid-column:1/span 3;
			grid-row:2;
			width: 45.5vw;
			height: 10vh;
			font-size: 1.2em;
			border-bottom:#000 thin solid;
			margin-left: 2vw;
			padding-top: 5vh;
			padding-left: 4vw;
		}
			#suiteRoom #accessability, #deluxRoom #accessability, #singleRoom #accessability, #twinRoom #accessability, #suiteNewRoom #accessability, #familyRoom #accessability{
				display: grid;
				grid-column:1;
				grid-row:3;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
				#suiteRoom #accessability>section, #suiteRoom #hospitality>section, #deluxRoom #accessability>section, #deluxRoom #hospitality>section, #singleRoom #accessability>section, #singleRoom #hospitality>section, #twinRoom #accessability>section, #twinRoom #hospitality>section, #suiteNewRoom #accessability>section, #suiteNewRoom #hospitality>section, #familyRoom #accessability>section, #familyRoom #hospitality>section{
					color:#512316; 
					font-weight:800; 
					font-size:0.65em;
					padding-top: 5vh;
				}

			#suiteRoom #hospitality, #deluxRoom #hospitality, #singleRoom #hospitality, #twinRoom #hospitality, #suiteNewRoom #hospitality, #familyRoom #hospitality{
				display: grid;
				grid-column:2;
				grid-row:3;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}

		#suiteRoom #aboutSuiteRoom2, #deluxRoom #aboutDeluxRoom2, #singleRoom #aboutSingleRoom2, #twinRoom #aboutTwinRoom2, #suiteNewRoom #aboutNewSuiteRoom2, #familyRoom #aboutFamilyRoom2{
			display: grid;
			grid-column:1/span 3;
			grid-row:4;
			width: 45.5vw;
			height: 10vh;
			font-size: 1.2em;
			border-bottom:#000 thin solid;
			margin-left: 2vw;
			padding-top: 5vh;
			padding-left: 4vw;
		}
			#suiteRoom #bedding, #deluxRoom #beddingDelux, #singleRoom #beddingSingle, #twinRoom #beddingTwin, #suiteNewRoom #beddingNewSuite, #familyRoom #beddingFamily{
				display: grid;
				grid-column:1;
				grid-row:5;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
				#suiteRoom #bedding>section, #suiteRoom #furnishing>section, #suiteRoom #foodBev>section, #suiteRoom #bathRooms>section, #deluxRoom #beddingDelux>section, #deluxRoom #furnishingDelux>section, #deluxRoom #bathDelux>section, #deluxRoom #foodDelux>section, #singleRoom #beddingSingle>section, #singleRoom #furnishingSingle>section, #singleRoom #foodSingle>section, #singleRoom #singleBath>section, #twinRoom #beddingTwin>section, #twinRoom #furnishingTwin>section, #twinRoom #foodTwin>section, #twinRoom #bathTwin>section, #suiteNewRoom #bedding>section, #suiteNewRoom #furnishing>section, #suiteNewRoom #foodBev>section, #suiteNewRoom #bathRooms>section, #familyRoom #beddingFamily>section, #familyRoom #furnishingFamily>section, #familyRoom #foodBev>section, #familyRoom #bathFamily>section{
					color:#512316; 
					font-weight:800; 
					font-size:0.65em;
					padding-top: 5vh;
				}

			#suiteRoom #furnishing, #deluxRoom #furnishingDelux, #singleRoom #furnishingSingle, #twinRoom #furnishingTwin, #suiteNewRoom #furnishing, #familyRoom #furnishingFamily{
				display: grid;
				grid-column:2;
				grid-row:5;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
			#suiteRoom #foodBev, #deluxRoom #foodDelux, #singleRoom #foodSingle, #twinRoom #foodTwin, #suiteNewRoom #foodBev, #familyRoom #foodBev{
				display: grid;
				grid-column:3;
				grid-row:5;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: -6vw;
			}

			#suiteRoom #bathRooms, #deluxRoom #bathDelux, #singleRoom #singleBath,  #twinRoom #bathTwin, #suiteNewRoom #bathRooms, #familyRoom #bathFamily{
				display: grid;
				grid-column:1;
				grid-row:6;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}


		#suiteRoom #aboutSuiteRoom3, #deluxRoom #aboutDeluxRoom3, #singleRoom #aboutSingleRoom3, #twinRoom #aboutTwinRoom3, #suiteNewRoom #aboutNewSuiteRoom3, #familyRoom #aboutFamilyRoom3{
			display: grid;
			grid-column:1/span 3;
			grid-row:7;
			width: 45.5vw;
			height: 10vh;
			font-size: 1.2em;
			border-bottom:#000 thin solid;
			margin-left: 2vw;
			padding-top: 5vh;
			padding-left: 4vw;
		}
			#suiteRoom #internet, #deluxRoom #internet, #singleRoom #internet, #twinRoom #internet, #restaurantPlace #internet, #cafe #internet, #meetingArea #internet, #suiteNewRoom #internet, #familyRoom #internet{
				display: grid;
				grid-column:1;
				grid-row:8;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
			#restaurantPlace #internet, #cafe #internet, #meetingArea #internet{
				display: grid;
				grid-column:1;
				grid-row:3;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
				#suiteRoom #internet>section, #suiteRoom #entertainment>section, #suiteRoom #foodBev>section, #suiteRoom #channel>section, #deluxRoom #internet>section, #deluxRoom #entertainment>section, #deluxRoom #channel>section, #singleRoom #internet>section, #singleRoom #entertainment>section, #singleRoom #channel>section, #twinRoom #internet>section, #twinRoom #entertainment>section, #twinRoom #channel>section, #restaurantPlace #internet>section, #cafe #internet>section, #meetingArea #internet>section, #suiteNewRoom #internet>section, #suiteNewRoom #entertainment>section, #suiteNewRoom #foodBev>section, #suiteNewRoom #channel>section, #familyRoom #internet>section, #familyRoom #entertainment>section, #familyRoom #foodBev>section, #familyRoom #channel>section{
					color:#512316; 
					font-weight:800; 
					font-size:0.65em;
					padding-top: 5vh;
				}

			#suiteRoom #entertainment, #deluxRoom #entertainment, #singleRoom #entertainment, #twinRoom #entertainment, #suiteNewRoom #entertainment, #familyRoom #entertainment{
				display: grid;
				grid-column:2;
				grid-row:8;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
			#suiteRoom #channel, #deluxRoom #channel, #singleRoom #channel, #twinRoom #channel, #suiteNewRoom #channel, #familyRoom #channel{
				display: grid;
				grid-column:3;
				grid-row:8;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: -6vw;
			}
		#suiteRoom #closesmallTitle, #deluxRoom #smallTitleDeluxClose, #singleRoom #singleDetailClose, #twinRoom #twinDetailClose, #suiteNewRoom #closesmallNewSuiteTitle, #familyRoom #closesmallFamilyTitle{
			display: grid;
			grid-column:1/span 3;
			grid-row:9;
			width: 45.5vw;
			height: 5vh;
			font-size: 1.2em;
			margin-left: 0vw;
			padding-top: 5vh;
		}

	.details a, .detailsFirstCol a{
		font-size:0.8em;
		color:#E24100 !important;
		text-decoration: none;
		}

#nextRightArrow{position:relative;  width:auto; height:auto; z-index:2; opacity:0.7;}

#middleTopRightInRoom, #middleLowerLeftInRoom, #middleLowerRightInRoom{
	display: grid;
	margin-top:8vh; 
	height:39.5vh;
	grid-template:auto/auto;
	width:50vw; 
	background-color:#512316; 
	box-shadow:2px 3px 8px #000;
	margin-left: 30vw;
	z-index: 2;
}

#middleTopRightInRoom>div, #middleLowerLeftInRoom>div, #middleLowerRightInRoom>div{
	display: grid;
	grid-template:14vh 16vh/15.5vw 40vw;
	height: 40vh;
	z-index: 2;
}
#middleTopRightInRoom div>h3, #middleLowerLeftInRoom div>h3, #middleLowerRightInRoom div>h3{
	display:grid;
	grid-column:1;
	grid-row:1;
	align-self: flex-end;
	width:7vw; 
	height:14vh;
	margin-left: 2vw;
	border-bottom:#FBD383 medium solid;
}
	#middleTopRightInRoom div>h3>a, #middleLowerLeftInRoom div>h3>a, #middleLowerRightInRoom div>h3>a{
		display: grid;
		text-align:center; 
		color:#FFFFFF; 
		text-decoration:none;
		font-size:1em;
		font-weight: normal;
		padding-top: 5vh;
	}
	#middleTopRightInRoom div>img:nth-child(2), #middleLowerLeftInRoom div>img:nth-child(2), #middleLowerRightInRoom div>img:nth-child(2){
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 34.7vw;
		height: 39.5vh;
		margin-top: 0vh;
	}
	#middleTopRightInRoom div>a>img, #middleLowerLeftInRoom div>a>img, #middleLowerRightInRoom div>a>img{
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 3.7vw;
		height: 6.5vh;
		margin-top: -10vh;
		margin-left: 43vw;
	}
	#middleTopRightInRoom span, #middleLowerLeftInRoom span, #middleLowerRightInRoom span{
		display:grid;
		grid-column:1;
		grid-row:2;
		
	}
	#middleTopRightInRoom div>span>a, #middleLowerLeftInRoom div>span>a, #middleLowerRightInRoom div>span>a{
		display: grid;
		grid-column:1;
		grid-row:2;
		margin-left: 4vw;
	}
#middleTopRightInRoom #deluxRoom, #middleLowerLeftInRoom #singleRoom, #middleLowerRightInRoom #twinRoom{
	position:relative;
	display:none;
	width:50vw; 
	height:auto;
	opacity: 0;
	left:0vw; 
	top:0vh; 
	color:#999; 
	background-color:#FFF; 
    text-align:justify;
	grid-template:auto/14vw 20vw;
	grid-column-gap:3vw;
	z-index: 1;
}
#deluxRoom a{color:#E24100;}

#middleTopLeftInRoom #restaurantPlace, #middleTopRightInRoom #cafe, #middleTopLeftInRoom #meetingArea{
	position:relative;
	display:none;
	width:50vw; 
	height:auto;
	opacity: 0;
	left:0vw; 
	top:0vh; 
	color:#999; 
	background-color:#FFF; 
    text-align:justify;
	grid-template:auto/14vw 20vw;
	grid-column-gap:3vw;
	z-index: 2;
}
#deluxRoom a{color:#E24100;}



.middleTitleRoom{position:relative; left:25px; top:21px; border-bottom:#FBD383 medium solid; width:120px; height:70px;}
.middleTitleRoom a{position:relative; width:120px; height:70px; text-align:center; 
		color:#FFFFFF; text-decoration:none;}