@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Smythe&display=swap');

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

/* colors */
:root
{
	--copperpenny: #915830;
	--gold: #976400;
}

.icon-facebook {background-image: url(../img/icon-facebook.png);}
.icon-twitter {background-image: url(../img/icon-twitter.png);}
.icon-instagram {background-image: url(../img/icon-instagram.png);}
.icon-tripadvisor {background-image: url(../img/icon-tripadvisor.png);}
.icon-whatsapp {background-image: url(../img/icon-whatsapp.png);}
.icon-gluten {background-image: url(../img/allergen-gluten.png);}
.icon-sesame {background-image: url(../img/allergen-sesame.png);}
.icon-nuts {background-image: url(../img/allergen-nuts.png);}
.icon-crustaceans {background-image: url(../img/allergen-crustaceans.png);}
.icon-eggs {background-image: url(../img/allergen-eggs.png);}
.icon-fish {background-image: url(../img/allergen-fish.png);}
.icon-mustard {background-image: url(../img/allergen-mustard.png);}
.icon-milk {background-image: url(../img/allergen-milk.png);}
.icon-celery {background-image: url(../img/allergen-celery.png);}
.icon-peanuts {background-image: url(../img/allergen-peanuts.png);}
.icon-soya {background-image: url(../img/allergen-soya.png);}
.icon-shellfish {background-image: url(../img/allergen-shellfish.png);}
.icon-lupins {background-image: url(../img/allergen-lupins.png);}
.icon-sulphites {background-image: url(../img/allergen-sulphites.png);}
.icon-facebook {background-image: url(../img/icon-facebook.png);}
.icon-twitter {background-image: url(../img/icon-twitter.png);}

.unselectable
{
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
	-moz-user-select: none;
  -ms-user-select: none;
	user-select: none;
	cursor: default;
	outline: none;
}

.customscroll::-webkit-scrollbar
{
  width: 8px;
	height: 8px;
}
.customscroll::-webkit-scrollbar-track
{
  background: none; 
}
.customscroll::-webkit-scrollbar-thumb
{
  background: #ddd; 
}
.customscroll::-webkit-scrollbar-thumb:hover
{
  background: #ccc; 
}

#CDSSCROLLINGRAVE
{
  width: calc(100% - 96px) !important;
  margin: 20px 48px 0 48px !important;
}
#CDSRATINGWIDGET226
{
  width: calc(100% - 24px);
  margin-top: 50px;
}

html,
body
{
	background: #000;
}

body
{
	margin: 0;
	padding: 0;
	font-family: 'Smythe', cursive;
	font-size: 20px;
	color: var(--copperpenny);
	overflow-x: hidden;
}

.chooselanguage
{
	margin: 0 auto 30px auto;
	text-align: center;
	width: 1000px;
	max-width: 95vw;
}
	.chooselanguage-logo
	{
		width: 767px;
		max-width: 100%;
		height: 0;
		padding-bottom: calc(100% * .63);
		margin: 0 auto;
		background: url(../img/logo.png) center no-repeat;
		background-size: contain;
	}
	.chooselanguage-buttons
	{
		margin: 20px 0 0 0;
	}
		.chooselanguage-buttons a
		{
			color: inherit;
			text-decoration: none;
		}
		.chooselanguage-language
		{
			text-align: center;
			border-top: 1px solid #666;
		}
			.chooselanguage-language-flag
			{
				width: 75px;
				height: 50px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: 10px 0 10px 20px;
				display: inline-block;
				vertical-align: middle;
				border: 1px solid #666;
			}
			.chooselanguage-language-flag.en {background-image: url(../img/lang_en.png);}
			.chooselanguage-language-flag.es {background-image: url(../img/lang_es.png);}
			.chooselanguage-language-flag.fr {background-image: url(../img/lang_fr.png);}
			.chooselanguage-language-flag.de {background-image: url(../img/lang_de.png);}
			.chooselanguage-language-flag.be {background-image: url(../img/lang_be.png);}
			.chooselanguage-language-flag.se {background-image: url(../img/lang_se.png);}
			.chooselanguage-language-flag.it {background-image: url(../img/lang_it.png);}
			.chooselanguage-language-text
			{
				display: inline-block;
				margin: 0 0 0 10px;
				font-size: 50px;
				text-align: left;
				vertical-align: middle;
				width: 160px;
			}

