

.main-nav-style .top-level:hover>a { 
	z-index: 20; 
	position: relative;
	color: #edaf43
}
.main-nav-style .top-level>a:hover  + .sub-nav::before {
	transition: none;
	transform: translateY(-100%) scaleY(1);
}
.main-nav-style .top-level .sub-nav::before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	transition: transform .6s;
	transform-origin: bottom center;
	transform: translateY(-100%) scaleY(0);
}

/* MAIN NAVIGATION */
.loveny-nav-item div {
	display: inline-block;
}
nav.main-nav::after {
}
.main-nav-style > li {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
	padding: 0;
	letter-spacing: 1px;
	position:  relative;
}
.main-nav-style > li > a {
	color: #080808;
	padding-left: 35px;
}

/* MAIN NAV DROPDOWN */
.main-nav-style ul.sub-nav {
	position: absolute;
	margin: 0px;
	padding-top: 35px;
	/* top: 26px; */
	left: 20px;
	/* transform: translateX(-50%); */
	display: none;
	opacity: 0;
	flex-flow: column nowrap;
	background-color: rgba(255, 255, 255, 1);
	transition-property: opacity;
	transition-timing-function: ease;
	transition-duration: .5s;
	width: max-content;
	overflow: visible;
}
.main-nav-style li:last-child ul.sub-nav {
	left: auto;
	transform:  translateX(0);
	right:  0;
}
.main-nav-style li:hover ul.sub-nav {
	display: flex;
	opacity: 1;
	width: 340px;
	box-shadow: 0px 8px 10px rgba(0,0,0,.06);
	padding-bottom: 10px;
}
.main-nav-style .sub-nav li a {
	cursor: pointer;
	display:  block;
}
.main-nav-style .sub-nav li.current-page a {
	font-weight: bold;
}

.main-nav-style .sub-nav li.active li a {
	color: #080808;
}
.main-nav-style .sub-nav li.active li a:hover {
	font-weight: 600;
}
.main-nav-style .sub-nav li.active a {
	background: transparent !important;
	color:  #FFF;
	line-height: 36px;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
}
.main-nav-style .sub-nav li.active li a {
	line-height: 30px;
	font-weight: 500;
}

.main-nav-style .sub-nav li.active li.active > a {
	font-weight: 600;
}
ul.sub-nav ul {
	display: none;
	opacity: 0;
	flex-flow: column;
}
ul.sub-nav li > ul.active {
	display: flex;
	opacity: 1;
}
ul.sub-nav i.fa {
	float: right;
	margin-right: 20px;
	font-size: 27px;
	font-weight: 900;
	line-height:  20px;
	color:  #080808;
}
li i.fa.active {
}
ul.sub-nav li {
	margin:  0;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	padding: 0;
	letter-spacing: 0px;
	text-align: left;
	clear: both;
	position: relative;
}
ul.sub-nav li a {
	color: #080808;
	text-align:  left;
	padding: 0 50px 0 20px;
	line-height: 36px;
	word-wrap: break-word;
}
.interior-nav ul.sub-nav li a {
	line-height: 24px;
}
.interior-nav ul.sub-nav li.current > a {
	font-weight: bold;
}
.main-nav-style i.fa.menu-action {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 19px;
	font-weight: 900;
	line-height: 20px;
	color: #edaf43;
	cursor: pointer;
}
.main-nav-style .sub-nav > li.has-children.active {
		background-color: #2a5241;
}
.main-nav-style .sub-nav li.has-children > ul.active {
	background-color: #dbd7c3;
	margin: 0;
}
.sub-nav li.has-children.active li.has-children.active,
.sub-nav li.has-children.active li.has-children.active ul li {
	background-color: #f2efe1 !important;
}

.sub-nav ul.active li a {
	padding-left:  2.5rem;
}
.sub-nav ul.active li li a {
	padding-left: 3.75rem;
	padding-right: 3.75rem;
}
.sub-nav ul.active li li li a {
	padding-left:  5rem;
}
@media only screen and (max-width: 64em) {
	ul.sub-nav li {
		width: 100%;
	}
}




/* INDUSTRY NAVIGATION */
nav.indy-nav {
	
}
ul.indy-nav-style li {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 19px;
	padding: 0;
}
ul.indy-nav-style li::after, .weather.show-for-medium-up::after {
	content: "|";
	margin: 0px 10px;
	color: #080808;
}
ul.indy-nav-style li a {
	color: #080808;
}




