/* ==========================================================================
   General
   ========================================================================== */
   
/* Vars
========================================================================== */

:root {
	--font-size-small:0.7rem;
	--font-size:0.8rem;
	--font-size-semi-small:1rem;
	--font-size-semi-small-mobile:0.9rem;
	--font-size-semi:1.5rem;
	--font-size-semi-mobile:1.2rem;
	--font-size-medium:3.3rem;
	--font-size-medium-mobile:2.3rem;
	--font-size-big:5rem;
	--font-size-huge:8rem;
	--font-size-huge-mobile:20vw;
	--font-size-big-mobile:2.5rem;
	--font-size-icon-small:0.6rem;
	--font-size-icon:0.8rem;
	--line-height-mobile:1.5rem;
	--line-height-small:1.1rem;
	--line-height:1.5rem;
	--margin-tiny:0.2rem;
	--margin-mini:0.5rem;
	--margin-semi-small:0.7rem;
	--margin-small:1rem;
	--margin:2rem;
	--margin-semi:3rem;
	--margin-big:4rem;
	--margin-huge:8rem;
	--opacity-light:0.5;
	--color-dark:#02140f;
	--color-darker-transparent: rgba(2, 20, 15, 0.9);
	--color-darker: #010d0a;
	--color-dark-light:#818A87;
	--color-dark-lighter:#424F4B;
	--color-dark-lightest:#22322D;
	--color-light:#ffffff;
	--color-light-less-dark:#E8EAE9;
	--color-light-lesser-dark:#F4F5F4;
	--color-light-dark:#E0E2E1;
	--color-light-darker:#717B78;
	--color-light-transparent:rgba(255, 255, 255, 0);
	--color-accent: #dd4124;
	--color-dark-img:rgba(0,0,0,0.5);
	--color-dark-img-light:rgba(0,0,0,0.3);
	--color-error: #f5123d;
	--color-error-light: #F84E6E;
	--color-success: #00c176;
	--color-highlight: #f9f871;
	--logo-height:5rem;
	--logo-height-mobile:3.5rem;
	--icon-size-small:0.8rem;
	--icon-size-less-small:1.1rem;
	--icon-size:1.3rem;
	--icon-size-medium:2.5rem;
	--icon-size-semi:3.5rem;
	--icon-size-big:5rem;
	--icon-size-huge:8rem;
	--sidebar-size:20rem;
	--sidebar-size-mobile:80vw;
	--transition-size:50vh;
	--transition-time:500ms;
	--transition-time-mobile:100ms;
	--transition-time-long:1400ms;
	--transition-distance:25vh;
	--transition-regular:cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--transition-move:cubic-bezier(0.12, 0.86, 0.3, 1);
}

/* Fonts
========================================================================== */


/* Resets
========================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

ol, ul {
	list-style:none;
	list-style-type:none;
}

ul li {
	display:inline;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline:none;
}

input {
    box-shadow: none;
	border:none;
}

body, html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
} 

/* Common settings
========================================================================== */

body {
	font-family: 'Hind Siliguri', sans-serif;
	letter-spacing:normal;
	background-color:var(--color-dark);
	line-height:1;
	font-size:10px;
	overflow:hidden;
	color:var(--color-light);
}

body.regular {
	overflow:auto;
}

a img {
	width:100%;
}

button {
	background:none;
	border:none;
	cursor:pointer;
}

strong {

}

.clear {
	clear:both;
}

input, select {
	 -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

select.with-placeholder:required:invalid {
	color: var(--color-dark-light)!important;
}

select.with-placeholder option[value=""][disabled] {
    display: none;
}

select.with-placeholder option {
        color: var(--color-dark)!important;
}

.grecaptcha-badge { 
    visibility:hidden;
}

a, img, div, span, button {
	-webkit-tap-highlight-color:transparent;
}

button {
	cursor:pointer;
}

a {
	text-decoration:none;
}

/* ==========================================================================
   Layout
   ========================================================================== */
   
/* General
========================================================================== */

.layer {
	position:absolute;
	top:0;
	left:0;
	z-index:2; 
	height:100vh;
	width:100%;
	background:var(--color-dark);
	display:none;
}

.layer.visible {
	display:block;
}

.only-mobile {
	display:none;
}

.not-mobile {
	display:block;
}

.not-mobile.flex {
	display:flex;
}

/* Inputs
========================================================================== */

textarea {
	width:100%;
	font-family: 'Hind Siliguri', sans-serif;
	font-size:var(--font-size);
	padding: var(--margin-small) var(--margin-mini);
	box-sizing:border-box;
	height:10rem;
	color:var(--color-dark);
	border:1px solid var(--color-dark);
	outline:none;
}

textarea.small {
	height:5rem;
}

input[type=email], input[type=text], input[type=password], input[type=tel], select {
    padding: 0.6rem var(--margin-small) 0.6rem var(--margin-small);
    font-size: var(--font-size);
    color: var(--color-light);
    border: none;
    font-family: 'Hind Siliguri', sans-serif;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    outline: none;
}

input.suc {
    border: 1px solid var(--color-success)!important;
}

::placeholder { 
	color:var(--color-dark);
	font-size:var(--font-size-small);
}

input.stay::placeholder, textarea.stay::placeholder { 
	color:var(--color-dark-lighter)!important;
}

input:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder {
	color:var(--color-dark-lighter);
}


p.hint, p.errhint {
    margin-top: var(--margin-small);
    font-size: var(--font-size-small);
    color:var(--color-dark-light);
	line-height:var(--line-height-small);
}

p.hint.no-margin, p.errhint.no-margin {
    margin-top: 0;
}

p.hint.err.box {
    padding: var(--margin-small);
    background-color: var(--color-error);
	color:var(--color-light);
}

p.hint.box.highlight {
    padding: var(--margin-small);
    background-color: var(--color-highlight);
	color:var(--color-dark);
}

p.hint.box.suc {
    padding: var(--margin-small);
    background-color: var(--color-success);
	color:var(--color-light);
}

p.hint.small {
    margin-top: var(--margin-mini);
}

p.hint.suc {
    color:var(--color-light);
}

p.errhint {
    opacity: 1;
    display: none;
	color:var(--color-error);
}

p.hint.err {
	color:var(--color-error);
}

/* Icons and Graphics
========================================================================== */

.loading {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:opacity var(--transition-time) var(--transition-regular);
	opacity:0;
}

.loading.visible {
	opacity:1;
}

.loading svg {
	width:var(--icon-size-medium);
	height:var(--icon-size-medium);
}

.loading.light svg path {
	fill:var(--color-light);
}

.qty {
    display: flex;
    align-items: center;
	line-height:0;
}

.qty .qty-change {
    border: 1px solid var(--color-light);
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
    background: transparent;
    outline: none;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
	color:var(--color-light);
	font-size:var(--font-size-small);
	transition:background-color var(--transition-time) var(--transition-regular),color var(--transition-time) var(--transition-regular);
}

.qty.dark .qty-change {
    border: 1px solid var(--color-dark);
	color:var(--color-dark);
	width: 2.6rem;
    height: 2.6rem;
}

.qty.small-dark .qty-change {
    border: 1px solid var(--color-dark);
	color:var(--color-dark);
}

.qty .qty-change:hover {
    background: var(--color-light);
	color:var(--color-dark);
}

.qty.dark .qty-change:hover, .qty.small-dark .qty-change:hover {
    background: var(--color-dark);
	color:var(--color-light);
}

.qty .qty-input {
    border-top: 1px solid var(--color-light);
	border-bottom: 1px solid var(--color-light);
	background: transparent;
    text-align:center;
	width:1.5rem;
	line-height: 1.25;
    padding: 0.3rem 0.4rem 0.3rem 0.4rem;
	color:var(--color-light);
	font-size:var(--font-size-small);
}

.qty.dark .qty-input {
    border-top: 1px solid var(--color-dark);
	border-bottom: 1px solid var(--color-dark);
	color:var(--color-dark);
	padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}

.qty.small-dark .qty-input {
    border-top: 1px solid var(--color-dark);
	border-bottom: 1px solid var(--color-dark);
	color:var(--color-dark);
}

.open-menu { 
    position: fixed;
    top: var(--margin-small);
    right: var(--margin);
    z-index: 6;
    padding:var(--margin-small);
	box-sizing:border-box;
	cursor:pointer;
	transition:opacity var(--transition-time) var(--transition-regular);
	opacity:0;
}

.open-menu {
	transition: transform var(--transition-move) calc(var(--transition-time) * 2), opacity var(--transition-move) calc(var(--transition-time) * 2)!important;
}

.open-menu.transitioned {
	transform:translateY(calc(0vh - var(--transition-distance)))!important;
	opacity:0!important;
}

.open-menu.hidden {
	opacity:0!important;
	pointer-events:none;
}

.open-menu.done { 
    opacity:1;
	transition:opacity var(--transition-time) var(--transition-regular), right var(--transition-move) calc(var(--transition-time) * 2);
}

.open-menu div {
    width: 17px;
    height: 30px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	transition:opacity var(--transition-time) var(--transition-regular);
}

.open-menu div::after {
	content:'';
    width: 0px;
    height: 3px;
	position:absolute;
	background:var(--color-light);
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition: width calc(var(--transition-time-long) / 2) var(--transition-move);
}

.open-menu.active:hover div {
    opacity:var(--opacity-light);
}

.open-menu.active div::after {
    width: 17px;
}

.open-menu:not(.active):hover div span::before, .open-menu.active div span::before {
    left:50%;
	transform:translate(-50%, -50%);
}

.open-menu:not(.active):hover div span::after, .open-menu.active div span::after {
    right:50%;
	transform:translate(50%, -50%);
}

.open-menu span, .open-menu span::before, .open-menu span::after {
	display:block;
    background:var(--color-light);
	width:3px;
	height:3px;
	border-radius:50%;
}

.open-menu.dark span, .open-menu.dark span::before, .open-menu.dark span::after {
    background:var(--color-dark);
}

.open-menu span::before, .open-menu span::after {
	content:'';
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
}

.open-menu span::before {
	left:0;
	transition: opacity var(--transition-time-long) var(--transition-move), transform calc(var(--transition-time-long) / 2) var(--transition-move), left calc(var(--transition-time-long) / 2) var(--transition-move);
}

.open-menu span::after {
	right:0;
	transition: opacity var(--transition-time-long) var(--transition-move), transform calc(var(--transition-time-long) / 2) var(--transition-move), right calc(var(--transition-time-long) / 2) var(--transition-move);
}

.logo-container {
	position:absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	z-index:3;
}

.logo-center-container {
	
}

.logo-container.center-x {
	left:50%;
	transform:translate(-50%,0);
}

.logo-container.side {
	top:0;
	left:0;
	transform:translate(0,0);
}

.logo-container.init-hidden {
	opacity:0;
	transition:opacity var(--transition-time) var(--transition-regular);
}

.logo-container.init-hidden.done {
	opacity:1;
}

.logo-container.center {
	top:50%!important;
	left:50%!important;
	transform:translate(-50%,-50%)!important;
}

.logo-container.relative {
	position:relative;
	top:auto;
	left:auto;
	transform:none;
	margin:0 auto;
	width:fit-content;
}

.logo-container.regular {
	position:relative;
	top:auto;
	left:auto;
	margin:0 auto;
	margin-bottom:var(--margin);
	width:fit-content;
}

.logo-normal-container {
	position:relative;
	width:fit-content;
}

.logo-container.relative.appear {
	transform: translate3d(0, 6rem, 0);
}

.logo-container.blended {
	mix-blend-mode:difference;
}

.logo-container.absolute {
	position:absolute;
}

.logo-container.hidden {
	visibility:hidden;
	pointer-events:none;
}

.logo {
	display:block;
	padding:var(--margin);
	height:var(--logo-height);
	filter:none;
	transition:opacity var(--transition-time) var(--transition-regular);
}

.logo.no-top-padding {
	padding:0 var(--margin) var(--margin) var(--margin);
}

.logo.no-padding {
	padding:0;
}

.logo svg {
	height:100%;
}

.logo svg path, .logo svg rect {
	fill:var(--color-light);
}

.logo.dark svg path, .logo.dark svg rect {
	fill:var(--color-dark);
}

.icons {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
}

.icons a {
	display:block;
	padding:var(--margin);
}

.icons a svg {
	
}

.icon, .second-icon {
	width:var(--icon-size);
	height:var(--icon-size);
} 

.icon.bg {
	background:red;
}

.icon.big {
	width:var(--icon-size-big);
	height:var(--icon-size-big);
}

.icon.medium {
	width:var(--icon-size-medium);
	height:var(--icon-size-medium);
}

.icon.medium.padding {
	box-sizing:border-box;
	padding:0.4rem;
	text-align:center;
}

.icon.medium.padding svg {
	width:100%!important;
}

.icon svg, .second-icon svg {
	height:100%;
}

.light-icon path, .light-icon polygon, .light-icon circle {
	fill:var(--color-light);
}

.light-icon path.stroked {
	stroke:var(--color-light);
}

.dark-icon path, .dark-icon polygon, .dark-icon circle {
	fill:var(--color-dark);
}

.dark-icon path.stroked {
	stroke:var(--color-dark);
}

.scroll-down 
{
	position:fixed;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	z-index:3;
	padding:var(--margin) var(--margin) 0 var(--margin);
	box-sizing:border-box;
	overflow: hidden;
	cursor:pointer;
	opacity:var(--opacity-light);
	cursor:pointer;
	transition:opacity var(--transition-time-long) var(--transition-move);
}

.scroll-down.hidden 
{
	opacity:0;
	pointer-events:none;
}

.scroll-down span
{
	display:block;
	width: 1px; 
	height: 2rem; 
	overflow: hidden; 
	background: linear-gradient(to bottom, var(--color-light) 50%, var(--color-light-transparent) 50%); 
	background-position: 0 -2rem; 
	background-size: 100% 200%; 
	animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

.center-dot {
	margin:0 var(--margin-mini);
}

.external-link {
	display:inline-block;
	width:var(--icon-size-small);
	height:var(--icon-size-small);
	margin-top:0.3rem;
	line-height:1;
	vertical-align:sub;
}

.external-link svg {
	height:100%;
	width:100%;
	margin-bottom: 0.05rem;
}

.external-link svg path {
	fill:var(--color-dark-light);
}

.button {
	display:inline-block;
	width:auto;
	border:1px solid var(--color-light);
	color:var(--color-dark);
	box-sizing:border-box;
	padding:0.8rem 2rem 0.7rem 2rem;
	font-size:var(--font-size-semi-small);
	position:relative;
	transition:background-color var(--transition-time) var(--transition-regular),color var(--transition-time) var(--transition-regular);
	text-transform:uppercase;
	line-height:1;
	background-color:var(--color-light);
	font-family: 'Bebas Neue', cursive;
}

.button.payment {
	transition:none!important;
	background:var(--color-accent)!important;
	border:1px solid var(--color-accent)!important;
	color: var(--color-light)!important;
	border-radius:4px;
	margin-bottom:0.75rem;
	max-width:750px;
}

.button.payment:hover {
    filter: brightness(1.2);
}

.button.full {
	width:100%;
	text-align:center;
	border:1px solid var(--color-dark);
	color:var(--color-light);
	background:var(--color-dark);
}

.button.full.light {
	border:1px solid var(--color-light);
	color:var(--color-dark);
	background:var(--color-light);
}



.button.full.auto {
	width:auto;
}

.button.full:not(.load):hover {
	background:var(--color-light);
	color:var(--color-dark);
}

.button.full.light:hover, .button.full.light.load {
	color:var(--color-light);
	background:var(--color-dark);
}


.done .button {
	transition:background-color var(--transition-time) var(--transition-regular),color var(--transition-time) var(--transition-regular)!important;
}

.button.small, .button.small-simple {
	padding:0.7rem 1rem 0.6rem 1rem;
	font-size:var(--font-size);
}

.button.tiny {
	padding:0.4rem 0.7rem 0.2rem 0.7rem;
	font-size:var(--font-size);
}

.button.dark {
	border:1px solid var(--color-dark);
	color:var(--color-dark);
}

.button.dark:hover {
	background-color:var(--color-dark)!important;
	color:var(--color-light);
}

.button.no-hover {
	pointer-events:none;
}

.button:not(.no-hover):not(.transparent):not(.full):hover, .button.transparent  {
	background-color:transparent;
	color:var(--color-light);
}

.button.small.load  {
	background-color:transparent!important;
	color:var(--color-light)!important;
	cursor:default;
}

.button.transparent:hover {
	background-color:var(--color-light);
	color:var(--color-dark);
}

.button .txt {
	transition:opacity var(--transition-time) var(--transition-regular);
}

.button.success {
	background-color:var(--color-dark)!important;
	color:var(--color-light)!important;
}

.button.load {
	cursor:default;
}

.button.load .txt, .button.success .txt {
	opacity:0;
}

.button .icon, .button .second-icon {
	transition:opacity var(--transition-time) var(--transition-regular);
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.button .second-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}

.button.load .icon, .button.success .second-icon {
	opacity:1;
}

.button .icon svg path, .button .second-icon svg path {
	fill:var(--color-light);
}

.button .icon.dark svg path {
	fill:var(--color-dark);
}

.floating-summary {
	width:100%;
	box-sizing:border-box;
	color:var(--color-dark);
	position:fixed;
	bottom:0;
	left:0;
	z-index:3;
	display:none;
	cursor:pointer;
}

.floating-summary .main {
	padding: 0.8rem 2rem 0.7rem 2rem;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	background: var(--color-light);
	font-family: 'Bebas Neue', cursive;
	text-transform:uppercase;
	font-size: var(--font-size-semi-small);
	line-height:1;
	text-align:center;
}

.floating-summary .notice, .floating-summary .soldout {
	display:none;
	padding: 0.5rem 2rem 0.5rem 2rem;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	background: var(--color-highlight);
	line-height:1;
	text-align:center;
}

.floating-summary .notice.visible, .floating-summary .soldout.visible {
	display:flex;
}

.floating-summary .hide-open.hidden, .floating-summary.hidden {
	display:none!important;
}

.floating-summary span {
	margin-top:0.2rem;
}

.floating-summary .hide, .floating-summary.open span:not(.hide) {
	display:none;
}

.floating-summary.open .hide {
	display:block;
}

.floating-summary.open .main, .floating-summary:active .main {
	color: var(--color-light);
    background: var(--color-dark);
}

#paypal-button-container {
	text-align:center;
}

/* Hovers
========================================================================== */

.opacity-light-hover {
	transition:opacity var(--transition-time) var(--transition-regular);
}

.opacity-light-hover:hover {
	opacity:var(--opacity-light);
}

.animation.done.opacity-light-hover {
	transition:opacity var(--transition-time) var(--transition-regular)!important;
}

.animation.done.opacity-light-hover:hover {
	opacity:var(--opacity-light)!important;
}
   
/* Positioning
========================================================================== */

.table-row {
	width:100%;
	display:flex;
	align-items:center;
}

.table-row span:first-child {
	flex:1;
}

.table-row span:last-child {
	text-align:right;
}

.center-container {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.puffer {
	height:100vh;
	width:100%;
	pointer-events:none;
	transition:height var(--transition-move) calc(var(--transition-time) * 2);
}

.puffer.done {
	height:50vh;
}


.container {
	width:70%;
	margin:0 auto;
}

.container.bottom-padding {
    padding-bottom: 4rem;
    box-sizing: border-box;
}

.block {
	display:block;
}

.fit-content {
	width:fit-content!important;
}

.center-block {
	display:block;
	margin:0 auto;
}

.inline-block {
	display:inline-block;
}

.abs-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.wrapper {
	position:relative;
	z-index:1;
	overflow-x: hidden;
    overflow-y: scroll;
	height:100%;
	width:100%;
	perspective: 1px;
	perspective-origin: 0 0;
	transition:filter var(--transition-time) var(--transition-regular), transform var(--transition-move) calc(var(--transition-time) * 2), opacity var(--transition-move) calc(var(--transition-time) * 2), width var(--transition-move) calc(var(--transition-time) * 2); 
}

.wrapper.simple {
	perspective:none;
}

.wrapper.no-scroll {
	overflow:hidden;
}

.wrapper.transitioned {
	transform:translateY(calc(0vh - var(--transition-distance)));
	opacity:0;
}

.wrapper.transitioned.reverse {
	transform:translateY(var(--transition-distance));
	opacity:0;
}

.wrapper.regular {
	overflow:hidden;
	height:auto;
	min-height:200vh;
	perspective: none;
}

.wrapper.normal {
	overflow:hidden;
	height:auto;
	perspective: none;
}

#switch {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:0;
	z-index:7;
	background:var(--color-darker);
	overflow:hidden;
	transition:height var(--transition-move) calc(var(--transition-time-long) / 2); 
}

#switch.front {
	z-index:13;
}