.popup-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 500;
	display: none;
}
	.popup
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 1000px;
		/*height: 900px;*/
		width: 95vw;
		height: calc(100% - 20px);
		background: #000;
		border: 1px solid var(--copperpenny);
		box-shadow: 10px 10px 10px rgba(0,0,0,.75);
		overflow: hidden;
	}
	.tellyourfriends .popup
	{
		max-width: 500px;
		max-height: 650px;
	}
		.popup-titlebar
		{
			border-bottom: 1px solid var(--copperpenny);
			padding-bottom: 10px;
		}
			.popup-titlebar-text
			{
				float: left;
				max-width: calc(100% - 68px);
				margin: 2px 0 0 10px;
				font-size: 40px;
			}
			.popup-titlebar-close
			{
				float: right;
				width: 23px;
				height: 24px;
				text-align: center;
				line-height: 24px;
				font-size: 20px;
				font-weight: bold;
				border-left: 1px solid var(--copperpenny);
				border-bottom: 1px solid var(--copperpenny);
				cursor: pointer;
			}
			.popup-titlebar-close:hover
			{
				color: #000;
				background: var(--copperpenny);
			}
		
		.popup-social
		{
			height: calc(100% - 86px); /* full height apart from titlebar */
			overflow-y: scroll;
			padding-bottom: 40px;
		}
			.popup-social-intro
			{
				margin: 20px 20px 0 20px;
				font-size: 30px;
				padding-bottom: 20px;
				border-bottom: 1px solid var(--copperpenny);
			}
			.popup-social-row
			{
				margin: 20px 20px 0 20px;
				color: var(--gold);
			}
				.popup-social-label
				{
					float: left;
					font-size: 26px;
				}
				.popup-social-input
				{
					float: left;
					margin: 4px 0 0 20px;
				}
					.popup-social-input select
					{
						font-size: 20px;
					}
			
		.popup-social-buttons
		{
			margin: 20px;
			display: none;
		}
			.popup-social-button
			{
				margin: 20px 0 0 0;
				height: 80px;
				border-radius: 5px;
				overflow: hidden;
				cursor: pointer;
			}
			.popup-social-button.social-facebook
			{
				background: #3c579e;
			}
			.popup-social-button.social-twitter
			{
				background: #55acee;
			}
			.popup-social-button.social-instagram
			{
				background: #d22a89;
			}
			.popup-social-button.social-whatsapp
			{
				background: #07c949;
				display: none;
			}
				.popup-social-button-icon
				{
					width: 80px;
					height: 80px;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
					float: left;
				}
				.popup-social-button-text
				{
					float: left;
					margin: 32px 0 0 30px;
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 20px;
					max-width: calc(100% - 120px);
				}
			
		
		.popup-content
		{
			height: calc(100% - 56px); /* full height apart from titlebar */
			display: none;
		}
		.popup-content[data-step="1"]
		{
			display: block;
		}
			.popup-content iframe
			{
				width: 100%;
				height: 100%;
				border: 0;
				outline: 0;
				padding: 0;
				margin: 0;
			}
		
		.popup-menus
		{
			height: 100%;
			overflow-y: scroll;
		}
		.popup-order.visible + .popup-menus
		{
			height: calc(100% - 61px);
		}
			.popup-menu-title
			{
				font-size: 38px;
				margin: 20px 0 0 20px;
			}
			.popup-menu
			{
				display: flex;
				align-content: stretch;
				flex-wrap: wrap;
				width: 100%;
				flex-shrink: 0;
				flex-grow: 1;
				color: var(--gold);
			}
				.popup-menu-category
				{
					margin: 20px;
					width: calc(50% - 40px);
				}
					.popup-menu-category-title
					{
						font-size: 34px;
					}
					.popup-menu-category-note
					{
						font-size: 24px;
						margin: 5px 0 10px 0;
					}
					.popup-menu-category-item
					{
						overflow: hidden;
						position: relative;
						font-size: 22px;
					}
						.popup-menu-category-item-control
						{
							float: left;
							width: 98px;
							height: 24px;
							border: 1px solid var(--gold);
							border-top: 0;
							overflow: hidden;
						}
						.popup-menu-category-item:first-child .popup-menu-category-item-control
						{
							border-top: 1px solid var(--gold);
							height: 23px;
						}
							.popup-menu-category-item-control-minus
							{
								float: left;
								width: calc(100% / 3 - 1px);
								text-align: center;
								font-size: 50px;
								line-height: 16px;
								cursor: pointer;
							}
							.popup-menu-category-item-control-number
							{
								float: left;
								width: calc(100% / 3);
								border-left: 1px solid var(--gold);
								text-align: center;
								line-height: 24px;
								font-size: 24px;
								color: #000;
								background: var(--gold);
							}
							.popup-menu-category-item-control-number[data-quantity="0"]
							{
								background: none;
								color: #333;
							}
							.popup-menu-category-item-control-number:after
							{
								content: attr(data-quantity);
							}
							.popup-menu-category-item-control-plus
							{
								float: left;
								width: calc(100% / 3 - 1px);
								border-left: 1px solid var(--gold);
								text-align: center;
								font-size: 50px;
								line-height: 16px;
								height: 100%;
								cursor: pointer;
							}
						.popup-menu-category-item-text
						{
							float: left;
							max-width: calc(100% - 160px);
							margin: 0 0 0 10px;
						}
						.popup-menu-category-item-text:after
						{
							content: '';
							height: 0;
							position: absolute;
							bottom: 2px;
							width: 100%;
							border-bottom: 1px dotted var(--copperpenny)
						}
						.popup-menu-category-item-price
						{
							float: right;
							position: relative;
							width: 50px;
							text-align: right;
						}
						.popup-menu-category-item-price:after
						{
							content: '';
							height: 0;
							position: absolute;
							bottom: 2px;
							left: 0;
							width: 100%;
							border-bottom: 1px solid black;
						}
						.popup-menu-category-item-description
						{
							padding: 5px;
							font-size: 18px;
							font-weight: bold;
							font-style: italic;
						}
						.popup-menu-category-item-description:before,
						.popup-menu-category-item-description:after
						{
							content: '"';
						}
						.popup-menu-category-item-allergens
						{
						}
							.popup-menu-category-item-allergen
							{
								float: left;
								margin: 5px 2px;
								width: 16px;
								height: 16px;
								background-size: contain;
								background-repeat: no-repeat;
								background-position: center;
							}
		.popup-order
		{
			height: 60px;
			width: 100%;
			position: absolute;
			bottom: 0;
			border-top: 1px solid var(--copperpenny);
			display: none;
			background: #000;
	    z-index: 100;
		}
		.popup-order.visible
		{
			display: block;
		}
			.popup-order-total
			{
				float: left;
				width: calc(50% - 20px);
				margin: 14px 0 0 0;
				font-size: 24px;
				text-align: right;
			}
			.popup-order-continue
			{
				float: left;
				margin: 8px 0 0 20px;
				padding: 5px 20px;
				background: #fff;
				font-size: 24px;
				border: 1px solid var(--copperpenny);
				box-shadow: 10px 10px 10px rgb(0 0 0 / 75%);
				cursor: pointer;
			}
			.popup-order-continue:hover
			{
				border-color: #fff;
				color: #fff;
				background: var(--copperpenny);
			}
		
		.popup-summary
		{
			height: 100%;
	    overflow-y: scroll;
		}
		
		.popup-summary-title
		{
			font-size: 38px;
	    margin: 20px 0 0 20px;
		}
		
		.popup-summary-items
		{
			margin: 0 20px;
		}
			.popup-summary-item
			{
				margin: 10px 0 0 0;
				font-size: 24px;
			}
				.popup-summary-item-text
				{
					float: left;
					width: 300px;
				}
				.popup-summary-item-price
				{
					float: left;
					width: 100px;
					text-align: right;
				}
		.popup-summary-details
		{
			margin: 0 20px;
		}
			.popup-summary-details-title
			{
				font-size: 38px;
		    margin: 20px 0 0 0;
			}
			.popup-summary-details-row
			{
				margin: 10px 0 0 0;
			}
				.popup-summary-details-label
				{
					float: left;
					width: 120px;
					text-align: right;
					font-size: 22px;
				}
				.popup-summary-details-input
				{
					float: left;
					margin: 0 0 0 20px;
				}
					.popup-summary-details-input input,
					.popup-summary-details-input textarea
					{
						width: 300px;
					}
					.popup-summary-details-input input,
					.popup-summary-details-input select,
					.popup-summary-details-input textarea
					{
						background: #333;
						border-radius: 5px;
						color: var(--copperpenny);
						font-size: 18px;
						border: 1px solid var(--copperpenny);
						font-family: 'Roboto', Arial, sans-serif;
					}
					.popup-summary-details-input textarea
					{
						resize: none;
					}
			
			.popup-summary-randomshot
			{
				margin: 15px 20px 0 20px;
				font-size: 26px;
				font-weight: bold;
				float: left;
        text-align: center;
			}
        .popup-summary-randomshot-button
        {
          display: inline-block;
          margin: 5px;
          padding: 6px 8px;
          border: 1px solid var(--copperpenny);
          border-radius: 5px;
          cursor: pointer;
          text-align: center;
          font-size: 22px;
          line-height: 30px;
        }
        .popup-summary-randomshot-button:hover
        {
          border-color: var(--copperpenny);
        }
        .popup-summary-randomshot-button.selected
        {
          border-color: var(--copperpenny);
          background: var(--copperpenny);
          color: #000;
        }
				.popup-summary-randomshot-checkbox
				{
					float: left;
					width: 32px;
					height: 32px;
					border: 1px solid var(--copperpenny);
					border-radius: 5px;
					cursor: pointer;
					position: relative;
				}
				.popup-summary-randomshot-checkbox.selected
				{
					background: var(--copperpenny);
				}
				.popup-summary-randomshot-checkbox.selected:after
				{
					content: '✔';
					position: absolute;
					color: #0c3;
					font-size: 42px;
					line-height: 32px;
					bottom: 4px;
				}
				.popup-summary-randomshot-label
				{
					float: left;
					margin: 1px 0 0 10px;
					cursor: pointer;
				}
				.popup-summary-randomshot:hover .popup-summary-randomshot-label
				{
					text-decoration: underline;
				}
			
			.popup-summary-addtip
			{
				margin: 10px 20px 0 20px;
				font-size: 26px;
				font-weight: bold;
			}
				.popup-summary-addtip-label
				{
					float: left;
					margin: 7px 0 0 0;
				}
				.popup-summary-addtip-amount
				{
					float: left;
					margin: 0 0 0 10px;
					padding: 6px 10px;
					border: 1px solid var(--copperpenny);
					border-radius: 5px;
					cursor: pointer;
					width: 35px;
					text-align: center;
					font-size: 22px;
					line-height: 30px;
				}
				.popup-summary-addtip-amount:hover
				{
					border-color: var(--copperpenny);
				}
				.popup-summary-addtip-amount.selected
				{
					border-color: var(--copperpenny);
					background: var(--copperpenny);
					color: #000;
				}
			
			.popup-summary-total
			{
				float: left;
				margin: 20px 0 0 20px;
				border-top: 1px solid var(--copperpenny);
				font-size: 32px;
			}
				.popup-summary-total-text
				{
					float: left;
					width: 280px;
					font-weight: bold;
					text-align: right;
					margin: 20px 0 0 0;
				}
				.popup-summary-total-price
				{
					float: left;
					margin: 20px 0 0 20px;
					font-weight: bold;
					width: 100px;
					text-align: right;
				}
			.popup-summary-over18
			{
				display: flex;
				margin-top: 20px;
				font-weight: bold;
				padding: 0 10px;
				align-items: center;
				justify-content: center;
			}
				.popup-summary-over18 input
				{
					width: 20px;
					height: 20px;
				}
				.popup-summary-over18 label
				{
					margin-left: 10px;
					font-size: 26px;
					margin-bottom: 0;
				}
			.popup-summary-pay
			{
				text-align: center;
				margin: 20px 0 0 0;
			}
				.popup-summary-pay-button
				{
					display: inline-block;
					margin: 0 auto;
					padding: 5px 30px;
					background: #fff;
					font-size: 30px;
					border: 1px solid var(--copperpenny);
					box-shadow: 10px 10px 10px rgb(0 0 0 / 75%);
					cursor: pointer;
				}
				.popup-summary-pay-button:hover
				{
					border-color: #fff;
			    color: #fff;
			    background: var(--copperpenny);
				}
		
		.popup-summary-disclaimer
		{
			border-top: 1px solid var(--copperpenny);
			padding: 20px 0 0 0;
			margin: 20px 20px 0 20px;
		}
		
		.popup-barclosed
		{
			border: 1px solid var(--copperpenny);
			padding: 20px;
			margin: 20px;
			text-align: center;
		}

