/* ✦✦✦ OVERALL FORMATING ✦✦✦ */ * { 	margin: 0; 	padding: 0; 	font-family: sans-serif; }  /* ✦✦✦ WEBKIT FORMATING ✦✦✦ */ ::-webkit-scrollbar { 	width: 5px; 	background: black; }  /* ✦✦✦ WEBKIT SCROLL BAR FORMATING ✦✦✦ */ ::-webkit-scrollbar-thumb { 	background: #EAC349; 	border-radius: 20px; 	height: 300px; }  /* ✦✦✦ WEBKIT SCROLL BAR HOVER FORMATING ✦✦✦ */ ::-webkit-scrollbar-thumb:hover { 	background: #999999; }  /* ✦✦✦ LOADER CONTAINER FORMATING ✦✦✦ */ #loader-container { 	position: fixed; 	display: inline-block; 	width: 100%; 	height: 100%; 	margin: 0; 	padding: 0; 	background: #000000; 	text-align: center; 	vertical-align: middle; 	justify-content: center; 	z-index: 12; }  /* ✦✦✦ LOADER FORMATING ✦✦✦ */ .loader {     position: relative;     display: inline-flex;     align-items: center;     vertical-align: middle;     justify-content: center;     width: 100px;     top: 50%;     max-width: 6rem; }  /* ✦✦✦ LOADER BEFORE & AFTER FORMATING ✦✦✦ */ .loader:before, .loader:after { 	content: ""; 	position: absolute; 	border-radius: 50%; 	animation: pulsOut 1.8s ease-in-out infinite; 	filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.8)); }  /* ✦✦✦ LOADER BEFORE FORMATING ✦✦✦ */ .loader:before { 	width: 100%; 	padding-bottom: 100%; 	box-shadow: inset 0 0 0 1rem #EDE2B8; 	animation-name: pulsIn; }  /* ✦✦✦ LOADER AFTER FORMATING ✦✦✦ */   .loader:after { 	width: calc(100% - 2rem); 	padding-bottom: calc(100% - 2rem); 	box-shadow: 0 0 0 0 #EDE2B8; }  /* ✦✦✦ LOADER ANIMATION FORMATING ✦✦✦ */ @keyframes pulsIn {     0% {       box-shadow: inset 0 0 0 1rem #EDE2B8;       opacity: 1;     }     50%, 100% {       box-shadow: inset 0 0 0 0 #EDE2B8;       opacity: 0;     } } @keyframes pulsOut { 	0%, 50% { 	  box-shadow: 0 0 0 0 #EDE2B8; 	  opacity: 0; 	} 	100% { 	  box-shadow: 0 0 0 1rem #EDE2B8; 	  opacity: 1; 	} }  /* ✦✦✦ NAVBAR FORMATING ✦✦✦ */ .navbar { 	position: fixed; 	display: inline-flex; 	width: 100%; 	height: 80px; 	background-color: #000000; 	vertical-align: middle; 	text-align: center; 	align-items: center; 	justify-content: space-around; }  /* ✦✦✦ NAVBAR SUB MENU FORMATING ✦✦✦ */ .navbar-sub-menu-container { 	height: 90%; 	position: relative; 	display: inline-flex; 	justify-content: center; 	vertical-align: middle; 	text-align: center; 	align-items: center; 	transition: 0.5s; 	margin: 0 10px; }  /* ✦✦✦ NAVBAR SUB MENU BUTTON FORMATING ✦✦✦ */ .navbar-sub-menu-button { 	display: inline-block; 	cursor: pointer; 	margin-left: 5px; 	height: 40px; }  /* ✦✦✦ NAVBAR SUB MENU BUTTON BARS FORMATING ✦✦✦ */ .navbar-sub-menu-bar1, .navbar-sub-menu-bar2, .navbar-sub-menu-bar3 { 	width: 35px; 	height: 5px; 	background-color: #EDE2B8; 	margin: 5px 0; 	transition: 0.4s; 	border-radius: 10px; }  /* ✦✦✦ NAVBAR SUB MENU BARS ANIMATION FORMATING ✦✦✦ */ .animate .navbar-sub-menu-bar1 { 	-webkit-transform: rotate(-45deg) translate(-8px, 6px); 	transform: rotate(-45deg) translate(-8px, 6px); } .animate .navbar-sub-menu-bar2 { 	opacity: 0; } .animate .navbar-sub-menu-bar3 { 	-webkit-transform: rotate(45deg) translate(-8px, -6px); 	transform: rotate(45deg) translate(-8px, -6px); }  /* ✦✦✦ NAVBAR LOGO CONTAINER FORMATING ✦✦✦ */ .navbar-logo-container { 	position: relative; 	display: inline-block; 	height: 90%; 	justify-content: center; 	vertical-align: middle; 	text-align: center; 	align-items: center; 	transition: 0.5s; 	margin: 0 10px; }  /* ✦✦✦ NAVBAR LOGO FORMATING ✦✦✦ */ .navbar-logo { 	position: relative; 	display: inline-flex; 	width: 50px; 	height: 50px; 	justify-content: left; 	vertical-align: middle; 	cursor: pointer; 	text-align: center; 	align-items: center; 	transition: 0.5s; }  /* ✦✦✦ NAVBAR LOGO CONTAINT FORMATING ✦✦✦ */ .navbar-logo-containt { 	position: relative; 	display: inline-block; 	justify-content: center; 	text-align: center; 	vertical-align: middle; 	cursor: pointer; }  /* ✦✦✦ NAVBAR LOGO TEXT FORMATING ✦✦✦ */ .navbar-logo-text { 	position: relative; 	display: inline-block; 	vertical-align: middle; 	text-align: center; 	color: #EDE2B8; 	font-family: "Poiret One", sans-serif; 	font-size: 15px; 	font-weight: bold; 	letter-spacing: 2px; 	padding-left: 5px; }  /* ✦✦✦ NAVBAR LOGO HOVER FORMATING ✦✦✦ */ .navbar-logo-container:hover .navbar-logo-text { 	color: #EAC349; }  /* ✦✦✦ NAVBAR MENU FORMATING ✦✦✦ */ .navbar-menu-container { 	position: relative; 	display: none; 	height: 90%; 	justify-content: center; 	text-align: center; 	align-items: center; 	margin: 0 15px; }  /* ✦✦✦ NAVBAR MENU ITEM FORMATING ✦✦✦ */ .navbar-menu-item { 	position: relative; 	display: inline-flex; 	height: 40px; 	justify-content: center; 	align-items: center; }  /* ✦✦✦ NAVBAR MENU BUTTON FORMATING ✦✦✦ */ .navbar-menu-button { 	position: relative; 	display: inline-flex; 	padding: 10px; 	margin: 10px; 	font-family: sans-serif; 	font-size: 15px; 	letter-spacing: 1px; 	color: #EDE2B8; 	text-decoration: none; }  /* ✦✦✦ NAVBAR MENU BUTTON HOVER FORMATING ✦✦✦ */ .navbar-menu-item .navbar-menu-button:hover { 	color: #EAC349; 	transition: 0.5s; 	text-decoration: underline; }  /* ✦✦✦ NAVBAR BOOKING MENU FORMATING ✦✦✦ */ .navbar-booking-menu-container { 	position: relative; 	display: inline-flex; 	height: 90%; 	justify-content: center; 	text-align: center; 	align-items: center; 	margin: 0 10px; }  /* ✦✦✦ NAVBAR BOOKING MENU ITEM FORMATING ✦✦✦ */ .navbar-booking-menu-item { 	position: relative; 	display: inline-flex; 	height: 50px; 	justify-content: center; 	align-items: center; }  /* ✦✦✦ NAVBAR BOOKING MENU ICON FORMATING ✦✦✦ */ .navbar-booking-icon { 	position: relative; 	display: inline-flex; 	justify-content: center; 	align-items: center; 	width: 44px; 	height: 44px; 	background: linear-gradient(135deg, #FFF1B0 0%, #EAC349 45%, #D4A017 100%); 	border: 1px solid rgba(255, 245, 210, 0.9); 	border-radius: 50%; 	box-shadow: 0 4px 18px rgba(234, 195, 73, 0.45); 	vertical-align: middle; 	text-align: center; 	cursor: pointer; 	text-decoration: none; 	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); 	box-sizing: border-box; }  /* ✦✦✦ NAVBAR BOOKING MENU ION ICON FORMATING ✦✦✦ */ .navbar-booking-icon ion-icon { 	position: relative; 	display: inline-block; 	font-size: 22px; 	color: #0F0D08; 	text-align: center; 	vertical-align: middle; 	align-items: center; 	padding: 0; 	transition: transform 0.3s ease; }  /* ✦✦✦ NAVBAR BOOKING MENU ICON HOVER FORMATING ✦✦✦ */ .navbar-booking-icon:hover { 	background: linear-gradient(135deg, #FFFFFF 0%, #F5D77F 45%, #EAC349 100%); 	border-color: #FFFFFF; 	box-shadow: 0 6px 26px rgba(234, 195, 73, 0.7); 	transform: translateY(-2px) scale(1.05); }  .navbar-booking-icon:hover ion-icon { 	color: #000000; 	transform: scale(1.1); }  /* ✦✦✦ NAVBAR BOOKING MENU BUTTON FORMATING ✦✦✦ */ .navbar-booking-menu-button {   display: none;   font-family: var(--font-inter), system-ui, -apple-system, sans-serif;   width: 165px;   height: 44px;   padding: 0 16px;   font-size: 13.5px;   font-weight: 700;   letter-spacing: 0.8px;   text-transform: uppercase;   text-decoration: none;   border: 1px solid rgba(255, 245, 210, 0.9);   border-radius: 50px;   cursor: pointer;   color: #0F0D08;   background: linear-gradient(135deg, #FFF1B0 0%, #EAC349 45%, #D4A017 100%);   box-shadow: 0 4px 18px rgba(234, 195, 73, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.2) inset;   transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);   position: relative;   overflow: hidden;   box-sizing: border-box;   align-items: center;   justify-content: center;   text-align: center; }  /* ✦✦✦ NAVBAR BOOKING MENU BUTTON HOVER FORMATING ✦✦✦ */ .navbar-booking-menu-button:hover {   background: linear-gradient(135deg, #FFFFFF 0%, #F5D77F 45%, #EAC349 100%);   color: #000000;   border-color: #FFFFFF;   box-shadow: 0 6px 26px rgba(234, 195, 73, 0.7), 0 0 14px rgba(255, 245, 210, 0.6);   transform: translateY(-2px) scale(1.02);   letter-spacing: 1px; }  /* ✦✦✦ NAVBAR BOOKING MENU BUTTON ACTIVE FORMATING ✦✦✦ */ .navbar-booking-menu-button:active {   transform: translateY(0) scale(0.97);   box-shadow: 0 2px 10px rgba(234, 195, 73, 0.4); }  /* ✦✦✦ NAVBAR BOOKING MENU BUTTON AFTER FORMATING ✦✦✦ */ .navbar-booking-menu-button::after {   content: "";   position: absolute;   top: -50%;   left: -75%;   width: 50%;   height: 200%;   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);   transform: rotate(25deg);   transition: all 0.6s ease; }  /* ✦✦✦ NAVBAR BOOKING MENU BUTTON AFTER HOVER FORMATING ✦✦✦ */ .navbar-booking-menu-button:hover::after {   left: 140%; }  /* ✦✦✦ NAVBAR SIDEMUNU FORMATING ✦✦✦ */ #navbar-sidemenu { 	position: fixed; 	display: inline-block; 	width: 250px; 	height: 100%; 	opacity: 0.9; 	top: 80px; 	left: -250px; 	transition: left 0.4s ease; 	z-index: 10; }  /* ✦✦✦ NAVBAR SIDEMUNU ACTIVE FORMATING ✦✦✦ */ #navbar-sidemenu.active { 	left: 0; }  /* ✦✦✦ NAVBAR SIDEMUNU UL FORMATING ✦✦✦ */ #navbar-sidemenu ul { 	background: rgba(0, 0, 0, 1.0); 	height: 100%; 	width: 100%; 	list-style: none; }  /* ✦✦✦ NAVBAR SIDEMUNU UL LI FORMATING ✦✦✦ */ #navbar-sidemenu ul li { 	line-height: 50px; 	border-bottom: 1px solid rgba(255,255,255,0.1); }  /* ✦✦✦ NAVBAR SIDEMUNU UL LI LAST CHILD FORMATING ✦✦✦ */ #navbar-sidemenu ul li:last-child { 	border-bottom: 1px solid rgba(255,255,255,0.05);	 }  /* ✦✦✦ NAVBAR SIDEMUNU UL LI A FORMATING ✦✦✦ */ #navbar-sidemenu ul li a { 	position: relative; 	color: #EDE2B8; 	text-decoration: none; 	font-family: sans-serif; 	font-size: 14px; 	padding-left: 40px; 	font-weight: bold; 	display: block; 	border-left: 3px solid transparent; 	letter-spacing: 2px; }  /* ✦✦✦ FOOTER CONTAINER FORMATING ✦✦✦ */ .footer-container { 	position: relative; 	display: inline-block; 	width: 100%; 	padding: 0px; 	margin: 0px; 	background: rgba(0.1, 0.1, 0.1, 0.9);	 }  /* ✦✦✦ FOOTER ITEM FORMATING ✦✦✦ */ .footer-item { 	position: relative; 	display: inline-block; 	width: 90%; 	vertical-align: middle; 	text-align: center; 	align-items: center; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ FOOTER LOGO CONTAINER FORMATING ✦✦✦ */ .footer-logo-container { 	position: relative; 	display: inline-block; 	justify-content: center; 	vertical-align: middle; 	text-align: center; 	align-items: center; 	margin: 5px; 	padding: 5px; }  /* ✦✦✦ FOOTER LOGO FORMATING ✦✦✦ */ .footer-logo { 	width: 60px; 	height: 60px; 	position: relative; 	display: inline-block; 	justify-content: center; 	vertical-align: middle; 	text-align: center; 	align-items: center; }  /* ✦✦✦ FOOTER LOGO TEXT FORMATING ✦✦✦ */ .footer-logo-text { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: center; 	vertical-align: middle; 	color: #EDE2B8; 	font-family: "Poiret One", sans-serif; 	font-size: 15px; 	font-weight: bold; 	letter-spacing: 2px; 	padding-left: 5px; }  /* ✦✦✦ FOOTER LINE FORMATING ✦✦✦ */ .footer-line { 	position: relative; 	display: inline-block; 	width: 90%; 	border: 1px solid #555555; 	border-color: #555555; }  /* ✦✦✦ FOOTER CONTAINT FORMATING ✦✦✦ */ .footer-containt { 	position: relative; 	display: inline-block; 	width: 90%; 	padding: 5px; 	margin: 5px; 	text-align: center; 	justify-content: center; 	vertical-align: middle; }  /* ✦✦✦ FOOTER CONTAINT BIG FORMATING ✦✦✦ */ .footer-containt-big { 	position: relative; 	display: inline-block; 	width: 90%; 	color: #C5C5C5; 	font-family: sans-serif; 	font-size: 15px; 	font-weight: bold; 	text-align: center; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ FOOTER CONTAINT SMALL FORMATING ✦✦✦ */ .footer-containt-small { 	position: relative; 	display: inline-block; 	width: 90%; 	color: #999999; 	font-family: sans-serif; 	font-size: 15px; 	text-align: center; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ FOOTER CONTAINT SMALL A FORMATING ✦✦✦ */ .footer-containt-small a { 	position: relative; 	display: inline-block; 	color: #999999; 	font-family: sans-serif; 	font-size: 15px; 	text-align: center; 	padding: 5px; 	margin: 5px; 	text-decoration: none; 	cursor: pointer; }  /* ✦✦✦ FOOTER CONTAINT SMALL A HOVER FORMATING ✦✦✦ */ .footer-containt-small a:hover { 	color: #FFFFFF; }  /* ✦✦✦ FOOTER CONTAINT SMALL P FORMATING ✦✦✦ */ .footer-containt-small p { 	position: relative; 	display: inline-block; 	width: 90%; 	color: #999999; 	font-family: sans-serif; 	font-size: 15px; 	text-align: center; 	padding: 5px; 	margin: 5px; 	text-decoration: none; }  /* ✦✦✦ FOOTER SOCIAL MEDIA FORMATING ✦✦✦ */ .footer-social-media { 	position: relative; 	display: inline-block; 	width: 90%; 	padding: 5px; 	margin: 5px; 	text-align: center; 	justify-content: center; 	vertical-align: middle; }  /* ✦✦✦ FOOTER SOCIAL MEDIA A FORMATING ✦✦✦ */ .footer-social-media a { 	position: relative; 	display: inline-block; 	font-size: 20px; 	text-align: center; 	vertical-align: middle; 	align-items: center; }  /* ✦✦✦ FOOTER SOCIAL MEDIA FA FORMATING ✦✦✦ */ .footer-social-media .fa {   padding: 10px;   width: 20px;   height: 20px;   text-align: center;   text-decoration: none;   background: #333333;   color: #C5C5C5;   margin: 5px;   border: 2px solid #C5C5C5;   border-radius: 50%;   cursor: pointer; }  /* ✦✦✦ FOOTER SOCIAL MEDIA FA HOVER FORMATING ✦✦✦ */ .fa:hover {     color: #FFFFFF;     border-color: #FFFFFF; }  /* ✦✦✦ FOOTER SOCIAL MEDIA FA ICON FORMATING ✦✦✦ */ .fa-facebook, .fa-instagram, .fa-youtube-play, .fa-linkedin, .fa-twitter { 	background: rgba(100, 100, 100, 0.5); 	color: #C5C5C5; }   /* ╔═══════════════════════════════════════════╗ */ /* ║             RESPONSIVE MEDIA              ║ */ /* ╚═══════════════════════════════════════════╝ */  /* ✦✦✦ RESPONSIVE MEDIA QUERIES 500PX ✦✦✦ */ @media only screen and (min-width: 500px) { 	.navbar-booking-menu-container { 		display: inline-flex; 	} }  /* ✦✦✦ RESPONSIVE MEDIA QUERIES 1200PX ✦✦✦ */ @media only screen and (min-width: 1200px) { 	.navbar-menu-container { 		display: inline-flex; 	} 	.navbar-booking-icon { 		display: none; 	} 	.navbar-booking-menu-button { 		display: inline-flex; 	} 	.navbar-sub-menu-container { 		display: none; 	}.fa-facebook, .fa-instagram, .fa-youtube-play, .fa-linkedin, .fa-twitter }