#switch.reverse {
	top:0;
	bottom:auto;
}

#switch.transitioned.reverse {
	transition:none!important; 
}

#switch.transitioned {
	height:100vh;
}

#switch.transitioned #fly-loading {
	opacity:1;
	transition-delay: var(--transition-time-long);
}

.button-pair, .button-three {
	display:flex;
	align-items:center;
	justify-content:center;
	width:fit-content;
	margin:0 auto;
	margin-top:var(--margin);
}

.button-pair button:last-child, .button-pair a:last-child {
	margin-left:var(--margin-mini);
}

.button-three {
	display:flex;
	align-items:center;
	justify-content:center;
	width:fit-content;
	margin:0 auto;
	margin-top:var(--margin);
}

.button-three button:last-child, .button-three a:last-child {
	margin-left:var(--margin-mini);
}

.button-three button:first-child, .button-three a:first-child {
	margin-right:var(--margin-mini);
}

#card {
	position:fixed;
	bottom:0;
	left:0;
	top:0;
	width:100%;
	z-index:7;
	overflow:hidden;
	pointer-events:none;
	display:none;
}

#card .error {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--color-dark);
    padding: var(--margin-small);
    box-sizing: border-box;
    text-align: center;
    transition: opacity var(--transition-time) var(--transition-regular);
    opacity: 0;
}

#card .error.visible {
    opacity: 1;
}

#card .error .regular-text {
    margin: var(--margin-small) 0;
}

#card .close {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    padding: var(--margin-small);
    align-items: center;
    justify-content: center;
    z-index: 3;
}

#card .close.right {
    right:var(--margin-small);
    left: auto;
}

#card .close span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    color: var(--color-light);
    font-size: var(--font-size-icon);
    line-height: 1;
}

#card .close.dark span {
    color: var(--color-dark);
}

#card.front {
	z-index:11;
}

#card .content {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0vh;
	z-index:7;
	background:var(--color-light);
	overflow:hidden;
	transition:height var(--transition-move) calc(var(--transition-time-long) / 2), bottom var(--transition-move) calc(var(--transition-time-long) / 2); 
	display:flex;
}

#card .content.scrollable {
	overflow-y:auto;
}


#card .content.inner-center {
	justify-content:center;
	text-align:center;
}

#card .content.inner-center #deleteerror, #card .content.inner-center #editerror, #card .content.inner-center #editnotice {
    margin: var(--margin) 0;
    display: none;
}

#card .content.inner-center .sub-heading-text {
    margin: var(--margin-small) 0;
}

#card .content.inner-center #close-edit-x:hover {
    opacity:var(--opacity-light)!important;
}

#card .content.inner-center #cancel-content, #card .content.inner-center #edit-content {
    display:none;
	width:100%;
	overflow-y:auto;
}

#card .content.inner-center .inside {
	width:50%;
	margin:0 auto;
    padding:var(--margin-big);
	box-sizing:border-box;
	min-height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

#card.shown {
	display:block;
}

#card.hide .content {
	bottom:100vh;
}

#card.open {
	pointer-events: auto;
}

#card.open .content {
	height:100%;
}

#card .img-container {
	position:relative;
	background:var(--color-light);
	overflow:hidden;
}

#card .top .mobile-img {
	position:relative;
	width:100%;
	aspect-ratio:1/1;
	position:relative;
	display:none;
	color:var(--color-light);
	margin-bottom:var(--margin);
}

#card .img-container .inner, #card .top .mobile-img .inner {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}

#card .img-container .inner .sub-heading-text, #card .top .mobile-img .inner .sub-heading-text {
    margin: var(--margin-small) 0;
}

#card .img-container .img, #card .top .mobile-img .img {
	background-color: var(--color-dark-img-light);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
	background-position:center center; 
	width:100%;
	height:100%;
	z-index:1;
}

#card .img-container, #card .text {
	flex: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
}

#card .text {
	background:var(--color-light);
	color:var(--color-dark);
	text-align:center;
	display:flex;
	flex-direction:column;
}

#card .text .top {
	flex:1;
	overflow-y:scroll;
	padding: var(--margin-big);
	box-sizing:border-box;
	width:100%;
	overflow-x:hidden;
}

#card .text .top textarea {
	margin-top:var(--margin);
}

#card .text .bottom {
	padding:var(--margin-small);
	box-sizing:border-box;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

#card .text .bottom .soldout-text {
	color:var(--color-dark);
	font-size:var(--font-size-semi-small);
	font-family: 'Bebas Neue', cursive;
}

#card .text .bottom .qty {
	margin-right:var(--margin-small);
}

#card .text .item:not(:last-child) {
	margin-bottom: var(--margin-big);
}

#card .text .box {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	width:100%;
	margin-top:var(--margin);
	box-sizing:border-box;
	position:relative;
}

#card .text .box .border {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#card .text .box input[type="checkbox"], #card .text .box input[type="radio"] {
    display: none;
}

