/* ==========================================================================
   DESIGN PRINCIPLES: NEGATIVE SPACE (WHITE SPACE)
   MANDATORY: These spacing variables MUST be used in all projects/pages
   See DESIGN-PRINCIPLES-NEGATIVE-SPACE.md for complete guidelines
   ========================================================================== */

:root {
	/* Spacing Scale (8px base unit) - Use these consistently */
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 12px;
	--space-base: 16px;
	--space-lg: 20px;
	--space-xl: 24px;
	--space-2xl: 32px;
	--space-3xl: 40px;
	--space-4xl: 48px;
	
	/* Typography Spacing */
	--line-height-tight: 1.4;
	--line-height-normal: 1.6;
	--line-height-relaxed: 1.75;
	--letter-spacing-tight: -0.01em;
	--letter-spacing-normal: 0;
	--letter-spacing-wide: 0.02em;
	
	/* Component Spacing - Mobile First */
	--container-padding-mobile: 16px;
	--container-padding-desktop: 24px;
	--section-gap-mobile: 24px;
	--section-gap-desktop: 40px;
	--card-padding-mobile: 16px;
	--card-padding-desktop: 24px;
	--card-gap-mobile: 16px;
	--card-gap-desktop: 24px;
}

/* Responsive spacing helpers */
@media (min-width: 992px) {
	:root {
		--container-padding: var(--container-padding-desktop);
		--section-gap: var(--section-gap-desktop);
		--card-padding: var(--card-padding-desktop);
		--card-gap: var(--card-gap-desktop);
	}
}

@media (max-width: 991px) {
	:root {
		--container-padding: var(--container-padding-mobile);
		--section-gap: var(--section-gap-mobile);
		--card-padding: var(--card-padding-mobile);
		--card-gap: var(--card-gap-mobile);
	}
}

#booking-widget-host {
	scroll-margin-top: 72px;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0; /* prevent flex containers from clipping */
	overflow: visible; /* avoid clipping internal sticky headers */
	isolation: isolate; /* create stacking context above siblings */
}

@media (max-width: 768px) {
	#booking-widget-host {
		scroll-margin-top: 88px;
		min-height: 0;
		/* Full-bleed inline widget to avoid right-side clipping in narrow containers */
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Ensure parent containers don't clip the widget on mobile */
	.ui-page, .ui-content, .allinclusive, #pkgAllInclusive, .packageHeader, .pkgItem, .pkgBody {
		overflow: visible !important;
	}

	/* Force widget content to be fully visible - eliminate ALL spacing */
	#booking-widget-host {
		position: relative !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin: 0 !important;
		margin-left: calc(-50vw + 50%) !important;
		margin-right: calc(-50vw + 50%) !important;
		padding: 0 !important;
		overflow: visible !important;
		left: 0 !important;
		right: 0 !important;
	}
	
	#booking-widget-host > *,
	#booking-widget-host > * > *,
	#booking-widget-host > * > * > * {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	
	/* Target the exact div with inline overflow: auto style that creates the right space */
	#booking-widget-host div[style*="overflow: auto"] {
		overflow: visible !important;
	}
	
	/* Also target the shadow root container with overflow auto */
	#booking-widget-host > div > div[style*="position: relative"][style*="overflow: auto"] {
		overflow: visible !important;
	}

	/* Force close button to be red and positioned OUTSIDE the content area */
	#booking-widget-host button,
	#booking-widget-host [role="button"],
	#booking-widget-host a {
		background: #dc2626 !important;
		background-color: #dc2626 !important;
		background-image: none !important;
		color: #ffffff !important;
		border: none !important;
		border-radius: 12px !important;
		padding: 8px 14px !important;
		font-weight: 600 !important;
		box-shadow: 0 6px 16px rgba(220, 38, 38, 0.35) !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		filter: none !important;
		-webkit-filter: none !important;
		text-shadow: none !important;
		position: fixed !important;
		top: 10px !important;
		right: 10px !important;
		z-index: 999999 !important;
		margin: 0 !important;
		float: none !important;
		display: block !important;
		width: auto !important;
		max-width: none !important;
		left: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		/* Ensure it doesn't affect widget layout */
		transform: translateZ(0) !important;
		pointer-events: auto !important;
	}
}

/* Disable horizontal scroll while overlay widget is open */
.no-x-scroll,
.no-x-scroll body {
	overflow-x: hidden !important;
}

/* Mobile inline widget support */
@media (max-width: 768px) {
	/* Simple approach - just prevent horizontal scroll */
	body.no-x-scroll {
		overflow-x: hidden !important;
	}
}
/* -------------------------------- para sa tanan ni ------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
	/* font-family: Segoe UI, Arial, Helvetica, sans-serif; */
	
}

/* Make all images responsive site-wide */
img{
	max-width: 100%;
	height: auto;
}

h1{
	font-size:28px;
}

table, .ui-table{
	font-size:14px;
}

li{
	font-size: 14px;
	line-height: 1.5em; 
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.ui-listview li{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: normal;
	display: block;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal !important;
	border-color:#d2bd86;
}

.ui-page .ui-li-divider{
	background: rgba(0,128,128,0.1);
	font-weight: bold;
	text-align: left;
	padding: 3px 15px;
	color: rgb(1,75,66);
}

.headerFull{
	background-color: #fff;
	border-bottom: 3px solid rgba(242,187,44,0.5);
}

#home .headerFull {
	/* max-width: 1200px; */
	margin: 0 auto;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.4);
    box-shadow: 0 0 35px rgba(0,0,0,.4);
}

.subMenuFull{
	background-color: #fff;
	}
	.subMenuCenter{
		/*max-width: 1200px;*/
		margin: 0 auto;
	}

#home .ui-content{
	margin:0 auto;
	/* max-width:1200px;	 */
}

.ui-content{
	margin:0 auto;
	background-color: #fff;
	}
	.ui-content p{
		font-size: 14px;
		line-height: 1.7em; 
		margin-left:15px;
		margin-right:15px;
	}
.ui-page{
	background: #fff;
}

	.ui-page div.ui-content {
		
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

#phhotelpricing,#satisfaction{
	max-width: 900px !important;
}

.ui-popup-container{
	background-color: #fff;
}


.ui-page .ui-header .ui-btn,
.ui-page .ui-footer a.ui-btn,
.ui-page .sidebarButtons a.ui-btn,
.ui-page .ui-popup a.ui-btn{
	margin: 0 -4px 5px 0;
	background:teal;
	text-shadow:none;
	color:white;
	-webkit-box-shadow: 2px 4px rgba( 255, 255, 204, 0.6);
	        box-shadow: 2px 4px rgba( 255, 255, 204, 0.6);
	border-top: 2px solid rgba(250, 250, 250, 0.27);
	border-left: 2px solid rgba(250, 250, 250, 0.27);
	border-right: 1px solid #d2bd86;
	border-bottom: 1px solid #d2bd86;
	transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-webkit-transition: background-color 1s;	
	}
	.ui-page .ui-header a.ui-btn:hover,
	.ui-page .ui-footer a.ui-btn:hover,
	.ui-page .sidebarButtons a.ui-btn:hover,
	.ui-page .ui-popup a.ui-btn:hover{
		background-color:#58FAAC;
		color:rgb(1,75,66);
	}
	.sidebarButtons a{
		white-space: normal;
	}

.ui-page .ui-header .ui-btn.btnSelected,
.ui-page .ui-footer a.ui-btn.btnSelected{
	background-color:#58FAAC;
	color:rgb(1,75,66);
}

.ui-page .ui-header .ui-btn:last-child{
	-webkit-box-shadow: 2px 4px rgba( 255, 255, 204, 0.6);
	        box-shadow: 2px 4px rgba( 255, 255, 204, 0.6);
}

.ui-page .ui-header h1,
.ui-page .ui-footer h4{
	white-space:normal;
}

.ui-page .ui-footer{
	margin:0 auto;
	max-width:100%;	
	background:rgb(1,75,66);
	white-space:normal;
	color:white;
	text-shadow:none;
 -moz-box-shadow: 0 0 35px rgba(0,0,0,.4);
 -webkit-box-shadow: 0 0 35px rgba(0,0,0,.4);
 box-shadow: 0 0 35px rgba(0,0,0,.4);
	}

/* Ensure CopyRight overrides footer styles */
.ui-page .ui-footer .CopyRight{
	color: #ffffff !important;
	background-color: #004d4d !important;
}
	.ui-page .ui-footer a.ui-btn{
		margin-top:3px;
	}
	
