@charset "UTF-8";
* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration: none; list-style-type: none; vertical-align: baseline; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;} /* Reset Safari User Agent Styles */
/* GLOBAL STYLE */
html {background: #4E5520;}

::selection {background: #4E5520; color: #D9D9D9; text-shadow: none;}
.white {background: #f6f6f6; color: #000;}
.green {background: #2C311B;}

#content {
	-moz-box-shadow: 0 2px 30px rgba(34,38,0,1), 0 4px 30px rgba(78,85,32,0.3); 
	-webkit-box-shadow: 0 2px 30px rgba(34,38,0,1), 0 4px 30px rgba(78,85,32,0.3); 
	box-shadow: 0 2px 30px rgba(34,38,0,1), 0 4px 30px rgba(78,85,32,0.3); 	
	overflow: hidden;
	}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.container {width: 100% !important;}
.intro:before {width: 25% !important;}
#instafeed{width:100% !important;}

section.footer .cell {
	padding: 0 6px 15px 0;
	display: table-cell;
	font-size: 0.9em;
	}
section.carousel2 {width:100% !important; overflow:hidden;}
}

/* === styles === */

body {text-align: left; color:#fff; font-family: 'Helvetica', Arial, sans-serif; font-weight: 200; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
h1 {}
h2 {font-size: 25px; line-height: 30px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 30px;}
h3 {font-size: 10px; line-height: 30px; text-transform: uppercase; color: #AEBB9C;}
	h3.break {padding-top: 30px;}
	h4 {font-size: 14px; line-height: 30px; text-transform: uppercase; font-weight:700;}


p {font-size: 18px; line-height: 30px;}

small {font-size: 12px; line-height: 60px; text-transform: uppercase;}


a {color: inherit; text-decoration: inherit;text-align: left;}
	.not-active {pointer-events: none; cursor: default;}
	
	p.shade, h2.shade {text-shadow: 0px 1px #fff;}
h1, h2, h3, p, ul, li {text-align: left; font-weight: 200; font-style: normal;}
.header p {font-size: 12px; line-height:60px; font-weight: 200; font-style: normal; text-transform: uppercase; letter-spacing: 1px;}
.hours p {letter-spacing: 0px !important;}
	.footer p, .footer a, .footer a p {text-align: left; font-size: 14px; line-height: 30px; font-weight: 200; font-style: normal; text-transform: uppercase; letter-spacing: 2px;}
	.footer p span.highlight, .footer a span.highlight, span.highlight {color: #A6AA90;}
	.footer span.compressed {letter-spacing: -0.5px;}

	span.small {color: #A6AA90; text-transform: lowercase;}

	#copy {font-size: 10px; color: #fff; text-transform: uppercase; padding:20px; position:relative; text-align: center;}

	.footer a {font-size: 12px; line-height:30px;}

blockquote {
  padding: 5px; margin-top:30px; margin-left:60px;
}
blockquote:before {
  color: #ccc;
  content: "\201C";
  font-size: 40px;
  line-height: 30px;
  margin-right: 3px;
  vertical-align: -5px;
  font-style: italic; 
}
blockquote:after {
  color: #ccc;
  content: "\201D";
  font-size: 40px;
  line-height: 30px;
  margin-right: 6px;
  vertical-align: -10px;
  font-style: italic; 
}
blockquote p {display: inline; font-size: 24px; line-height: 30px; font-style: italic; letter-spacing: -1px;}



/* === Grid === */
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.grid {width:auto; max-width: 1160px; margin: 0 auto;}
.grid-pad {padding: 0px 100px 0px 100px;}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 30px;
}
	.nest {width: auto; margin: 0 auto;}
	.grid:after, .nest:after { content: ""; display: table; clear: both;}

.row {padding: 60px 100px;}
	
[class*='col-'] {float: left; padding-right: 30px; position:relative;}
	[class*='col-']:last-of-type {padding-right: 0;}
.col-1 {width: 100%; /* 1100px if layout 1160px */}
.col-2 {width: 50%;}

.col-3 {width: 33.33%;}
.col-3-2 {width: 66.66%;}

.col-4 {width: 25%;}
.col-4-2 {width: 50%;}
.col-4-3 {width: 75%;}

.col-6 {width: 16.66%;}
.col-6-2 {width: 33.33%;}
.col-6-3 {width: 50%;}
.col-6-4 {width: 66.66%;}
.col-6-5 {width: 83.33%;}

.col-8 {width: 12.5%;}


.flush {padding: 0 !important; margin: 0 !important;}
.left {float: left;}
.right {float: right;}
.topicon {top: -42px !important; position:relative;}
.centre {text-align: center;}

/* === Nav === */

/* NAV-MAIN */
#nav-main	/* container */	
{
width: 100%;

font-size: 12px;
font-weight: 200;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;

position: relative;
z-index: 3;
top: 0;
right: 0;
}
	#nav-main > a
	{
	display: none;
	}
	
	#nav-main li
	{
	position: relative;
	}
 
		#nav-main li a
		{
		color: #fff;
		line-height: 60px;
		display: block;
		}
			#nav-main li a:active
			{
			background-color: #afc448 !important;
			}

			#nav-main span:after
			{
			width: 0;
			height: 0;

			content: '';

			display: inline-block;
			position: relative;
			
			vertical-align: middle;
			}

	/* first level */
 
	#nav-main > ul
	{
	height: 60px; /* 60 */
	background-color: #2C311B;
	}
		#nav-main > ul > li
		{
		width: 25%;
		height: 100%;
		float: right;
		}
			#nav-main > ul > li > a
			{
			height: 100%;
			text-align: center;
			}
				#nav-main > ul > li:not( :last-child ) > a
				{
				}
				
					#nav-main > ul > li:hover > a,
					#nav-main > ul:not( :hover ) > li.active > a
					{
					color: #4E5520;
					}

	/* second level */
 
	#nav-main li ul
	{
	background-color: #373D0D;

	display: none;
	position: absolute;

	top: 100%;
	}
		#nav-main li:hover ul
		{
		display: block;

		left: 0;
		right: 0;
		}
			#nav-main li:not( :first-child ):hover ul
			{
			left: -1px;
			}
			#nav-main li ul a
			{
			text-align: center;
			padding: 0.75em; /* 15 (20) */
			}
				#nav-main li ul li a:hover,
				#nav-main li ul:not( :hover ) li.active a
				{
				color: #C7D67F; background-color: #4e5520;
				}
				
						
/* === Content === */
.container {max-width: 1160px; padding: 0 30px; margin: 0 auto;}

	.clearfix {*zoom: 1;}
		.clearfix:before, .clearfix:after {
		    display: table;
		    content: "";
		    line-height: 0;
		}
	
		.clearfix:after {clear: both;}

section {display:block; position: relative;}
	.description{padding-top:30px; z-index:2;}

	
	/* === top menu === */
	section.header {height: 60px; padding-top: 0px; padding-bottom: 0px; z-index: 3; background: #2C311B; position: sticky; top:0;}
		#home {
			display: block;
			height: 60px;
			background: url("../images/lsHAJocJ4v4i.svg") no-repeat left 15px;
			text-indent: -9999px;
			line-height:60px; right: 0;
			}
			#home span {
				display: block;
				height: 90px;
				}
			section.header:after {content:""; position: absolute; top: 0; left: calc(50% - 31px); z-index: 100; width: 62px; height: 90px; background: url("../images/D3KWBzoTvRqw.svg") no-repeat right -20px;}
	

	
	/* === booking === */
	section.about {background: white; top: 0; overflow: hidden; color: #000;}
	section.booking {background: white; top: 0; overflow: hidden; color: #000;}
		.booking:before,
		.booking:after{
			display: block;
			content: "";
			position: absolute;
			}
			
		.booking:before{
			background: url('../images/36ekpAWQfYzH.jpg') no-repeat top left;
			background-size: cover;
			width:100%;
			top: 0;
			bottom: 0;
			left: 0; z-index:0;
			}
			
			/* === opentable === */
			.opentable-widget {width:auto; margin: 0 auto;}
				.ot-dtp-picker-form {box-shadow:0 0 0 0px #C7D67F !important; margin:0 !important;}
				.ot-button{color: #4E5520 !important; background-color: #C7D67F !important; box-shadow:0 0 0 0px #fff !important;}
					.ot-button:hover{background-color: #aec056 !important;}

/* === notice === */

	section.v-notice {background:#964564; box-shadow: inset 0px 0px 15px 5px #b7547a;}
.v-notice p {padding: 12px 30px; text-align: center;}

	/* === carousel === */
	section.carousel {background: #222; left: 0; top: 0; position: relative; z-index: 1;
		-webkit-clip-path: polygon(
		0 0, /* left top */
		100% 0, /* right top */
		100% 99%, /* right bottom */
		0 89% /* left bottom */
		);
		}
		section.carousel ul#sliders {width: 100% !important; opacity: 1; left: 0; top: 0;}

		section.carousel2 {background: #222; left: 0; top: 0; position:relative; z-index:1; overflow:hidden; max-height:774px;}

	/* === banners === */

.banner-offer {width: 130px; height: 120px; float: left; padding: 0; margin: 0; top: 20px; z-index: 1000;}

	.lunch-menu {position: absolute; background: url("../images/Ex5Z6kJZ8mXA.svg") no-repeat 0 0; background-size:cover; left: 0;}
		.lunch-offer {position: absolute; background: url("../images/fvGrMMDluTMV.svg") no-repeat 0 0; background-size:cover; left: 0;}
		.halal {position: absolute; background: url("../images/wyfgMIDQNbW6.svg") no-repeat 0 0; background-size:cover; left: 0;}

	.special-menu {position: absolute; background: url("../images/BsRDwVNZfiA0.svg") no-repeat 0 0; background-size:cover; left: 0;}
	.takeout-offer {position: absolute; background: url("../images/JIJcs3jKyjTx.svg") no-repeat 0 0;  background-size:cover; right: 0;}
	.award {position: absolute; background: url("../images/Zps9pd6p69We.svg") no-repeat 0 0;  background-size:cover; right: 0;}

	/* === intro === */
	section.intro {background: #f6f6f6; margin-top: -100px; overflow: hidden; color: #000;}
		.intro:before, .intro:after {
		    display: block;
		    content: "";
		    position: absolute;
		}
		.intro:before {
		    background: #0c0804 url('../images/t9gRLUjLmvbD.jpg') no-repeat top right;
		    background-size: cover;
		    top: 0;
		    bottom: 0;
		    right: 0;
		    width: 30%;
		}
		.intro:after {
		    background: #f6f6f6;
		    width: 65%;
		    top: 0;
		    left: 0;
		}
			.logo-mark {height:150px; float: right;}

	/* === featured === */
	section.featured {background: #bfb8b0; overflow: hidden; position:relative;}
		.featured p {color: #5d564c;}
		.featured p small {color: #6d6559; font-weight:700;}
		
		.timeout-award { width: 180px;  height: 150px; display:inline-block; position:relative; margin-bottom:5px; background: url("../images/i3tpL7rvXQm6.jpg") no-repeat left bottom; background-size:contain;}

	/* === featured === */
	section.notice {background: #fff8ee; overflow: hidden; position:relative;}
		.notice h2 {color: #313522; margin-bottom:1.5rem; margin-top:3rem;}
		.notice p {color: #3a3225; line-height: 2rem; margin-bottom:1.5rem;}
		.notice img.notice-img {width:100%; position: relative; opacity:0.5;}
		.notice img.notice-img {filter: invert(.5) sepia(1) hue-rotate(25deg);}
		

	/* === specials === */
	section.specials {background: #382826; overflow: hidden; position:relative;}
		.menu-offer {width:130px; height: 120px; float: left; top: 20px; z-index:1000;}
			.menu-offer:hover {opacity: 0.7;}
			
			.valentine, .cny {margin-right:20px;}
			.valentine {background: url("../images/sE3Mi7aBNUO9.svg") no-repeat left bottom; background-size:contain;}
			.cny {background: url("../images/0I1efL3smM1g.svg") no-repeat left bottom; background-size:contain;}

	
	/* === instafeed === */
	section.insta-widget {background: #222; overflow: hidden; position:relative;}
	.insta-widget p {line-height:30px; height:30px; margin-bottom:20px;}
		#instafeed{
			margin:0 auto !important;
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			}
			#instafeed a {
				height:150px; width: 150px; 
				overflow:hidden; float:left;
				left:0; top:0; margin:0; padding:0;
				opacity: 1;
				transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
				}
				#instafeed a img {display: block; max-height: 100%; object-fit: cover;}
					#instafeed a:hover {opacity: 0.5;}	


	/* === lightbox === */
	section.lightbox {background: #222; overflow: hidden; position:relative;}	
		.lightbox-img{height:280px;}

	
	/* === footer === */
	section.map-large {background: #222; overflow: hidden; position:relative;}
	section.footer {background: #2C311B; overflow: hidden; position:relative;}
	section.footer-min {background: #252525; overflow: hidden; position:relative; padding-top:0; padding-bottom:0;}
	
		#min-nav {line-height:60px;margin:0 auto;}
			ul#min-nav li{margin-right:30px; display:inline-block;}
				ul#min-nav li:last-child {margin-right: 0;}
				
					ul#min-nav li.number-min {float:left;}
					ul#min-nav li.social-min {float:right;}
					
						ul#min-nav li.social-min ul li a {text-indent: -9999px; display:inline-block; padding-right:30px;}
							a.icon {background-position: 0 0 !important; transition: all 220ms all; height: 24px;}
								
								.icon.email {background: url("../images/email-24.png") no-repeat;}
								.icon.instagram {background: url("../images/T5SDnnsnMkuP.png") no-repeat;}
								.icon.facebook {background: url("../images/W09bCr5e4dxH.png") no-repeat;}
									a:hover.icon.email,
									a:hover.icon.instagram,
									a:hover.icon.facebook {background-position: 0 -24px !important;}
						
							.icon-min {background-position: 0 0 !important; transition: all 220ms all; width: 18px;  height: 18px; display:inline-block; position:relative; padding-right:25px;}
							section.footer .icon-min, section.map-large .icon-min, section.footer-min .icon-min, section.intro .icon-min, section.insta-widget .icon-min {vertical-align: middle;}
								
								.icon-min.email {background: url("../images/AGtiN4xfBir3.svg") no-repeat;}
								.icon-min.instagram {background: url("../images/e2s5afFaghyT.svg") no-repeat;}
								.icon-min.facebook {background: url("../images/FdxWSEUROMGQ.svg") no-repeat;}
								.icon-min.twitter {background: url("../images/0zRQJQJfPz1d.svg") no-repeat;}
								
								.icon-min.deliveroo {background: url("../images/ZAqYSi9VAK4J.svg") no-repeat;}
								.icon-min.opentable {background: url("../images/8n2Cqvy9pI9B.svg") no-repeat;}
								.icon-min.timeout {background: url("../images/8d3lCtyoyuEI.svg") no-repeat;}
								.icon-min.tripadvisor {background: url("../images/xETToARe6zVQ.svg") no-repeat;}
								.icon-min.eveningstandard {background: url("../images/UA5CS0eZoXOq.svg") no-repeat;}
								
									a:hover.icon-min.email,
									a:hover.icon-min.instagram,
									a:hover.icon-min.facebook,
									a:hover.icon-min.twitter,
									a:hover.icon-min.opentable, 
									a:hover.icon-min.timeout, 
									a:hover.icon-min.tripadvisor,
									a:hover.icon-min.deliveroo,
									a:hover.icon-min.eveningstandard 
									{opacity:0.7;}

								
									a:hover span.icon-min.email,
									a:hover span.icon-min.instagram,
									a:hover span.icon-min.facebook,
									a:hover span.icon-min.twitter,
									a:hover span.icon-min.opentable, 
									a:hover span.icon-min.timeout, 
									a:hover span.icon-min.tripadvisor,
									a:hover span.icon-min.deliveroo,
									a:hover span.icon-min.eveningstandard 
									{opacity:0.7;}
									
									
									section.footer p a:hover,
									section.insta-widget p a:hover
									{-webkit-text-decoration: underline solid rgba(255, 255, 255, 0.3); text-decoration: underline solid rgba(255, 255, 255, 0.3);}


	.icon-head {background-position: 0 0 !important; transition: all 220ms all; width: 64px;  height: 64px; display:inline-block; position:relative;}
		.icon-head.instagram-64 {background: url("../images/k9X4zEKYfzKP.svg") no-repeat;}
		.icon-head.featured-64 {background: url("../images/39WPGS99imuD.svg") no-repeat;}
		a:hover span.icon-head.instagram-64 {opacity:0.7;}
		
	.icon-large {background-position: 0 0 !important; transition: all 220ms all; width: 180px;  height: 80px; display:inline-block; position:relative; margin-bottom:15px;}
		.icon-large.thetimes {background: url("../images/Gyi2IQ28azu9.png") no-repeat; background-size:contain; background-position: 0px -5px !important;}
		.icon-large.eveningstandard {background: url("../images/UA5CS0eZoXOq.svg") no-repeat left bottom; background-size:contain;}
		.icon-large.wallpaper {background: url("../images/qmhm5BrhFB9D.svg") no-repeat left bottom; background-size:contain;}
		.icon-large.timeoutlogo {background: url("../images/Q6IRXjtJbS82.svg") no-repeat left bottom; background-size:contain;}

			a:hover span.icon-large.thetimes,
			a:hover span.icon-large.eveningstandard,
			a:hover span.icon-large.wallpaper,
			a:hover span.icon-large.timeoutlogo
			{opacity:0.7;}
		
							
	
	
		.google-maps {
			position: relative;
			padding-bottom: 100%; /* This is the aspect ratio */
			height: 0; top: 0px; left:0;
			overflow: hidden;
		}
			.google-maps iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
			}

	.table-wrapper { /* hours */
		margin: 0 auto;
		max-width: 800px;
		}
		table.hours {
			width: 100%; table-layout: fixed; margin-bottom: 15px;
			text-align: left; font-size: 0.9em !important; line-height: 28px;
		}
		table.hours td {
			padding-right: 0px; 
		}

/* LIGHTBOX */

body:after { /* Preload images */
  content: url("../images/m1KdHeF5AaLM.png") url("../images/wHi2qfIScCPr.gif") url("../images/vyoewfhLJy2J.png") url("../images/Mj9uLvVpthHs.png");
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;


}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: rgba(56,56,56,0.9);
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 32px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("../images/wHi2qfIScCPr.gif") no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url("../images/vyoewfhLJy2J.png") left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url("../images/Mj9uLvVpthHs.png") right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url("../images/m1KdHeF5AaLM.png") top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
@media (min-width: 769px) and (max-width: 1159px) {
	.header.row {padding-left: 30px; padding-right: 30px;}
	.header .container {min-width: 100vw; max-width: 100vw; padding: 0;}
	#nav-main {right: 50px;}
	section.row {padding-left: 30px; padding-right: 30px;}
	section.featured .col-4 {width: 100%; padding-left: 100px; padding-right: 100px; margin-top: 30px;}
		section.featured .col-4 span {background-position: center;}
		section.featured, section.featured p { text-align: center;}

}