@font-face{	font-family: opensans; src: url('../fonts/OpenSans.ttf'); }
@font-face{ font-family: poiretone; src: url('../fonts/PoiretOne-Regular.ttf'); }
HTML, BODY {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-family: opensans;
	font-size: 14px;
}
BODY { background-color: #161616; }
* {
	box-sizing: border-box;
}
A { text-decoration: none; color: inherit; }
UL { list-style: none; }
HEADER {
	position: fixed;
	z-index: 1000;
	width: 100%;
}
#wrapper { width: 100%; }
#cell-menu-container { display: none; }
#hd_top {
	width: 100%;
	height: 40px;
	border-bottom: 1px rgba(200,200,200, 0.8) solid;
}
#hd_top LI {
	display: inline-block;
	text-align: center;
}
#hd_top LI:not(.splitter) {
	min-width: 120px;
	padding: 5px 10px 2px 10px;
}
#hd_top LI.splitter {
	min-width: 20px;
	padding: 5px 10px 2px 10px;
}
#hd_top LI I { font-style: normal; }
#hd_menu {
	height: 120px;
	background: rgba(0,0,0, 0.3);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
#hd_menu .container {
	position: static;
	width: 95%;
	margin: 0 auto;
}
#logo {
	float: left;
	margin-top: 15px;
	margin-left: 14px;
	text-align: center;
	max-width: 200px;
	max-height: 80px;
}
#logo IMG {
	width: 70%;
}
#top_menu { float: right; margin-top: 0; }
#top_menu LI {
	display: inline-block;
	position: relative;
	margin-left: 50px;
	text-transform: uppercase;
	padding: 30px 1px 30px 1px;
}
#top_menu LI:hover { color: #d1af59; }
#top_menu LI:not(.onlineorder)::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 3px;
	bottom: 0;
	left: 0;
	background-color: #d1af59;
	transform-origin: bottom center;
	transition: transform 0.25s ease-out;
}
#top_menu LI:not(.onlineorder):hover::after {
	transform: scaleX(1);
	transform-origin: bottom center;
}
#doordash, #uber-eats {
	cursor: pointer;
	height: 42px;
	width: 42px;
	margin-left: 50px;
	border-radius: 50%;
	display: inline-block;
}
#doordash {
    background: transparent url('../images/doordash.png') no-repeat center;
    background-size: contain;
}
#uber-eats {
    background: transparent url('../images/uber-eats.png') no-repeat center;
    background-size: contain;
    margin-left: 0;
}
#doordash:hover, #uber-eats:hover {
    box-shadow: 0 0 5px #FFF;
}
.onlineorder:last-child {
    margin-left: 5px !important;
}