.ui-navbar{
	background:rgb(1,75,66);
}

.custom-corners .ui-bar {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	}
.custom-corners .ui-body {
	border-top-width: 0;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.borderLight{
	border: 1px solid rgba(1,75,66,0.1);
}
.border1BottomLight{
	border-bottom: 1px solid rgba(1,75,66,0.1);
}
.font12{ font-size: 12px; }
.noUnderline{ text-decoration: none; }
.iUnderline{ text-decoration: underline;}
.aWalayLinya{ text-decoration: none;}
.iCenter{text-align:center;}
.iCenterAdust{text-align:center;margin:0 auto;}
.iLeft{text-align:left;}
.iRight{text-align:right;}
.iJustify{text-align:justify;}
.iBorder{border: 1px solid #d2bd86;}
.InlineBlock{display:inline-block;}
.FloatRightPad1{float: right;
    padding: 1px;
    margin-left: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
} 
.FloatLeftPad1{
	float:Left;padding: 1px;
	margin: 10px;
}

.rowHighlighted{
	background-color: rgba(1,75,66,0.07);
}
.Tealcolor{color: teal}
.bgLightGreen{ background-color: rgba(111,172,104,.2); }
.bgPuti{ background-color: #fff }
.txtDarkGreen{ color:rgb(1,75,66); }
.iRedtext{ color:red;}
.iItalic{ font-style: italic; }
.iTop{vertical-align:top;}
.iBold{font-weight:bold;}
.VACenter{vertical-align:middle;}
.VABottom{vertical-align:bottom;}
.L{white-space:normal !important;}
.E{border-radius:0 0 18px 18px ;}
.O{border-radius:18px 18px 0 0  ;}
.hr1{color:orange;height:3px;}
.IpatungaDblock{display: block; margin: 0 auto; max-width: 100%;}
.IpatungaInlineBlock{display:inline-block;margin:0 auto;max-width: 100%;}
.spacer5px{height:5px;}
.spacer10px{height:10px;}
.spacer15px{height:15px;}
.spacer30px{height:30px;}
.top10px{margin-top:10px;}
.clearBoth{ clear: both;}
.itago{ display: none; }
.ipakita{ display: block;}
.paddingTop25px{ padding-top: 25px; }
.paddingTop15px{ padding-top: 15px; }
.paddingTop5px{ padding-top: 5px; }
.padding3px{ padding: 3px; }
.paddingLeftRight3px{
	padding-left: 3px;
	padding-right: 3px; }
.paddingLeft0{ padding-left: 0; }
.paddingLeft5{ padding-left: 5px; }
.paddingLeft10{ padding-left: 10px; }
.paddingLeft15{ padding-left: 15px; }
.paddingRight5{ padding-right: 5px; }
.paddingBottom15{ padding-bottom: 15px; }
.marginBottom5{ margin-bottom: 5px; }
.marginBottom40px{
	margin-bottom: 40px;
}

.marginleft0{ margin-left: 0; }
.marginTop3px{ margin-top: 3px; }
.marginBottom0{ margin-bottom: 0; }
.btnCls{ color: teal; }

.LMenuItem{
	background-color: silver;
}

.leoxTitle{
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px rgb(255,255,204);
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.leoxTitleColor{
	color: rgb(1,75,66);
	text-shadow: 1px 1px rgb(255,255,204);
}

.leoxTitle1{
	/*margin: 0 0 23px 0;*/
	margin: 0;
	padding: 10px 30px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-align: left;
}
.leoxTitle2{
	margin: 0;
	padding: 10px 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-align: left;

}

.leoxTitleColor1{
	color: rgb(1,75,66);
	background: rgb(246, 247, 248);
}

.leoxBoxShadow{
	-webkit-box-shadow: 1px 1px 1px 2px rgba(0,128,128,0.1), 2px 2px 1px 0px rgba(0,128,128,0.10); */
    -moz-box-shadow: 3px 3px 3px 1px rgba(0,128,128,0.1), 0px 0px 3px 1px rgba(0,128,128,0.10);
    -webkit-box-shadow: 3px 3px 3px 1px rgba(0,128,128,0.1), 0px 0px 3px 1px rgba(0,128,128,0.10);
    box-shadow: 3px 3px 3px 5px rgba(0,128,128,0.1), 0px 0px 3px 1px rgba(0,128,128,0.10);
}

.leoxBoxShadowTitle1{
	-webkit-box-shadow: 1px 1px 1px 2px rgba(0,128,128,0.1), 2px 2px 1px 0px rgba(0,128,128,0.10); */
    -moz-box-shadow: 3px 3px 3px 1px rgba(0,128,128,0.1), 0px 0px 3px 1px rgba(0,128,128,0.10);
    -webkit-box-shadow: 3px 3px 3px 1px rgba(0,128,128,0.1), 0px 0px 3px 1px rgba(0,128,128,0.10);
    box-shadow: 1px 1px 1px 3px rgba(0,128,128,0.1), 0px 0px 3px 1px rgba(0,128,128,0.10);

}

.shadow1px{ text-shadow: 1px 1px rgb(255,255,204); }
.shadow2px{ text-shadow: 2px 2px rgb(255,255,204); }

.overlay { 
    border:15px solid transparent;
    -webkit-border-image:url(overlay_image.png) 15 15 stretch;
    -o-border-image:url(overlay_image.png) 15 15 stretch;
    border-image:url(overlay_image.png) 15 15 stretch;
}
/*  PANEL MENU */
.panelMenu {
	margin-top:133px;
	margin-right:11px;
	max-width:260px;
	z-index: 5000;
	}
	.panelMenu .ui-listview{
		-webkit-box-shadow: 2px 4px rgba( 210, 189, 134, 0.5);
		        box-shadow: 2px 4px rgba( 210, 189, 134, 0.5);
		}
		.panelMenu .ui-listview li{
			text-shadow:none;
			white-space:normal;
			background-color:teal;
			}
			.panelMenu .ui-listview li a{
				color:white;
				font-weight:bold;
				text-decoration:none;
				transition: background-color 2s;
				-moz-transition: background-color 2s;
				-o-transition: background-color 2s;
				-webkit-transition: background-color 2s;
				}
				.panelMenu .ui-listview li a:hover{
					background-color:#58FAAC;
					color: teal;
					text-decoration:none;
					text-shadow:none;
				}
.ui-panel-inner {/* Override ni, remove default panel padding :) */
	padding: 10px 0;
	}
.ui-panel-position-right.ui-panel-display-overlay {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* Tumoy sa panel menu */

/* LANGUAGES */
.linguahi{
	float: right;
	padding-right:10px;
	}
	.langOptions{
		
		margin-top:5px;
		margin-bottom:0;
		padding:0;
		}
		.langOptions li{
			display: inline-block;
			font:bold 12px Arial;
			text-shadow: none;
			margin:0;
			padding:0;
			color:gray;
			line-height:10px;
			}	
			.langOptions li a{
				cursor:pointer;
				margin:0;
				padding:0;
				display: block;
				font-size: 10px;
				position: relative;
				text-align: center;
				}
				.langOptions li a:hover .langtooltip{
					margin-top: 14px;
					opacity: 1;
				}
				.langOptions li a img{
					margin: 0 0 -5px 0;
					padding:0;
				}
		.langOptions li:first-child{
			display: inline-block;
			color: #fff;
			padding: 3px 0;
		}
		.langtooltip {
			border-radius: 2px;
			font-size: 12px;
			height: 25px;
			left: 75%;
			line-height: 25px;
			margin: 0 0 0 -50px;
			opacity: 0;
			position: absolute;
			top: 100%;
			-webkit-transition: margin-top .3s, opacity .3s;
			-o-transition: margin-top .3s, opacity .3s;
			transition: margin-top .3s, opacity .3s;
			width: 68px;
		}

		.langtooltip:before {
			content: "";
			height: 8px;
			left: 75%;
			margin: -4px 0 0 -4px;
			position: absolute;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
					transform: rotate(45deg);
			width: 10px;
		}

		.lang_link,
		.lang_link .langtooltip,
		.lang_link .langtooltip:before{
			background: rgb(255,255,204);
			color: rgb(1,75,66);
		}
		.lang_link:hover { background: #65B1F8; }

/* END LANGUAGES */

.popHead{
	margin: 10px auto 0;
	max-width: 98%;
	background-color: #fff;
	border-radius: 3px;
	padding: 5px;
}
.popSudlanan{
	margin: 3px auto;
	max-width: 98%;
	background-color: #fff;
	border-radius: 3px;
	padding-top: 10px;
}
.ui-page .ui-header{
	margin:0 auto;
	max-width:1200px;	
	background:white;
	background-color: #fff;
  border: none;
}



/* START: SUB MENU */

nav.desktop_TopSubMenu ul,
nav.desktop_BottomSubMenu ul
{
	display: flex;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	background-color: #fff;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
}
nav.desktop_TopSubMenu li,
nav.desktop_BottomSubMenu li{
		display: inline-block;
    font-size: 12px;
    padding: 10px 5px;
    background-color: rgba(88,250,172,0.1);
    /*border-radius: 5px;*/
	}

nav.desktop_TopSubMenu li:hover,
nav.desktop_BottomSubMenu li:hover{
	background-color: rgba(1,75,66,0.1);
		transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -webkit-transition: background-color 1s;
}

	nav.desktop_TopSubMenu li.subNavItemSelected,
	nav.desktop_BottomSubMenu li.subNavItemSelected{
		background-color: rgba(88,250,172,0.5);
		/*border-radius: 5px;*/
	}

	nav.desktop_TopSubMenu li.subNavItemSelected > a,
	nav.desktop_BottomSubMenu li.subNavItemSelected > a{
		line-height: 1.5em;
	}
/*
	nav.desktop_TopSubMenu li.subNavItemSelected:after,
	nav.desktop_BottomSubMenu li.subNavItemSelected:before{
		left: 50%;
		border: solid rgba(0,0,0,0);
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-width: 10px;
		margin-left: -7px;
	}

	nav.desktop_TopSubMenu li.subNavItemSelected:after{
		bottom: -20px;
		border-top-color: rgba(88,250,172,0.5);
	}
	nav.desktop_BottomSubMenu li.subNavItemSelected:before{
		top: -20px;
		border-bottom-color: rgba(88,250,172,0.5);
	}*/


nav.desktop_TopSubMenu a,
nav.desktop_BottomSubMenu a{
	font-size: 12px;
	color: teal;
	text-decoration: none;
	padding-bottom:5px;
	}
	nav.desktop_TopSubMenu a:hover,
	nav.desktop_BottomSubMenu a:hover{
		text-shadow: none;
		color: rgb(1,75,66);
		text-decoration: none;
	}
	nav.desktop_TopSubMenu a:visited,
	nav.desktop_BottomSubMenu a:visited{
		color: teal;
	}

nav.mobile_subNav{
	margin-bottom: 15px;
}
nav.mobile_subNav .subNavItem{
	width: 100%;
	display: inline-block;
    font: bold 10px Arial;
    text-shadow: none;
	text-align: left;
    height: 100%;
    vertical-align: top;
    padding: 0;		
    }

nav.mobile_subNav a.ui-btn{
	margin: 0 5px;
	text-align: left;
    font: bold 12px Arial;
    -webkit-box-shadow:none;
            box-shadow:none;
    color: teal !important;
    border-radius: 0;
    background: url(pbayImages/gauze.png) #ececec;
	}
	nav.mobile_subNav a.ui-btn:hover{
		color: rgb(1,75,66);
	}
	nav.mobile_subNav .ui-btn-icon-right:after{
		background-color: teal;
	}

nav.subNav{
	margin-top: 5px;
}

nav.subNav .subNavItem{
	display: inline-block;
    padding: 15px 5px;
    font-size: 12px;
    vertical-align: top;
    text-align: center;
    color: teal;	
	}
	nav.subNav .subNavItem a:hover{
		text-shadow: none;
		text-decoration: underline;
	}
	nav.subNav .subNavItem:hover{
		background-color: rgba(0,124,124,0.1);
	}

	nav.subNav a.ui-link{
		color: teal;
		text-decoration: underline !important;
	}

nav .subNavItemSelected a.ui-link{
	color: rgb(1,75,66);
	text-decoration: none;
}

.bottomSubMenuBGstyle{
	background-color:rgba(1,75,66,0.10);
}

a#mobile_TopMenuBtn.ui-link,
a#mobile_TopMenuBtn:visited{
	-webkit-box-shadow: none;
	        box-shadow: none;
}


@media only screen and (min-width: 180px){
	nav.subNav,
	nav.desktop_TopSubMenu,
	nav.desktop_BottomSubMenu{
		display: none;
	}
	.L_YourAreHere{
		display: block;
	}
	.leoxTitle{
		font-size: 23px;
	}
	.leoxTitle1{
		font-size: 16px;
	}
}

@media only screen and (min-width: 370px){
	.leoxTitle{
		font-size: 28px;
	}
	.leoxTitle1{
		font-size: 1.17em;
	}
}

/*@media (min-width: 1200px)
@media (min-width: 992px) and (max-width: 1199px)
@media (max-width: 991px)*/


@media only screen and (min-width: 530px){
	nav.mobile_subNav,
	.L_YourAreHere
	{
		display: none;
	}
	nav.subNav,
	nav.desktop_TopSubMenu,
	nav.desktop_BottomSubMenu{
		/*display: inline;*/
		display: flex;
		flex-direction: row;
    justify-content: center;
	}
}

/*@media only screen and  (max-width:400px) and (min-width:900px) {*/
/*@media only screen and  (max-width:725px) and (min-width:521px) {*/
@media only screen and (min-width: 590px){
/*	#Activities nav.mobile_subNav,
	#Activities .L_YourAreHere
	{
		display: none;
	}
	#Activities nav.subNav,
	#Activities nav.desktop_TopSubMenu,
	#Activities nav.desktop_BottomSubMenu{
		display: flex;
		flex-direction: row;
    justify-content: center;
	}*/
}

/*@media only screen and  (max-width:680px) and (min-width:590px) {*/
/*@media only screen and (max-width: 680px){*/
/*	#mogambosprings nav.mobile_subNav,
	#mogambosprings .L_YourAreHere
	{
		display: none;
	}
	#mogambosprings nav.subNav,
	#mogambosprings nav.desktop_TopSubMenu,
	#mogambosprings nav.desktop_BottomSubMenu{
		display: flex;
		flex-direction: row;
    justify-content: center;
	}*/
/*}*/

@media only screen and (max-width: 724px){
/*	#mogambosprings nav.subNav,
	#mogambosprings nav.desktop_TopSubMenu,
	#mogambosprings nav.desktop_BottomSubMenu{
		display: none;
	}
	
	#mogambosprings #mobile_TopMenu{
		display: none;
	}
	
	#mogambosprings nav.mobile_subNav
	{
		display: inline-block;
	}

	.L_YourAreHere{
		display: none;
	}
	.leoxTitle{
		font-size: 23px;
	}
	.leoxTitle1{
		font-size: 16px;
	}*/
}
@media only screen and (max-width: 589px){

/*	#Activities nav.subNav,
	#Activities nav.desktop_TopSubMenu,
	#Activities nav.desktop_BottomSubMenu
	{
		display: none;
	}
	#Activities #mobile_TopMenu{
		display: none;
	}
	#Activities nav.mobile_subNav{
		display: inline-block;
	}

	.L_YourAreHere{
		display: block;
	}
	.leoxTitle{
		font-size: 23px;
	}
	.leoxTitle1{
		font-size: 16px;
	}*/
}
/* ROOMS */
@media only screen and (min-width: 180px){

	#rooms nav.desktop_TopSubMenu li,
	#rooms nav.desktop_BottomSubMenu li{
		/*height: 64px;
	    padding-left: 0;
	    padding-top: 15px;
	    padding-bottom: 5px;
		padding-left:0;*/
		padding: 10px;
	}
}
@media only screen and (min-width: 508px){
	#rooms nav.desktop_TopSubMenu li,
	#rooms nav.desktop_BottomSubMenu li,{
		/*height: 50px;
		padding-top: 8px;*/
	}
}

@media only screen and (min-width: 813px){
	#rooms nav.desktop_TopSubMenu li,
	#rooms nav.desktop_BottomSubMenu li{
		/*height: 43px;
		padding-top: 12px;*/
	}
}

/* PACKAGES */
@media only screen and (min-width: 480px){
	#packages nav.desktop_TopSubMenu li,
	#packages nav.desktop_BottomSubMenu li{
/*		height: 50px;
	    padding-left: 0;
	    padding-top: 15px;
	    padding-bottom: 5px;
		padding-left:0;*/
		/*padding: 10px;*/
	}
}

@media only screen and (min-width: 777px){
	#packages nav.desktop_TopSubMenu li,
	#packages nav.desktop_BottomSubMenu li{
		/*height: 43px;
		padding-top: 12px;*/
	}
}
/* DINING */
@media only screen and (min-width: 480px){
	#dining nav.desktop_TopSubMenu li,
	#dining nav.desktop_BottomSubMenu li{
		/*height: 64px;
	    padding-left: 0;
	    padding-top: 5px;
	    padding-bottom: 5px;
		padding-left:0;*/
		/*padding: 10px;*/
	}
}
@media only screen and (min-width: 519px){
	#dining nav.desktop_TopSubMenu li,
	#dining nav.desktop_BottomSubMenu li{
/*		height: 50px;
		padding-top: 15px;*/
	}
}