#card .text .box label {
    cursor:pointer;
	text-align:center;
	transition:opacity var(--transition-time) var(--transition-regular);
	position:relative;
	min-width:10rem;
	padding:var(--margin-small);
	margin: var(--margin-mini);
	box-sizing:border-box;
}

#card .text .box label svg {
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
	bottom:0.2rem;
	right:0.2rem;
	width: calc(100% - 0.4rem);
	height: calc(100% - 0.4rem);
	pointer-events: none;
}

#card .text .box label svg path {
	stroke: var(--color-accent);
	stroke-width: 0.4rem;
	stroke-dasharray: 0 1500;
	transition:all var(--transition-time) var(--transition-regular);
}

#card .text .box label:hover div:not(.soldout) {
    opacity:var(--opacity-light);
}

#card .text .box label:hover input[type="checkbox"]:checked ~ div, #card .text .box label input[type="radio"]:checked ~ div {
	opacity:1;
}

#card .text .box label input[type="checkbox"]:checked + svg path, #card .text .box label input[type="radio"]:checked + svg path {
	stroke-dasharray: 1500 1500;
}

#card .text .box label input[type="checkbox"]:disabled ~ div img:not(.soldouttext), #card .text .box label input[type="checkbox"]:disabled ~ div strong:not(.soldouttext), #card .text .box label input[type="checkbox"]:disabled ~ div span, #card .text .box label input[type="radio"]:disabled ~ div img:not(.soldouttext), #card .text .box label input[type="radio"]:disabled ~ div strong:not(.soldouttext), #card .text .box label input[type="radio"]:disabled ~ div span {
	opacity:0.5!important;
}

#card .text .box label input[type="checkbox"]:disabled ~ div, #card .text .box label input[type="radio"]:disabled ~ div {
	cursor:not-allowed!important;
}

#card .text .box label div {
    padding: var(--margin-small);
    transition: opacity var(--transition-time) var(--transition-regular);
    box-sizing: border-box;
    position: relative;
	text-align:center;
	top:0;
}

#card .text .box label div img {
    width: var(--icon-size-big);
    height: var(--icon-size-big);
    -webkit-touch-callout: none;
    user-select: none;
	border-radius:50%;
}

#card .text .box label div span.j {
	margin-top:var(--margin-small);
	margin-bottom:var(--margin-mini);
}

#card .text .box label div span.price {
	text-transform:none;
}

#card .text .box label div strong, #card .text .box label div span {
    display: block;
    -webkit-touch-callout: none;
    user-select: none;
	margin-top:var(--margin-mini);
}

.parallax {
	transform-origin: 0 0;
	left:0;
	position:relative;
}

.parallax.mobile {
	display:none;
}

.to-appear, .to-hide.gone {
	display:none!important;
}

.no-pointer {
	pointer-events:none!important;
}

.parallax.back {
	z-index:1;
	transform: translateZ(-1px) scale(2);
}

.parallax.back.faster {
	transform: translateZ(-0.2px) scale(1.2);
}

.parallax.front {
	z-index:2;
}

.full-content {
	width:100%;
	min-height:100vh;
	overflow: auto;
	position:relative;
	box-sizing:border-box;
	background:var(--color-dark);
	padding:var(--margin-big);
}

.full-content.no-scroll {
	overflow-y:hidden;
}

.full-content.center {
	text-align:center;
}

.reservation {
	margin:0 auto;
	margin-top:var(--margin);
	width:50%;
	text-align:center;
}

.reservation.form {
	width:100%;
}

.reservation #check, .reservation #save {
	margin-top:var(--margin); 
}

.reservation #checkerror, .reservation #finalerror, .reservation #checknotice, .reservation #checksuc {
	margin:var(--margin) 0;
	display:none;
}

.reservation #finalreservation {
	display:none;
}

.reservation #change {
	margin-left:var(--margin-small);
	display:none;
}

.reservation .alternatives {
    width: 100%;
    display: flex;
    align-items: center;
	justify-content:center;
    margin-bottom: var(--margin-small);
	border: 1px solid var(--color-dark-lighter);
    padding: var(--margin-small);
    box-sizing: border-box;
    position: relative;
	display:none;
}

.reservation .alternatives .label {
    color: var(--color-dark-light);
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: -0.3rem;
    padding: 0 0.8rem;
    background: var(--color-dark);
}

.reservation.form .alternatives .label {
    background: var(--color-light);
}

.reservation .alternatives a {
    margin:var(--margin-mini);
}

.reservation .boxes {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--margin-small);
    text-align: left;
	position:relative;
}

.reservation .boxes.simple {
    display:block;
}

.reservation .boxes .box {
    flex: 0.5;
    position: relative;
}

.reservation .boxes .box.full {
    flex: 1;
    margin: 0!important;
}

.reservation .boxes .box input, .reservation .boxes .box textarea {
    display: block;
    width: 100%;
    background: none;
    color: var(--color-light);
    border: 1px solid var(--color-dark-lighter);
    box-sizing: border-box;
	transition: border var(--transition-time) var(--transition-regular);
}

.reservation.form .boxes .box input, .reservation.form .boxes .box textarea, .reservation.form .boxes .box select {
    color: var(--color-dark);
    border: 1px solid var(--color-dark);
}

.reservation .boxes .box select.err, .reservation .boxes .box input.err, .reservation .boxes .box textarea.err {
    border: 1px solid var(--color-error);
}

.reservation .boxes .box select {
    display: block;
    width: 100%;
    background: none;
    color: var(--color-light);
    border: 1px solid var(--color-dark-lightest);
    box-sizing: border-box;
	transition: border var(--transition-time) var(--transition-regular);
}

.reservation .boxes .box select option {
    color: var(--color-dark);
}

.reservation .disclaimer.top {
   margin-top:var(--margin);
}

.reservation .boxes .box .wrap select:not(:disabled):hover {
    border: 1px solid var(--color-dark-lighter);
}

.reservation .boxes .box .wrap select:disabled, .reservation input:disabled, .reservation textarea:disabled  {
	color:var(--color-dark-light)!important;
}

.reservation .boxes .box label {
    color: var(--color-dark-light);
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: 0.6rem;
    padding: 0 0.8rem;
    background: var(--color-dark);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.reservation.form .boxes .box label {
    background: var(--color-light);
}

.reservation .boxes .box input:focus ~ label, .reservation .boxes .box textarea:focus ~ label {
	top: -0.7rem;
	font-size:var(--font-size-small);
}

.reservation .boxes .box input:not(:placeholder-shown) ~ label, .reservation .boxes .box textarea:not(:placeholder-shown) ~ label {
	top:-0.7rem;
	font-size:var(--font-size-small);
}

.reservation .boxes .box.triple {
    display: flex;
    justify-content: center;
    border: 1px solid var(--color-dark-lighter);
    padding: var(--margin-small);
    box-sizing: border-box;
    position: relative;
}

.reservation .boxes .box.triple .wrap, .reservation .boxes .box.triple .from-container, .reservation .boxes .box.triple .to-container {
    position: relative;
    flex: 0.25;
}

.reservation .boxes .box.triple .wrap.full {
    flex: 1;
}

.reservation .boxes .box.triple .wrap::after {
    position: absolute;
    right: var(--margin-mini);
    top: 50%;
    transform: translate(0, -50%);
    content: '\25BF';
    color: var(--color-light);
    pointer-events: none;
    letter-spacing: normal;
}

.reservation .boxes .box.triple .from-container {
    margin:0 var(--margin-small);
}

.reservation .boxes .box.triple .to-container {
    margin-right:var(--margin-small);
}

.reservation .boxes .doublelabel {
    color: var(--color-dark-light);
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: -0.3rem;
    padding: 0 0.8rem;
    background: var(--color-dark);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.reservation.form .boxes .doublelabel {
    background: var(--color-light);
}

.reservation .boxes .box:not(.triple):first-child {
    margin-right: var(--margin-mini);
}

.reservation .boxes .box:not(.triple):last-child {
    margin-left: var(--margin-mini);
}

.split {
	position:relative;
	width:100%;
	display:flex;
	flex-direction:row;
	overflow:hidden;
}

.split.overlap-all {
	display: grid!important;
	grid-template-columns: 1fr;
}

.split.overlap-all .item {
	grid-row-start: 1;
	grid-column-start: 1;
}

.split.overlap-all .item.in-front {
	z-index:2;
}

.split.overlap-all .item.in-back {
	z-index:1;
}
	
.split.reverse {
	flex-direction:row-reverse;
}

.split.end {
	align-items:end;
}

.split .item {
	position:relative;
	flex:0.5;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
}

.split .item .img-text {
	width:100%;
}

.split .item .img-text img {
	width:100%;
}

.split .item.dark-bg {
	background:var(--color-dark);
}

.split .item.light-bg {
	background:var(--color-light);
}

.split .item.no-overflow {
	overflow:hidden;
}

.split .item #map {
	width:100%;
	height:100%;
	min-height: 100vh;
	position:relative;
	z-index:1;
} 

.split .item .address {
	z-index:2;
	position:absolute;
	bottom:var(--margin);
	left:50%;
	cursor:pointer;
}

.split .item .address.delivery {
	cursor:default;
}

.split .item .stars {
    display: flex;
    flex-direction: row-reverse;
    font-size: 2.5rem;
    justify-content: space-around;
    padding: 0, 0.8rem;
    text-align: center;
    width: 12.5rem;
    margin: 0 auto;
	margin-top:var(--margin-small);
}

.split .item .stars input {
    display: none;
}

.split .item .stars label {
	opacity:0.3;
	color:var(--color-light);
	cursor:pointer;
	transition: opacity var(--transition-time) var(--transition-regular), color var(--transition-time) var(--transition-regular);
}

.split .item .stars :checked ~ label {
	color:var(--color-accent);
	opacity:1;
}

.split .item .stars label:hover,
.split .item .stars label:hover ~ label {
	color:var(--color-accent);
	opacity:1;
}

.split .item .feedback-text {
    color: var(--color-light);
    border: 1px solid var(--color-dark-lighter);
	background:var(--color-dark);
	margin-top:var(--margin);
}

.split .item #feedback-button {
	margin-top:var(--margin);
}

.split .item .feedback-suc {
	background:var(--color-success);
	color:var(--color-light);
	display:none;
}

.split .item .feedback-suc.visible {
	display:block;
}

.split .item .live {
	margin:0 auto;
	width:fit-content;
	box-sizing:border-box;
	padding: 0.4rem 0.5rem 0.3rem 0.5rem;
	margin-bottom:var(--margin);
	animation: pulse 3s infinite;
	background:var(--color-accent);
	pointer-events:none;
	user-select: none;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px #df7861;
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}

.split .item .steps {
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    position: relative;
	margin-top:var(--margin);
}

.split .item .steps .step {
    display: inline-flex!important;
    align-items: center;
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
	padding:var(--margin-small);
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background-color: var(--color-accent);
    z-index: 2;
	position:relative;
}

.split .item .steps .step.inactive {
    opacity:0.3;
	background-color: var(--color-light);
}

.split .item .steps .step::after {
    content: '\2713';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:var(--color-light);
	line-height:6;
}

.split .item .steps .step.inactive::after {
	color:var(--color-dark);
}

.split .item .steps .filler {
    background-image: radial-gradient( ellipse, var(--color-accent) 1px, var(--color-accent) 1px, transparent 1px);
    background-size: 15px 15px;
    background-position: 2px 3px;
    height: 20px;
    border: none;
    width: var(--margin-semi);
    display: block;
}

.split .item .steps .filler.inactive {
    opacity:0.2;
	background-image: radial-gradient( ellipse, var(--color-light) 1px, var(--color-light) 1px, transparent 1px);
}

.split .item.form {
	transition: transform var(--transition-move) calc(var(--transition-time-long) / 2); 
}

.split .item.form.open {
	transform:translateY(calc(0vh - var(--transition-distance)));
}

.split .item form:not(.no-padding):not(#locform), .split .item.summary-box #summary {
	box-sizing:border-box;
	padding:var(--margin-big);
}

.split .item.summary-box #summary-mobile {
	box-sizing:border-box;
	padding:var(--margin);
}

.split .item form {
	width:100%;
}

.split .item.top {
	align-items:start;
}

.split .item.dark {
	background-color:var(--color-dark);
	color:var(--color-dark):
}

.split .item.summary-container .bg {
	display:none;
}

.split .item:not(.img) .inner {
	margin:var(--margin-big);
}

.split .item:not(.img) .inner.full {
	width:100%;
}

.split.end .item {
	padding:0;
	margin-right:calc(var(--margin-big) / 2);
	justify-content:start;
}

.split .item.img-container {
	display:block;
	overflow:hidden;
	min-height:100vh;
}

.split .item.img-container.children {
	display: grid;
	grid-template-columns: 1fr;
	background:var(--color-light);
}

.split .item.img-container.children .img, .split .item.img-container.children .button, .split .item.img-container.children .text {
	grid-row-start: 1;
	grid-column-start: 1;
}

.split .item.img-container.children .text {
	width: fit-content;
    margin: 0 auto;
	text-align:center;
}

