@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;	
}
*:before, *:after {	
	box-sizing: border-box;	
}
:before, :after {	
	box-sizing: border-box;	
}
html {
  font-family: 'Avenir-Light', Arial !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html, body {
  height: 100%;
}
body {
	margin:0;
	padding:0;
	font-size: 18px;
	line-height:24px;
	font-family: 'Avenir-Light', Arial !important;	 
	background:#15293a; 
    color:#fff; 
}
:focus {
	outline:none;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
ul, li, ol {
	list-style:none;
}
a {
	text-decoration:none;
	background-color: transparent;
	color:inherit;	
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border:none;
	vertical-align:middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all 0.6s ease-in-out;	   	    
	        transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding:0 10px;
	border:1px solid #ccc;
	-webkit-appearance: textfield;
	box-sizing: border-box;	
}
textarea {
	padding:10px;
	resize:none;
	overflow: auto;	
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.relative {
	position:relative;
}

@-webkit-keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
.menuDown { -webkit-animation-name: menuDown; animation-name: menuDown;}

@-webkit-keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.menuRight { -webkit-animation-name: menuRight; animation-name: menuRight;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.menu-icon {
	display:none;
	border:1px solid #fff;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;	   
	        border-radius:4px;
}
.menu-icon:hover { background-color:#fff;}
.menu-icon span {
	display:block;
	background-color:#fff;
	height:2px;
	width:22px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.menu-icon span + span { 
	margin-top:4px;
}
.clearfix {}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.container {
	width:1280px;
	margin:0 auto;	
}
.container:before, .container:after {
	display:table;
	content:" ";
}
.container:after {
	clear:both;
}

h1 .post-thumbnail { float: left; max-width: 80px; }
h1{ font-size:34px; line-height: 40px; color:#fff; margin:10px 0px; font-family: 'Athelas-Regular'; }
h2{ font-size:32px; line-height: 38px; color:#fff; margin:10px 0px; font-family: 'Athelas-Regular'; }
h3{ font-size:28px; line-height: 34px; color:#fff; margin:10px 0px; font-family: 'Athelas-Regular'; }
h4{ font-size:24px; line-height: 30px; color:#fff; margin:10px 0px; font-family: 'Athelas-Regular'; }
h5{ font-size:20px; line-height: 26px; color:#fff; margin:10px 0px; font-family: 'Athelas-Regular'; }
h6{ font-size:18px; line-height: 22px; color:#fff; margin:10px 0px; font-family: 'Athelas-Regular'; }

.header{ width:100%; position:relative; z-index:3; }
.header .header-top{ float:left; width:100%; padding:10px 5%; background:#0d1e2d; color:#fff; font-family: 'avenir-roman'; font-size:16px; line-height:22px; }
.header .header-top .left{ float:left; width:50%; line-height: 45px; }
.header .header-top .right{ float:left; width:50%; text-align:right; }


.header .header-bottom{ float:left; width:100%; padding:5px 5%; background:#15293a; color:#fff; font-family: 'Athelas-Regular'; max-height:95px; }
.header .header-bottom .left{ float:left; width:20%; }
.header .header-bottom .right{ float:left; width:80%; text-align:right; padding:12px 0px;  }
.header-social { float: left; }
.header .header-bottom .left h1{ margin:0px; } 

/*** Menu ***/
#nav{ float: left; padding: 0px 0px; }
#nav ul { float:right; width:100%; }
#nav > ul > li { position:relative; display:block; float:left; padding: 15px 0px 15px 25px; }
#nav > ul > li > a { display:block; position:relative; padding:0px; font-size:17px; line-height:24px; text-transform:uppercase; color:#fff; }
#nav > ul > li > a span{ font-size:16px; line-height:16px; display: block; }
#nav > ul > li:hover > a { color:#C79F68;  }
#nav > ul > li.current_page_item > a { color:#C79F68;  }


#nav ul li ul{ display:none; width:230px; position:absolute; left:5px; z-index:9999; background:rgba(255,255,255,0.7); padding:10px 10px 10px 10px; -webkit-animation: hide-scroll 0.5s backwards; animation: hide-scroll 0.5s backwards; }
#nav ul li ul li{ display:contents; position:relative; padding:5px 10px;  }
#nav ul li ul li a{ color:#C79F68; display:block; line-height:24px; font-size:17px; padding:5px; text-transform:uppercase;  }
#nav ul li ul li a:hover{ background:rgba(52,75,99,0.6); color:#fff; }


/*
.header.sticky { background:#fff; }
.header.sticky .left img{ max-width: 200px; }
.header.sticky .center .header-top{ padding:2px 0px; margin:5px 0px; }
.header.sticky .center #nav{ padding:0px; }
.header.sticky .right .header-right{ top:25px; }
.header.sticky #nav > ul > li > a{ color:#333;  }
.header.sticky .center .header-top{ color:#333; border-bottom: 2px solid #333; }
*/

#middle_section{ position:relative; top:0px;  }

/****** ******/

.jquery-modal{ z-index:999 !important; }

#home-top{ float:left; width:100%;  }
#home-top .content{ float:left; width:100%; padding:0px; text-align:center; font-size:22px; line-height:30px; font-family: 'Avenir-Light'; }
/*
#home-top .content h3{ color:#fff; }
#home-top .content p{ padding:10px 0px; }
#home-top .content ul{  margin:10px 0px; padding:5px 0px;  }
#home-top .content ul li{ margin-left:15px; list-style:disc; }
#home-top .content a{ text-decoration:underline; }
#home-top .content a:hover{ }

#home-top .content .left{ float:left; width:40%; padding:8% 10% 8% 15%; text-align: right; }
#home-top .content .left h3{ display:inline-block; margin-bottom: 25px; font-size:34px; line-height:40px; }
#home-top .content .right{ float:left; width:60%; }
*/
#menus{ float:left; width:100%; position:relative; }
#menus .content{ float:left; width:100%; padding:10px 2%; }
#menus .content .menus{ float:left; width:100%; padding: 20px 40px 150px 40px; }
#menus .content .menus-title{ color:#fff; width:100%; text-align:center; padding:5px 0px; }
#menus .content .view_menu_link{ width:100%; text-align:center; padding:20px 0px; color:#fff; margin-top:40px; }
#menus .content .view_menu_link a{ text-decoration:none; padding:20px 25px; border:1px solid #C79F68; }
#menus .content .view_menu_link a:hover{ color:#C79F68; }

#menus .content .menu-item-link{ color:#fff; text-decoration: none; width: 100%; position: relative; padding: 33px 10vw 42px; position: relative; display: inline-block; vertical-align: top; text-align: center; }
#menus .content .menu-item-link:after{ content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background: rgba(255,255,255,.3); z-index: 0; }   

#menus .content .menu-item-link .img-thumb{ display:none; position: absolute; z-index: 1; top: 50%; opacity: 0;  }
#menus .content .menu-item-link .title{ font-size: 100px; font-weight: 400; line-height: 1em; letter-spacing: .05em; text-transform: uppercase; opacity: .4; }
#menus .content .menu-item-link .sub-title{ font-size: 20px; letter-spacing: .03em; margin-top: 13px; z-index: 2; opacity: .4;  }
#menus .content .menu-item-link:hover .title{ color:#fff; opacity: 1; }
#menus .content .menu-item-link:hover .sub-title{ color:#fff; opacity: 1; }

#menus .content .menu-item-link:hover .img-thumb{ display:inline-block; opacity: 1; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(1){ left:4%; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2){ left:20%; translate:0 -50%; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(3){ top:37%; right:14%; translate:0 -50%; --qode-y:40%; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2n) img:nth-of-type(1){ max-width:13.7vw; left:3.5%; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2n) img:nth-of-type(2){ max-width:9.6vw; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2n) img:nth-of-type(3){ max-width:10.3vw; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2n-1) img:nth-of-type(1){ max-width:9.6vw; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2n-1) img:nth-of-type(2){ max-width:10.3vw; }
#menus .content .menu-item-link:hover .img-thumb:nth-of-type(2n-1) img:nth-of-type(3){ max-width:14.7vw; }
/*
#menus .content .menus img{ display:none; transition: all .3s linear; /-webkit-filter: grayscale(0%);  filter: grayscale(0%); width:100%; min-width:100%; }
#menus .content .menus img:hover{ transform: scale(1.1); transition: all .3s linear;  -webkit-filter: grayscale(0%);  filter: grayscale(0%); }

#menus .content .menus .f-img .img_caption{ font-size: 22px;  -webkit-filter: grayscale(0%);  filter: grayscale(0%);  } 
#menus .content .menus .f-img:hover .img_caption{ background-color:rgba(249,237,232,0.7); color:#344b63; }*/

#whats-happening{ float:left; width:100%; position:relative; background: #0d1e2d; color:#fff; }
#whats-happening .content{ float:left; width:100%; padding: 30px 2%; }
#whats-happening .content .whats-happening-title{ width:100%; text-align: center; color:#fff; text-transform: uppercase; font-family: 'Avenir-Light'; }
#whats-happening .content .whats-happening-content{ text-align:center; }

#catering-private{ float:left; width:100%; position:relative; }
#catering-private .content{ float:left; width:100%; padding: 40px 5%; }
#catering-private .content .left{ float:left; width:50%; text-align: center; padding:10px 7%; }
#catering-private .content .right{ float:left; width:50%; text-align: center; padding:10px 7%; }
#catering-private .content p{ padding:10px; }
#catering-private .content a{ text-decoration: none; }
#catering-private .content img{  border:1px solid #C79F68; }

.btn{ text-decoration:none; padding:20px 25px; border:1px solid #C79F68; color:#fff; display:inline-block; text-transform: uppercase; text-align:center; margin:15px 5px; }
.btn:hover{ color:#C79F68; }

#menu-top{ float:left; width:100%; position: relative; background-size: cover !important; background-position: center !important; }
#menu-top .menu-top-content{ float:left; width:100%; position:relative; text-align: center; padding:14% 0px; }
#menu-top .menu-top-content h1{ color:#fff !important; font-size:100px; line-height:100px; }

#menu-content{ float:left; width:100%; position:relative; }
#menu-content .content{ float:left; width:100%; padding:25px 0px; }
#menu-content .content .left{ float:left; width:50%; padding:20px 5%; }
#menu-content .content .right{ float:left; width:50%; padding:20px 5%; }
#menu-content .content h4{ float:left; width:100%; font-family: 'Athelas-Regular'; padding:15px 0px; color:#fff; font-size:26px; line-height:32px; }
#menu-content .content strong{ width:100%; float:left; font-weight: 500; padding:10px 0px 5px 0px; }
#menu-content .content .desc{ float:left; width:80%; padding:5px 0px 15px 0px; }
#menu-content .content .price{ float:left; width:20%; padding:5px 0px 15px 10px; text-align:center; }
#menu-content .content img{ margin:30px 0px 50px 0px; }
#menu-content .content .top-btns-links{ float: left; width: 100%; text-align: center; padding: 30px 0px; }
#menu-content .content p{ padding:10px 0px; }
 
#menu-content .content h4:before{ color:#fff; content: "\2662"; width: 26px; height: 26px; display:inline-block; }
#menu-content .content h4:after{ color:#fff; content: "\2662"; width: 26px; height: 26px; display:inline-block; padding-left:8px; }   

#menu-content .content .footer-content{ float:left; width:100%; padding:40px 0px; }

#content { position: relative; float:left; width:100%; }
#content .content{ float:left; width:100%; padding:25px 8%; } 
#content .content p{ margin:5px 0px; padding:5px 0px; }
#content .content ul{  margin:10px 0px; padding:5px 0px;  }
#content .content ul li{ margin-left:15px; list-style:disc; }
#content .content a{ color: #fff; text-decoration:none; }
#content .content a:hover{ text-decoration:none; }

#content .content .left-sidebar { float:left; width:68%; margin:0px; padding:0px 15px 0px 0px; }
#content .content .left-sidebar p{ margin: 0px; padding: 10px 0px 10px 0px; }
#content .content .left-sidebar ul { margin:5px 0px 5px 10px; padding: 5px 0px 5px 0px;  } 
#content .content .left-sidebar ul li { list-style: disc; padding: 0px 0px 5px 0px; }
#content .content .left-sidebar a{ text-decoration:underline; color:#333; }
#content .content .left-sidebar a:hover{}
#content .content .left-sidebar strong{ padding: 0px; display:inline-block; }
#content .content .left-sidebar iframe{ float:left; width:47%; margin:10px 10px; }

#content .content .right-sidebar { float:left; width:32%; margin:0px; padding:40px 0px 0px 15px; }
#content .content .right-sidebar p{ padding: 10px 0px 10px 0px; }
#content .content .right-sidebar strong{ padding: 10px 0px; display:inline-block; }
#content .content .right-sidebar ul { float:left; width:100%; margin:5px 0px 5px 15px; } 
#content .content .right-sidebar ul li { margin: 5px 0px; list-style: disc; }
#content .content .right-sidebar a{ text-decoration:underline; color:#000; }
#content .content .right-sidebar a:hover{ text-decoration:underline; }

.top-center{ width:100%; text-align:center; } 
 
.sidebar_menu{ float:left; width:100%; margin:20px 0px 30px 0px; max-width:300px; }
.sidebar_menu a{ float: left; width: 100%; background: #333; color: #fff !important; border: 1px solid #fff; padding: 10px; text-decoration:none !important; }
.sidebar_menu a.selected{ background:#000; text-decoration:none !important; }
.sidebar_menu a:hover{ background:#000; text-decoration:none !important; }

#footer{ width: 100%; float: left; position: relative; background:#0d1e2d; color:#fff;  display: inline-table; font-family: 'Avenir-Light'; }

#footer .footer-top{ float:left; width:100%; padding: 4% 10% 2% 10%; text-align: center; font-size:17px; line-height:24px; }
#footer .footer-top .w-33{ float:left; width:33.33%; }

#footer .footer-top .contact-us{ position:relative; display:inline-block; }
#footer .footer-top .contact-us:after{ content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #C79F68; }
#footer .footer-top .address{ position:relative; display:inline-block; }
#footer .footer-top .address:after{ content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #C79F68; }
#footer .footer-top .hours{  }
 
#footer .footer-bottom{ float:left; width:100%; padding: 25px 10%; text-align: center; font-size: 15px; line-height:20px; }
#footer .footer-bottom .footer-logo{ position: relative; width:100%; display: flex;  align-items: baseline;  }
#footer .footer-bottom .footer-logo:after{ content: ""; width: 50%; height: 1px; background: #C79F68; }
#footer .footer-bottom .footer-logo:before{ content: ""; width: 50%; height: 1px; background: #C79F68; }
  
#footer .footer-bottom .other-links{ float:left; width:50%; text-align: left; }
#footer .footer-bottom .copyrights{ float:left; width:50%; text-align: right; }

#footer h4.widget-title{ color:#fff !important; margin:10px 0px; font-size:20px; font-family: 'Avenir-Light' !important; }
.footer-logo img { padding: 0px 10px; }

#footer p{ padding:5px 0px; }
#footer a:hover{ text-decoration:underline;  }

#footer .menu{ padding: 0px; text-align: center; display: inline-block; }
#footer .menu li{ float:left; padding: 15px; }
#footer .menu li a{ color:#474242; }
.f-links{ float:left; line-height:40px; }
#nav_menu-2{ padding: 20px 0px; }

.w-12{ float:left; width:100%; margin:15px 0px; padding:0px 10px; }
.w-11{ float:left; width:90%; margin:15px 0px; padding:0px 10px; }
.w-10{ float:left; width:80%; margin:15px 0px; padding:0px 10px; }
.w-9{ float:left; width:70%; margin:15px 0px; padding:0px 10px; }
.w-8{ float:left; width:60%; margin:15px 0px; padding:0px 10px; }
.w-7{ float:left; width:55%; margin:15px 0px; padding:0px 10px; }
.w-6{ float:left; width:50%; margin:0px 0px; padding:0px 5px 0px 0px; }
.w-5{ float:left; width:45%; margin:15px 0px; padding:0px 10px; }
.w-4{ float:left; width:40%; margin:15px 0px; padding:0px 10px; }
.w-3{ float:left; width:30%; margin:15px 0px; padding:0px 10px; }
.w-2{ float:left; width:20%; margin:15px 0px; padding:0px 10px; }
.w-1{ float:left; width:10%; margin:15px 0px; padding:0px 10px; }
.w-33{ float:left; width:33.33%; margin:0px; padding:0px 5px 0px 0px; }

.alignleft { float:left; margin: 0px 10px 15px 0px; }
.alignright { float:right; margin: 0px 0px 15px 10px; }
.alignnone { text-align:center; margin:5px 10px; }
.aligncenter{ float:none; text-align:center; padding:10px;  }
hr{ float:left; width:100%; color:#eee; margin:10px 0px; }

input[type="search"], input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], input[type="date"] { max-width:100%; display:inline-block; border:1px solid #959595; height:35px; padding:5px 10px 3px !important; margin-bottom:10px; color:#000; width:525px; }
textarea{ height: 160px; max-width:100%; display:inline-block; border:1px solid #959595; padding:5px 10px 3px; color:#000; margin-bottom:5px; width:500px;  }
input[type="file"]{ margin-bottom:10px; }
select{ border:1px solid #959595; height:35px; padding:5px 10px; margin-bottom:10px; color:#000; max-width:100%; width:450px;  }
input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 0; color:#000; }

.wpcf7-form-control.wpcf7-submit,.es_subscription_form_submit { float:left; padding:15px 25px; color:#fff; text-align:center; background:transparent; margin:10px 0px; border:1px solid #C79F68; }
.wpcf7-form-control.wpcf7-submit:hover, .es_subscription_form_submit:hover { background:#C79F68; }

.es-field-wrap{ float:left; width:100%; margin:0px !important; }

.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; text-align: center; display: inline-block; width: 100%; }

.parties-form{ display:block; text-align: center; width:100%; padding: 20px 0px; }
.parties-form .row{ float:left; width:100%; padding:0px 0px; }
.parties-form .row p{ padding:0px !important; text-align:left; }
.parties-form .padd{ padding:0px 20px; }

.wpcf7-form p{ display:block !important; padding:5px 0px !important; }

a.back-to-top {	display: none; width: 40px; height: 40px; text-indent: -9999px;	position: fixed; z-index: 999; right: 20px;	bottom: 20px; background: #344b63 url("../images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
	
.text-justify{ text-align:justify; }
.metaslider .flexslider{ margin:0 0 0px !important; }

#instagram-feed { float: left; width: 100%; }

.gift-btn{ line-height:45px;  }
.gift-btn img{ padding-right:5px; }

small { font-size: 14px; line-height:18px; }

/* --- animation --- */
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-0-1s,
.magictime.delay-0-1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
} 
.animated.delay-0-2s,
.magictime.delay-0-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
} 
.animated.delay-0-3s,
.magictime.delay-0-3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
} 
.animated.delay-0-4s,
.magictime.delay-0-4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
} 
.animated.delay-0-5s,
.magictime.delay-0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.animated.delay-0-6s,
.magictime.delay-0-6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated.delay-0-7s,
.magictime.delay-0-7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.animated.delay-0-8s,
.magictime.delay-0-8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.animated.delay-0-9s,
.magictime.delay-0-9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.animated.delay-1s,
.magictime.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-1-1s,
.magictime.delay-1-1s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.animated.delay-1-2s,
.magictime.delay-1-2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animated.delay-1-3s,
.magictime.delay-1-3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.animated.delay-1-4s,
.magictime.delay-1-4s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.animated.delay-1-5s,
.magictime.delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animated.delay-1-6s,
.magictime.delay-1-6s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.animated.delay-1-7s,
.magictime.delay-1-7s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.animated.delay-1-8s,
.magictime.delay-1-8s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.animated.delay-1-9s,
.magictime.delay-1-9s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.animated.delay-2s,
.magictime.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-2-1s,
.magictime.delay-2-1s {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.animated.delay-2-2s,
.magictime.delay-2-2s {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.upanddownsmalls {
    -webkit-animation-name: animation_13;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_13;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddownsmall {
    -webkit-animation-name: animation_12;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_12;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddown {
    -webkit-animation-name: animation_8;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_8;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddowninvers {
    -webkit-animation-name: animation_9;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_9;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.animated.duration-1s {    
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.duration-2s {    
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.animated.duration-3s {    
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
.fadeInDownCustom {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}
.fadeInDownCustom-opacity-0-7 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroSeven;
    animation-name: fadeInDownSmallOpacityZiroSeven;
}
.fadeInDownCustom-opacity-0-4 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroFour;
    animation-name: fadeInDownSmallOpacityZiroFour;
}
.fadeInDownCustom-opacity-0-2 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroTwo;
    animation-name: fadeInDownSmallOpacityZiroTwo;
}
.fadeInUpCustom {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}
.fadeInUpCustom-opacity-0-7 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroSeven;
    animation-name: fadeInUpSmallOpacityZiroSeven;
}
.fadeInUpCustom-opacity-0-4 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroFour;
    animation-name: fadeInUpSmallOpacityZiroFour;
}
.fadeInUpCustom-opacity-0-2 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroTwo;
    animation-name: fadeInUpSmallOpacityZiroTwo;
}
.fadeInLeftCustom {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}
.fadeInRightCustom {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}
@-webkit-keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@-webkit-keyframes fadeInDownSmall {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmall {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmall {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmall {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .2;transform: translateY(0);}
}

/*********/
@-webkit-keyframes fadeInUpSmall {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmall {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmall {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmall {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .2;transform: translateY(0);}
}
/*********/
@-webkit-keyframes fadeInLeftSmall {
	0% {opacity: 0;-webkit-transform: translateX(-50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInLeftSmall {
	0% {opacity: 0;-moz-transform: translateX(-50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInLeftSmall {
	0% {opacity: 0;-o-transform: translateX(-50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInLeftSmall {
	0% {opacity: 0;transform: translateX(-50px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInRightSmall {
	0% {opacity: 0;-webkit-transform: translateX(50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInRightSmall {
	0% {opacity: 0;-moz-transform: translateX(50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInRightSmall {
	0% {opacity: 0;-o-transform: translateX(50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInRightSmall {
	0% {opacity: 0;transform: translateX(50px);}
	100% {opacity: 1;transform: translateY(0);}
}
/* --- /animation --- */
 

/**************************  Menu Page Special Effects  *************************/
.image-reveal { width: 100%; margin: 0 auto; overflow: hidden;   /* crops the zoomed-in image inside this box */ }

.image-reveal img { /*width: 100%; height: 100%;*/ object-fit: cover; display: block; /* starting state: zoomed in + blurred */ transform: scale(1.3); transition: transform 3.5s cubic-bezier(0.22, 1, 0.36, 1),
filter 1.4s ease-out;  }

/* once triggered, it settles to normal size AND goes sharp — a single smooth zoom-out + blur-to-sharp, not something that keeps moving as you scroll */
 
.image-reveal img.in-view { transform: scale(1);  }

/* =========================================
   MAIN DECORATIVE AREA
========================================= */
.line-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -999;
    
}
/* =========================================
   HORIZONTAL LINE
========================================= */
.horizontal-line1 {
    position: absolute;
    left: 30%;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.05);
}
.horizontal-line2 {
    position: absolute;
    left: 70%;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.05);
}
/* TOP LINE */
.horizontal-line.top {
    top: 20px;
}

/* BOTTOM LINE */
.horizontal-line.bottom {
    bottom: 20px;
}

/* =========================================
   FALLING STAR CONTAINER
========================================= */
.falling-star {
    position: absolute;
    top: 20px;
    left: 30%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%);
    overflow: hidden;
}

/* =========================================
   FALLING LIGHT
========================================= */

.falling-star::before {
    content: "";
    position: absolute;
    left: 0;
    top: -80px;
    width: 1px;
    height: 80px;
    background: linear-gradient( to bottom, transparent, rgba(255,255,255,0.05), rgba(255,255,255,0.3), #fff);
    animation: fallingLight 9s cubic-bezier(.45,0,.25,1) infinite;
}

/* =========================================
   BRIGHT STAR / POINT
========================================= */

.falling-star::after {
    content: ""; position: absolute; left: 50%; top: -4px; width: 4px; height: 4px; transform: translateX(-50%); border-radius: 50%; background: #fff; box-shadow: 0 0 5px #fff, 0 0 12px rgba(255,255,255,.3);
    animation: fallingPoint 9s cubic-bezier(.45,0,.25,1) infinite;
}

/* =========================================
   FALLING ANIMATION
========================================= */

@keyframes fallingLight {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateY(calc(400dvh));
        opacity: 0;
    }
}
@keyframes fallingPoint {
    0% {
        transform: translate(-50%, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translate(-50%, calc(400dvh));
        opacity: 0;
    }
}

/* =========================================
   OPTIONAL SECOND STAR
========================================= */
.falling-star.second {
    left: 70%;
}
.falling-star.second::before {
    animation-delay: 1.8s;
}
.falling-star.second::after {
    animation-delay: 1.8s;
}
/*****************************************************************************************/