@media only screen and (min-width: 868px){
	#dining nav.desktop_TopSubMenu li,
	#dining nav.desktop_BottomSubMenu li{
/*		height: 43px;
		padding-top: 12px;*/
	}
}
/* SPA */
@media only screen and (min-width: 480px){
	#mogambosprings nav.desktop_TopSubMenu li,
	#mogambosprings nav.desktop_BottomSubMenu li{
/*		height: 64px;
	    padding-left: 0;
	    padding-top: 5px;
	    padding-bottom: 5px;
		padding-left:0;*/
	}
}
@media only screen and (min-width: 692px){
	#mogambosprings nav.desktop_TopSubMenu li,
	#mogambosprings nav.desktop_BottomSubMenu li{
/*		height: 50px;
		padding-top: 13px;*/
	}
}

@media only screen and (min-width: 1061px){
	#mogambosprings nav.desktop_TopSubMenu li,
	#mogambosprings nav.desktop_BottomSubMenu li{
/*		height: 43px;
		padding-top: 12px;*/
	}
}

/* ACTIVITIES */
@media only screen and (min-width: 480px){
	#Activities nav.desktop_TopSubMenu li,
	#fun-in-the-sun nav.desktop_TopSubMenu li,
	#fun-in-the-sun nav.desktop_BottomSubMenu li,
	#Activities nav.desktop_BottomSubMenu li{
/*		height: 64px;
	    padding-left: 0;
	    padding-top: 5px;
	    padding-bottom: 5px;
		padding-left:0;*/
	}
}
@media only screen and (min-width: 482px){
	#Activities nav.desktop_TopSubMenu li,
	#fun-in-the-sun nav.desktop_TopSubMenu li,
	#fun-in-the-sun nav.desktop_BottomSubMenu li,
	#Activities nav.desktop_BottomSubMenu li{
/*		height: 50px;
		padding-top: 12px;*/
	}
}