.split .item.img-container.children .text .inner-text {
	display:none;
}

.split .item.img-container.children .button {
	width:fit-content;
	display:block;
	margin:0 auto;
}

.split .item.img-container.children.simple-hover .img {
	transition-timing-function: linear,var(--transition-move);
    transition-duration: var(--transition-time),var(--transition-time-long);
    transition-property: opacity, transform;
}
.scroll-trigger.animated.done .split .item.img-container.children:hover .img, .split .item.img-container.children.simple-hover:hover .img {
	transform:scale(1.1);
}

.scroll-trigger.animated.done .split .item.img-container.children .button {
	transition:background-color var(--transition-time) var(--transition-regular),color var(--transition-time) var(--transition-regular);
}

.split .item.img-container.children.simple-hover .button {
	transition:background-color var(--transition-time) var(--transition-regular),color var(--transition-time) var(--transition-regular), opacity var(--transition-time) linear, transform var(--transition-time-long) var(--transition-move);
}

.scroll-trigger.animated.done .split .item.img-container.children:hover .button, .split .item.img-container.children.simple-hover:hover .button {
	background-color:var(--color-light);
	color:var(--color-dark);
}

.split .item .img {
	width:100%;
	height:100%;
	position:relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	padding:0;
	overflow:hidden;
	display:block;
}

.split .item .img.dark {
	background-color: var(--color-dark-img);
    background-blend-mode: darken;
}

.split .item .days {
	width:fit-content;
	box-sizing:border-box;
	display:grid;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	grid-gap:var(--margin-mini);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.split .item .days .day {
	outline:1px solid var(--color-light);
	width:var(--icon-size-semi);
	height:var(--icon-size-semi);
	box-sizing:border-box;
	aspect-ratio:1/1;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	transition:background-color var(--transition-time) var(--transition-regular), color var(--transition-time) var(--transition-regular);
	cursor:pointer;
	text-align:center;
	letter-spacing:1px;
}

.split .item .days .day:not(.inactive):hover, .split .item .days .day.active {
	background-color:var(--color-light);
	color:var(--color-dark);
}

.split .item .days .day.inactive {
	opacity:var(--opacity-light);
	cursor:not-allowed;
}

.split .item .img.fresh {
	background-image:url(../img/noodles.png); 
	background-image:url(../img/noodles.webp); 
}

.split .item .img.help {
	background-image:url(../img/reservation.png); 
	background-image:url(../img/reservation.webp); 
}

.split .item .img.group {
	background-image:url(../img/group.png);  
	background-image:url(../img/group.webp);  
}

.split .item .img.reservation-img {
	background-image:url(../img/reservation.png); 
	background-image:url(../img/reservation.webp); 
}

.split .item .img.teaser {
	background-image:url(../img/reservation.png);
	background-image:url(../img/reservation.webp);
}

.split .item .img.ingredients {
	background-image:url(../img/ingredients.png);
	background-image:url(../img/ingredients.webp);
}

.split.end .item:first-child {
	flex:1;
}

.split.end .item:last-child {width:100%;
	height:100%;
	margin-left:calc(var(--margin-big) / 2);
	margin-right:0;
	justify-content:end;
}

.split .item.light {
	background:var(--color-light);
	color:var(--color-dark);
}

.split .item.dark {
	background:var(--color-dark);
	color:var(--color-light);
}

.split .item .section {
    margin-top: var(--margin-big); 
}

.split .item .section.small {
    margin-top: var(--margin-small); 
}

.split .item #payment-container {
    display:none;
}

.split .item #payment-container #cancel-payment {
	margin:0 auto;
    margin-top:var(--margin);
	display:block;
}

.split .item .errorcontainer.section {
    margin-top: var(--margin-big); 
	padding: var(--margin-small);
	background-color:var(--color-error);
	box-sizing:border-box;
	display:none;
}

.split .item .errorcontainer.section div {
	color:var(--color-light)!important;
	text-align:center;
}

.split .item .section .semi-text.outlined {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    line-height: 1;
    margin-bottom: 0;
}

.split .item .section .semi-text.outlined::before, .split .item .section .semi-text.outlined::after {
    content: '';
    border: 1px solid var(--color-dark-lighter);
    border-bottom: 0;
    height: 0.5rem;
    flex: 1 0 2rem;
}

.split .item .section .outlined::before {
    border-right: 0!important;
    margin-right: 1rem;
}

.split .item .section .outlined::after {
    border-left: 0!important;
    margin-left: 1rem;
}

.split .item .section h2 span {
    display: block;
}

.split .item .section h2 span.j {

}

.split .item .section .inner-content {
    box-sizing: border-box;
}

.split .item .section .inner-content.outlined {
    border: 1px solid var(--color-dark-lighter);
    border-top: 0;
    padding: var(--margin-small);
}

.split .item .section .inner-content.outlined.centered {
    text-align:center;
}

.split .item .section .inner-content .select {
    display: flex;
    align-items: center;
    justify-content: center;
}

.split .item .section .inner-content .select.two {
    flex: 1;
}

.split .item .section .inner-content .select label, .split .item .section .inner-content .select .add {
    cursor: pointer;
    text-align: center;
    transition:opacity var(--transition-time) var(--transition-regular);
    position: relative;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: var(--font-size-small);
    user-select: none;
}

.split .item .section .inner-content .select label.inactive {
    cursor: not-allowed;
}

.split .item .section .inner-content .select label.inactive .back {
    opacity:0.2;
}

.split .item .section .inner-content .select input[type="radio"] {
    display: none;
}

.split .item .section .inner-content .select label .back {
    display: flex;
    align-items: center;
    padding: var(--margin-tiny);
    opacity: var(--opacity-light);
    background-color: none;
    transition:opacity var(--transition-time) var(--transition-regular);
    margin-right: var(--margin-small);
    border: 1px solid var(--color-dark-lighter);
	font-family: 'Bebas Neue', cursive;
	font-size:var(--font-size-semi-small);
}

.split .item .section .inner-content .select label:last-child .back {
    margin-right:0;
}

.split .item .section .inner-content .select label input[type="radio"]:checked ~ .back {
    background-color: var(--color-light);
    color: var(--color-dark);
    opacity: 1;
    border: 1px solid var(--color-light);
}

.split .item .section .inner-content .select label input[type="radio"]:checked ~ .back .icon svg path {
    fill:var(--color-dark)!important;
}

.split .item .section .inner-content .select label:not(.inactive):hover .back {
    opacity: 1;
}

.split .item .section .inner-content .select label span, .split .item .section .inner-content .select label div.text {
    flex: 1;
    margin: 0 var(--margin-mini);
    text-align: left;
}

.split .item .delivery.hidden, .split .item .deliveryflex.hidden, .split .item .pickup.hidden, .split .item .pickupflex.hidden {
    display: none;
}

.split .item .section .inner-content .boxes {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--margin-small);
    text-align: left;
}

.split .item .section .inner-content .boxes .box, .split .item .section .inner-content .boxes .boxcontainer {
    flex: 0.5;
    position: relative;
}

.split .item .section .inner-content .boxes .boxcontainer.full {
    flex: 1;
}

.split .item .section .inner-content .boxes .box.full {
    flex: 1;
    margin: 0!important;
}

.split .item .section .inner-content .boxes .box:last-child {
    margin-left: var(--margin-mini);
}

.split .item .section .inner-content .boxes .box:first-child {
    margin-right: var(--margin-mini);
}

.split .item .section .inner-content input, .split .item .section .inner-content select, .split .item .section .inner-content textarea {
    display: block;
    width: 100%;
    background: none;
    color: var(--color-light);
    border: 1px solid var(--color-dark-lighter);
    box-sizing: border-box;
}

.split .item .section .inner-content select option {
   color:var(--color-dark);
}

.split .item .section h2:not(.outlined) {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: var(--margin-small);
}

.split .item .section .inner-content .boxes .box label, .split .item .boxes .vouchercontainer label {
    color: var(--color-dark-light);
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: 0.6rem;
    padding: 0 0.8rem;
    background: var(--color-dark);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.split .item .section .inner-content .boxes .box label.floating {
    top: -0.7rem;
	font-size:var(--font-size-small);
}

.split .item .section .inner-content .boxes .box input:focus ~ label, .split .item .section .inner-content .boxes .box textarea:focus ~ label, .split .item .boxes .vouchercontainer input:focus ~ label {
	 top: -0.7rem;
	 font-size:var(--font-size-small);
}

.split .item .section .inner-content .boxes .box input:not(:placeholder-shown) ~ label, .split .item .section .inner-content .boxes .box textarea:not(:placeholder-shown) ~ label, .split .item .boxes .vouchercontainer input:not(:placeholder-shown) ~ label {
	top:-0.7rem;
	font-size:var(--font-size-small);
}

.split .item .section .inner-content input#gaddress {
	padding: 0.8rem var(--margin-big) 0.8rem var(--margin-small);
}

.split .item .section .inner-content .cont {
    position: relative;
}

.split .item .section .inner-content .status {
    border: none;
    font-family: 'Hind Siliguri', sans-serif;
    box-sizing: border-box;
    width: auto;
    outline: none;
    position: relative;
    line-height: 1;
    letter-spacing: normal;
    display: none;
    position: absolute;
    right: var(--margin-small);
    top: 50%;
    width: var(--icon-size);
    height: var(--icon-size);
    transform: translate(0, -50%);
}

.split .item .section .inner-content .status.suc::after, .split .item .section .inner-content .status.no::after, .split .item .section .inner-content .status.load::after {
    left: 50%;
    top: 50%;
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	font-size:0.8rem;
}

.split .item .section .inner-content .status.suc::after {
    content: '\2713';
    background-color: var(--color-success);
}

.split .item .section .inner-content .status.no::after {
    content: '!';
    background-color: var(--color-error);
}

.split .item .section .inner-content .status.load::after {
	position:absolute;
    background-image:url(../img/loading.svg);
	transform: translate(-50%, -50%);
	background-size:100%;
	content:'';
	background-repeat:no-repeat;
}

.split .item .section .inner-content .status.load, .split .item .section .inner-content .status.suc, .split .item .section .inner-content .status.no {
    display: block;
}

.split .item .section .inner-content input.err, .split .item .section .inner-content select.err, .split .item .section .inner-content textarea.err, .split .item .vouchercontainer input.err {
	border: 1px solid var(--color-error)!important;
}

.split .item .section .inner-content .boxes .box.double, .split .item .section .inner-content .boxes .box.triple {
    display: flex;
    justify-content: center;
    border: 1px solid var(--color-dark-lighter);
    padding: var(--margin-small);
    box-sizing: border-box;
    position: relative;
}

.split .item .section .inner-content .boxes .box.double .wrap, .split .item .section .inner-content .boxes .box.double .timecontainer {
    position: relative;
    flex: 0.5;
}

.split .item .section .inner-content .boxes .box.triple .wrap {
    flex: 0.333;
	position:relative;
}

.split .item .section .inner-content .boxes .box.triple .wrap:nth-child(2) {
    margin:0 var(--margin-small);
}

.split .item .section .inner-content .boxes .box.double .wrap select {
    border: 1px solid var(--color-dark-lightest);
    transition:border var(--transition-time) var(--transition-regular);
}

.split .item .section .inner-content .boxes .box.double .wrap select:not(:disabled):hover, .split .item .section .inner-content .select.full .wrap select:hover {
    border: 1px solid var(--color-dark-lighter);
}

.split .item .section .inner-content .select.full .wrap {
    display: block;
    position: relative;
}

.split .item .section .inner-content .select.full .wrap select {
    border:1px solid var(--color-dark-lightest);
	transition:border var(--transition-time) var(--transition-regular);
}

.split .item .section .inner-content .boxes .box.double .wrap:after, .split .item .section .inner-content .boxes .box.triple .wrap:after, .split .item .section .inner-content .select.full .wrap:after {
    position: absolute;
    right: var(--margin-mini);
    top: 50%;
    transform: translate(0, -50%);
    content: '\25BF';
    color: var(--color-light);
    pointer-events: none;
    letter-spacing: normal;
}

.split .item .section .inner-content .boxes .box.double .timecontainer {
    margin-left: var(--margin-small);
}