/******************** HOMEPAGE *******************/
.hidden { display: none !important; }
#banner-section {
	position: relative;
	background-color: rgb(0,0,0);
	transform: translate3d(0px, 0, 0);
}
#banner-container {
	opacity: 1;
	overflow: hidden;
	position: relative;
    z-index: 1;
    display: flex;
    transition-property: transform;
	transform: translate3d(0px, 0px, 0px);
	transition-duration: 0ms;
    box-sizing: content-box;
}
#banner-container > DIV {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 2s linear 2s;
	-ms-transition: all 2s linear 2s;
	-o-transition: all 2s linear 2s;
	-moz-transition: all 2s linear 2s;
	transition: all 2s linear 2s;
}
#banner-container .slider-active {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 100;
	opacity: 1;
}
#slide_one { background-image: url('../images/restaurant-food-gourmet-dessert-circle-painting.jpg'); }
#slide_two { background-image: url('../images/fresh-vegitable-cooking-for-restaurant.jpg'); }
#slide_three { background-image: url('../images/restaurant-serving-food-table.jpg'); }
/* #no_slide { background-image: url('../images/eastern-food-dinner-table.jpg'); } */
.slide-context {
	position: relative;
	margin: 19em auto 1em auto;
	width: 650px;
}
.slide-context > DIV {
	position: absolute;
	text-align: center;
	top: 0;
}
.slide-context H3 {
	color: #d3a70c;
	font-size: 2.5em;
	font-family: monospace, Arial;
	text-shadow: 0 0 7px #222;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.slide-context H2 {
	color: #FFFFFF;
	font-size: 3.2em;
	font-weight: bold;
	font-family: 'Times New Romans';
}
.slide-context P {
	font-size: 2em;
	color: #FFFFFF;
	width: 100%;
}
.button-link {
	color: orange;
	padding: 10px 15px;
	font-size: 2em;
	font-family: monospace Arial;
	border: 1px orange solid;
	text-transform: uppercase;
	transition: all .5s ease-out;
}
.button-link:hover {
	background-color: orange;
	cursor: pointer;
	color: #FFFFFF;
}
#flavours-container {
	background-color: #000000;
	padding-bottom: 1em;
}
.small-heading {
	width: 100%;
	color: orange;
	text-align: center;
	letter-spacing: 4px;
	display: inline-block;
	font-family: monospace;
	padding-bottom: 1.2em;
	text-transform: uppercase;
	background: transparent url('../images/splitter.svg') no-repeat center bottom;
	background-size: 90px;
}
.medium-heading {
	font-family: 'poiretone';
	font-weight: bold;
	text-align: center;
	font-size: 3.5em;
	margin: .7em auto;
	color: #FFFFFF;
}
#flavours-container DIV.flavours {
	width: 80%;
	display: flex;
	gap: 10px 30px;
	align-items: flex-start;
	justify-content: center;
	margin: 1px auto 3em auto;
}
#flavours-container DIV.flavours DIV {
	flex: 1;
	position: relative;
	text-align: center;
}
#cell-falvour-desc { display: none; }
#appetizer {
	background: transparent url('../images/appetizer.jpg') no-repeat center;
	background-size: 98%;
}
#main_course {
	background: transparent url('../images/main-course.jpg') no-repeat center;
	background-size: 98%;
}
#desserts {
	background: transparent url('../images/desserts.jpg') no-repeat center;
	background-size: 98%;
}
#our-story {
	background: #444444 url('../images/carrots.png') no-repeat left center;
	background-size: 15%;
}
#our-story > DIV {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#our-story DIV.column {
	flex: 1;
	min-height: 400px;
	text-align: center;
}
#our-story DIV.column:first-of-type {
	width: 30%;
	max-width: 30%;
	margin-left: 15%;
}
#our-story DIV.column P {
	padding: 2px 2em 2em 2em;
	line-height: 1.5em;
	font-size: 1.2em;
}
#story-image {
	background: #222222 url('../images/grilled-meat-skewers.jpg') no-repeat center;
	width: 610px;
	height: 700px;
	position: relative;
	background-size: cover;
	margin: 3em auto;
}
#mini-logo {
	background: transparent url('../images/mini-logo.png') no-repeat center;
	background-size: cover;
	position: absolute;
	width: 120px;
	height: 120px;
	left: -60px;
	top: -50px;
}
#delicious-menu {
	background: #191919 url('../images/vegitables.png') repeat center;
	display: flow-root;
}
#delicious-menu > p {
	text-align: center;
	padding: 0.3em 0 2em 0;
	font-size: 1.2em;
}
#menu-top-container {
	width: 1000px;
	margin: 2em auto;
	border-top: 1px #7e7e7e solid;
}
#menu-top-container > UL {
	margin: 0;
	padding: 0;
	display: flex;
	border-bottom: 1px #7e7e7e solid;
}
#menu-top-container > UL LI {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	padding: 1em;
	cursor: pointer;
	min-width: 110px;
	flex: 1;
	-webkit-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