@media only screen and (min-width: 964px){
	#Activities nav.desktop_TopSubMenu li,
	#fun-in-the-sun nav.desktop_TopSubMenu li,
	#fun-in-the-sun nav.desktop_BottomSubMenu li,
	#Activities nav.desktop_BottomSubMenu li{
		/*height: 43px;
		padding-top: 12px;*/
	}
}
/* IMAGES */
@media only screen and (min-width: 480px){
	#images nav.desktop_TopSubMenu li,
	#images nav.desktop_BottomSubMenu li{
		/*height: 64px;
	    padding-left: 0;
	    padding-top: 5px;
	    padding-bottom: 5px;
		padding-left:0;*/
	}
}
@media only screen and (min-width: 547px){
	#images nav.desktop_TopSubMenu li,
	#images nav.desktop_BottomSubMenu li{
/*		height: 50px;
		padding-top: 15px;*/
	}
}

@media only screen and (min-width: 830px){
	#images nav.desktop_TopSubMenu li,
	#images nav.desktop_BottomSubMenu li{
		/*height: 43px;
		padding-top: 12px;*/
	}
}
/* CONTACT US */
@media only screen and (min-width: 480px){
	#contact nav.desktop_TopSubMenu li,
	#contact nav.desktop_BottomSubMenu li{
		/*height: 64px;
	    padding-left: 0;
	    padding-top: 5px;
	    padding-bottom: 5px;
		padding-left:0;*/
	}
}
@media only screen and (min-width: 548px){
	#contact nav.desktop_TopSubMenu li,
	#contact nav.desktop_BottomSubMenu li,
	#quotes nav.desktop_TopSubMenu li,
	#quotes nav.desktop_BottomSubMenu li{
		/*height: 50px;
		padding-top: 15px;*/
	}
}

@media only screen and (min-width: 999px){
	#contact nav.desktop_TopSubMenu li,
	#contact nav.desktop_BottomSubMenu li{
		/*height: 43px;
		padding-top: 12px;*/
	}
}
/* Dining *//* Images *//* Packages *//* Rooms */

#conatct nav.subNav .subNavItem,
#dining nav.subNav .subNavItem,
#images nav.subNav .subNavItem,
#packages nav.subNav .subNavItem,
#rooms nav.subNav .subNavItem{
    /*width: 25%;*/
    /*width: 24%;
    width: calc(((100%) / 4) - 8px );
    width: -moz-calc((100%) / 4) - 8px );
    width: -webkit-calc((100%) / 4 ) - 8px ;
    */
}

#conatct nav.desktop_TopSubMenu li,
#conatct nav.desktop_BottomSubMenu li,
#dining nav.desktop_TopSubMenu li,
#dining nav.desktop_BottomSubMenu li,
#images nav.desktop_TopSubMenu li,
#images nav.desktop_BottomSubMenu li,
#packages nav.desktop_TopSubMenu li,
#packages nav.desktop_BottomSubMenu li,
#rooms nav.desktop_TopSubMenu li,
#rooms nav.desktop_BottomSubMenu li{
    /*width: 25%;*/
}


/* Activities *//* Contact Us *//* Spa */

#Activities nav.subNav .subNavItem,
#fun-in-the-sun nav.subNav .subNavItem,
/*#contact nav.subNav .subNavItem,*/
#mogambosprings nav.subNav .subNavItem{
    /*width: 20%;*/
}

/*#mogambosprings nav.desktop_TopSubMenu li,
#mogambosprings nav.desktop_BottomSubMenu li{
    width: 20%;
}*/

#fun-in-the-sun nav.desktop_TopSubMenu li,
#fun-in-the-sun nav.desktop_BottomSubMenu li,
#Activities nav.desktop_TopSubMenu li,
#Activities nav.desktop_BottomSubMenu li{
    /*width: 16.66%;*/
}

/* END: SUB MENU */

.headerwhole{
	clear:both;
	width:100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	}
	.headerwhole .MenuPanel{
		float: right;
		margin-top: 35px;
		margin-right:10px;
		font-size:18px;
		padding:18px;
	}

.MenuPanel.ui-btn-icon-left:after, .MenuPanel.ui-btn-icon-right:after, .MenuPanel.ui-btn-icon-top:after, .MenuPanel.ui-btn-icon-bottom:after, .MenuPanel.ui-btn-icon-notext:after,
.ui-panel .ui-btn-icon-left:after, .ui-panel .ui-btn-icon-right:after, .ui-panel .ui-btn-icon-top:after, .ui-panel .ui-btn-icon-bottom:after, .ui-panel .ui-btn-icon-notext:after{
	background-color: teal;
}

div#bookNowTaas{
	max-width:218px;
	margin: 0 auto;
	margin-right:3px;	
}

#bookNowTaas{
		text-decoration: none;
	}
	#bookNowTaas .BookNow{
		max-width: 115px;
	    margin: 0 auto;
	    margin-right: 5px;
	    text-align: center;
	    text-shadow: none;
	    color: #fff;
	    background-color: teal;
	    font: bold 16px Arial;
	    margin-top: 8px;
	    padding: 10px;
	    border-radius: 0;;
		transition: background-color 1s;
	    -moz-transition: background-color 1s;
	    -o-transition: background-color 1s;
	    -webkit-transition: background-color 1s;
	    -webkit-box-shadow: 3px 3px #E8DBB7;
	    box-shadow: 3px 3px #E8DBB7;

	}
#bookNowTaas .BookNow:hover{
	background-color: #58FAAC;
    color: rgb(1,75,66);
}


@media only screen and (min-width: 180px) {
	
	.langOptions li:first-child{ display: none; }
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:6.5em;
		width:178px;
	}		
	h1.pbayheadlogo{
		left:2px;
	}	
	.headerwhole{
		height:140px;
		}
	.headerwhole .MenuPanel.ui-btn{
		display:inline;
		margin-top:2em;
		margin-right:5px;
	}

	.top-menus { display:none; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}

@media only screen and (min-width: 274px) {
	.headerwhole .MenuPanel.ui-btn{
		display:inline;
		margin-top:3em;
		margin-right:5px;
	}
}