.split .item .section .inner-content .boxes .doublelabel {
    color: var(--color-dark-light);
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: -0.3rem;
    padding: 0 0.8rem;
    background: var(--color-dark);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.split .item .section .inner-content .select.full {
    display: block;
}

.split .item .section .inner-content .select .add {
    padding: var(--margin-small);
    display: flex;
    align-items: center;
    border: 1px solid var(--color-dark-lightest);
    margin-bottom: var(--margin-small);
    transition:opacity var(--transition-time) var(--transition-regular), background-color var(--transition-time) var(--transition-regular), border var(--transition-time) var(--transition-regular);
}

.split .item .section .inner-content .select .add.load {
    opacity: var(--opacity-light);
    cursor: default;
}

.split .item .section .inner-content .select .add:not(.load):not(.suc):not(.err):hover {
    opacity: var(--opacity-light);
}

.split .item .section .inner-content .select .add:last-child {
    margin-bottom: 0;
}

.split .item .section .inner-content .select .add .img-container {
    width: var(--icon-size-semi);
    height: var(--icon-size-semi);
    -webkit-touch-callout: none;
    border-radius: 50%;
	overflow:hidden;
}

.split .item .section .inner-content .select .add .img-container .img {
	width:100%;
	height:100%;
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center; 
}

.split .item .section .inner-content .select .add .img-container, .split .item .section .inner-content .select .add div:not(.check):not(.cross) {
    transition:opacity var(--transition-time) var(--transition-regular);
}

.split .item .section .inner-content .select .add div.text {
    flex: 1;
    margin: 0 var(--margin-semi) 0 var(--margin-small);
    text-align: left;
}

.split .item .section .inner-content .select .add .price {
    position: absolute;
    top: 50%;
    right: var(--margin-small);
	transform:translate(0,-50%);
}

.split .item .section .inner-content .select .add .textloader {
    display: none;
}

.split .item .section .inner-content .select .add.load .textloader {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.split .item .section .inner-content .select .add .check, .split .item .section .inner-content .select .add .cross {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: var(--font-size);
    text-align: center;
    transition:opacity var(--transition-time) var(--transition-regular);
}

.split .item .section .inner-content .select .add.suc .check, .split .item .section .inner-content .select .add.err .cross {
    opacity: 1;
}

.split .item .section .inner-content .select .add.suc {
    border: 1px solid var(--color-success);
    background-color: var(--color-success);
    cursor: default;
}

.split .item .section .inner-content .select .add.err {
    border: 1px solid var(--color-error);
    background-color: var(--color-error);
    cursor: default;
}

.split .item .section .inner-content .select .add.suc img, .split .item .section .inner-content .select .add.suc div:not(.check), .split .item .section .inner-content .select .add.err img, .split .item .section .inner-content .select .add.err div:not(.check):not(.cross) {
    opacity: 0;
}

.split .item .section .inner-content .select .add .check span:last-child, .split .item .section .inner-content .select .add .cross span:last-child {
    margin-top: var(--margin-mini);
	display:block;
}

.split .item .section .inner-content .select .add .check span, .split .item .section .inner-content .select .add .cross span {
    display: block;
}

.split .item .section .inner-content .select .add .check span:first-child, .split .item .section .inner-content .select .add .cross span:first-child {
    line-height: 1;
}

.split .item .section .inner-content .select .add div.text span:not(.j) {
    margin: var(--margin-tiny) 0 0 0;
    text-transform: none;
    display: block;
}

.split .item .section .button:not(.payment) {
    margin-bottom: var(--margin);
}

.split .item #summary {
	padding:var(--margin-big);
}

.split .item #summary, .split .item #summary-mobile {
	position:relative;
	min-width:100%;
	min-height:100vh;
	box-sizing:border-box;
}

.split .item .summary {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    border-bottom: 1px dashed var(--color-light-dark);
    margin-bottom: var(--margin);
    padding-bottom: var(--margin);
    text-align: left;
}

.split .item .summary .box.img {
    width: var(--icon-size-medium);
    align-self: baseline;
}

.split .item .summary .box.img-container {
	align-self: baseline;
    width: var(--icon-size-semi);
    height: var(--icon-size-semi);
    -webkit-touch-callout: none;
    border-radius: 50%;
	overflow:hidden;
}

.split .item .summary .box.img-container .img {
	width:100%;
	height:100%;
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center; 
}

.split .item .summary .box.text {
    flex: 1;
    margin: 0 var(--margin) 0 var(--margin-small);
}

.split .item .summary .box.text .semi-text-small {
    width: 100%;
    border: none;
    margin: 0 0 var(--margin-tiny) 0;
    display: block;
    padding: 0;
}

.split .item .summary .box.text p {
    margin: var(--margin-tiny) 0 0 0;
    text-transform: none;
    display: block;
}

.split .item .summary .box.text p.err {
    padding: var(--margin-small);
	background-color:var(--color-error);
	box-sizing:border-box;
	color:var(--color-light);
	margin:var(--margin-mini) 0 var(--margin-small) 0;
}

.split .item .summary .box.price {
    align-self: end;
}

.split .item .summary .delete {
    display: block;
    position: absolute;
    top: calc(0rem - var(--margin) + var(--margin-small));
    right: calc(0rem - var(--margin));
    color: var(--color-dark);
    opacity: var(--opacity-light);
    padding: var(--margin);
	transition:opacity var(--transition-time) var(--transition-regular);
}

.split .item .summary .delete:hover {
    opacity: 1;
}

.split .item .summary .qty {
    margin-top:var(--margin-mini);
}

.split .item .boxes .voucherarea {
    margin-bottom: var(--margin);
    padding-bottom: var(--margin);
    border-bottom: 1px dashed var(--color-light-dark);
}

.split .item .boxes .voucherarea p.hint {
    opacity: 1;
    display: none;
}

.split .item .boxes .vouchercontainer {
    display: flex;
    align-items: center;
}

.split .item .boxes .vouchercontainer .box {
    flex: 1;
    position: relative;
}

.split .item .boxes .vouchercontainer input {
    color: var(--color-dark);
    border: 1px solid var(--color-dark);
}

.split .item .boxes .vouchercontainer label {
    color: var(--color-dark-light);
    background: var(--color-light);
}

.split .item .boxes .vouchercontainer input::placeholder { 
	color:var(--color-light-dark);
}

.split .item .boxes .vouchercontainer .button {
    margin-left: var(--margin-mini);
}

.split .item .boxes .vouchercontainer #vouchersuc {
    right: var(--margin-small);
	transform: translate(0, -50%);
    top: 50%;
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	font-size:0.8rem;
	position:absolute;
	display:none;
}

.split .item .boxes .vouchercontainer #vouchersuc.visible {
    display:block;
}

.split .item .boxes .vouchercontainer #vouchersuc::after {
    left: 50%;
    top: 50%;
    width: var(--icon-size);
    height: var(--icon-size);
    content: '\2713';
    background-color: var(--color-success);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size:0.8rem;
	color:var(--color-light);
}

.split .item .boxes .voucherarea #delcont {
    text-align:right;
	float:right;
	margin-top:var(--margin-small);
}

.split .item .boxes .voucherarea #delload {
    visibility: hidden;
	
}

.split .item .boxes .voucherarea #delload.visible {
    visibility: visible;
}

.split .item .boxes .voucherarea #delcont p {
    margin-top: 0;
}

.split .item .boxes .voucherarea #voucherdel {
    display: block;
    color: var(--color-main);
    cursor: pointer;
    transition:color var(--transition-time) var(--transition-regular);
    text-align: right;
}

.split .item .boxes .voucherarea #voucherdel:hover {
    color:var(--color-light-dark);
}

.split .item .boxes .voucherarea #voucherdel span {
	margin-left:var(--margin-tiny);
}

.split .item .boxes .total {
    display: flex;
    align-items: center;
    margin-bottom: var(--margin);
	font-size:var(--font-size);
}

.split .item .boxes .total.suc, .split .item .boxes .total.highlight  {
	padding:var(--margin-small);
	box-sizing:border-box;
}

.split .item .boxes .total.suc  {
    background-color: var(--color-success);
	color: var(--color-light);
}

.split .item .boxes .total.highlight {
    background-color: var(--color-highlight);
}

.split .item .boxes .total div:first-child {
    flex: 1;
}

.split .item .boxes .total div:last-child {
    width: 50%;
    text-align: right;
}

.split .item .boxes .total.sum {
    border-top: 1px dashed var(--color-light-dark);
    padding-top: var(--margin);
}

.split .item .boxes p.tax {
    width: 100%;
    display: block;
    color:var(--color-light-dark);
    text-align: right;
}

.split .item #locform {
	width:100%;
	margin:0 auto;
	margin-top:var(--margin);
}

.split .item #to-menu {
	margin-top:var(--margin);
}

.split .item #locform .box {
    position:relative;
	display:flex;
	align-items:center;
}

.split .item #locerror, .split .item #locresultcontainer {
    margin-top:var(--margin-small);
	display:none;
}

.split .item #locresult {
    margin-top:var(--margin);
}

.split .item #locresult a {
    text-decoration:underline;
}

.split .item #locform #loccheck {
    margin-left:var(--margin-mini);
	padding: 0.9rem 1rem 0.8rem 1rem;
}

.split .item #locform .box .icon-container {
    position:absolute;
	left:0;
	top:0;
	width:2.6rem;
	height:2.6rem;
	cursor:pointer;
}

.split .item #locform .box .icon-container.load {
	cursor:default;
}

.split .item #locform .box .icon-container div {
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.split .item #locform .box .icon-container div.load, .split .item #locform .box .icon-container.load div.pin {
    display:none;
}

.split .item #locform .box .icon-container.load div.load {
    display:block;
}

.split .item #locform .box .icon-container div svg {
    width:80%;
	height:100%;
}

.split .item #locform .label {
    top: -0.7rem;
    font-size: var(--font-size-small);
	background:var(--color-dark);
	color: var(--color-dark-light);
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    padding: 0 0.8rem;
}

.split .item #locform input {
    display: block;
    width: 100%;
    background: var(--color-light);
	color: var(--color-dark);
    border: 1px solid var(--color-light);
    box-sizing: border-box;
	padding-left:2.6rem;
    transition: border var(--transition-time) var(--transition-regular);
}

#bottomtext, #bottomtextsoldout, #bottomtextsuccess {
    position: fixed;
    bottom: -10rem;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: var(--margin-mini) var(--margin);
    background-color: var(--color-highlight);
    color: var(--color-dark);
    z-index: 6;
    align-items: center;
    justify-content: center;
    transition:opacity var(--transition-time) var(--transition-regular), bottom var(--transition-time) var(--transition-regular);
    opacity: 0;
    display: flex;
	pointer-events:none;
	text-align:center;
}

#bottomtext.less-margin {
	 padding: var(--margin-mini) var(--margin-small);
}

#bottomtextsuccess {
	color:var(--color-light);
	background:var(--color-success);
}

#bottomtext.visible, #bottomtextsoldout.visible, #bottomtextsuccess.visible {
    opacity: 1;
    bottom: 0;
	pointer-events:auto;
}

#bottomtext .innertext, #bottomtextsoldout .innertext, #bottomtextsuccess .innertext {
    margin-right: var(--margin-small);
}

#bottomtext .bottom-menu .button.margin {
	margin-right:var(--margin-mini);
}

#bottomtext.light {
	background:var(--color-light);
}

#fly-logo {
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,0);
	display:none;
	z-index:4;
}

#fly-loading {
	position:absolute;
	bottom:var(--margin-small);
	left:50%;
	transform:translate(-50%,0);
	display:none;
	z-index:4;
	transition:opacity var(--transition-time) var(--transition-regular);
	pointer-events:none;
	opacity:0;
}

#fly-loading.fixed {
	position:fixed;
}

#fly-loading.visible {
	display:block;
}

#fly-loading.done {
	opacity:0;
}

#fly-loading.fixed.done {
	opacity:0;
}

#fly-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color: var(--color-dark-img-light);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
	background-position:center center; 
	display:none;
	z-index:3;
}

#fly-img.visible, #fly-logo.visible, #fly-loading.visible {
	display:block;
}

#fly-img.visible.animated {
	transition:all var(--transition-move) calc(var(--transition-time) * 2);
	left:0!important;
	top:0!important;
	width:100%!important;
	height:100vh!important;
}

#nav-menu {
	position:fixed;
	z-index:5;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	display:none;
	color:var(--color-light);
	text-align:center;
	transition:transform var(--transition-move) calc(var(--transition-time) * 2), opacity var(--transition-move) calc(var(--transition-time) * 2);
}

#nav-menu .inner-content {
	width:100%;
	height:100%;
	position:absolute;
	bottom:-100%;
	background:var(--color-darker);
	transition:bottom var(--transition-move) calc(var(--transition-time-long) / 2); 
}

#nav-menu .inner-content.reverse {
	bottom:100%;
}

#nav-menu.visible.shown .inner-content {
	bottom:0;
}

#nav-menu .container {
	height:100%; 
}

#nav-menu.visible {
	display:block;
}

#nav-menu.transitioned {
	transform:translateY(calc(0vh - var(--transition-distance)))!important;
	opacity:0!important;
}

/* Index
========================================================================== */

.main-header {
	z-index:1; 
	min-height:100vh;
	height:auto;
}

.main-header nav {
	position:relative;
	z-index:1;
	width: 100%;
}

.main-header nav ul {
	width: 100%;
	height:100%;
	display:flex;
}

.main-header nav ul li {
	display:block;
	height:100%;
	flex:0.3333;
}

.main-header nav ul li a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
}

.main-header nav ul li.inactive a {
	cursor:default;
	pointer-events:none;
}

.main-header nav ul li a .img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: var(--color-dark-img);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
	background-position:center center;
}