#menu-top-container > UL LI:not(.separator):hover {
	color: gold;
}
#menu-top-container LI.separator {
    max-width: 5px;
    min-width: 5px;
    padding: 0em .02em;
    border-style: solid;
    border-color: transparent transparent gold transparent;
    border-width: 12px 5px 5px 5px;
    margin: 10px 0px 0px 0px;
	cursor: default;
    height: 0px;
    box-sizing: content-box;
    position: relative;
}
#menu-top-container LI.separator:after {
    content: "";
    position: absolute;
    top: 5px;
    left: -4.5px;
    width: 1px;
    border-style: solid;
    border-color: gold transparent transparent transparent;
    border-width: 10px 7px 0 7px;
}
#menu-top-container > DIV {
	display: flex;
	margin-top: 2em;
}
#menu-top-container .column {
	flex: 1;
	min-height: 400px;
}
#menu-top-container .column:first-of-type {
	border-right: 1px #7e7e7e solid;
}
#menu-top-container .column:last-of-type {
	margin-left: 15px;
}
#menu-top-container .column UL { padding: 0; }
#menu-top-container .column LI {
	margin-top: 15px;
	display: inline-block;
}
#menu-top-container LI IMG {
	float: left;
	width: 20%;
	min-width: 100px;
	border-radius: 14px;
}
#menu-top-container LI > DIV {
	float: left;
	width: 75%;
	margin-left: 10px;
}
#menu-top-container LI > DIV > DIV {
	position: relative;
	font-weight: bold;
	color: silver;
	margin-bottom: 5px;
	height: 12px;
}
#menu-top-container LI > DIV > DIV::before {
	content: "";
	top: 8px;
	width: 100%;
	height: 5px;
	position: absolute;
	box-sizing: border-box;
	border-top: 1px silver solid;
	border-bottom: 1px silver solid;
}
#menu-top-container LI STRONG {
	position: absolute;
	background: #111111;
	padding: 0px 10px 0px 5px;
}
#menu-top-container LI EM {
	right: 0px;
	position: absolute;
	color: gold;
	background: #111111;
	padding: 0px 5px 0px 10px;
}
#menu-top-container LI P {
	font-size: 1.1em;
	color: #FFFFFF;
}
#testimonials {
	background: #000000 url('../images/grilled-meat-vegies.jpg') no-repeat center;
	background-size: contain;
	text-align: center;
}
#testimonials DIV {
	width: 50%;
	height: 400px;
	position: relative;
	display: inline-block;
	margin: 4em auto 7em auto;
}
#testimonials UL { margin: 0; padding: 0; }
#testimonials LI {
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}
#testimonials LI.active {
	z-index: 10;
	opacity: 1;
}
#testimonials P {
	padding-top: 4em;
	font-size: 1.4em;
	color: #FFFFFF;
}
#testimonials P::before {
	content: open-quote;
	position: absolute;
	font-family: Times New Roman;
	font-weight: bold;
	width: 100%;
	top: 20px;
	font-size: 4em;
	color: gold;
}
#testimonials CITE { margin-top: 3em; }
#contactus-container { position: relative; min-height: 400px }
#contact-us {
	top: -5em;
	width: 100%;
	z-index: 100;
	position: absolute;
}
#contact-us > DIV {
	background: #333333;
	margin: 10px auto;
	padding: 4em 5em 2em;
	width: 50%;
}
#contact-us UL { padding: 0; margin: 0;}
#contact-us LI {
	margin: 1em 0 .5em 0;
	text-align: center;
}
#contact-us SPAN, #contact-us EM {
	display: block;
	margin: 10px 0;
}
#contact-us EM {
	font-size: 2.5em;
	font-style: normal;
	font-family: sans-serif;
	letter-spacing: 0;
}
#social-media {
	display: flex;
	justify-content: center;
	align-content: center;
}
#social-media A {
	flex: 1;
	width: 35px;
	height: 35px;
	margin: 15px;
	max-width: 35px;
}
#facebook {
	background: transparent url('../images/facebook.svg') no-repeat center;
	background-size: contain;
}
#instagram {
	background: transparent url('../images/instagram.svg') no-repeat center;
	background-size: contain;
}
#tripadvisor {
	background: transparent url('../images/tripadvisor.svg') no-repeat center;
	background-size: contain;
}
.divider {
	width: 100px;
	height: 12px;
	margin: 5px auto !important;
	background: transparent url('../images/splitter.svg') no-repeat center;
}
.flavour-image {
	width: 310px;
	padding: 5px;
	height: 400px;
	display: block;
	margin: 1px auto;
	cursor: pointer;
	overflow: hidden;
	border: 1px gold solid;
	-webkit-transition: all .6s linear;
	-ms-transition: all .6s linear;
	-o-transition: all .6s linear;
	-moz-transition: all .6s linear;
	transition: all .6s linear;
}
.flavour-image::before {
  content: '';
  position: absolute;
  top: -15%;
  left: -15%;
  width: 200%;
  height: 200%;
  background: linear-gradient(0deg, transparent, transparent 30%, rgba(255,255,255,0.7));
  transform: rotate(-45deg);
  transition: all 0.7s ease;
  opacity: 0;
}
.flavour-image:hover {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.flavour-image:hover::before {
	opacity: 1;
	transform: rotate(-45deg) translateY(100%);
}
.flavours P {
	font-size: 1.2em;
	text-align: center;
}
.flavours H3 {
	font-family: poiretone;
	font-size: 2em;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.flavours A {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: orange;
}

FOOTER {
	position: fixed;
	background: #000000;
	text-align: center;
	z-index: 10000;
	height: 35px;
	width: 100%;
	bottom: 0;
}
FOOTER SPAN {
	width: 500px;
	color: silver;
	margin: 10px auto;
	font-size: 0.9em;
	display: block;
}
/********************* MOBILE *******************/
@media screen and (max-width:760px) {
	HAEDER { position: relative; }
	#cell-menu-container {
		background: #252525;
		display: block;
		height: 4.5em;
	}
	
	#cell-logo {
		float: left;
		width:50%;
		max-width: 50%;
	}
	#cell-logo img {
		width: 85%;
		padding-top: 10px;
		margin-left: 20px;
	}
	#cell-menu-container A:last-of-type {
		float: right;
		font-size: 2em;
		padding: 10px 15px 12px 5px; 
	}
	#logo { display: none; }
	#hd_top, #hd_menu {
		width: 100%;
		display: none;
		background: #000000;
	}
	#hd_top {
		height: auto;
		position: absolute;
		border-top: 1px rgba(200,200,200, 0.8) solid;
		bottom: 0;
	}
	#hd_top LI {
		width: 100%;
		display: block;
		text-align: left;
		margin-left: 2em;
	}
	#hd_top LI.splitter { display: none; }
	#hd_menu {
		height: auto;
		margin-top: -15px;
		padding-bottom: 9em;
	}
	#top_menu {
		float: none;
		padding-left: 5px;
		padding-bottom: 70px;
	}
	#top_menu LI {
		display: block;
		position: relative;
		margin: 5px;
		padding: 10px 0px 10px 0px;
	}
	.onlineorder { float: left; }
	#doordash {
		margin-left: 0px;
	}
	#flavours-container DIV.flavours {
		width: 100%;
		display: block;
		margin: 1px auto 3em auto;
	}
	#cell-falvour-desc {
		display: block;
		padding: .5em;
	}
	#none-cell-desc { display: none; }
	#menu-top-container { width: 100%; }
	#our-story { background-size: contain; }
	#our-story > DIV { display: block; }
	#our-story DIV.column:first-of-type {
		width: auto;
		max-width: none;
		margin: 0px;
	}
	#our-story DIV.column P {
		padding: 5px;
		line-height: 1.5em;
		font-size: 1.2em;
		margin: 40px 0 0 0;
		background-color: rgba(0,0,0, 0.5);
	}
	#story-image {
		width: auto;
		height: 490px;
		background-size: contain;
		margin: 40px 0 0 0;
	}
	#mini-logo { left: 1px; }
	#menu-top-container > UL { display: block; }
	#menu-top-container LI {
		width: 50%;
		margin: 0px auto;
	}
	#menu-top-container LI.separator { display: none; }
	#menu-top-container LI.selected {
		color: gold;
		border-bottom: 4px double #EFEFEF;
	}
	#menu-top-container > DIV { display: block; }
	#menu-top-container .column:first-of-type { border-right: 0; }
	#menu-top-container .column:last-of-type { margin-left: 0px; }
	#menu-top-container .column LI { width: 100%; }
	#menu-top-container LI IMG { margin-left: 10px; }
	#menu-top-container LI > DIV { width: 65%; }
	#testimonials DIV {
		width: 90%;
		margin: 2em auto 14em auto
	}
	#contact-us > DIV {
		width: 90%;
		padding: 3em 2em 1em
	}
	FOOTER SPAN { width: auto; }
	.slide-context {
		position: relative;
		margin: 10em auto 1em auto;
		width: 90%;
	}
	.flavour-image { margin-top: 10px; }
}