@media only screen and (min-width: 300px){
	.headerwhole .MenuPanel.ui-btn{
		display:inline;
		margin-top:3em;
		margin-right:5px;
	}
}
@media only screen and (min-width: 317px){
	
	.langOptions li:first-child{ display: none; }
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:6.8em;
		width:178px;
	}
	h1.pbayheadlogo{ left:2px; }
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}

@media only screen and (min-width: 348px){
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:6.8em;
		width:178px;
	}
}

@media only screen and (min-width: 363px){
	
	.langOptions li:first-child{ display: none; }
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:6.5em;
		width:200px;
	}
	h1.pbayheadlogo{ left:2px; }	
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}

@media only screen and (min-width: 370px){
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:6.8em;
		width:200px;
	}
}


@media only screen and (min-width: 385px){
	
	.langOptions li:first-child{ display: none; }
	h1.pbayheadlogo{ left:2px; }	
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}
@media only screen and (min-width: 387px){
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:7em;
		width:200px;
	}
}
@media only screen and (min-width: 418px){

	.langOptions li:first-child{ display: none; }
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:7em;
		width:200px;
	}
	h1.pbayheadlogo{ left:2px; }
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}
@media only screen and (min-width: 438px){
	
	.langOptions li:first-child{ display: none; }
	.pbayslogan{
		float:left;
		margin-left:2px;
		margin-top:6.5em;
		width:250px;
	}		
	h1.pbayheadlogo{ left:2px; }
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}
@media only screen and (min-width: 448px){
	.langOptions li:first-child{ display: inline-block; }
	
	.pbayslogan{
		float:left;
		margin-left:5px;
		margin-top:6.5em;
		width:250px;
	}		
	h1.pbayheadlogo{ left:5px; }
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}
@media only screen and (min-width: 508px){
	.panelMenu{ margin-top: 140px;}
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:5px;
		margin-top:6.5em;
		width:250px;
	}		
	h1.pbayheadlogo{ left:5px; }
	.headerwhole{
		height:140px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}

@media only screen and (min-width: 514px){
	.pbayslogan{
		float:left;
		margin-left:5px;
		margin-top:6.5em;
		width:250px;
	}			
}

@media only screen and (min-width: 528px){
	.panelMenu{ margin-top: 135px;}
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:5px;
		margin-top:6.5em;
		width:250px;
	}
	h1.pbayheadlogo{ left:5px; }
	.headerwhole{
		height:143px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:3.4em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px; }
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}

@media only screen and (min-width: 531px){
	.pbayslogan{
		float:left;
		margin-left:5px;
		margin-top:6.7em;
		width:250px;
	}
}
@media only screen and (min-width: 598px){
	.panelMenu{ margin-top: 110px;}
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:195px;
		margin-top:2em;
		width:250px;
	}		
	h1.pbayheadlogo{ left:5px; }
	.headerwhole{
		height:120px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:2.1em;
			margin-right:5px;
		}
	.top-menus{ display:none; }
	#bookNowTaas{ display: inline; }
	.L_YourAreHere{margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}
@media only screen and (min-width: 641px){
	.panelMenu{ margin-top: 135px;}
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:195px;
		margin-top:2.4em;
		width:300px;
	}		
	h1.pbayheadlogo{ left:5px; }
	.headerwhole{
		height:120px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:2em;
			margin-right:5px;
		}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	.panelMenu{ margin-top:112px; }
	.L_YourAreHere{ margin-bottom:10px;}
	.popClickToDaku{display: none;}
	div.callout{ margin-top: 25px; }
}

@media only screen and (min-width: 939px){
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:195px;
		margin-top:30px;
		width:390px;
	}
	h1.pbayheadlogo{ left:5px; }
	.top-menus { display:none; }
	.headerwhole{
		height:120px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:2.1em;
			margin-right:5px;
		}
	.mobile_page_menu{ display: none; }
	#bookNowTaas{ display: inline; }
	nav a.ui-btn:last-child{ display: none; }
	.L_YourAreHere{ margin-bottom: 0; }
	.E_YourAreHere{display: none;}
	.popClickToDaku{
		display: inline;
		margin-top:-50px;
	}
	div.callout{ margin-top: 3px; }
}

@media only screen and (min-width: 1059px){
	.headerwhole{
		height:120px;
		}
		.headerwhole .MenuPanel.ui-btn{
			display:inline;
			margin-top:2.1em;
			margin-right:5px;
		}	
}

@media only screen and (min-width: 1050px){
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:218px;
		margin-top:25px;
		width:500px;
	}
	h1.pbayheadlogo{ left:18px; }
	.headerwhole{
		height:157px;
		}	
		/* .headerwhole .MenuPanel.ui-btn{ display:none; } */
		.headerwhole{
			height:120px;
			}
			.headerwhole .MenuPanel.ui-btn{
				display:inline;
				margin-top:2.1em;
				margin-right:5px;
			}
	.top-menus { display:none; }
	#bookNowTaas{ display: inline; }
	nav a.ui-btn:last-child{ display: none; }
	.homeMain .indexArticle{
		margin: 0px auto 0px 10px;
		padding-right:10px;
		max-width: 800px;
	}

	.homeMain .indexsidebar,	
	.homeMain .homesidebar{
		float:right;
		margin: 0px 10px 0px auto;
		padding-left: 10px;
		padding-right: 10px;
		width:	28.333333333333%;
		}
	.mobile_page_menu{ display: none; }
	.L_YourAreHere{ margin-bottom: 0; }
	.E_YourAreHere{ display: none; }
	.popClickToDaku{
		display: inline;
		margin-top:-50px;
	}
	div.callout{ margin-top: 3px; }	
}


@media only screen and (min-width: 1060px){
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:218px;
		margin-top:25px;
		width:500px;
	}
	h1.pbayheadlogo{ left:18px; }
	.headerwhole{
		height:157px;
		}	
		/* .headerwhole .MenuPanel.ui-btn{ display:none; } */
		.headerwhole .MenuPanel.ui-btn{ display:inline; }
	.top-menus {
		display:inline;
		float: right;
		padding-top: 0;
		margin-top:28px;
		margin-right:10px;
	}
	/* .top-menus { display:none; } */
	#bookNowTaas{ display: inline; }
	nav a.ui-btn:last-child{ display: none; }
	.homeMain .indexArticle{
		margin: 0px auto 0px 10px;
		padding-right:10px;
		max-width: 800px;
	}

	.homeMain .indexsidebar,	
	.homeMain .homesidebar{
		float:right;
		margin: 0px 10px 0px auto;
		padding-left: 10px;
		padding-right: 10px;
		width:	28.333333333333%;
		}
	.mobile_page_menu{ display: none; }
	.L_YourAreHere{ margin-bottom: 0; }
	.E_YourAreHere{ display: none; }
	.popClickToDaku{
		display: inline;
		margin-top:-50px;
	}
	div.callout{ margin-top: 3px; }	
}

/*@media only screen and (min-width: 850px){*/
@media only screen and (min-width: 930px){
	#bookNowTaas{ display: inline; }
	nav a.ui-btn:last-child{ display: none; }
/*	.top-menus {
		display:inline;
		float: right;
		padding-top: 0;
		margin-top:28px;
		margin-right:10px;
	}*/
	.top-menus { display:none; }
}

/* @media only screen and (min-width: 940px){ */
@media only screen and (min-width: 1060px){	
	#bookNowTaas{ display: inline; }
	nav a.ui-btn:last-child{ display: inline-block; }
	/* .top-menus {
		display:inline;
		float: right;
		padding-top: 0;
		margin-top:28px;
		margin-right:10px;
	} */
	.top-menus { display:none; }
	.headerwhole{
		height:120px;
		}	
}