.main-header nav ul li.inactive a .img, .main-header nav ul li.inactive a .content {
	opacity:var(--opacity-light);
}

.main-header nav ul li.inactive .soon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, calc((-50%) + 6rem)) rotate(-15deg);
	z-index:5;
	display:block;
	padding:var(--margin-mini);
	background:var(--color-light);
	color:var(--color-dark);
	transition-timing-function: linear,var(--transition-move);
    transition-duration: var(--transition-time),var(--transition-time-long);
    transition-property: opacity,transform;
	opacity:0;
}

.main-header.done nav ul li.inactive .soon {
	transform:translate(-50%, -50%) rotate(-15deg);
	opacity:1;
}

.main-header nav ul li.inactive a .img {
	filter:grayscale(1);
}

.main-header nav ul li a .img.animation.done, .main-header nav ul li a .img.no-ani {
	transition:all var(--transition-time) var(--transition-regular);
}

.main-header:not(.transitioned) nav ul li:not(.inactive) a:hover .img.animation.done, .main-header nav ul li:not(.inactive) a.active .img.animation.done, .main-header nav ul li:not(.inactive) a:hover .img.no-ani  {
	background-color: var(--color-dark-img-light);
	transform:scale(1.02);
}

.main-header nav ul li a.visit .img {
	background-image:url(../img/reservation.png);
	background-image:url(../img/reservation.webp);
}

.main-header nav ul li a.eat .img {
	background-image:url(../img/menu.png);
	background-image:url(../img/menu.webp);
}
    
.main-header nav ul li a.box .img {
	background-image:url(../img/box.png);
	background-image:url(../img/box.webp);
}

.main-header nav ul li a .content {
	display:block;
	z-index:1;
	text-align:center;
	width:100%;
	padding:var(--margin) 0;
}

.main-header nav ul li a .content .sub-heading-text {
	display:block;
	margin: var(--margin-mini) 0;
}

.main-header nav ul li a .content .regular-text {
	display:block;
}

.content-box {
	width:100%;
	height:auto;
	min-height:100vh;
	display: flex;
	overflow: auto;
	position:relative;
	box-sizing:border-box;
}

.min-content-box {
	width:100%;
	display: flex;
	min-height:100vh;
	overflow: auto;
	position:relative;
	box-sizing:border-box;
}

.intro {
	background:var(--color-dark); 
	z-index:2;
}

.map {
	overflow:hidden;
}

.main-content {
	background:var(--color-dark);
	padding:var(--margin-big) 0;
	pointer-events: auto;
	display:flex;
	align-items:center;
}

#fullloading {
	position:fixed;
	z-index:6;
	opacity:0;
	background:#000;
	transition:opacity var(--transition-move) var(--transition-time);
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}

#fullloading.front {
	z-index:12;
}

#fullloading.shown {
	display:block;
}

#fullloading.visible {
	opacity:0.9;
}

.fly-vegan {
	position:fixed;
	display:block;
	top:0;
	left:0;
	padding:var(--margin-small);
	z-index:3;
	transition:opacity var(--transition-time) var(--transition-regular), filter var(--transition-time) var(--transition-regular);
	opacity: var(--opacity-light);
	filter:grayscale(1);
	cursor:pointer;
}

.fly-vegan:hover, .fly-vegan.active {
	opacity:1;
	filter:none;
}

.fly-vegan.hidden {
	opacity:0!important;
	pointer-events:none;
}

.fly-cart {
	position:fixed;
	display:block;
	bottom:var(--margin-small);
	right:var(--margin);
	z-index:3;
	transition:opacity var(--transition-time) var(--transition-regular);
	opacity: var(--opacity-light);
}

.fly-cart:hover {
	opacity:1;
}

.fly-cart.hidden {
	opacity:0!important;
	pointer-events:none;
}

.fly-menu {
	position:fixed;
	bottom:var(--margin-small);
	left:var(--margin-small);
	z-index:3;
	transition:opacity var(--transition-time) var(--transition-regular);
}

.fly-menu.hidden {
	opacity:0;
	pointer-events:none;
}

.fly-menu ul li a {
	display:block;
	padding:var(--margin-tiny) 0;
}

.fly-menu ul li:last-child a {
	padding-bottom: 0;
}

.fly-menu ul li a {
	transition:opacity var(--transition-time) var(--transition-regular);
	opacity:var(--opacity-light);
}

.fly-menu ul li a.active, .fly-menu ul li a:not(.active):hover {
	opacity:1;
}

.menu-item {
	position:relative;
	width:100%;
	height:30rem;
	min-height:100vh;
}

.menu-item.menu {
	background:var(--color-dark);
}

.menu-item .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: var(--color-dark-img-light);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
	background-position:center center; 
	z-index:1;
	transition: filter var(--transition-time) var(--transition-regular), background-color var(--transition-time) var(--transition-regular);
}

.menu-item.grayed .img {
	background-color: var(--color-dark-img);
	filter:grayscale(1);
}

.menu-item .text {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	text-align:center;
	transition:opacity var(--transition-time) var(--transition-regular);
}

.menu-item.grayed .text {
	opacity:var(--opacity-light)!important;
}

.menu-item .vegan {
	margin:0 auto;
	margin-bottom:var(--margin-small);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#49A010;
}

.menu-item .text .sub-heading-text {
	margin:var(--margin-small) 0;
}

.menu-item .text .button {
	margin-top:var(--margin-small);
}

.error {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:var(--color-dark);
	padding:var(--margin-small);
	box-sizing:border-box;
	text-align:center;
	transition:opacity var(--transition-time) var(--transition-regular);
	opacity:0;
}

.error.visible {
	opacity:1;
}

.error .regular-text {
	margin:var(--margin-small) 0;
}

.cart {
	position:fixed;
	right:0;
	top:0; 
	bottom:0;
	width:100%;
	z-index:7;
	pointer-events:none;
	display:none;
	transition:transform var(--transition-move) calc(var(--transition-time) * 2), opacity var(--transition-move) calc(var(--transition-time) * 2);
}

.cart.transitioned {
	transform:translateY(calc(0vh - var(--transition-distance)));
	opacity:0;
}

.cart .bg {
	opacity:0;
	background:#000;
	transition:opacity var(--transition-move) var(--transition-time);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:1;
}

.cart.shown {
	display:block;
}

.cart.open {
	pointer-events: auto;
}

.cart.open .bg {
	opacity:0.9;
}

.cart .inner {
	position:fixed;
	right:calc(0rem - var(--sidebar-size));
	top:0; 
	bottom:0;
	width:var(--sidebar-size);
	z-index:2;
	display:flex;
	flex-direction:column;
	background:var(--color-light);
	transition:right var(--transition-move) var(--transition-time); 
}

.cart.open .inner {
	right:0;
}

.cart .top {
	width:100%;
	background:var(--color-light);
	box-sizing:border-box;
}

.cart .inner.visible .items, .cart .inner.visible .bottom {
	opacity:1;
}

.cart .bottom {
	width:100%;
	background:var(--color-light);
	padding:var(--margin-small) var(--margin-small) 0 var(--margin-small);
	box-sizing:border-box;
	transition: opacity var(--transition-time) var(--transition-regular);
	opacity:0;
}

.cart .bottom #close-cart {
	padding:var(--margin-small) 0;
	cursor:pointer;
}

.cart .items {
	flex:1;
	width:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	transition: opacity var(--transition-time) var(--transition-regular);
	opacity:0;
}

.cart .items .item {
	width:100%;
	aspect-ratio: 1 / 1;
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
}

.cart .items .item.fade .img {
	transform:scale(1.2);
	background-color: var(--color-dark-img-light);
}

.cart .items .item:last-child {
	margin-bottom:0;
}

.cart .items .item .img {
    position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background-color: var(--color-dark-img);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
	background-position:center center;
	transition:all calc(var(--transition-time-long) + 300ms) var(--transition-move);
}

.cart .items .item:hover .img {
	background-color: var(--color-dark-img-light);
	transform:scale(1.02);
}

.cart .items .item .text {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
    padding:var(--margin);
	box-sizing:border-box;
    z-index: 2;
    text-align: center;
}

.cart .items .item .text .semi-text {
    margin: var(--margin-tiny) 0;
}

.cart .items .item .text .note {
    margin-top: var(--margin-mini);
	color:var(--color-light-dark);
	display:block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	max-width:100%;
}

.cart .items .item .text .price {
    margin-top: var(--margin-small);
	width:100%;
	display: flex;
    align-items: center;
	flex-direction:column;
}

.cart .items .item .text .price span {
    margin-top: var(--margin-small);
	display:block;
}

.cart .items .item .delete {
    position:absolute;
	top:0;
	right:0;
	display:flex;
	padding:var(--margin-mini);
	align-items:center;
	justify-content:center;
	z-index:3;
}

.cart .items .item .delete span {
    display: flex;
    align-items: center;
    justify-content: center;
	width:1.2rem;
	height:1.2rem;
	color:var(--color-light);
	font-size:var(--font-size-icon-small);
	line-height:1;
}

/* Footer
========================================================================== */

footer {
	z-index:2;
	background:var(--color-darker);
}

footer.hidden {
	display:none;
}

footer .inner, #nav-menu .inner {
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	text-align:center;
	overflow:hidden;
}

footer .inner .links, #nav-menu .inner .links {
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:10rem;
}

footer .links .top-links .link a,  #nav-menu .links .top-links .link a, footer .links .top-links .link.no-link span {
	transition:color var(--transition-time) var(--transition-regular);
}

footer .links .bottom-links a.active, .links .top-links a.only-active, .links .bottom-links a.only-active {
	color:var(--color-light)!important;
	cursor:default;
}

footer .links .top-links:hover .link a:not(:hover), footer .links .top-links:hover .link.no-link:not(:hover) span, footer .links .top-links.sub .link a:not(.active), #nav-menu .links .top-links:hover .link a:not(:hover), #nav-menu .links .top-links.sub .link a:not(.active) {
	color:var(--color-dark-light);
}

footer .links .top-links.sub .link a:hover, footer .links .top-links.sub .link a.active, #nav-menu .links .top-links.sub .link a:hover, #nav-menu .links .top-links.sub .link a.active {
	color:var(--color-light);
}

footer .links .top-links.sub .link a.active {
	cursor:default;
}

footer .links .link, #nav-menu .links .link {
	display:block;
}

footer .links .link a, #nav-menu .links .link a, footer .links .link.no-link {
	display:block;
	padding:var(--margin-small) 0;
}

footer .links .link.translate a, #nav-menu .links .link.translate a {
	padding:0;
}

footer .links .top-links, #nav-menu .links .top-links {
	margin-bottom:var(--margin);
}

.links .top-links span.inactive {
	opacity:0!important;
	pointer-events:none;
}


/* Texts
========================================================================== */

.narrow-text {
	max-width:30rem;
	text-align:center;
	margin:0 auto;
}

.left-text {
	text-align:left;
}

.text-light-hover {
	transition:color var(--transition-time) var(--transition-regular);
}

.text-light-hover:hover {
	color:var(--color-light);
}

.text-block .sub-heading-text {
	margin:var(--margin-small) 0;
}

.text-block .text-img {
	width:var(--icon-size-huge);
	height:var(--icon-size-huge);
	margin:var(--margin) 0 var(--margin-small) 0;
}

.text-block.flex {
	display: flex;
    flex-direction: row-reverse;
    justify-content: end;
	width:100%;
}

.text-block.flex .sub-heading-text {
	margin:0 var(--margin-small);
}

.text-block.flex .sub-heading-text span {
	display:block;
}

.text-block.flex .text-margin {
	margin-top:1rem;
}

.text-block.flex .text-margin-medium {
	margin-top:3rem;
}

.text-block.flex .text-margin-big {
	margin-top:5rem;
}

.text-block.flex .text-margin-biggest {
	margin-top:6rem;
}

a {
	color:var(--color-light);
}

.j {
	
}

.center-text {
	text-align:center;
	margin:0 auto;
}

.success-text {
	color:var(--color-success);
}

.bg-text {
	display:block;
	background:var(--color-light);
	width:fit-content;
	margin:0 auto;
	margin-top:var(--margin);
	padding:var(--margin-mini) var(--margin-small);
	color:var(--color-dark);
	text-align:center;
}

.underline-link:hover {
	text-decoration:underline;
}

.vertical {
	writing-mode:vertical-rl;
}

.main-heading-text {
	font-size:var(--font-size-huge);
	font-family: 'Bebas Neue', cursive;
}

.heading-text {
	font-size:var(--font-size-big);
	font-family: 'Bebas Neue', cursive;
}

.sub-heading-text { 
	font-size:var(--font-size-medium);
	font-family: 'Bebas Neue', cursive;
}

.small-text {
	font-size:var(--font-size-small);
}

.small-text.line {
	line-height:var(--line-height-small);
}

.regular-text {
	font-size:var(--font-size);
	line-height:var(--line-height);
}