/* MOBILE NAVIGATION DROPDOWN */
.mobile-nav-container {
	position:  relative;
}
.mobile-nav-action {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 24px;
	padding: 0px;
	cursor: pointer;
}
.mobile-nav-action::before {
	content: "Menu";
	color: #080808;
	margin-right: 10px;
}
.mobile-nav-action::after {
	content: "\f0c9";
	font-family: FontAwesome;
	color: #080808;
	font-size: 23px;
	line-height:  19px;
	font-weight:  100;
}
.mobile-nav-action.active::after {
	content: url(/includes/public/assets/images/mobile-menu-close.png);
}
.mobile-nav-dropdown {
	position: absolute;
	right: -20px;
	top: calc(100% + 7px);
	display: none;
	opacity: 0;
	/* padding: 20px; */
	flex-flow: column nowrap;
	width: 410px;
	background-color:  #fff;
}
.mobile-nav-dropdown li {
	position: relative;
}
.mobile-nav-dropdown.active {
	display: flex;
	opacity:  1;
	box-shadow: 0px 8px 8px rgba(0,0,0,.09);
}
.mobile-nav-dropdown::before {
	/* content: ""; */
	position: fixed;
	top: 0px;
	right: 0px;
	height: 100vw;
	width: 100vh;
	background-color: rgba(76, 76, 76, 0.7);
	z-index:  0;
}
.mobile-nav-dropdown i.fa.menu-action {
	font-size: 18px;
	font-weight: 900;
	line-height: 20px;
	color: #edaf43;
	position: absolute;
	right: 20px;
	top: 8px;
	cursor: pointer;
}
.mobile-nav-dropdown nav > ul {/* border-bottom:  1px solid; */}
.mobile-nav-dropdown ul.main-nav-style-mobile {
	display:  block;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid;
	border-color: #dbd7c3;
}
.mobile-nav-dropdown ul.indy-nav-style-mobile {
	display:  block;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 19px;
	margin-bottom: 15px;
	border-bottom: 1px solid;
	border-color: #dbd7c3;
}
.mobile-nav-dropdown ul.indy-nav-style-mobile  > li {
	margin-bottom: 10px;
}
.mobile-nav-dropdown ul.footer-nav-style-mobile {
	display:  block;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 15px;
}
.mobile-nav-dropdown ul.footer-nav-style-mobile > li {
	margin-bottom: 10px;
}
.mobile-nav-dropdown ul.footer-nav-style-mobile a {
	color: #0771b8;
}
ul.main-nav-style-mobile > li {
	margin-bottom: 15px;
	padding: 0;
}
.mobile-nav-dropdown nav:last-child ul {
	border-bottom: none;
}
ul.main-nav-style-mobile > li a,
ul.indy-nav-style-mobile > li a,
ul.footer-nav-style-mobile > li a {
	padding-left: 20px;
}
.mobile-nav-dropdown ul li a {
	color: #080808;
	line-height:  32px;
	font-weight:  600;
}
.mobile-nav-dropdown ul li li a {
	font-size: 18px;
	font-weight:  500;
}
.mobile-nav-dropdown ul.sub-nav-mobile li a.active {
	font-weight: 600;
}
.main-nav-style-mobile .mobile-nav-dropdown ul.sub-nav-mobile > li > a.active {
	font-weight: 400;
	color: #fff;
}
.mobile-nav-dropdown ul.sub-nav-mobile li.current a,
.mobile-nav-dropdown ul.sub-nav-mobile li a:hover {
	color: #edaf43;
}
.mobile-nav-dropdown ul.sub-nav-mobile li.current>a {
	font-weight: bold;
}
.sub-nav-mobile ul {
	display: none;
}
.sub-nav-mobile li.has-children > ul.active {
	display: block;
}
.main-nav-style-mobile .sub-nav-mobile li.has-children > ul.active {
	background-color: #dbd7c3;
	margin:  0;
}
.main-nav-style-mobile .sub-nav-mobile li.has-children.active {
	background-color: #dbd7c3;
}
.sub-nav-mobile li.has-children.active li.has-children.active,
.sub-nav-mobile li.has-children.active li.has-children.active ul li {
	background-color: #f2efe1 !important;
}
.sub-nav-mobile ul.active li a {
	padding-left: 25px;
}
.sub-nav-mobile ul.active li li a {
	padding-left:  3.75rem;
}
.sub-nav-mobile ul.active li li li a {
	padding-left:  5rem;
}
.sub-nav-mobile {
	display: none;
}
.sub-nav-mobile.active {
	display: block;
	margin-left:  0px;
}
.main-nav-style-mobile .sub-nav-mobile > li.has-children.active {
	background-color: #2a5241;
}
.main-nav-style-mobile .sub-nav-mobile > li.has-children.active > a {
	color: #FFF;
}
.main-nav-style-mobile .sub-nav-mobile > li > a{
	padding-left: 20px;
} 
.indy-nav-style-mobile {
	display: flex;
	flex-flow: column;
}
@media only screen and (max-width: 64em) {
	.mobile-nav-dropdown {
		top: calc(100% + 38px);
	}
}
@media only screen and (max-width: 40em) {
	.mobile-nav-dropdown {
		width: 100vw;
		right: -18px;
		top: calc(100% + 20px);
		padding-top: 20px;
	}
	.mobile-nav-dropdown-top {
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.mobile-nav-dropdown-top span {
		display: flex;
	}
	a.header-booking {
		color: #e75300;
		border: 1px solid;
		border-color: #325c6b;
	}
	.weather {
	}
	.search {
		border-color: rgba(50, 92, 107, .5);
		font-size: 14px;
		line-height: 16px;
		color: #325c6b;
	}
	.mobile-nav-dropdown-top i.fa-search {
		font-size: 14px;
		line-height: 16px;
		margin-right: 5px;
		font-weight: 500;
	}
	.search-action.active i.fa-search::before {
		padding: 0px;
	}
	.mobile-nav-dropdown ul.footer-nav-style-mobile {
		border-bottom: 1px solid;
		border-color: #dbd7c3;
	}
}

.interior-nav-panel .interior-nav-action {
	cursor: pointer;
}
.interior-nav-panel .children-holder {
	display: none
}
.interior-nav-panel .this-section a {
	color: #FFF;
}
.interior-nav-panel .children-holder.active {
	display: block;
	position: absolute;
	z-index: 3;
	background-color: #FFF;
	left: 0;
	top: 44px;
	box-shadow: 0px 8px 8px rgba(0,0,0,.09);
	min-width: 340px;
}
.interior-nav-panel .interior-nav {
	position: relative;
}
.interior-nav-panel .interior-nav .children-holder .fa {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 18px;
	font-weight: 900;
	line-height: 20px;
	color: #edaf43;
	cursor: pointer;
	margin-right: 0;
}
.interior-nav-panel .interior-nav .children-holder>.sub-nav {
	min-width: 400px;
	max-width: 400px;
	padding-top: 15px;
}
.interior-nav-panel .interior-nav .children-holder li {
	float: none;
	display: block;
}
.interior-nav-panel .sub-nav li.active a {
	background: transparent !important;
	color: #FFF;
	line-height: 27px;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	display: block;
}
.interior-nav-panel .children-holder>.sub-nav>li {
	padding: 5px 0px;
}
.interior-nav-panel .children-holder>.sub-nav>li.active {
	background-color: #2a5241;
	padding-top:  0;
	padding-bottom: 0;
}
.interior-nav-panel .children-holder>.sub-nav>li.active >ul {
	margin-left: 0;
}
.interior-nav-panel .children-holder>.sub-nav>li.active >ul>li {
	background-color: #dbd7c3;
	padding-left: 5px;
}
.interior-nav-panel .children-holder>.sub-nav>li.active >ul>li.current > a,
.interior-nav-panel .children-holder>.sub-nav>li.active >ul>li.active > a{
	font-weight: bold;
}
.interior-nav-panel .children-holder>.sub-nav>li.active >ul>li a {
	color: #000;
	padding-left: 25px;
	font-weight: 500;
}
.interior-nav-panel .sub-nav li.has-children.active li.has-children.active > a.active {
	font-weight: bold;
}
.interior-nav-panel .sub-nav li a:hover {
	color: #edaf43 !important;
}