/* @media only screen and (min-width: 1120px){	 */
/* @media only screen and (min-width: 1110px){	 */
@media only screen and (min-width: 1195px){	
	.langOptions li:first-child{ display: inline-block; }
	.pbayslogan{
		float:left;
		margin-left:218px;
		margin-top:25px;
		width:500px;
	}
	h1.pbayheadlogo{ left:18px; }
	.headerwhole .MenuPanel.ui-btn{ display:none; }
	.headerwhole{
		height:157px;
		}	
	.top-menus {
		display:inline;
		float: right;
		padding-top: 0;
		margin-top:28px;
		margin-right:10px;
	}
	.homeMain .indexArticle{
		margin: 0px auto 0px 10px;
		padding-right:10px;
		max-width: 800px;
	}

	.homeMain .indexsidebar,	
	.homeMain .homesidebar{
		float:right;
		margin: 0px 10px 0px auto;
		padding-left: 10px;
		padding-right: 10px;
		width:24.333333333333%;
		}
		
	.mobile_page_menu{ display: none; }
	#bookNowTaas{ display: none; }
	nav a.ui-btn:last-child{ display: inline-block; }
	.L_YourAreHere{ margin-bottom: 0; }
	.E_YourAreHere{ display: none; }
	.popClickToDaku{
		display: inline;
		margin-top:-65px;
	}
	div.callout{ margin-top: 3px; }
}
@media only screen and (min-width: 1440px){
	.langOptions li:first-child{ display: inline-block; }
	#bookNowTaas{ display: none; }
	nav a.ui-btn:last-child{ display: inline-block; }
	.mobile_page_menu{ display: none; }
	.L_YourAreHere{ margin-bottom: 0; }
	.E_YourAreHere{display: none; }
	.popClickToDaku{
		display: inline;
		margin-top:-65px;
	}
	div.callout{ margin-top: 3px; }
}

.YourAreHereUbos{
	width:100%;
	float: right;
}
.O_YourAreHere{
	float: right;
	margin-top:15px;;
	margin-right: 10px;
	margin-bottom: 30px;
}
	.O_YourAreHere a:link,
	.O_YourAreHere a:visited,
	.O_YourAreHere a:active{
		color: teal;
		text-decoration:none;
	}
	.O_YourAreHere a:hover{
		text-shadow:1px 1px #58FAAC;
		color: teal;
	}
.L_YourAreHere{
	margin-top:8px;
	margin-bottom: 0;
	padding-right:8px;
	padding-bottom: 0;
	text-align: right;
	}
.E_YourAreHere{
	float: right;
	margin-top:3px;
	padding-bottom: 0;
	margin-bottom: 30px;
	}
	.L_YourAreHere label,
	.E_YourAreHere label,
	.O_YourAreHere label{
		font: bold 12px Arial !important;
		color: rgb(1,75,66);
		font-style: italic !important;
	}
	.L_YourAreHere .YouAreHearMain,
	.E_YourAreHere .YouAreHearMain,
	.O_YourAreHere .YouAreHearMain{
		font: bold 12px Arial;
	}

	.L_YourAreHere span.arrowleo,
	.E_YourAreHere span.arrowleo,
	.O_YourAreHere span.arrowleo{
		vertical-align: middle;
		background-color: #fff;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		margin-right: -3px;
		background-color: transparent;
	}
	.L_YourAreHere fieldset.ui-controlgroup,
	.E_YourAreHere fieldset.ui-controlgroup,
	.O_YourAreHere fieldset.ui-controlgroup{
		margin: 0;
	}
	.L_YourAreHere a.ui-btn,
	.E_YourAreHere a.ui-btn,
	.O_YourAreHere a.ui-btn{
	    font-size: 12px;
	    border: none;
	    background-color: transparent;
	}
	.L_YourAreHere a.ui-btn:hover,
	.E_YourAreHere a.ui-btn:hover,
	.O_YourAreHere a.ui-btn:hover{
	    background-color: transparent;
	}

	.L_YourAreHere div.ui-select,
	.E_YourAreHere div.ui-select,
	.O_YourAreHere div.ui-select{
		background-color: transparent;
		}
		.L_YourAreHere div.ui-select a.ui-btn,
		.E_YourAreHere div.ui-select a.ui-btn,
		.O_YourAreHere div.ui-select a.ui-btn{
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 0;
			text-shadow: none;
			
			color: #fff;
			text-shadow: none;
			background-color: teal;
			-webkit-box-shadow: none;
			        box-shadow: none;
			-webkit-transition: background-color 0.5s ease-out;
			-o-transition: background-color 0.5s ease-out;
			transition: background-color 0.5s ease-out;
			}
			.L_YourAreHere div.ui-select a.ui-btn:hover,
			.E_YourAreHere div.ui-select a.ui-btn:hover,
			.O_YourAreHere div.ui-select a.ui-btn:hover{
				background-color: #58FAAC;
    		color: rgb(1,75,66);
			}
		.L_YourAreHere div.ui-btn,
		.E_YourAreHere div.ui-btn,
		.O_YourAreHere div.ui-btn{
			color: teal;
			text-align:right;
			text-shadow: none;
			background-color: transparent;
			-webkit-box-shadow: none;
			        box-shadow: none;
			}
			.L_YourAreHere .ui-btn-icon-right,
			.E_YourAreHere .ui-btn-icon-right,
			.O_YourAreHere .ui-btn-icon-right{
				padding-right: 3em;
			}
			.L_YourAreHere .ui-btn-icon-right:after,
			.E_YourAreHere .ui-btn-icon-right:after,
			.O_YourAreHere .ui-btn-icon-right:after{
				background-color: teal;
				border-radius: 1px;
			}
			.L_YourAreHere .ui-mini .ui-btn-icon-right:after,
			.E_YourAreHere .ui-mini .ui-btn-icon-right:after,
			.O_YourAreHere .ui-mini .ui-btn-icon-right:after{
				right: 2px;
				margin-top: -11px;
			}

@media only screen and (min-width: 300px){
	.L_YourAreHere div.ui-select a.ui-btn,
	.E_YourAreHere div.ui-select a.ui-btn,
	.O_YourAreHere div.ui-select a.ui-btn,
	.L_YourAreHere label,
	.E_YourAreHere label,
	.O_YourAreHere label,
	.L_YourAreHere span.arrowleo,
	.E_YourAreHere span.arrowleo,
	.O_YourAreHere span.arrowleo{
		font: normal 8px Arial;
	}
}			
@media only screen and (min-width: 379px){
	.L_YourAreHere div.ui-select a.ui-btn,
	.E_YourAreHere div.ui-select a.ui-btn,
	.O_YourAreHere div.ui-select a.ui-btn,
	.L_YourAreHere label,
	.E_YourAreHere label,
	.O_YourAreHere label,
	.L_YourAreHere span.arrowleo,
	.E_YourAreHere span.arrowleo,
	.O_YourAreHere span.arrowleo{
		font: normal 10px Arial;
	}
}
@media only screen and (min-width: 444px){
	.L_YourAreHere div.ui-select a.ui-btn,
	.E_YourAreHere div.ui-select a.ui-btn,
	.O_YourAreHere div.ui-select a.ui-btn,
	.L_YourAreHere label,
	.E_YourAreHere label,
	.O_YourAreHere label,
	.L_YourAreHere span.arrowleo,
	.E_YourAreHere span.arrowleo,
	.O_YourAreHere span.arrowleo{
		font: bold 12px Arial;
	}
}


.MenuPanel.ui-btn-icon-right:after{
	border-radius:1px;
}
.leoxGroup{
	border:5px solid rgba(1,75,66,0.2);
	border-radius:1px;
	padding: 10px 5px 5px 5px;
	margin-bottom: 15px;
	background-color:#fff
}

@media only screen and (min-width: 100px){
	.leoxSudlanan{
	}
}
@media only screen and (min-width: 800px){
	.leoxSudlanan{
		margin: 0 auto;
	}
}



.leoxSudlanan{
	max-width: 900px;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	/* Mobile-first: minimum 16px padding, desktop: 24px padding */
	padding: var(--space-sm) var(--space-sm) var(--space-xl) var(--space-sm);
	border-radius: 3px;
	}
	