.regular-heading-text {
	font-size:var(--font-size);
	font-family: 'Bebas Neue', cursive;
}

.medium-text {
	font-size:var(--font-size);
	line-height:var(--line-height);
}

.semi-text {
	font-size:var(--font-size-semi);
	line-height:var(--line-height);
	font-family: 'Bebas Neue', cursive;
}

.semi-stay-text {
	font-size:var(--font-size-semi);
	line-height:var(--line-height);
	font-family: 'Bebas Neue', cursive;
}

.semi-text-small {
	font-size:var(--font-size-semi-small);
	font-family: 'Bebas Neue', cursive;
}

.small-heading-text {
	font-size:var(--font-size-small);
	font-family: 'Bebas Neue', cursive;
}

.small-line-text {
	line-height:1;
}

.light-dark-text {
	color:var(--color-light-dark);
}

.dark-light-text {
	color:var(--color-dark-light);
}

.small-desc-text {
	color:var(--color-dark-light);
	font-size:var(--font-size-small);
	line-height: var(--line-height-small);
}

.light-text {
	color:var(--color-light);
}

.dark-text {
	color:var(--color-dark);
}

.upper-text {
	text-transform:uppercase;
}

.small-margin-top {
	margin-top:var(--margin-small);
}

.margin-top {
	margin-top:var(--margin);
}

.mini-margin-right {
	margin-right:var(--margin-mini);
}

.margin-bottom {
	margin-bottom:var(--margin);
}

.big-margin-bottom {
	margin-bottom:var(--margin-big)!important;
}

.big-margin-top {
	margin-top:var(--margin-big);
}

.mini-margin-top {
	margin-top:var(--margin-mini);
}

.mini-margin-bottom {
	margin-bottom:var(--margin-mini);
}

.tiny-margin-bottom {
	margin-bottom:var(--margin-tiny);
}

/* ==========================================================================
   Animations
   ========================================================================== */
   
/* Classes
============================================================================= */

.menu-bg.transitioned {
	transition:filter var(--transition-time) var(--transition-regular)!important;
	filter:grayscale(1);
	backface-visibility: hidden;
}

.to-disappear.gone {
	transition:opacity var(--transition-time) var(--transition-regular)!important;
	opacity:0!important;
	pointer-events:none!important;
}

.image-fade-animation {
	transition-timing-function: linear;
    transition-duration: var(--transition-time-long);
	transition-property: opacity;
	opacity:0;
}

.scroll-trigger.animated .image-fade-animation {
	opacity:1;
}

.image-zoom-animation {
	transition-timing-function: var(--transition-move), var(--transition-move);
    transition-duration: calc(var(--transition-time-long) * 2), calc(var(--transition-time-long) * 2);
	transition-property: filter, transform;
	transform:scale(1.3);
	filter: grayscale(1);
}

.scroll-trigger.animated .image-zoom-animation {
	transform:scale(1);
	filter: none;
}

.image-appear-animation {
	transition-timing-function: linear,var(--transition-move);
    transition-duration: var(--transition-time),var(--transition-time-long);
	transition-property: opacity, transform;
	transition-delay: var(--delay);
	opacity:0;
	transform:scale(1.3);
}

.image-appear-animation.no-opacity {
	opacity:1;
}

.scroll-trigger.animated .image-appear-animation, .image-appear-animation.animated, #card .content.visible .image-appear-animation {
	opacity:1;
	transform:scale(1);
}

.text-appear-animation {
	transition-timing-function: linear,var(--transition-move),var(--transition-regular),var(--transition-regular);
    transition-duration: var(--transition-time),var(--transition-time-long),var(--transition-time),var(--transition-time);
    transition-property: opacity,transform, background-color, color;
    opacity:0;
    transform: translate3d(0, 6rem, 0);
	transition-delay: var(--delay);
}

.text-appear-animation.short-distance {
    transform: translate3d(0, 2rem, 0);
}

.text-appear-animation.invisible {
	opacity:0!important;
}

.text-appear-animation.short {
	 transition-duration: var(--transition-time),calc(var(--transition-time-long) / 2);
}

.text-appear-animation.from-top {
    transform: translate3d(0, -6rem, 0);
}

.text-appear-animation.small-distance {
    transform: translate3d(0, 3rem, 0);
}

.text-appear-animation.center-item {
    transform: translate3d(-50%, 3rem, 0);
}

.animation.text-appear-animation.complete-center-item, .text-appear-animation.complete-center-item {
    transform: translate3d(-50%, calc(-50% + 3rem), 0);
}

#nav-menu.visible.animated .text-appear-animation, .text-appear-animation.animated, .scroll-trigger.animated .text-appear-animation, .animation.animated .text-appear-animation, #switch.transitioned .text-appear-animation, #card.transitioned .text-appear-animation, #card .content.visible .text-appear-animation, .cart .items .item.done .text-appear-animation {
    opacity:1;
    transform: translate3d(0, 0, 0);
}

#nav-menu.visible.animated .text-appear-animation.center-item, .text-appear-animation.center-item.animated, .scroll-trigger.animated .text-appear-animation.center-item, .animation.animated .text-appear-animation.center-item, #switch.transitioned .text-appear-animation.center-item {
    opacity:1;
    transform: translate3d(-50%, 0, 0);
}

.animation.animated.complete-center-item, .text-appear-animation.animated.complete-center-item {
    opacity:1;
    transform: translate3d(-50%, -50%, 0);
}

.blur-in-out-animation {
	transition-timing-function: linear, linear;
	transition-duration: var(--transition-time);
	transition-property: filter, opacity;
	transition-delay: var(--delay);
	filter:blur(10px);
	opacity:0;
}

.blur-in-out-animation.animated {
	filter:none;
	opacity:1;
}

.blur-animation {
	transition-timing-function: linear, linear;
	transition-duration: var(--transition-time);
	transition-property: filter, opacity;
	transition-delay: var(--delay);
}

.blur-animation.blur-out {
	opacity:1;
	filter:blur(0px);
}

.blur-animation.blur-in {
	opacity:0;
	filter:blur(10px);
}

.blur-animation.blur-out.animated {
	filter:blur(10px);
	opacity:0;
}

.blur-animation.blur-in.animated {
	filter:blur(0);
	opacity:1;
}

.letter-appear-animation span:not(.wordwrap) {
	transform: translate3d(0, 5rem, 0);
	display:inline-block;
	opacity:0;
	transition-timing-function: linear, var(--transition-move);
    transition-duration: var(--transition-time),var(--transition-time-long);
    transition-property: opacity,transform;
	transition-delay: var(--delay);
}

.letter-appear-animation .wordwrap {
	white-space:nowrap;
}

.letter-appear-animation.invisible span:not(.wordwrap) {
	opacity:0!important;
}

.letter-appear-animation.short-distance span:not(.wordwrap) {
	transform: translate3d(0, 2rem, 0);
}

.animation.animated .letter-appear-animation span:not(.wordwrap), .scroll-trigger.animated .letter-appear-animation span:not(.wordwrap), .letter-appear-animation.animated span:not(.wordwrap), #card.transitioned .letter-appear-animation span:not(.wordwrap) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* Keyframes
============================================================================= */

.zoomed-img {
	
}
   
@keyframes scrolldown 
{
  0% { background-position: 0 -2rem; }
  75% { background-position: 0 0; }
  100% { background-position: 0 2rem; }
}
   

/* ==========================================================================
   Media queries
   ========================================================================== */

@media only screen and (hover: none){
	
	.layer, #switch.transitioned, #nav-menu, #card.transitioned {
		height: calc(var(--vh, 1vh) * 100);
	}
	
	.main-header {
		min-height: calc(var(--vh, 1vh) * 100);
	}
	
	/*
	.sub-header {
		min-height: calc(var(--vh, 1vh) * 100);
	}
	*/
	
	#fly-img {
		filter:grayscale(1);
		transition:filter var(--transition-time) var(--transition-regular), var(--transition-move) calc(var(--transition-time) * 2);
	}
	
	#fly-img.visible.animated {
		transition:filter var(--transition-time) var(--transition-regular), var(--transition-move) calc(var(--transition-time) * 2);
		filter:none;
	}
	
	.button:not(.no-hover):not(.full):not(.transparent):hover {
		background-color:var(--color-light);
		color:var(--color-dark);
	}

	.button:not(.no-hover):not(.full):not(.transparent):active {
		background-color:transparent;
		color:var(--color-light);
	}
	
	.button.transparent:hover {
		background-color:transparent;
		color:var(--color-light);
	}

	.button.transparent:active {
		background-color:var(--color-light);
		color:var(--color-dark);
	}
	
	.button.full:not(.load):hover {
		background:var(--color-dark);
		color:var(--color-light);
	}
	
	.button.full:not(.load):active {
		background:var(--color-light);
		color:var(--color-dark);
	}
	
	.button.dark:hover {
		background-color: transparent!important;
	}
	
	.button.dark:active {
		background-color: var(--color-dark)!important;
	}
	
	.fly-menu ul li a.done:not(.active):hover {
		opacity:var(--opacity-light);
	}
	
	.fly-menu ul li a.done:not(.active):active {
		opacity:1;
	}
	
	.fly-cart:hover {
		opacity:var(--opacity-light);
	}
	
	.fly-cart:active {
		opacity:1!important;
	}
	
	.fly-vegan:not(.active):hover {
		opacity:var(--opacity-light);
		filter:grayscale(1);
	}
	

	.opacity-light-hover:hover {
		opacity:1;
	}

	.opacity-light-hover:active {
		opacity:var(--opacity-light);
	}
	
	.scroll-trigger.animated.done .split .item.img-container.children:hover .button {
		background-color:transparent;
		color:var(--color-light);
	}

	.scroll-trigger.animated.done .split .item.img-container.children:active .button {
		background-color:var(--color-light);
		color:var(--color-dark);
	}
	
	.open-menu.active:hover div {
		opacity:1;
	}
	
	.open-menu.active:active div {
		opacity:var(--opacity-light);
	}

	.open-menu:not(.active):hover div span::before, .open-menu.active div span::before {
		left:0;
		transform:translate(0, -50%);
	}
	
	.open-menu:not(.active):active div span::before, .open-menu.active div span::before {
		left:50%;
		transform:translate(-50%, -50%);
	}

	.open-menu:not(.active):hover div span::after, .open-menu.active div span::after {
		right:0;
		transform:translate(0, -50%);
	}
	
	.open-menu:not(.active):active div span::after, .open-menu.active div span::after {
		right:50%;
		transform:translate(50%, -50%);
	}
	
	.text-light-hover:hover {
		color:var(--dark-light-text);
	}

	.text-light-hover:active {
		color:var(--color-light);
	}
	
	footer .links .top-links:not(.sub):hover .link a:not(:hover), #nav-menu .links .top-links:not(.sub):hover .link a:not(:hover) {
		color:var(--color-light);
	}
	
	footer .links .top-links:not(.sub):active .link a:not(:active), #nav-menu .links .top-links:not(.sub):active .link a:not(:active) {
		color:var(--color-dark-light);
	}

	footer .links .top-links.sub .link a:not(.active):hover, #nav-menu .links .top-links.sub .link a:not(.active):hover {
		color:var(--color-dark-light);
	}
	
	footer .links .top-links.sub .link a:not(.active):active, #nav-menu .links .top-links.sub .link a:not(.active):active {
		color:var(--color-light);
	}
	
	.qty .qty-change:hover {
		background: transparent;
		color:var(--color-light);
	}
	
	.qty .qty-change:active {
		background: var(--color-light);
		color:var(--color-dark);
	}
	
	.qty.dark .qty-change:hover {
		background: transparent;
		color:var(--color-dark);
	}
	
	.qty.dark .qty-change:active {
		background: var(--color-dark);
		color:var(--color-light);
	}
	
	#card .text .box label:hover div:not(.soldout) {
		opacity:1;
	}
	
	#card .text .box label:active div:not(.soldout) {
		opacity:var(--opacity-light);
	}
	
	.button.light-mobile:hover {
		background-color:var(--color-light)!important;
		color:var(--color-dark)!important;
	}
	
	.button.light-mobile:active {
		background-color:transparent!important;
		color:var(--color-light)!important;
	}
	
	.scroll-trigger.animated.done .split .item.img-container.children .img, .main-header nav ul li a .img.animation.done, .main-header nav ul li a .img.no-ani, .scroll-trigger.animated.done .split .item.img-container.children .button, footer .links .top-links .link a, #nav-menu .links .top-links .link a, .text-light-hover, .opacity-light-hover, .fly-menu ul li a.done, .menu-item.animated.done .button, #card .text .box label div, .qty .qty-change, #card .content.done .button, .cart.open .inner.visible .bottom .button, .error .button, .button.full:not(.load):not(.trans), .split .item .section .inner-content .select label .back, .split .item .section .inner-content .select .add, .button.dark {
		transition:none!important;
	}

	.scroll-trigger.animated.done .split .item.img-container.children:hover .img {
		transform:scale(1);
	}
	
	.cart .items .item:hover .img, .cart .items .item:active .img {
		background-color: var(--color-dark-img);
		transform:scale(1);
	}
}