.bg
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: url(../img/bgfull.jpg) center bottom no-repeat;
	background-size: cover;
	z-index: 0;
}

.frame
{
	margin: 0 auto;
	max-width: 1920px;
	position: relative;
	padding-bottom: 190px;
}
	.frame-topleft,
	.frame-topright,
	.frame-bottomleft,
	.frame-bottomright
	{
		position: absolute;
		width: 244px;
		height: 244px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 100;
	}
	.frame-topleft
	{
		top: 20px;
		left: 0;
		background-image: url(../img/bgframe-topleft.png);
	}
	.frame-topright
	{
		top: 24px;
		right: 0;
		background-image: url(../img/bgframe-topright.png);
	}
	.frame-bottomleft
	{
		bottom: 20px;
		left: 0;
		background-image: url(../img/bgframe-bottomleft.png);
	}
	.frame-bottomright
	{
		bottom: 25px;
		right: 0;
		background-image: url(../img/bgframe-bottomright.png);
	}
	
	.frame-top
	{
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: calc(100% - 488px);
		height: 14px;
		background: #ebd6c7;
		opacity: .8;
		border-top: 1px solid #bcaa9b;
		border-bottom: 1px solid #7a6e65;
		box-shadow: 0 4px 2px 2px rgba(0,0,0,.8);
		z-index: 50;
	}
	.frame-top:before
	{
		content: '';
		position: absolute;
		top: 24px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		height: 8px;
		background: #ebd6c7;
		border-top: 1px solid #bcaa9b;
		border-bottom: 1px solid #7a6e65;
		box-shadow: 0 4px 2px 2px rgba(0,0,0,1);
		z-index: 50;
	}
	.frame-top:after
	{
		content: '';
		position: absolute;
		top: 39px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		height: 2px;
		background: #ebd6c7;
		border-top: 1px solid #bcaa9b;
		border-bottom: 1px solid #7a6e65;
		box-shadow: 0 4px 2px 2px rgba(0,0,0,1);
		z-index: 50;
	}
	
	.frame-bottom
	{
		position: absolute;
		bottom: 47px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: calc(100% - 488px);
		height: 14px;
		background: #925a32;
		opacity: .8;
		border-top: 1px solid #6e4326;
		border-bottom: 1px solid #492d19;
		box-shadow: 0 4px 2px 2px rgba(0,0,0,.8);
		z-index: 50;
	}
	.frame-bottom:before
	{
		content: '';
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		height: 8px;
		background: #925a32;
		border-top: 1px solid #6e4326;
		border-bottom: 1px solid #492d19;
		box-shadow: 0 4px 2px 2px rgba(0,0,0,1);
		z-index: 51;
	}
	.frame-bottom:after
	{
		content: '';
		position: absolute;
		top: -29px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		height: 2px;
		background: #925a32;
		border-top: 1px solid #6e4326;
		border-bottom: 1px solid #492d19;
		box-shadow: 0 4px 2px 2px rgba(0,0,0,1);
		z-index: 50;
	}
	
	.frame-right
	{
		position: absolute;
		top: 264px;
		right: 32px;
		margin: auto;
		width: 14px;
		height: calc(100% - 528px);
		background: rgb(191,153,127);
		background: linear-gradient(180deg, rgba(191,153,127,1) 0%, rgba(145,88,48,1) 37%, rgba(239,219,205,1) 55%, rgba(164,111,74,1) 100%);
		border-left: 1px solid #917561;
		border-right: 1px solid #604c3f;
		opacity: .8;
		z-index: 50;
	}
	.frame-right:before
	{
		content: '';
		position: absolute;
		top: 0;
		right: 24px;
		margin: auto;
		width: 8px;
		height: 100%;
		background: rgb(191,153,127);
		background: linear-gradient(180deg, rgba(191,153,127,1) 0%, rgba(145,88,48,1) 37%, rgba(239,219,205,1) 55%, rgba(164,111,74,1) 100%);
		border-left: 1px solid #917561;
		border-right: 1px solid #604c3f;
		z-index: 50;
	}
	.frame-right:after
	{
		content: '';
		position: absolute;
		top: 0;
		right: 39px;
		margin: auto;
		width: 2px;
		height: 100%;
		background: rgb(191,153,127);
		background: linear-gradient(180deg, rgba(191,153,127,1) 0%, rgba(145,88,48,1) 37%, rgba(239,219,205,1) 55%, rgba(164,111,74,1) 100%);
		border-left: 1px solid #917561;
		border-right: 1px solid #604c3f;
		z-index: 50;
	}
	
	.frame-left
	{
		position: absolute;
		top: 264px;
		left: 21px;
		margin: auto;
		width: 14px;
		height: calc(100% - 528px);
		background: rgb(191,153,127);
		background: linear-gradient(180deg, rgba(191,153,127,1) 0%, rgba(145,88,48,1) 37%, rgba(239,219,205,1) 55%, rgba(164,111,74,1) 100%);
		border-left: 1px solid #917561;
		border-right: 1px solid #604c3f;
		opacity: .8;
		z-index: 50;
	}
	.frame-left:before
	{
		content: '';
		position: absolute;
		top: 0;
		left: 24px;
		margin: auto;
		width: 8px;
		height: 100%;
		background: rgb(191,153,127);
		background: linear-gradient(180deg, rgba(191,153,127,1) 0%, rgba(145,88,48,1) 37%, rgba(239,219,205,1) 55%, rgba(164,111,74,1) 100%);
		border-left: 1px solid #917561;
		border-right: 1px solid #604c3f;
		z-index: 50;
	}
	.frame-left:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 39px;
		margin: auto;
		width: 2px;
		height: 100%;
		background: rgb(191,153,127);
		background: linear-gradient(180deg, rgba(191,153,127,1) 0%, rgba(145,88,48,1) 37%, rgba(239,219,205,1) 55%, rgba(164,111,74,1) 100%);
		border-left: 1px solid #917561;
		border-right: 1px solid #604c3f;
		z-index: 50;
	}
	
	.header
	{
		position: relative;
		z-index: 200;
	}
		.header-logo
		{
			width: 780px;
			height: 508px;
			margin: 0 auto;
			background: url(../img/logo.png) center no-repeat;
			background-size: contain;
		}
    .header-ta
    {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 200px;
      margin: auto;
      width: 138px;
      height: 162px;
      background: url(../img/TA2022.jpg) center no-repeat;
      background-size: cover;
    }
	.nav
	{
		position: absolute;
		z-index: 300;
		background: rgb(145,88,48);
		background: linear-gradient(90deg, rgba(145,88,48,1) 0%, rgba(251,216,197,1) 30%, rgba(145,88,48,1) 83%, rgba(239,219,205,1) 100%);
		padding: 1px 0;
		width: 100vw;
		left: calc((100% - 100vw) / 2);
		margin: -120px 0;
	}
	.nav.scrolled
	{
		position: fixed;
		top: 0;
		margin-top: 0;
	}
		.nav-inner
		{
			background: #000;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.nav-link
			{
				font-size: 40px;				
				font-variant: small-caps;
				padding: 8px 35px 10px 35px;
				line-height: 30px;
				cursor: pointer;
				position: relative;
			}
			.nav-link:before
			{
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				height: 1px;
				width: 100%;
				background: rgba(255,255,255,.1);
				transition: all .1s ease-in-out;
			}
			.nav-link:hover:before
			{
				height: 100%;
			}
			.nav-currentsection
			{
				width: 22px;
				height: 30px;
				background: url(../img/nav-arrow.png) center no-repeat;
				background-size: contain;
				position: absolute;
				bottom: -20px;
				left: 0;
				margin: 0 auto;
			}
			.nav-language
			{
				float: right;
				height: 50px;
				border-left: 1px solid var(--copperpenny);
				padding: 0 10px 0 0;
				cursor: pointer;
				position: relative;
			}
			.nav-language:before
			{
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				height: 1px;
				width: 100%;
				background: rgba(255,255,255,.1);
				transition: all .1s ease-in-out;
			}
			.nav-language:hover:before
			{
				height: 100%;
			}
				.nav-language-text
				{
					float: left;
					margin: 10px 0 0 20px;
					font-size: 16px;
					line-height: 16px;
					text-align: right;
					color: var(--gold);
				}
				.nav-language-flag
				{
					width: 32px;
					height: 24px;
					float: left;
					margin: 13px 0 0 10px;
				}
				.nav-language-flag.en
				{
					background: url(../img/lang_en.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.es
				{
					background: url(../img/lang_es.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.it
				{
					background: url(../img/lang_it.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.se
				{
					background: url(../img/lang_se.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.be
				{
					background: url(../img/lang_be.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.nl
				{
					background: url(../img/lang_nl.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.fr
				{
					background: url(../img/lang_fr.png) center no-repeat;
					background-size: cover;
				}
				.nav-language-flag.de
				{
					background: url(../img/lang_de.png) center no-repeat;
					background-size: cover;
				}
				.nav-chooselanguage-container
				{
					position: absolute;
					top: 50px;
					left: 0;
					background: #000;
					width: 100%;
					display: none;
				}
					.nav-chooselanguage
					{
						padding: 0 0 10px 0;
						border-top: 1px solid var(--copperpenny);
						position: relative;
					}
					.nav-chooselanguage:before
					{
						content: '';
						position: absolute;
						left: 0;
						bottom: 0;
						height: 1px;
						width: 100%;
						background: rgba(255,255,255,.1);
						transition: all .1s ease-in-out;
					}
					.nav-chooselanguage:hover:before
					{
						height: 100%;
					}
						.nav-chooselanguage-text
						{
							float: left;
							margin: 13px 0 0 10px;
							font-size: 15px;
							line-height: 24px;
							text-align: right;
							color: var(--gold);
							text-transform: uppercase;
						}
						.nav-chooselanguage-flag
						{
							width: 32px;
							height: 24px;
							float: right;
							margin: 13px 10px 0 0;
						}
						.nav-chooselanguage-flag.en
						{
							background: url(../img/lang_en.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.es
						{
							background: url(../img/lang_es.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.it
						{
							background: url(../img/lang_it.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.se
						{
							background: url(../img/lang_se.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.be
						{
							background: url(../img/lang_be.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.nl
						{
							background: url(../img/lang_nl.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.fr
						{
							background: url(../img/lang_fr.png) center no-repeat;
							background-size: cover;
						}
						.nav-chooselanguage-flag.de
						{
							background: url(../img/lang_de.png) center no-repeat;
							background-size: cover;
						}
	
	.nav-mobile-toggle
	{
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		width: 64px;
		height: 64px;
		background: #000;
		z-index: 500;
		border: 1px solid var(--copperpenny);
		cursor: pointer;
		transition: all .2s ease-in-out;
	}
		.nav-mobile-toggle-bar
		{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 48px;
			height: 5px;
			background: var(--copperpenny);
			border-radius: 10px;
			transition: all .2s ease-in-out;
		}
		.active .nav-mobile-toggle-bar
		{
			height: 0;
		}
		.nav-mobile-toggle-bar:before,
		.nav-mobile-toggle-bar:after
		{
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			width: 48px;
			height: 5px;
			background: var(--copperpenny);
			border-radius: 10px;
			transition: all .2s ease-in-out;
		}
		.nav-mobile-toggle-bar:before
		{
			top: -15px;
		}
		.nav-mobile-toggle-bar:after
		{
			bottom: -15px;
		}
		.active .nav-mobile-toggle-bar:before
		{
			transform: rotate(45deg);
			top: -5px;
		}
		.active .nav-mobile-toggle-bar:after
		{
			transform: rotate(-45deg);
			bottom: 0;
		}
			
	.section
	{
		margin: 20px 0 0 0;
		text-align: center;
	}
		.section-title
		{
			display: inline-block;
			margin: 0 auto;
			font-size: 60px;
			font-variant: small-caps;
			position: relative;
			z-index: 100;
		}
		.section-title:before
		{
			content: '';
			background: url(../img/title-left.png) center no-repeat;
			width: 15px;
			position: absolute;
			top: 0;
			left: -15px;
			height: 100%;
		}
		.section-title:after
		{
			content: '';
			background: url(../img/title-right.png) center no-repeat;
			width: 15px;
			position: absolute;
			top: 0;
			right: -15px;
			height: 100%;
		}
			.section-title-left
			{
				position: absolute;
				width: 50%;
				height: 100%;
				top: 0;
				left: 0;
				background: url(../img/title-left-repeat.png) center repeat-x;
				z-index: 50;
			}
			.section-title-right
			{
				position: absolute;
				width: 50%;
				height: 100%;
				top: 0;
				right: 0;
				background: url(../img/title-right-repeat.png) center repeat-x;
				z-index: 50;
			}
			.section-title-text
			{
				background: url(../img/title-center.png) center no-repeat;
				min-width: 376px;
				height: 183px;
				line-height: 178px;
				display: inline-block;
				position: relative;
				z-index: 100;
				padding: 0 15px 0 10px;
			}
		.section-content
		{
			margin: -90px 160px 0 160px;
			position: relative;
			text-align: left;
		}
			.section-welcome-background
			{
				position: relative;
				z-index: 0;
				border-top: 1px solid transparent;
			}
			.section-welcome-background:before
			{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/welcome.jpg) center top no-repeat;
				background-size: contain;
				mask-image: url(../img/cogwheel-content-mask.jpg);
				mask-position: center top;
				mask-repeat: no-repeat;
				mask-size: contain;
				-webkit-mask-image: url(../img/cogwheel-content-mask.png);
				-webkit-mask-position: center top;
				-webkit-mask-repeat: no-repeat;
				-webkit-mask-size: contain;
			}
				.section-buttons
				{
					float: right;
					margin: 200px 90px 0 0;
				}
					.section-welcome-tellyourfriends
					{
						padding: 30px;
						background: var(--copperpenny);
						z-index: 100;
						position: relative;
						font-size: 40px;
						border: 1px solid #fff;
						box-shadow: 10px 10px 10px rgba(0,0,0,.75);
						cursor: pointer;
						text-align: center;
						color: #fff;
					}
					.section-welcome-tellyourfriends:hover
					{
						background: #fff;
						color: var(--copperpenny);
						border-color: var(--copperpenny);
					}
					.section-welcome-buyadrink
					{
						margin: 50px 0 0 0;
						padding: 30px;
						background: #fff;
						z-index: 100;
						position: relative;
						font-size: 40px;
						border: 1px solid var(--copperpenny);
						box-shadow: 10px 10px 10px rgba(0,0,0,.75);
						cursor: pointer;
						text-align: center;
					}
					.section-welcome-buyadrink:hover
					{
						background: var(--copperpenny);
						color: #fff;
						border-color: #fff;
					}
					.section-welcome-tellyourfriends-text,
					.section-welcome-buyadrink-text
					{
						position: relative;
						z-index: 100;
						background: rgba(0,0,0,.8);
						margin: 10px 0 0 0;
						padding: 10px;
						text-align: center;
						color: var(--gold);
						border: 1px solid var(--gold);
					}
				.section-welcome-text
				{
					width: 600px;
					padding: 20px;
					margin: 200px 0 0 90px;
					border: 1px solid var(--copperpenny);
					background: rgba(0,0,0,.9);
					z-index: 100;
					position: relative;
					font-size: 36px;
					color: var(--gold);
				}
        .section-welcome-tripadvisor
        {
          margin-top: 30px;
          text-align: center;
        }
			
			.section-experience-background
			{
				position: relative;
				z-index: 0;
				border-top: 1px solid transparent;
			}
			.section-experience-background:before
			{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/sectionpattern.jpg) center left repeat;
				mask-image: url(../img/cogwheel-content-mask.jpg);
				mask-position: center top;
				mask-repeat: no-repeat;
				mask-size: contain;
				-webkit-mask-image: url(../img/cogwheel-content-mask.png);
				-webkit-mask-position: center top;
				-webkit-mask-repeat: no-repeat;
				-webkit-mask-size: contain;
			}
			.section-experience-background:after
			{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/experience-composite.png) center bottom no-repeat;
				background-size: contain;
				mask-image: url(../img/cogwheel-content-mask.jpg);
				mask-position: center top;
				mask-repeat: no-repeat;
				mask-size: contain;
				-webkit-mask-image: url(../img/cogwheel-content-mask.png);
				-webkit-mask-position: center top;
				-webkit-mask-repeat: no-repeat;
				-webkit-mask-size: contain;
			}
				.section-experience-text
				{
					padding: 60px 140px;
					margin: 70px 50px;
					border: 1px solid var(--copperpenny);
					background: rgba(0,0,0,.9);
					z-index: 100;
					position: relative;
					font-size: 45px;
					color: var(--gold);
				}
				.section-experience-text-gild-topleft,
				.section-experience-text-gild-topright,
				.section-experience-text-gild-bottomleft,
				.section-experience-text-gild-bottomright
				{
					width: 140px;
					height: 140px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
				}
				.section-experience-text-gild-topleft
				{
					background-image: url(../img/experience-gild-topleft.png);
					top: -20px;
					left: -20px;
				}
				.section-experience-text-gild-topright
				{
					background-image: url(../img/experience-gild-topright.png);
					top: -20px;
					right: -20px;
				}
				.section-experience-text-gild-bottomleft
				{
					background-image: url(../img/experience-gild-bottomleft.png);
					bottom: -20px;
					left: -20px;
				}
				.section-experience-text-gild-bottomright
				{
					background-image: url(../img/experience-gild-bottomright.png);
					bottom: -20px;
					right: -20px;
				}
			
			.section-service-background
			{
				position: relative;
				z-index: 0;
				border-top: 1px solid transparent;
			}
			.section-service-background:before
			{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/sectionpattern-gold.jpg) center left repeat;
			}
				.section-service-image
				{
					width: calc(50% - 135px);
					padding-bottom: calc(50% - 135px);
					float: left;
					box-shadow: 10px 10px 10px rgba(0,0,0,.75);
					margin: 90px 0 90px 90px;
					background: url(../img/service.jpg) center no-repeat;
					background-size: cover;
					position: relative;
					z-index: 100;
				}
				.section-service-text
				{
					float: right;
					width: calc(50% - 42px - 135px);
					padding: 20px;
					margin: 90px 90px 90px 0;
					border: 1px solid var(--copperpenny);
					background: rgba(0,0,0,.6);
					z-index: 100;
					position: relative;
					font-size: 36px;
					color: #ccc;
				}
			
			.section-livemusic-background
			{
				position: relative;
				z-index: 0;
				border-top: 1px solid transparent;
			}
			.section-livemusic-background:before
			{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/sectionpattern.jpg) center left repeat;
			}
				.section-livemusic-text
				{
					float: left;
					width: calc(50% - 42px - 135px);
					padding: 20px;
					margin: 90px 0 90px 90px;
					border: 1px solid var(--copperpenny);
					background: rgba(0,0,0,.6);
					z-index: 100;
					position: relative;
					font-size: 36px;
					color: var(--gold);
				}
				.section-livemusic-image
				{
					width: calc(50% - 135px);
					padding-bottom: calc(50% - 135px);
					float: right;
					box-shadow: 10px 10px 10px rgba(0,0,0,.75);
					margin: 90px 90px 90px 0;
					background: url(../img/livemusic.jpg) center no-repeat;
					background-size: cover;
					position: relative;
					z-index: 100;
				}
			
			.section-menu
			{
				display: flex;
				align-content: stretch;
				flex-wrap: wrap;
				margin: 80px 0 0 0;
				width: 100%;
				flex-shrink: 0;
				flex-grow: 1;
			}
				.section-menu-category
				{
					margin: 20px;
					width: calc(25% - 40px);
				}
					.section-menu-category-title
					{
						font-size: 38px;
					}
					.section-menu-category-viewmoreitems
					{
						display: none;
					}
					.section-menu-category-item
					{
						overflow: hidden;
						position: relative;
						font-size: 22px;
					}
						.section-menu-category-item-text
						{
							float: left;
							max-width: calc(100% - 50px);
						}
						.section-menu-category-item-text:after
						{
							content: '';
							height: 0;
							position: absolute;
							bottom: 2px;
							width: 100%;
							border-bottom: 1px dotted var(--copperpenny)
						}
						.section-menu-category-item-price
						{
							float: right;
							position: relative;
							width: 50px;
							text-align: right;
						}
						.section-menu-category-item-price:after
						{
							content: '';
							height: 0;
							position: absolute;
							bottom: 2px;
							left: 0;
							width: 100%;
							border-bottom: 1px solid black;
						}
						.section-menu-category-item-description
						{
							padding: 5px;
							font-size: 18px;
							font-weight: bold;
							font-style: italic;
						}
						.section-menu-category-item-description:before,
						.section-menu-category-item-description:after
						{
							content: '"';
						}
						.section-menu-category-item-allergens
						{
						}
							.section-menu-category-item-allergen
							{
								float: left;
								margin: 5px 2px;
								width: 16px;
								height: 16px;
								background-size: contain;
								background-repeat: no-repeat;
								background-position: center;
							}
			
			.section-merch
			{
				width: calc(20% - 22px);
				margin: 10px 5px;
				padding: 5px;
				border: 1px solid var(--copperpenny);
			}
				.section-merch-title
				{
					color: var(--gold);
					font-size: 24px;
				}
				.section-merch-image
				{
					text-align: center;
					margin-top: 10px;
				}
					.section-merch-image img
					{
						max-width: 100%;
					}
				.section-merch-description
				{
					margin: 10px 5px 0 5px;
				}
				.section-merch-price
				{
					margin-top: 10px;
					font-size: 26px;
					color: var(--gold);
				}
			
			.section-menu-allergens
			{
				margin: 40px 0 0 auto;
				display: flex;
				align-content: stretch;
				flex-wrap: wrap;
				flex-shrink: 0;
		    flex-grow: 1;
				justify-content: center;
			}
				.section-menu-allergen
				{
					/*float: left;*/
					display: flex;
					margin: 10px;
				}
					.section-menu-allergen-icon
					{
						/*float: left;*/
						width: 24px;
						height: 24px;
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center;
					}
					.section-menu-allergen-text
					{
						/*float: left;*/
						margin: 2px 0 0 5px;
						font-size: 18px;
					}
			
			.section-aboutus-background
			{
				position: relative;
				z-index: 0;
				border-top: 1px solid transparent;
			}
			.section-aboutus-background:before
			{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/sectionpattern-gold.jpg) center left repeat;
			}
				.section-aboutus-image
				{
					width: calc(50% - 135px);
					padding-bottom: calc(50% - 135px);
					float: left;
					box-shadow: 10px 10px 10px rgba(0,0,0,.75);
					margin: 90px 0 90px 90px;
					background: url(../img/aboutus.jpg) center bottom no-repeat;
					background-size: cover;
					position: relative;
					z-index: 100;
				}
				.section-aboutus-text
				{
					float: right;
					width: calc(50% - 42px - 135px);
					padding: 20px;
					margin: 90px 90px 90px 0;
					border: 1px solid var(--copperpenny);
					background: rgba(0,0,0,.6);
					z-index: 100;
					position: relative;
					font-size: 36px;
					color: #ccc;
				}
			
			.section-contact-column
			{
				float: left;
				width: calc((100% - 100px) / 3);
				margin: 80px 0 0 50px;
			}
			.section-contact-column:first-child
			{
				margin-left: 0;
			}
			.section-contact-column:nth-of-type(2)
			{
				color: var(--gold);
			}
				.section-contact-column a
				{
					color: inherit;
				}
				.section-contact-title
				{
					font-size: 48px;
				}
				.section-contact-address
				{
					margin: 20px 0 0 0;
					font-size: 30px;
				}
				.section-contact-map
				{
					margin: 50px 0 0 0;
				}
					.section-contact-map iframe
					{
						width: 100%;
						height: 275px;
					}
				
				.section-contact-text
				{
					margin: 20px 0 0 0;
					font-size: 30px;
				}
				.section-contact-details /* top and bottom motif */
				{
					position: relative;
					padding-top: calc(100% * .09);
					padding-bottom: calc(100% * .09 + 30px);
					margin: 50px 0 0 0;
				}
					.section-contact-details:before,
					.section-contact-details:after
					{
						content: '';
						position: absolute;
						left: 0;
						width: 100%;
						height: 0;
						padding-bottom: calc(100% * .09);
						background: url(../img/contact-divider.png) center no-repeat;
						background-size: contain;
					}
					.section-contact-details:before
					{
						top: 0;
					}
					.section-contact-details:after
					{
						bottom: 0;
					}
					.section-contact-detail
					{
						margin: 30px 0 0 0;
						font-size: 30px;
					}
						.section-contact-detail-label
						{
							float: left;
							width: 100px;
							text-align: right;
						}
						.section-contact-detail-text
						{
							float: left;
							margin: 0 0 0 20px;
						}
						a .section-contact-detail-text:hover
						{
							text-decoration: underline;
						}
						.section-contact-social
						{
							margin: 20px 0 0 0;
						}
							.section-contact-social-icon
							{
								float: left;
								width: 64px;								
								height: 64px;
								background-position: center;
								background-repeat: no-repeat;
								background-size: cover;
							}
							.section-contact-social-label
							{
								float: left;
								width: calc(100% - 94px);
								margin: 16px 0 0 30px;
								font-size: 28px;
							}
							a .section-contact-social:hover .section-contact-social-label
							{
								text-decoration: underline;
							}

.checkout
{
	margin: 20px;
}
	.checkout-title
	{
		font-size: 40px;
	}
	.checkout-subtitle
	{
		margin: 15px auto 0 auto;
		font-size: 30px;
		line-height: 21px;
	}
	.checkout-topay
	{
		font-size: 30px;
	}
	.checkout-thankyou
	{
		background: var(--copperpenny);
		border-radius: 3px;
		overflow: hidden;
		margin: 30px 0;
		padding: 20px;
		display: none;
		color: #fff;
	}
	
/* stripe elements */
#payment-form
{
	margin: 20px 0 0 0;
}

label
{
	font-weight: 500;
	font-size: 14px;
	display: block;
	margin-bottom: 8px;
}

.form-row
{
	min-width: 50%;
  float: left;
}

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#card-errors
{
	height: 20px;
  padding: 4px 0;
	color: #fa755a;
}

button
{
	border: none;
	border-radius: 4px;
	outline: none;
	text-decoration: none;
	color: #fff;
	background: var(--gold);
	white-space: nowrap;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.025em;
	text-decoration: none;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	float: left;
	margin-left: 12px;
}
							
@media screen and (max-width:1920px)
{
	.header-logo
	{
		width: 700px;
		height: 440px;
	}
	
	.section-welcome-text
	{
		font-size: 30px;
		margin-top: 100px;
	}
	.section-experience-text
	{
		font-size: 38px;
		padding: 40px 100px;
	}
	.section-service-text
	{
		font-size: 32px;
	}
	.section-livemusic-text
	{
		font-size: 32px;
	}
	.section-aboutus-text
	{
		font-size: 32px;
	}
}

@media screen and (max-width:1860px)
{
	.nav
	{
		margin: -80px 0;
	}
		.nav-link
		{
			font-size: 36px;
			padding-left: 15px;
			padding-right: 15px;
	}
}

@media screen and (max-width:1700px)
{
	.section-contact-detail
	{
		font-size: 26px;
	}
		.section-contact-detail-label
		{
			width: auto;
			text-align: left;
		}
}

@media screen and (max-width:1660px)
{
	.section-buttons
	{
		max-width: calc(100% - 642px - 270px);
	}
		.section-welcome-tellyourfriends
		{
			max-width: calc(100% - 62px);
		}
		.section-welcome-buyadrink
		{
			max-width: calc(100% - 62px);
		}
}

@media screen and (max-width:1500px)
{
	.header-logo
	{
		width: 600px;
		height: 375px;
	}
	
	.section-experience-text
	{
		font-size: 30px;
	}
	
	.section-service-image
	{
		margin-left: 30px;
		width: calc(50% - 45px);
		padding-bottom: calc(50% - 45px);
	}
	.section-service-text
	{
		margin-right: 30px;
		width: calc(50% - 45px - 42px);
		font-size: 28px;
	}
	
	.section-livemusic-image
	{
		margin-right: 30px;
		width: calc(50% - 45px);
		padding-bottom: calc(50% - 45px);
	}
	.section-livemusic-text
	{
		margin-left: 30px;
		width: calc(50% - 45px - 42px);
		font-size: 28px;
	}
	
	.section-aboutus-image
	{
		margin-left: 30px;
		width: calc(50% - 45px);
		padding-bottom: calc(50% - 45px);
	}
	.section-aboutus-text
	{
		margin-right: 30px;
		width: calc(50% - 45px - 42px);
		font-size: 28px;
	}
}

@media screen and (max-width:1375px)
{	
	.frame
	{
		padding-bottom: 100px;
	}
	
	.frame-topleft,
	.frame-topright,
	.frame-bottomleft,
	.frame-bottomright
	{
		width: 100px;
		height: 100px;
	}
	.frame-topleft
	{
		top: 0;
	}
	.frame-topright
	{
		top: 1px;
	}
	.frame-bottomleft
	{
		bottom: 0;
	}
	.frame-bottomright
	{
		bottom: 2px;
	}
	.frame-top,
	.frame-bottom
	{
		height: 5px;
		width: calc(100% - 200px);
	}
	.frame-top:before,
	.frame-bottom:before
	{
		height: 3px;
	}
	.frame-top:after,
	.frame-bottom:after
	{
		height: 0px;
	}
	.frame-top
	{
		top: 12px;
	}
	.frame-top:before
	{
		top: 9px;
	}
	.frame-top:after
	{
		top: 15px;
	}
	.frame-bottom
	{
		bottom: 11px;
	}
	.frame-bottom:before
	{
		top: -8px;
		box-shadow: none;
	}
	.frame-bottom:after
	{
		top: -12px;
	}
	.frame-left
	{
		width: 5px;
		height: calc(100% - 200px);
		left: 9px;
		top: 100px;
	}
	.frame-right
	{
		width: 5px;
		height: calc(100% - 198px);
		right: 13px;
		top: 99px;
	}
	.frame-left:before,
	.frame-right:before
	{
		width: 3px;
	}
	.frame-left:before
	{
		left: 9px;
	}
	.frame-right:before
	{
		left: -8px;
		border-left: 0;
	}
	.frame-left:after,
	.frame-right:after
	{
		width: 0;
	}
	.frame-left:after
	{
		left: 15px;
	}
	.frame-right:after
	{
		left: -12px;
	}
	
	.nav-mobile-toggle
	{
		display: block;
	}
	

  #TA_cdsscrollingravenarrow920
  {
    margin-top: 50px;
  }

  .header-ta
  {
    float: none;
    margin: 0 auto;
    padding: 0;
    position: static;
    margin-top: -60px;
    margin-bottom: -60px;
    transform: scale(.6);
  }

	.nav
	{
		border: 0;
		position: fixed;
		margin: 0;
		top: 0;
		padding: 0;
		background: #000;
		height: 0;
	}
	.nav.active
	{
		height: 100%;
		overflow-y: scroll;
	}
	
	.nav-inner
	{
		display: none;
	}
	.active .nav-inner
	{
		display: block;
	}
		.nav-link
		{
			padding: 0;
			height: 66px;
			line-height: 66px;
		}
		.nav-currentsection
		{
			display: none !important;
		}
		.nav-language
		{
			padding: 0;
			float: none;
			width: auto;
			border: 0;
			height: auto;
			cursor: default;
		}
		.nav-language:before
		{
			display: none !important;
		}
			.nav-language-text,
			.nav-language-flag
			{
				display: none;
			}
			.nav-chooselanguage-container
			{
				display: block !important;
				position: static !important;
			}
				.nav-chooselanguage-container a
				{
					text-decoration: none;
				}
				.nav-chooselanguage
				{
					border: 0;
					padding: 0;
					height: 66px;
					text-align: center;
				}
					.nav-chooselanguage-text
					{
						line-height: 66px;
						font-size: 36px;
						float: none;
				    margin: 0;
						text-align: left;
						text-transform: none;
						font-variant-caps: small-caps;
				    color: var(--copperpenny);
						display: inline-block;
						vertical-align: middle;
					}
					.nav-chooselanguage-flag
					{
						float: none;
						display: inline-block;
						margin: 3px 0 0 10px;
						vertical-align: middle;
					}
	
	.section-content
	{
		margin-left: 50px;
		margin-right: 50px;
	}
	
	.section-buttons
	{
		max-width: calc(100% - 442px - 150px);
		margin-right: 30px;
	}
		.section-welcome-tellyourfriends
		{
			max-width: calc(100% - 42px);
			font-size: 36px;
			padding: 20px;
		}
		.section-welcome-buyadrink
		{
			max-width: calc(100% - 42px);
			font-size: 36px;
			padding: 20px;
		}
	
	.section-welcome-text
	{
		font-size: 24px;
		width: 400px;
	}
	
	.section-experience-text
	{
		font-size: 24px;
	}
		.section-experience-text-gild-topleft,
		.section-experience-text-gild-topright,
		.section-experience-text-gild-bottomleft,
		.section-experience-text-gild-bottomright
		{
			width: 80px;
			height: 80px;
		}
	
	.section-service-text
	{
		font-size: 22px;
	}
	
	.section-livemusic-text
	{
		font-size: 22px;
	}
	
	.section-aboutus-text
	{
		font-size: 22px;
	}
	
	.section-contact-title
	{
		font-size: 36px;
	}
	.section-contact-address
	{
		font-size: 20px;
		margin-top: 10px;
	}
	.section-contact-map
	{
		margin-top: 20px;
	}
	.section-contact-text
	{
		font-size: 20px;
		margin-top: 10px;
	}
	
	.section-contact-detail
	{
		font-size: 22px;
	}
	
	.section-contact-social-icon
	{
		width: 48px;
		height: 48px;
	}
	.section-contact-social-label
	{
		font-size: 22px;
		margin-left: 20px; 
		width: calc(100% - 68px);
	}
}

@media screen and (max-width:1100px)
{
	.section-menu-category
	{
		margin: 20px;
		width: calc(100% / 3 - 40px);
	}
	
	.section-merch
	{
		width: calc(33% - 22px);
	}
}

@media screen and (max-width:900px)
{
	.section-welcome-background
	{
		text-align: center;
	}
	
	.section-buttons
	{
		float: none;
		display: inline-block;
		margin: 100px auto 0 auto;
		max-width: none;
	}
	
	.section-welcome-text
	{
		width: auto;
		margin: 100px 50px 0 50px;
		text-align: left;
	}
	
	.section-experience-text
	{
		padding: 20px 30px;
	}
	
	.section-service-background
	{
		padding-bottom: 30px;
	}
		.section-service-image
		{
			float: none;
			width: auto;
			margin-left: 30px;
			margin-right: 30px;
			margin-bottom: 0;
			padding-bottom: 50%;
		}
		.section-service-text
		{
			float: none;
			width: auto;
			margin: 30px;
		}
	
	.section-livemusic-background
	{
		padding-bottom: 30px;
	}
		.section-livemusic-image
		{
			float: none;
			width: auto;
			margin: 30px;
			padding-bottom: 50%;
		}
		.section-livemusic-text
		{
			float: none;
			width: auto;
			margin-left: 30px;
			margin-right: 30px;
			margin-bottom: 0;
		}
	
	.section-aboutus-background
	{
		padding-bottom: 30px;
	}
		.section-aboutus-image
		{
			float: none;
			width: auto;
			margin-left: 30px;
			margin-right: 30px;
			margin-bottom: 0;
			padding-bottom: 50%;
			background-position: center;
		}
		.section-aboutus-text
		{
			float: none;
			width: auto;
			margin: 30px;
		}
	
	.section-contact-column
	{
		float: none;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		margin-top: 30px;
	}
	.section-contact-column:first-child
	{
		margin-top: 80px;
	}
		.section-contact-details:before,
		.section-contact-details:after
		{
			max-width: 500px;
			right: 0;
			margin: auto;
		}
	
	.section-contact-social
	{
		float: left;
		width: 50%;
	}
}

@media screen and (max-width:800px)
{
	.popup-titlebar-text
	{
		font-size: 30px;
	}
	
	.popup-menu-category
	{
		width: calc(100% - 40px);
	}
		.popup-menu-category-item-text
		{
			font-size: 18px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			margin-top: 3px;
		}
	
	.social-whatsapp
	{
		display: block !important;
	}
	
	.section-merch
	{
		width: calc(100% - 72px);
		margin-left: 6px;
	}
}

@media screen and (max-width:750px)
{
	.header
	{
		margin-left: 30px;
		margin-right: 40px;
	}
		.header-logo
		{
			width: 100%;
			height: 0;
			padding-bottom: calc(100% * .65);
		}
	.section-menu-category
	{
		margin: 10px;
		width: calc(50% - 20px);
	}
}

@media screen and (max-width:600px)
{
  #CDSRATINGWIDGET226
  {
    width: calc(100% - 66px);
    margin-left: 20px;
  }	
	.popup-social
	{
		height: calc(100% - 80px); /* full height apart from titlebar */
	}
	
	.popup-summary
	{
		height: calc(100% - 40px); /* full height apart from titlebar */
	}

	.popup-social-intro,
	.popup-social-row,
	.popup-social-buttons
	{
		margin: 10px 10px 0 10px;
	}
	
	.popup-summary-item-text
	{
		width: calc(100% - 100px);
	}
	.popup-summary-total
	{
		float: none;
		margin-right: 20px;
	}
		.popup-summary-total-text
		{
			width: calc(100% - 120px);
		}
	
	.popup-summary-details-label
	{
		float: none;
		width: auto;
		text-align: left;
	}
	.popup-summary-details-input
	{
		width: 100%;
		margin: 5px 0 0 0;
	}
		.popup-summary-details-input input,
		.popup-summary-details-input textarea
		{
			width: calc(100% - 10px);
		}
	
	.form-row
	{
		float: none;
		width: auto;
	}
	
	.popup-social-button-text
	{
		font-size: 18px;
		margin-left: 10px;
		max-width: calc(100% - 100px);
	}
	
	button
	{
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}
	
	.section-content
	{
		margin: -50px 20px 0 20px;
	}
		.section-title-text
		{
			min-width: 200px;
			height: 98px;
			background-size: 200px 98px;
			font-size: 32px;
			line-height: 96px;
		}
		.section-title-left,
		.section-title-right
		{
			background-size: auto 98px;
		}
		.section-title:before,
		.section-title:after
		{
			background-size: auto 98px;
			width: 8px;
		}
		.section-title:before
		{
			left: -8px;
		}
		.section-title:after
		{
			right: -8px;
		}
		
		.section-welcome-background:before
		{
			background-size: auto 100%;
			background-position: bottom right;
			mask-position: bottom right;
	    mask-size: auto 100%;
			-webkit-mask-position: bottom right;
	    -webkit-mask-size: auto;
		}
      .section-buttons
      {
        margin-top: 0;
      }
			.section-welcome-tellyourfriends
			{
				margin: 70px 20px 0 20px;
				font-size: 30px;
			}
			.section-welcome-buyadrink
			{
				margin: 70px 20px 0 20px;
				font-size: 30px;
			}
			.section-welcome-tellyourfriends-text,
			.section-welcome-buyadrink-text
			{
				margin-left: 20px;
				margin-right: 20px;
			}
			.section-welcome-text
			{
				margin: 60px 20px 0 20px;
				background: rgba(0,0,0,.75);
				font-size: 18px;
			}
			
		.section-experience-background
		{
			padding-bottom: 40px;
		}
		.section-experience-background:before
		{
			background-size: 50%;
			background-position: bottom right;
			mask-position: bottom right;
	    mask-size: auto 100%;
			-webkit-mask-position: top left;
	    -webkit-mask-size: auto;
		}
		.section-experience-background:after
		{
			-webkit-mask-position: top left;
	    -webkit-mask-size: auto;
		}
			.section-experience-text
			{
				margin: 60px 20px 0 20px;
				background: rgba(0,0,0,.75);
				font-size: 18px;
			}
				.section-experience-text-gild-topleft,
				.section-experience-text-gild-topright,
				.section-experience-text-gild-bottomleft,
				.section-experience-text-gild-bottomright
				{
					width: 40px;
					height: 40px;
				}
				.section-experience-text-gild-topleft
				{
					top: -10px;
					left: -10px;
				}
				.section-experience-text-gild-topright
				{
					top: -10px;
					right: -10px;
				}
				.section-experience-text-gild-bottomleft
				{
					bottom: -10px;
					left: -10px;
				}.section-experience-text-gild-bottomright
				{
					bottom: -10px;
					right: -10px;
				}
		
		.section-service-image
		{
			margin: 60px 20px 0 20px;
		}
		.section-service-text
		{
			margin: 30px 20px 0 20px;
			font-size: 18px;
		}
		
		.section-livemusic-text
		{
			margin: 60px 20px 0 20px;
			font-size: 18px;
		}
		.section-livemusic-image
		{
			margin: 30px 20px 0 20px;
		}
		
		.section-aboutus-image
		{
			margin: 60px 20px 0 20px;
		}
		.section-aboutus-text
		{
			margin: 30px 20px 0 20px;
			font-size: 18px;
		}
		
		.section-contact-column,
		.section-contact-column:first-child
		{
			margin-left: 20px;
			margin-right: 20px;
		}
			.section-contact-social
			{
				float: none;
				width: auto;
			}
	
	.section-menu
	{
		margin-top: 40px;
		color: #fff;
	}
		.section-menu-category
		{
			margin: 20px;
			width: calc(100% - 40px);
		}
			.section-menu-category-title
			{
				font-size: 32px;
			}
			
			.section-menu-category-moreitems
			{
				display: none;
				position: relative;
			}
			.section-menu-category-moreitems.expanded
			{
				display: block;
			}
			.section-menu-category-viewmoreitems
			{
				display: block;
				margin: 10px 0 0 0;
				border: 2px solid #fff;
				text-align: center;
				padding: 10px 0;
				font-size: 25px;
				cursor: pointer;
			}
			.section-menu-category-viewmoreitems:hover,
			.section-menu-category-viewmoreitems:active
			{
				color: #000;
				background: #fff;
			}
			.section-menu-category-moreitems.expanded + .section-menu-category-viewmoreitems
			{
				display: none;
			}
			
			.section-menu-category-item-text:after
			{
				border-color: #fff;
			}
}