@media (min-width: 992px) {
	.leoxSudlanan{
		padding: var(--space-base) var(--space-base) var(--space-2xl) var(--space-base);
	}
	
h1.pbayheadlogo{
	position:absolute;
	margin-top:3px;
}

.homeMain{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	/*margin-top:40px;*/
	/* margin-top:10px;
	margin-bottom: 50px; */
	}
	.homeMain a:link,
	.homeMain a:visited,
	.homeMain a:active{
		color: teal;
		text-decoration:none;
	}
	.homeMain a:hover{
		text-shadow:1px 1px #58FAAC;
		color: teal;
	}
	.homeMain .indexsidebar,
	.homeMain .homesidebar{
		max-width: 285px;
		margin-top: 70px;
		padding-top: 10px;
		padding-bottom: 15px;
		margin-right: 0;

	}
		.sidebarButtons{
			max-width:300px;
		}

		div.callout {
			position: relative;
			color: rgba(1,75,66,0.8);
			font-size: 14px;
			font-weight: bold;
			padding: 10px;
			border-radius: 3px;
			-webkit-box-shadow: 0px 0px 20px #999;
			        box-shadow: 0px 0px 20px #999;
			margin-bottom: 20px;
			text-align: center;
			background: rgba(255,255,204,0.5);
			background-color: #fff;
			background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.00, rgb(253, 248, 230)), color-stop(0.25, #fff), color-stop(0.50, #fff), color-stop(0.80, #fff), color-stop(1.00, rgb(253, 248, 230)) );
		}

		.callout::before {
			content: "";
			width: 0px;
			height: 0px;
			border: 0.8em solid transparent;
			position: absolute;
		}

		.callout.top::before {
			left: 45%;
			bottom: -20px;
			border-top: 10px solid rgba(255,255,204,1);
		}

.indexArticle{
	clear: right;
	/*width: 100%;*/
	margin-top: 60px;	
}
.homeArticle{
	width: 100%;
	/* margin-top: 30px; */
	}
	.indexArticle .ui-body,
	.homeArticle .ui-body{
		border-bottom-left-radius: 1px;
		border-bottom-right-radius: 1px;
	}
	.indexArticle div.ui-corner-all,
	.homeArticle div.ui-corner-all{
		border-radius: 0;
	}
	.indexArticle h4.ui-bar.ui-bar-a,	
	.homeArticle h4.ui-bar.ui-bar-a{
		color:white;
		text-shadow:none;
		margin-top:15px;
		padding:10px;
		background:rgb(1,75,66);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(210, 189, 134, 0.1)),color-stop(10%,rgb(1,75,66)));
		background: -webkit-linear-gradient(bottom,rgba(210, 189, 134, 0.1),rgb(1,75,66) 0 10%);
		background: -o-linear-gradient(bottom,rgba(210, 189, 134, 0.1),rgb(1,75,66) 0 10%);
		background: -webkit-gradient(linear,left top, left bottom,from(rgba(210, 189, 134, 0.1)),color-stop(0, rgb(1,75,66)));
		background: -webkit-linear-gradient(top,rgba(210, 189, 134, 0.1),rgb(1,75,66) 0 10%);
		background: -o-linear-gradient(top,rgba(210, 189, 134, 0.1),rgb(1,75,66) 0 10%);
		background: linear-gradient(to bottom,rgba(210, 189, 134, 0.1),rgb(1,75,66) 0 10%);	
	}
	.indexArticle .ui-corner-all .ui-bar.ui-bar-a,
	.homeArticle .ui-corner-all .ui-bar.ui-bar-a{
		color:white;
		text-shadow:none;
		margin-top:15px;
		padding:10px;
		background:	rgba(0,128,128,.9);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(0,128,128, 0.1)),color-stop(10%,rgb(1,75,66)));
		background: -webkit-linear-gradient(bottom,rgba(0,128,128, 0.1),rgb(1,75,66) 0 10%);
		background: -o-linear-gradient(bottom,rgba(0,128,128, 0.1),rgb(1,75,66) 0 10%);
		background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,128,128, 0.1)),color-stop(0, rgb(1,75,66)));
		background: -webkit-linear-gradient(top,rgba(0,128,128, 0.1),rgb(1,75,66) 0 10%);
		background: -o-linear-gradient(top,rgba(0,128,128, 0.1),rgb(1,75,66) 0 10%);
		background: linear-gradient(to bottom,rgba(0,128,128, 0.1),rgb(1,75,66) 0 10%);
		}

.sidebarItem{
	clear: right;
    max-width: 300px;
    margin: 0 auto;
	display: inline-block;
    vertical-align: top;    
	margin-bottom: 30px;
	padding: 0 8px 8px 8px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius:3px;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,128,128,0.10), 0px 5px 5px 0px rgba(0,128,128,0.15);
	box-shadow: 1px -3px 3px 1px rgba(0,128,128,0.10), 1px 3px 3px 1px rgba(0,128,128,0.15);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.00, rgb(253, 248, 230)), color-stop(0.25, #fff), color-stop(0.50, #fff), color-stop(0.80, #fff), color-stop(1.00, rgb(253, 248, 230)) );*/
	background-image: -moz-linear-gradient( center bottom, rgb(253, 248, 230) 0%, #fff 20%, #fff 50%, #fff 80%, rgb(253, 248, 230) 100% );
	-o-transition: -o-box-shadow 0.2s ease-out;
	-webkit-transition: -webkit-box-shadow 0.2s ease-out;
	transition: -webkit-box-shadow 0.2s ease-out;
	-o-transition: box-shadow 0.2s ease-out;
	transition: box-shadow 0.2s ease-out;
	transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
	}
	.sidebarItem .ui-bar.ui-bar-a{
		background-color: transparent;
		color: rgb(1,75,66);
		text-shadow: none;
		text-align: left;
		padding: 10px 0 0 0;
		border: 0;
		margin: 0;
		border-bottom: 4px solid rgb(1,75,66);
		}
		.sidebarItem .ui-bar.ui-bar-a h3{
			margin-bottom: 5px;
		}
	.sidebarItem .ui-body.ui-body-a{
		color:teal;
		/*padding: 0;*/
		background-color: rgb(255, 255, 204);
		border-radius: 0;
		border: 0;
		margin: 0;
		padding: 1px;
		}
		.sidebarItem .ui-body.ui-body-a p{
			color: teal;
			text-shadow: none;
		}
		.sidebarItem .ui-body.ui-body-a:first-child{
			margin-top:5px;
		}
		.sidebarItem .ui-body.ui-body-a:last-child{
			margin-bottom:5px;
		}
	.sidebarItem .sideBarDetailsLink{
		text-align:center;
		background-color: rgba(0,128,128,0.1);
		padding: 2px 2px;
		}
		.sidebarItem .sideBarDetailsLink a{
			color: teal;
			text-decoration: none;
			text-transform: uppercase;
			font: normal 12px Arial;
			-webkit-transition: font 0.2s;
			-o-transition: font 0.2s;
			transition: font 0.2s;
			}
			.sidebarItem .sideBarDetailsLink a:hover{
				color: teal;
				font: bold 13px Arial;
				text-decoration: none;
				text-shadow: none;
			}
	.sidebarItem:last-child{
		margin-bottom:0;
	}
	.sidebarItem .conventionalPage img,
	.sidebarItem .amenitiesPage img,
	.sidebarItem .photogalleryPage img,
	.sidebarItem .scenicbeautiesPage img,
	.sidebarItem .hotelmapPage img,
	.sidebarItem iframe{
		margin-bottom: -5px;
	}
	.sidebarItem:hover{
		-webkit-box-shadow: 0px -4px 8px 0px rgba(0, 128, 128,0.25), 0px 8px 8px 0px rgba(0, 128, 128,0.25);
		box-shadow: 0px -4px 8px 0px rgba(0, 128, 128,0.30), 0px 8px 8px 0px rgba(0, 128, 128,0.25);
	}

.mobile_page_menu{
	margin: 0 auto;
	max-width: 100%;
	}
.sidebar_page_menu{
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 15px;
	}	
	.mobile_page_menu div.ui-select,
	.sidebar_page_menu div.ui-select{
		margin: 3px 0;
		}
		.mobile_page_menu div.ui-btn,
		.sidebar_page_menu div.ui-btn{
			color: teal;
			text-align:right;
			text-shadow: none;
			background-color: transparent;
			-webkit-box-shadow: none;
			        box-shadow: none;
			}
			.mobile_page_menu div.ui-btn:hover,
			.sidebar_page_menu div.ui-btn:hover{
				color: #fff;
				text-shadow: none;
				background-color: teal;
				-webkit-box-shadow: none;
				        box-shadow: none;
			}
			.mobile_page_menu .ui-btn-icon-right:after,
			.sidebar_page_menu .ui-btn-icon-right:after{
				background-color: #58FAAC;
				border-radius: 3px;
				border: 1px solid rgb(255,255,204);
			}



.socialMe{
	max-width:100%;
	margin: 0 auto;
	vertical-align: top;
	text-align:center;
}
.socialMe div{
	display: inline-block;
	vertical-align: top;
}

.cycle-pager span.cycle-pager-active{
	color: #58FAAC;
}


/*  copyright - Mobile First */
.CopyRight,
.ui-page .ui-footer .CopyRight,
[data-role="footer"] .CopyRight,
div.CopyRight,
.ui-page .ui-footer div.CopyRight,
[data-role="footer"] div.CopyRight{
	font-family: Arial, sans-serif !important;
	font-size: clamp(0.35rem, 1vw, 0.425rem) !important;
	font-weight: bold !important;
	text-align: center !important;
	padding: 5px !important;
	background-color: #004d4d !important;
	color: #ffffff !important;
	line-height: 1.6 !important;
	margin: 0 !important;
}

.CopyRight a,
.ui-page .ui-footer .CopyRight a,
[data-role="footer"] .CopyRight a,
div.CopyRight a,
.ui-page .ui-footer div.CopyRight a,
[data-role="footer"] div.CopyRight a{
	color: #00bfff !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

.CopyRight a:hover,
.ui-page .ui-footer .CopyRight a:hover,
[data-role="footer"] .CopyRight a:hover,
div.CopyRight a:hover,
.ui-page .ui-footer div.CopyRight a:hover,
[data-role="footer"] div.CopyRight a:hover{
	color: #87ceeb !important;
}

.CopyRight .credits,
.ui-page .ui-footer .CopyRight .credits,
[data-role="footer"] .CopyRight .credits,
div.CopyRight .credits,
.ui-page .ui-footer div.CopyRight .credits,
[data-role="footer"] div.CopyRight .credits{
	display: block !important;
	margin-top: 4px !important;
}

@media (min-width: 992px) {
	.CopyRight{
		text-align: center;
		padding: 5px;
		background-color: #004d4d;
		color: #00e5ff;
		font-size: clamp(0.375rem, 0.6vw, 0.45rem);
		line-height: 1.5;
	}

	.CopyRight a{
		color: #00e5ff;
		text-decoration: underline;
		font-weight: bold;
	}

	.CopyRight a:hover{
		color: #ffffff;
	}

	.CopyRight .credits{
		display: inline;
		margin-top: 0;
	}
}

#origin{
	color: rgb(1,75,66);
}
/* Override for mobile - ensure styles apply */
@media (max-width: 991px) {
	.ui-page .ui-footer .CopyRight a,
	[data-role="footer"] .CopyRight a{
		color: #00bfff !important;
		text-decoration: underline !important;
	}
}

#hotelpricing_satisfaction_pop a{
	white-space: normal;
	background-color: transparent;
	border:none;
	text-align: left;
}
#hotelpricing_satisfaction_pop a.ui-btn:after{
	background-color:teal;
}
#hotelpricing_satisfaction_pop a:hover{
	color:teal;
	text-decoration:underline !important;
}