@media (max-width:1200px) {
	
	.parallax.back.switch-mobile {
		z-index:2;
		transform: none;
	}
	
	.parallax.front.switch-mobile {
		z-index:1;
		transform: translateZ(-1px) scale(2);
	}

	.split .item #locform .box {
		display: block;
		text-align:center;
		width:100%;
		margin:0 auto;
	}
	
	.split .item #locform #loccheck {
		margin-top: var(--margin-small);
		margin-left:0;
		padding: 0.7rem 1rem 0.6rem 1rem;
	}

	#card .content.inner-center .inside {
		width:100%;
		padding:var(--margin-big) var(--margin);
	}

	.split.overlap {
		display: grid!important;
		grid-template-columns: 1fr;
	}
	
	.split.overlap .item {
		grid-row-start: 1;
		grid-column-start: 1;
	}
	
	.split.overlap .item.in-front {
		z-index:2;
	}
	
	.split.overlap .item.in-back {
		z-index:1;
	}
	
	.split .item.remove-bg {
		background: transparent;
	}
	
	.split .item.move-center {
		text-align:center;
	}
	
	.split .item .img.darken-mobile {
		background-color: var(--color-dark-img);
		background-blend-mode: darken;
	}
	
	.dark-text.light-mobile {
		color:var(--color-light);
	}
	
	.dark-light-text.light-dark-text-mobile {
		color:var(--color-light-dark);
	}
	
	.button.light-mobile {
		background-color:var(--color-light);
		color:var(--color-dark);
		border:1px solid var(--color-light);
	}
	
	.button.light-mobile:hover {
		background-color:transparent!important;
		color:var(--color-light);
	}
	
	#bottomtext .bottom-menu .button.margin.no-mobile {
		margin-right:0;
	}

	.only-mobile {
		display:block!important;
	}
	
	.only-mobile.flex {
		display:flex!important;
	}


	.not-mobile {
		display:none!important;
	}

	.full-content {
		padding: var(--margin-big) var(--margin);	
	}
	
	.reservation {
		width:100%;
	}
	
	.reservation .boxes {
		display: block;
	}
	
	.reservation .boxes .box:not(.triple):last-child {
		margin-left: 0;
		margin-top:var(--margin-small);
	}
	
	.reservation .boxes .box:not(.triple):first-child {
		margin-right: 0;
	}
	
	.reservation .boxes .box.triple .wrap, .reservation .boxes .box.triple .from-container, .reservation .boxes .box.triple .to-container {
		flex: 1;
	}
	
	.reservation .boxes .box.triple {
		display: block;
		text-align:center;
	}
	
	.reservation #change {
		margin: var(--margin-small) 0 0 0;
	}
	
	.reservation .boxes .box.triple .from-container {
		margin: var(--margin-small) 0;
	}
	
	.reservation .boxes .box.triple .to-container {
		margin:0 0 var(--margin-small) 0;
	}
	
	.split .item #map {
		pointer-events:none;
	} 
	
	.container {
		width:calc(100% - (var(--margin) * 2));
	}

	.center-dot:not(.keep) {
		font-size:0;
		display:block;
		line-height:0;
	}
	
	.text-block .regular-text:not(.stay):not(.stay-normal) {
		margin-left:0!important;
	}
	
	.text-block .regular-text.stay {
		margin-top:var(--margin);
	}

	.split:not(.column) {
		display: block;
	}
	
	.split.column {
		flex-direction:column-reverse;
	}
	
	.split .item {
		flex:1;
	} 
	
	.split .item.full {
		min-height:100vh;
	}
	
	.split .item:not(.img) .inner {
		margin:var(--margin-big) var(--margin);
	}
	
	.split .item form:not(.no-padding):not(#locform) {
		padding:var(--margin-big) var(--margin) calc(var(--margin-big) + var(--margin)) var(--margin);
	}

	.split .item.summary-container #summary {
		padding:var(--margin) var(--margin) calc(var(--margin-big) * 2) var(--margin);
	}
	
	.split .item .section .inner-content .select.two {
		display: block;
	}
	
	.split .item .section .inner-content .select label .back {
		margin-right: 0;
	}
	
	.split .item .section .inner-content .select label:first-child .back {
		margin-bottom: var(--margin-small);
	}
	
	.split .item .img.fresh {
		background-image:url(../img/small/noodles.png); 
		background-image:url(../img/small/noodles.webp); 
	}
	
	.split .item .img.help {
		background-image:url(../img/small/reservation.png); 
		background-image:url(../img/small/reservation.webp); 
	}
	
	.split .item .img.group {
		background-image:url(../img/small/group.png); 
		background-image:url(../img/small/group.webp); 
	}

	.split .item .img.teaser {
		background-image:url(../img/small/reservation.png);
		background-image:url(../img/small/reservation.webp);
	}
	
	.split .item .img.ingredients {
		background-image:url(../img/small/ingredients.png);
		background-image:url(../img/small/ingredients.webp);
	}
	
	.split .item .section .inner-content .select label:not(.inactive):hover .back  {
		opacity: var(--opacity-light);
	}
	
	.split .item .section .inner-content .select label:not(.inactive):active .back  {
		opacity: 1;
	}
	
	.split .item .section .inner-content .boxes {
		display:block;
	}
	
	.split .item .section .inner-content .boxes .box:last-child {
		margin-left:0;
	}
	
	.split .item .section .inner-content .boxes .box:first-child {
		margin-right:0;
	}
	
	.split .item .section .inner-content .boxes .box:last-child p.hint, .split .item .section .inner-content .boxes .box:last-child p.errhint {
		margin-bottom: 0;
	}
	
	.split .item .section .inner-content .boxes .box p.hint, .split .item .section .inner-content .boxes .box p.errhint, .split .item .section .inner-content .boxes .boxcontainer p.hint {
		margin-top: var(--margin-mini);
		margin-bottom: var(--margin-small);
	}

	.split .item .section .inner-content .select .add:not(.load):not(.suc):not(.err):hover {
		opacity: 1;
	}
	
	.split .item .section .inner-content .select .add:not(.load):not(.suc):not(.err):active {
		opacity: var(--opacity-light);
	}
	
	.button.full.light:not(.load):hover {
		background: var(--color-light);
		color: var(--color-dark);
	}
	
	.button.full.light:not(.load):active {
		color: var(--color-light);
		background: var(--color-dark);
	}

	.map .item .img {
		height:100vh;
	}
	
	.split.end .item:last-child {
		display: none;
	}
	
	.split.end .item {
		margin-right: 0;
	}
	
	.main-heading-text {
		font-size:var(--font-size-huge-mobile);
	}

	.heading-text {
		font-size:var(--font-size-big-mobile);
	}
	
	.sub-heading-text {
		font-size:var(--font-size-medium-mobile);
	}
	
	.semi-text {
		font-size:var(--font-size-semi-mobile);
	}
	
	.semi-text-small {
		font-size: var(--font-size-semi-small-mobile);
	}
	
	.main-header nav ul {
		flex-direction:column;
	}
	
	.main-header nav ul li a .content .regular-text {
		margin-top:var(--margin-tiny);
	}
	
	.main-header nav ul li a.visit .img {
		background-image: url(../img/small/reservation.png);
		background-image: url(../img/small/reservation.webp);
	}
	
	.main-header nav ul li a.eat .img {
		background-image: url(../img/small/menu.png);
		background-image: url(../img/small/menu.webp);
	}

	.main-header nav ul li a.box .img {
		background-image: url(../img/small/box.png);
		background-image: url(../img/small/box.webp);
	}
	
	#fly-logo {
		left:0;
		transform:translate(0,0);
	}
	
	.split .item.img-container.children .text .inner-text {
		display:block;
	}
	
	.split .item.img-container.children .button {
		margin-top:var(--margin-small);
	}
	
	.logo-container .logo, .logo-normal-container .logo, .logo.standalone {
		height:var(--logo-height-mobile);
	}
	
	#main-logo .logo, #fly-logo .logo, #menu-logo .logo {
		padding: var(--margin-small);
	}
	
	.narrow-text {
		width:100%;
	}
	
	.open-menu {
		top: var(--margin-tiny);
		right: var(--margin-mini);
	}
	
	.menu-item .text {
		width:calc(100vw - (var(--margin) * 2));
	}
	
	.fly-menu ul li a .j {
		display:none;
	}
	
	.fly-cart {
		right:var(--margin-small);
	}
	
	.logo-container.center-x {
		left: 0;
		transform: translate3d(0, 6rem, 0);
	}
	
	.logo-container.center-x.no-ani {
		transform: translate3d(0, 0, 0);
	}
	
	.logo-container.center {
		left: 0;
		transform: translate(0,0);
	}
	
	#nav-menu.visible.shown.animated .text-appear-animation.center-item, .text-appear-animation.center-item.animated, .scroll-trigger.animated .text-appear-animation.center-item:not(.stay-center), .animation.animated .text-appear-animation.center-item, #switch.transitioned .text-appear-animation.center-item {
		transform: translate3d(0, 0, 0);
	}
	
	.cart .inner {
		right:calc(0rem - var(--sidebar-size-mobile));
		width:var(--sidebar-size-mobile);
	}
	
	#card .close span {
		color: var(--color-dark);
	}
	
	#card .content:not(.stay) {
		display:block;
	}
	
	#card .close.right {
		right: 0;
	}
	
	#card .text {
		height: 100%;
	}
	
	#card .text .item {
		padding: 0 var(--margin);
	}
	
	#card .text .item:not(:last-child) {
		margin-bottom: var(--margin);
	}
	
	#card .top .mobile-img {
		display:block;
	}
	
	#card .content .text .top {
		padding:0;
	}

	
	#card .text .box label {
		padding: var(--margin-mini);
		margin: var(--margin-mini);
	}
	
	#card .img-container
	{
		display:none;
	}
	
	.summary-container {
		height:100vh;
		left:0;
		top:0;
		background:transparent!important;
		position:fixed!important;
		z-index:4;
		width:100%;
		display:none!important;
	}
	
	.summary-container .bg {
		opacity:0;
		background:#000;
		transition:opacity var(--transition-move) calc(var(--transition-time-long) / 2);
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
		display:block!important;
	}
	
	.summary-container #summary {
		transition:top var(--transition-move) calc(var(--transition-time-long) / 2); 
		height:100%;
		left:0;
		top:100vh;
		position:absolute;
		z-index:1;
		overflow-y:scroll;
		width:100%;
		background:var(--color-light);
		z-index:2;
	}
	
	.summary-container.shown {
		display:block!important;
	}
	
	.summary-container.open #summary {
		top:0;
	}
	
	.summary-container.open .bg {
		opacity:0.9;
	}
	
	.floating-summary {
		display:block;
	}
	
	#bottomtext:not(.stay), #bottomtextsoldout {
		display:none!important;
		bottom: -10rem!important;
	}
	
	.parallax.mobile {
		display:block;
	}
	
	.split .item.remove {
		display:none!important;
	}
	
	.parallax.front.only-mobile {
		z-index: 1;
		transform: translateZ(-1px) scale(2);
	}

	.split .item .steps .filler {
		background-image: radial-gradient( ellipse, var(--color-accent) 1px, var(--color-accent) 1px, transparent 1px);
		background-size: 15px 15px;
		background-position: 2px 3px;
		height: 20px;
		border: none;
		width: var(--margin); 
		display: block;
	}
}

@media (max-height:550px) {
	
	.parallax.remove {
		transform: none!important;
	}
	
	.parallax.back {
		transform: none;
	}

	
	.wrapper.no-perspective {
		perspective:none!important;
	}
	
	footer.smaller , #footer-logo, #nav-menu .icons {
		
	}
	
	footer.smaller .icons, #footer-logo.smaller {
		display:none;
	}
	
	footer.smaller .links .link {
		display:inline;
	}
	
	footer.smaller .links .link a {
		display:inline;
		padding:0 var(--margin-small)!important;
	}
	
	footer.smaller .links .link a span {
		display:none;
	}
}

@media (max-height:400px) {
	.parallax {
		transform: none!important;
	}
	
	.wrapper {
		perspective:none!important;
	}
	
	footer .icons, #footer-logo, #nav-menu .icons {
		display:none;
	}
	
	footer .links .link, #nav-menu .links .link {
		display:inline;
	}
	
	footer .links .link a, #nav-menu .links .link a, footer .links .link.no-link {
		display:inline;
		padding:0 var(--margin-small)!important;
	}
	
	footer .links .link a span, #nav-menu .links .link a span {
		display:none;
	}
	
	#nav-menu-logo {
		display:none;
	}
	
	.split .item .address {
		display:none;
	}
}

@media (max-height:200px) {
	
	#menu-logo {
		display:none;
	}
}

@media (min-width:1200px) and (max-height:500px) {
	.logo-container.animation-start.done  {
		display:none;
	}
}