body {
		background:#222;
		color:#ece8d8;
		font:18px/1.5 'Quattrocento', 'courier', 'Serif';
		letter-spacing:0.5px;
		overflow-x:hidden;
		width:100%;}
	
	.asset_icon_facebook		{width:44px; height:46px; background:url('/_images/_sprites.png') no-repeat -515px -53px; padding:0px; display:inline-block; margin:0px auto; text-align:left;}

	html, body {
		height:100%;
		margin:0;
		padding:0;
	}
	
	
	#logo {
		position:absolute; 
		top:25%;
		z-index:9999;
	}

	nav .logo {
		max-width:94px;
	}

	nav .logo img {
		width:100%;
	}
	
	

/* assets ------------------------------------------------------------------------------------------------------------------------------------- */

	.asset_logo_main				{width:422px; height:46px; background:url(/_images/_sprites.png) no-repeat -121px -1px; float:left; display:block; margin-top:15px;}
	.asset_logo_foot				{width:113px; height:92px; background:url(/_images/_sprites.png) no-repeat -3px -124px; float:left; display:block;}

	.asset_button_close				{width:26px; height:24px; background:url(/_images/_sprites.png) no-repeat -331px -64px; display:block; cursor:pointer;}
	.asset_button_close:hover		{background:url(/_images/_sprites.png) no-repeat -331px -94px;}

	.asset_button_remove			{width:26px; height:18px; background:url(/_images/_sprites.png) no-repeat -331px -127px; display:block; cursor:pointer;}
	.asset_button_remove:hover		{background:url(/_images/_sprites.png) no-repeat -331px -147px;}
	
	
	.asset_							{background:url(/_images/_sprites.png) no-repeat; float:left;}
	.asset_.button_					{display:block; cursor:pointer;}
	.asset_.icon_					{display:block;}
	.asset_.show_on_hover			{display:none !important; cursor:pointer;}
	.asset_.show_on_hover:hover		{display:block !important;}
	
	.asset_.icon_.ie				{width:23px; height:22px; background-position:-127px -169px;}


	.asset_button						{border:2px solid transparent;
										 border-radius:3px;
										 cursor:pointer;
										 display:block;
										 font-family:'Oswald', sans-serif;
										 font-size:1.2em;
										 float:left;
										 line-height:40px;
										 letter-spacing:1px;
										 position:relative;}	
	.asset_button:hover,
	.asset_button:hover div,
	.asset_button:hover p				{text-decoration:underline !important;}
	.adapt_width						{width:auto !important; padding-right:15px; }
			
	.asset_button.grey_mud				{border:1px solid #4f4d46;}
	.asset_button.grey_mud:hover		{color:#2f2d26; border:1px solid #2f2d26;}
	
	.asset_button.grey_mud2				{color:#f4f2eb; background-color:#2f2d26;}
	.asset_button.grey_mud2:hover		{color:#2f2d26;  background-color:#f5c624;}
	
	.asset_button.black					{border:1px solid #484848;}
	.asset_button.black:hover			{color:#222; border:1px solid #222;}
	
	.asset_button.black2				{color:#f4f2eb; background-color:#222;}
	.asset_button.black2:hover			{color:#222;  background-color:#f5c624;}
	



/* adjustment ----------------------------------------------------------------------------------------------------------------------------------- */

	.pad0					{padding:0px !important;}
	.pad5					{padding:5px;}
	.pad3					{padding:3px;}
	.pad10					{padding:10px;}
	.pad20					{padding:20px;}
	
	.pad20_bottom			{padding-bottom:20px;}
	.pad10_bottom			{padding-bottom:10px;}
	.pad15_bottom			{padding-bottom:15px;}
	.pad5_bottom			{padding-bottom:5px;}
	.pad0_bottom			{padding-bottom:0px;}

	.pad20_top				{padding-top:20px;}
	.pad15_top				{padding-top:15px;}
	.pad10_top				{padding-top:10px;}
	.pad0_top				{padding-top:0px !important;}
	.pad5_top				{padding-top:5px;}
		
	.pad0_left				{padding-left:0px !important;}
	.pad5_left				{padding-left:5px;}
	.pad10_left				{padding-left:10px;}
	.pad20_left				{padding-left:20px;}
	.pad15_left				{padding-left:15px;}
	
	.pad0_right				{padding-right:0px !important;}
	.pad5_right				{padding-right:5px;}
	.pad10_right			{padding-right:10px;}
	.pad15_right			{padding-right:15px;}
	.pad20_right			{padding-right:20px;}
		
	.block					{float:left; display:block;}
	.display_block			{display:block;}
	.display_inline			{display:inline;}
	.inline_block			{display:inline-block;}
	.float_left				{float:left;}
	.float_right			{float:right !important;}
	
	.eleHidden				{display:none;}

	.rowx					{clear:left; float:left; width:100%;}
	.clip					{overflow:hidden;}	
	.last					{margin-right:0px !important; padding-right:0px !important;}
	
	.height_100pc			{height:100% !important;}
	.width_100pc			{width:100%;}
	.width_95pc				{width:95%;}
	.width_50pc				{width:50%;}
	

	.for_centering			{float:right; position:relative; left:-50%; text-align:left;}
	.elements				{position:relative; left:50%;}
	
	.position_absolute		{position:absolute;}
	.position_relative		{position:relative !important;}

	svg { 					 fill: currentColor;
							 vertical-align: sub; }
							 	
	.flex-group {		    display: -webkit-flex;
							display: flex;
							-webkit-flex-flow: row wrap;
							flex-flow: row wrap;
							-webkit-justify-content: space-between;
							justify-content: space-between;}
							
	.flex-column {			flex-flow: column !important;
							-webkit-flex-flow: column !important; }

	.flex-align-center {	align-items:center;
							-webkit-align-items:center;
							justify-content: center;
							-webkit-justify-content: center;}

	.flex-align-center-top {justify-content: center;
							-webkit-justify-content: center;}



/* text ----------------------------------------------------------------------------------------------------------------------------------- */
	
	h1, h2, h3 {/*font-family:'glegoo', sans-serif;*/ font-weight: bold;}
	


/* links ----------------------------------------------------------------------------------------------------------------------------------- */

	A						{color:#9db2c5; text-decoration:none;}
	A:hover					{color:#9db2c5; text-decoration:underline;}
	
	

/* colour ----------------------------------------------------------------------------------------------------------------------------------- */
		
	.black_shadow_white			{color:#000; text-shadow:1px 1px #fff;}
	.text_shadow_black			{text-shadow:1px 1px #000;}
	.text_shadow_white			{text-shadow:1px 1px #fff;}
	
	

/* borders ----------------------------------------------------------------------------------------------------------------------------------- */

	.border_none				{border:none !important;}



/* carousel ----------------------------------------------------------------------------------------------------------------------------------- */
	
	/* Carousel base class */
	.carousel {
	  z-index: 18;
	}
	/* Since positioning the image, we need to help out the caption */
	.carousel-caption {
		bottom:150px;
		z-index: 10;
	}

	.carousel-caption.dark {
		color:#3f446b;
	}
	
	.carousel,
	.carousel-inner,
	.carousel .item,
	.carousel-inner > .item > img {
	  height: 100vh;
	}

	/* Declare heights because of positioning of img element */
	.carousel .item {
	  background-size:cover !important;
	  background-repeat:no-repeat;
	  background-position: center;
	}
	.carousel-inner > .item > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  min-width: 100%;
	}
	.carousel h1 {
		font-size:2.7em;
	}

	.carousel-indicators li {
		background-color:#fff;
		border:2px solid #fff;
		border-radius: 4px;
		margin-left:5px;
		margin-right:5px;
		width:15px;
	}
		
	.carousel-indicators .active {
		background-color:transparent;
	}

	.carousel-control.left {
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .0001)));
		background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
		background-repeat: repeat-x;
	}	

	.carousel-control.right {
		right: 0;
		left: auto;
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .2)));
		background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
		background-repeat: repeat-x;
	}

	@media (max-width: 767px) {	.carousel, .carousel .item, .carousel-inner > .item > img {	height:100vh; } }
	
	.carousel-inner > .item > img {
		background-repeat:no-repeat !important;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	min-width: 100%;
	  	height: 100vh;
	}
			
	@media (min-width: 768px) {		
		#carousel_fade
		.carousel-caption {
			color: #fff;
			position: absolute;
			height:100vh;
			left:20%;
			text-shadow: 0 1px 1px rgba(55, 55, 55, 1);
			top:175px;
			width:35%;
			z-index: 10;
		}
		
		.carousel-caption h1 {
			font-size:2.5em;
		}
	
		.carousel-caption p {
			margin-bottom: 20px;
		}
	}
	
	.carousel-inner > .item {
		transition-duration: 2s !important;
	}	

	/* Carousel fade styling */
	.carousel-fade .carousel-inner .item {
	  transition-property: opacity;
	}
	.carousel-fade .carousel-inner .item,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  opacity: 0;
	}
	.carousel-fade .carousel-inner .active,
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}
	.carousel-fade .carousel-inner .next,
	.carousel-fade .carousel-inner .prev,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  -webkit-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	}
	@media all and (transform-3d), (-webkit-transform-3d) {
		.carousel-fade .carousel-inner > .item.next,
		.carousel-fade .carousel-inner > .item.active.right {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.prev,
		.carousel-fade .carousel-inner > .item.active.left {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
	}
	
	
/* navigation --------------------------------------------------------------------------------------------------------------------------------- */
  	
	nav	{	
		background-color:transparent;
		border: none;
		clear:both;
		display:block; 
		float:left;
		margin-bottom:0px;
		padding:0px;
		width:100%;
		z-index: 20;
		text-align: left;
	}
		
	nav > .dropdown {
		background-color:rgba(255,255,255,0.9);
		display:none;
		height:100%;
		margin:0;
		padding: 0;
		position:fixed;
		text-align:center;
		top: 0px;
		width:100%;
	}
	
	nav > ul > li {
		float: left;
		list-style: none;
		position: relative;
		width:100%;
	}			
		
	nav > ul li > a {
		font-size:2.5em;
		color:#000;
	}
		
	/*@media (min-width: 768px) {		*/
		nav {position:fixed; }
	/*}*/

	nav > ul > li > a.active {
		text-decoration: underline;
	}

	nav button > span, 
	nav div, 
	nav > a, 
	nav div > ul, 
	nav div > ul > a > li, 
	nav .dropdown > a, 
	nav .dropdown.open > ul.dropdown-menu li a {
		color: #fff;
		text-decoration: none;
		text-shadow: -2px 2px 0px #000;
	}

	nav button {
		background: none;
		border: none;
		margin-top: .5em;
		margin-bottom: .5em;
		padding-left: 10px;
		text-align: center;
		width: initial;
		z-index:100;
	}

	nav button > span.glyphicon-remove,
	nav button > span.glyphicon-menu-hamburger {
		border: none;
		padding: 0;
		font-size: 2.5em;
	}

	nav button > span.glyphicon-remove {
		color: #000;
		left:0px;
		padding: 10px 10px;
		position: fixed;
		top:0px;
	}
	
	nav > .dropdown.on {
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		align-items:center;
		-webkit-align-items:center;
		justify-content: center;
		-webkit-justify-content: center;
		
		z-index:99;
	}



/* footer --------------------------------------------------------------------------------------------------------------------------------- */
 
 	
	footer {
		bottom:0px;
		display:block;
		float:left;
		padding:2em 0;
		position:relative;
		width:100%;}
	
	footer > div > div {	
		padding-top:20px;}
								 
	footer ul li {			
		list-style-type:none;
		margin-left:0px;}


@media (max-width:767px) {
	footer > div > div > p:last-of-type {	
		text-align:left;
	}
}	




/*	Home page -------------------------------------------------------------------------------------------------------------------- */


		body {									overflow-x:hidden;}
		
		section,
		body > div,
		#menu .pricemenu_body > *,
		#menu .pricemenu_body table {			clear:both;
												float:left;
												width:100%;}
				
		body > section,
		#top_banner .site_title {				overflow-x:hidden;
												text-align:center;}
				
		#top_banner .site_title,
		#footer,
		#welcome {								padding-top:120px; }
		
		#top_banner .site_title,
		#top_banner .carousel {					height:360px; }
		
		
		#top_banner .site_title	{				z-index: 19; }
		
		#top_banner .cb_location {				padding-bottom:0px; /* padding-bottom:160px; */
												padding-top:15px; }
											
		#instagram > div > div {				padding-bottom:40px;
												padding-top:40px; }
											
		#welcome {								padding-top:70px;
												padding-bottom:40px; }
		
		#welcome > div > div {					padding-bottom:40px; }
		#welcome p {							margin-top:10px;
												margin-bottom:0px;}
		
		
		#menu {									padding-top:40px;}
		
		#menu .service_notes p {				padding:10px 1em; }
		
		#menu .pricemenu_body h1 {				margin:5px 0px; }


		#menu #svg-pricemenu-bottom,
		#menu #svg-pricemenu-top {				display:none; }
		
		#menu .menu_detail,
		#menu .menu_detail * {					text-align: left; }	
		#menu .pricemenu_body .menu_price {		text-align: right; vertical-align: top; }	
		#menu .pricemenu_body .menu_detail p {	font-size:0.8em; vertical-align: top; }
		#menu .pricemenu_body .menu_items{ 		padding:5px 1em; }
			
		#menu .service_notes p {				margin: 0; 
												padding:5px 3em 0px 3em; }

		#menu .service_notes p:last-of-type {	margin-bottom: 15px; }

			
		@media (min-width:998px) {
			#top_banner .site_title {				padding-top:230px; }
			
			#top_banner .site_title,
			#top_banner .carousel {					height: 720px; }

			#welcome > div > div {					padding-bottom:40px;}			

			#menu > div > div,
			#instagram > div > div {				padding-top:50px;
													padding-bottom:60px;}		

			#welcome #svg-contact {					margin-bottom:10px; }
		}
				
		#top_banner {							background-size:cover !important; }
					
		#instagram .instagram_image {			border:2px solid transparent;
												opacity: 0.7;
												width: 100%; }
		
		#instagram .insta_thumb {				margin:0px;
												width:33%; }
		
		#instagram .insta_thumb a {				padding: 5%; }
		#instagram .insta_thumb a img { 		transition: all .2s ease-in-out; }
		
		#instagram .insta_thumb,
		#instagram .insta_thumb a,
		#footer .social a {						float: left; }
		
		#instagram .insta_thumb a:hover .instagram_image {
												border-color:#fff;
												transform: scale(1.05); }									
				
		
		#geo-comment {							display:none;
												padding: 10px;}
											
		
		#top_banner { 							background:url('/_images/bg/gin-and-juice-interior1b.jpg') no-repeat top center;
												background-size:cover !important;
												color:#000;
												text-align:center;}
		
		
		
		#top_banner .cb_location { 				color: #fff;
												font-size:2.7em;
												font-weight:bold;
												letter-spacing: 10px;
												text-transform: uppercase;
												text-shadow: -2px 2px 0 #4b4f40; }
		
		
		#menu { 								background:url('/_images/bg/menu.jpg') center;
												background-size:cover !important;
												color:#000;}		
	
		
		#instagram { 							background:url('/_images/bg/gin-and-juice-ceiling.jpg') no-repeat top center;
												background-size:cover !important;}
		
		#instagram * {							color:#fff;}
		
									
		#welcome a {							color:#000;}
									
		#welcome {								background: #282828;
												color:#fff8ed;}
											
		#welcome .route_finder > * {			cursor: pointer; }
											
		#welcome .asset_button {				border-color: #fff8ed;
												padding-left:15px; 
												padding-right:15px; 
												text-transform: uppercase; }


		#welcome .hours table {					width:100%; }
		#welcome .hours table .col_a {			width:45%; padding-right:5px; text-align:right; }
		#welcome .hours table .col_b {			width:55%; padding-right:5px; text-align:left; }
		#welcome .hours  span {					font-size:0.8em; }
											
		#footer #subscribe {					background-color:#f0f0f0;
												margin-bottom: 40px;
												margin-top: 40px;
												padding-bottom:10px;
												padding-top:10px;}
											
		#footer #subscribe input {				background-color:transparent;
												border:none;
												border-radius:3px;
												font-size:1.2em;
												line-height:40px;
												margin-bottom:0px;
												margin-top:0px;
												padding:0px; }
		
		#footer #subscribe .asset_button {		background-color: #6b993d; border-color: #6b993d; color: #fff; }
		#footer #subscribe .asset_button:hover {background-color: #548128; }
		
		
		#footer .social a {						width:20%; }
		#footer	.social svg {					width:100%; }
		#footer .flex-group.social {			-webkit-justify-content: space-around;
    											justify-content: space-around; }
		
		#footer .telno {						margin-top:20px; }
		
		
		h1 {									font-size:2.25em;
												letter-spacing: 5px;
												margin-bottom:15px;
												text-transform: uppercase; }

		#top_banner h1 {						margin-top:80px; }
		
		
		
		@media screen and (max-width:998px) {
			#top_banner .cb_location { 			font-size:1.8em;}
		
			#welcome h1 {						margin-top:0px; }
		}