@media only screen and (min-width: 180px){
	.menuContainer{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin-top: 15px;
    padding: 0 !important;
	}
}

@media only screen and (min-width: 640px){
	.menuContainer{
		-webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 3rem;
	    -moz-column-gap: 3rem;
	    column-gap: 3rem;
    	margin-top: 15px;
    	padding: 0 !important;
	}
}

.Menu{
	padding-bottom: 15px;
}
/* ----*/
.Menu{
	border: 2px solid rgb(246, 247, 248);
}

.Menu.ui-tabs{
	padding: 0;
}

.Menu.ui-tabs .ui-tabs-nav{
	padding-top: 2px;
	padding-bottom:5px
}
/* ----  */
.menuHeader{
    margin-bottom:0;
}
.menuHeader h4{
    padding-left: 15px;
    margin-bottom: 0;
    padding-top: 15px;
}

.Menu .ui-tabs-nav {
    margin: 0;
    padding: .2em;
    border-radius: 0;
    /*background-color: rgba(0,0,0,0.03);*/
    background-color: rgb(246, 247, 248);
}

.ui-tabs .ui-tabs-nav li a:hover{
	background-color: rgba(1,75,66,0.05);
	color: rgb(1,75,66);
	text-shadow: none;
	border-radius: 5px;
	transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-webkit-transition: background-color 1s;	
}

.ui-tabs .ui-tabs-nav li a:focus{
	outline: none;
	text-shadow: none;
	border-radius: 5px;
}

.ui-tabs .ui-tabs-nav .ui-state-active{
	background-color: rgba(1,75,66,0.1);
	color: rgb(1,75,66);
	/*border-radius: 5px;*/
}

.menuItem{
	line-height: 1.5rem;
	padding: 10px 15px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: void;
}
.menuItem:nth-child(odd){
	background-color: rgba(1,75,66,0.03);
}
.itemName{
	padding-right: 3rem;
}
.itemPrice{
	margin-left: 2rem;
    float: right;
}
.itemDesc{
    line-height: 1.2rem;
    margin-top: 0;
    padding-right: 3rem;
    margin-bottom: 0;
    margin-left: 0 !important;
    text-rendering: auto;
    color: #999;

}

/* .RestPicture_Desc {
	padding: 0;
} */

.Menu .font-size-small {
    font-size: .875rem;
}

.Menu .font-weight-bold {
    font-weight: 700;
}
.Menu h5 {
    font-size: 1rem;
    line-height: 1.3;
}

.Menu .color-dark {
    color: #333;
}

.Menu .color-light {
    color: #999;
}
.Menu .font-size-small {
    font-size: .875rem;
}

.Menu .rest-menu-desc {
    line-height: 20px;
        margin-left: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 180px){
	.Menu .rest-menu-items {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    -webkit-column-gap: 3rem;
	    -moz-column-gap: 3rem;
	    column-gap: 3rem;
		padding-bottom: 25px;
		}
}

/* @media only screen and (min-width: 640px){
	.Menu .rest-menu-items {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 3rem;
	    -moz-column-gap: 3rem;
	    column-gap: 3rem;
		}
} */

.Menu .rest-menu-section {
    padding-bottom: 30px;
    padding-top: .25rem;
    border-bottom: 1px solid rgba(0,0,0,.08);
	}
	.Menu .rest-menu-section:last-child {
	    padding-bottom: 0;
	    border: none;
	}

	.Menu .rest-menu-section-header {
	    line-height: 1.2rem;
	    padding-top: 1.5rem;
	    padding-bottom: 1.5rem;
		}
		.Menu .rest-menu-section-header h5 {
		    text-align: left;
		    margin: .2rem 0;
		    text-transform: uppercase;
		    text-rendering: auto;
		    color: #1e1e1e;
		    font-size: 14px;
		}

			.Menu .rest-menu-item {
			    line-height: 1.5rem;
			    margin-bottom: 1rem;
			    -webkit-column-break-inside: avoid;
			    page-break-inside: avoid;
			    break-inside: void;
				padding-left: 10px;
				}
				.Menu .rest-menu-item p {
				    text-rendering: auto;
				}
				.Menu .rest-menu-item.noDescription{
					margin-bottom: 10px;
				}

				.Menu .rest-menu-item-price {	
				    margin-left: 2rem;
				    float: right;
				    font-size: 13px;
				}

				.Menu .rest-menu-item-title {	
				    /* padding-right: 3rem;
				    font-size: 14px; */
					font-family: Neue Helvetica,helvetica,sans-serif;
					font-size: .85rem;
					font-style: normal;
					font-weight: 700;
					letter-spacing: .25em;
					line-height: 1.3333333333em;
				}
				.Menu .rest-menu-item-desc {
				    line-height: 20px;
				    margin: 0;
				    padding-right: 3rem;
				    font-size: 13px;

					font-family: Neue Helvetica,helvetica,sans-serif;
					font-size: .75rem;
					font-style: normal;
					/* font-weight: 700; */
					letter-spacing: .10em;
					line-height: 1.3333333333em;
				}
				.rest-menu-item-ratingImg {
					width: 3%;
				}

.Menu .rest-menu-option-group {
    margin-top: .5rem;
	}
	.Menu .rest-menu-option {
	    margin-bottom: .5rem;
	    padding-left: .875rem;
	    border-left: 2px solid rgba(0,0,0,.08);
	    line-height: 1rem;
		}

		.Menu .rest-menu-option-price {	
		    margin-left: 2rem;
		    float: right;
		}

		.Menu .rest-menu-option-title {	
		    padding-right: 3rem;
		    font-size: 13px;
		}

.viewAll{
	margin:0 auto;
	color: rgba(1,75,66,0.5) !important;
}

a.viewAll.ui-link.ui-btn{
	background-color:transparent;
}

a.viewAll.ui-btn-icon-right:after {
    background-color: rgba(1,75,66,0.5) !important;
    border-radius: 11px !important;
}

.golf-layout {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.golf-layout__image-container {
  flex: 0 0 40%;
  margin-right: 2rem;
}

.golf-layout__image-container img {
  width: 100%;
  height: auto;
  display: block;
}

.golf-layout__text-container {
  flex: 1;
}

.credits p {
	text-align: center;
	font-size: 8px;
}