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

:root {
	--font-size-smaller:0.8rem;
	--font-size-small:1rem;
	--font-size-semi-small:1.2rem;
	--font-size-mobile:1.4rem;
	--font-size-semi:1.1rem;
	--font-size:1.3rem;
	--font-size-heading:1.8rem;
	--font-size-medium:2.2rem;
	--font-size-medium-mobile:1.7rem;
	--font-size-big:3.2rem;
	--font-size-big-mobile:2.2rem;
	--font-size-huge:6rem;
	--font-size-huge-mobile:3rem;
	--font-size-icon:1.1rem;
	--font-size-icon-small:0.8rem;
	--line-height:1.2;
	--line-height-medium:1.5;
	--line-height-big:2;
	--margin-tiny:0.5rem;
	--margin-small:1rem;
	--margin:1.5rem;
	--margin-half:0.75rem;
	--margin-semi:2rem;
	--margin-medium:3rem;
	--margin-big:5rem;
	--margin-big-mobile:4rem;
	--margin-top:20rem;
	--spacing:0.3rem;
	--appear-distance:5rem;
	--appear-distance-mobile:2rem;
	--header-height:7rem;
	--logo-height:5rem;
	--logo-height-mobile:3rem;
	--logo-height-big:8rem;
	--logo-height-big-mobile:5rem;
	--textarea-height:15rem;
	--icon-size:2rem;
	--icon-size-medium:3.8rem;
	--icon-size-medium-mobile:3.3rem;
	--thumbnail-size:6rem;
	--sidebar-size:33rem;
	--sidebar-size-mobile:80vw;
	--opacity-less-light:0.8;
	--opacity-light:0.5;
	--opacity-lighter:0.2;
	/*--color-dark:#02140f;*/
	--color-dark:#000000;
	--color-dark-transparent:rgba(22,22,22,0.3);
	--color-dark-img:rgba(0,0,0,0.5);
	--color-dark-img-light: rgba(0,0,0,0.3);
	--color-dark-light-bg:rgba(0,0,0,0.8);
	--color-dark-bg:rgba(0,0,0,0.9);
	--color-dark-transparent:rgba(0,0,0,0.5);
	/*--color-light:#f5f5f1;*/
	--color-light:#ffffff;
	--color-light-transparent:rgba(255,255,255,0.3);
	--color-light-transparenter:rgba(255,255,255,0.2);
	--color-light-dark:#E8EAE9;
	--color-light-darker:#697471;
	--color-gray:#e6e6e6;
	--color-error: #f5123d;
	--color-error-light: rgba(245, 18, 61, 0.2);
	--color-highlight: #f9f871;
	--color-highlight-light: rgba(249, 248, 113, 0.2);
	--color-success: #00c176;
	--color-success-light: rgba(0, 193, 118, 0.2);
	--transition-time-fastest:200ms;
	--transition-time-fast:300ms;
	--transition-time:500ms;
	--transition-time-long:1400ms;
	--transition-regular:cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--transition-move:cubic-bezier(0.12, 0.86, 0.3, 1);
	--tint-color-light:invert(86%) sepia(95%) saturate(19%) hue-rotate(313deg) brightness(105%) contrast(106%);
	--tint-color-dark:invert(0%) sepia(0%) saturate(2763%) hue-rotate(168deg) brightness(120%) contrast(83%);
}

/* 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;
	font-family: 'PT Serif', serif;
}

textarea {
	font-family: 'PT Serif', serif;
}

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

body, html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	scroll-behavior: smooth;
} 

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

html {
	font-size:10px;
}

body {
    font-style: normal;
	letter-spacing:normal;
	background-color:var(--color-dark);
	line-height:var(--line-height);
	font-size:var(--font-size);
	overflow:hidden;
	color:var(--color-light);
	font-family: 'PT Serif', serif;
}

body.regular {
   overflow-y:auto;
   scroll-behavior: smooth;
}

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

a:not(.logo) img {
	width:100%;
}

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

.clear {
	clear:both;
}

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

.grecaptcha-badge { 
    visibility:hidden;
}

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


button {
	cursor:pointer;
}

a {
	text-decoration:none;
	color:var(--color-light);
}

h1,h2,h3,h4,h5,h6 {
	display:block;
}

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

.overlap {
	display: grid;
	grid-template-columns: 1fr;
}

.overlap .button, .overlap .child {
	grid-row-start: 1;
	grid-column-start: 1;
}

#bottomtext, #bottomtextsoldout, #bottomtextsuccess {
    position: fixed;
    bottom: -10rem;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: var(--margin-small);
    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.visible, #bottomtextsoldout.visible, #bottomtextsuccess.visible {
    opacity: 1;
    bottom: 0;
    pointer-events: auto;
}

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

.fullscreen {
	position:relative;
	background-size:cover;
	background-position:center center;
	min-height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.fullscreen .bg {
	background-size:cover;
	background-position:center center;
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	background-blend-mode: darken;
	transition: background-color var(--transition-time) var(--transition-regular);
}

.fullscreen .bg.dark {
	background-color:var(--color-dark-light-bg);
}

.fullscreen .bg.hidden {
	opacity:0;
}

.fullscreen.reservations .bg {
	background-image:url('../img/home/5.png');
	background-image:url('../img/home/5.webp');
}

.fullscreen .content {
	text-align:center;
	position:relative;
	z-index:2;
}

.fullscreen .content .top {
	height:100vh;
	display:flex;
	align-items:center;
}

.fullscreen .content .top .inner {
	
}


.fullscreen .content .bottom {
	
}

.split {
	width:100%;
	display:flex;
}

.split .side {
	flex: 0.5;
	box-sizing:border-box;
	padding: var(--margin-big);
}

.window {
	position:fixed;
	z-index:4;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	box-sizing:border-box;
}

.window .bg {
	background:var(--color-dark-bg);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition: opacity var(--transition-time-fast) var(--transition-regular);
	opacity:0;
}

.window .content {
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
	transition: opacity var(--transition-time-fast) var(--transition-regular);
	opacity:0;
	text-align:center;
	box-sizing:border-box;
	overflow-y: auto;
}

.window .content .inner {
	width:40%;
	margin:0 auto;
	padding: var(--margin-top) 0 calc(var(--margin-big) * 2) 0;
}

.window.shown {
	display:block;
}

.window.visible .bg, .window.visible .content {
	opacity:1;
}

#fullloading {
	position:fixed;
	z-index:6;
	opacity:0;
	background:var(--color-dark);
	transition:opacity var(--transition-time) var(--transition-regular);
	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-bottom-center {
	position:absolute!important;
	bottom:var(--margin-big);
	left:50%;
	transform:translate(-50%, 0);
}

.container {
	width:40%;
	text-align:center;
	margin:0 auto;
}

.container.wide {
	width:50%;
}

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

.not-mobile {
	display:block;
}

.wrapper {
	position:relative;
	z-index:1;
	overflow-x: hidden;
    overflow-y: scroll;
	height:100%;
	width:100%;
	perspective: 1px;
	perspective-origin: 0 0;
	scroll-behavior: smooth;
}

.wrapper.regular {
	perspective: none;
}

/* 1 + (translateZ * -1) / perspective */

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

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

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

.block {
	display:block;
}

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

.full-width {
	width:100%;
}

.half-width {
	width:50%;
}

header {
	width:100%;
	width:var(--aw);
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	pointer-events:none;
}


header.simple {
	width:100%;
}

header .logo-container {
	box-sizing:border-box;
	padding:var(--margin-medium) 0;
}

header .logo-container a {
    opacity:0;
	pointer-events:none;
	transition: opacity var(--transition-time) var(--transition-regular);
}

header .logo-container a.visible {
    opacity:1;
	pointer-events:auto;
}

header .logo-container:hover a.visible {
    opacity:var(--opacity-light);
}

header.dark .logo-container a img {
	filter:var(--tint-color-dark);
}

header .menu {
	position:absolute;
	left:0;
	top:0;
	box-sizing:border-box;
	padding:var(--margin-medium);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:auto;
}

header .menu .hamburger {
	position:relative;
	width:2.5rem;
	height:0.6rem
}

header .menu .hamburger span {
	display:block;
	position:absolute;
	left:0;
	background:var(--color-light);
	width:100%;
	height:0.1rem;
}

header.dark .menu .hamburger span {
	background:var(--color-dark);
}

header .menu .hamburger span:first-child {
	top:0;
	transition: top var(--transition-time-fast) var(--transition-regular);
}

header .menu .hamburger span:last-child {
	bottom:0;
	transition: bottom var(--transition-time-fast) var(--transition-regular);
}

header .menu.open .hamburger span:first-child {
	top:0.25rem;
}

header .menu.open .hamburger span:last-child {
	bottom:0.25rem;
}

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

.flex-container.start {
	justify-content:start;
}

.flex-container.end {
	justify-content:end;
}

.flex-container .separator {
	display:block;
	margin:0 var(--margin);
}

.flex-container .big-separator {
	display:block;
	margin:0 var(--margin);
	background:var(--color-light-transparent);
	width:1px;
	height:6rem;
}

#main-menu {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:var(--color-dark-bg);
	z-index:4;
	display:none;
	opacity:0;
	transition: opacity var(--transition-time-fast) var(--transition-regular);
}

#main-menu.open {
	display:block;
}

#main-menu.open.visible {
	opacity:1;
}

#main-menu .content {
	width:100%;
	position:relative;
	height:100%;
	padding:calc(var(--margin-big) * 2);
	box-sizing:border-box;
	opacity:1;
	overflow-y:auto;
}

#main-menu .content .boxes {
	width:100%;
	min-height:100%;
	display:flex;
}

#main-menu .left {
	display:flex;
	justify-content:end;
	flex-direction:column;
} 

#main-menu .center {
	flex:1;
} 

#main-menu .right {
	display:flex;
	justify-content:end;
	align-items:end;
	flex-direction:column;
}

#main-menu nav ul li {
	display:block;
	margin-bottom:var(--margin-small);
}

#main-menu nav {
	margin-bottom:var(--margin-big);
}

#main-menu .right nav ul li {
	text-align:right;
}

#main-menu nav ul li a.active {
	opacity:var(--opacity-light)!important;
}

#main-menu .links {
	display:flex;
	align-items:end;
	justify-content:start;
}

#main-menu .links .inner {
	display:flex;
	flex-shrink: 0;
}

.images {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.images .img {
	height:100vh;
	background-size:cover;
	background-position:center center;
	background-blend-mode: darken;
	transition: background-color var(--transition-time) var(--transition-regular);
}

.images.dark .img {
	background-color:var(--color-dark-light-bg);
}

.images .img.fi {
	background-image:url('../img/home/1.png');
	background-image:url('../img/home/1.webp');
}

.images .img.se {
	background-image:url('../img/home/2.png');
	background-image:url('../img/home/2.webp');
}

.images .img.th {
	background-image:url('../img/home/3.png');
	background-image:url('../img/home/3.webp');
}

.images .img.fo {
	background-image:url('../img/home/4.png');
	background-image:url('../img/home/4.webp');
}

.images .img.fiv {
	background-image:url('../img/home/5.png');
	background-image:url('../img/home/5.webp');
}

.images .img.si {
	background-image:url('../img/home/6.png');
	background-image:url('../img/home/6.webp');
}

.images .img.sev {
	background-image:url('../img/home/7.png');
	background-image:url('../img/home/7.webp');
}

.texts .text.wide .inner {
	width:80%!important;
}

.texts {
	width:100%;
	text-align:center;
}

.texts .text {
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	scroll-margin-top: var(--appear-distance);
	padding:var(--margin-big) 0;
	box-sizing:border-box;
	position:relative;
}

.texts .text.free {
	display:block;
	padding-top:var(--margin-top);
	box-sizing:border-box;
}

.texts .text.free .inner {
	margin:0 auto;
}

.texts .text.highlight-content {
	padding:var(--margin-big) 0;
	box-sizing:border-box;
	background:var(--color-gray);
	color:var(--color-dark);
	min-height:auto;
}

.texts .text.main-content {
	padding:var(--margin-big) 0;
	box-sizing:border-box;
	background:var(--color-light);
	color:var(--color-dark);
	min-height:auto;
}

.texts .text.img-content {
	background-size:cover;
	background-position:center center;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:50vh;
}

.texts .text.img-content.reservation-detail {
	background-image:url('../img/home/4.png');
	background-image:url('../img/home/4.webp');
}

.texts .text .inner {
	width:40%;
}

.texts .text.wide .inner {
	width:80%!important;
}

.texts .text.wide .inner .bottom {
	margin-top:var(--margin-big);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:var(--margin);
	box-sizing:border-box;
}

.texts footer:not(.dark) {
	margin-bottom:var(--margin);
	box-sizing:border-box;
}

.texts footer a {
	color:var(--color-light-dark);
}

.texts footer.dark {
	min-height:auto;
	padding:var(--margin-big) 0;
	box-sizing:border-box;
	background:var(--color-dark);
}

/* Graphics
========================================================================== */

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

.qty.full-height {
	height: 80%;
}

.qty .qty-change {
    border: 1px solid var(--color-light);
    width: 2.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);
	font-family: 'Bebas Neue', cursive;
	transition:background-color var(--transition-time) var(--transition-regular),color var(--transition-time) var(--transition-regular);
}

.qty.full-height .qty-change {
	width:3.5rem;
}

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

.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: 3rem;
    color: var(--color-light);
	font-size:var(--font-size-semi);
	font-family: 'Bebas Neue', cursive;
}

.qty.full-height .qty-input {
    width: 3.5rem;
}

.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);
}

.splitter {
	width:15rem;
	height:0.1rem;
	background-color:var(--color-dark);
	margin:0 auto;
}

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

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

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

.error.visible {
	opacity:1;
}

.loading.visible {
	opacity:1;
}

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

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

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

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

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

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

.icon svg {
	height:100%;
}

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

.logo {
	display:block;
	height:var(--logo-height);
}

.logo img {
	height:100%;
	filter:var(--tint-color-light);
}

.logo.big {
	height:var(--logo-height-big);
}

.logo.dark img {
	filter:var(--tint-color-dark);
}

.scroll-container {
	width:10rem;
	height: 3rem; 
	position: absolute; 
	bottom: var(--margin); 
	left: 0; 
	right: 0; 
	margin: 0 auto; 
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:center;
}

.scroll-container .scroll {
	display:block;
	width: 0.1rem; 
	height: 3rem; 
	overflow: hidden; 
	background: linear-gradient(to bottom, var(--color-light-darker) 50%, rgba(255, 255, 255, 0) 50%); 
	background-position: 0 -3rem; 
	background-size: 100% 200%; 
	animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

.scroll.hidden {
	display:none;
}

.button {
	padding:var(--margin) var(--margin-medium);
	text-align: center;
	width: fit-content;
	cursor: pointer;
	color: var(--color-light);
	position: relative;
	border:1px solid var(--color-light-dark);
	background-clip: padding-box;
}

.button.to-hide {
	transition: opacity var(--transition-time) var(--transition-regular);
	opacity:0;
	pointer-events:none;
}

.button.to-hide.visible {
	opacity:1;
	pointer-events:auto;
}

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

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

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

.button.small {
	padding:var(--margin-small) var(--margin);
}

.button.full-width {
	width:100%;
	display:block;
	box-sizing:border-box;
}

.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);
}

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

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

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

.j path {
	fill:var(--color-light-dark);
}

.message {
	padding: var(--margin) var(--margin-medium);
	box-sizing:border-box;
	color:var(--color-light);
	text-align:center;
	margin:0 auto;
	display:none;
	line-height:var(--line-height-medium);
	scroll-margin-top: 10rem;
	display:none;
}

.message.invisible {
	transition: opacity var(--transition-time) var(--transition-regular);
	opacity:0;
	display:block;
	pointer-events:none;
}

.message.invisible.visible {
	opacity:1;
	pointer-events:auto;
}
.message.full {
	width:100%;
}

.message.err {
	border:1px solid var(--color-error);
	background:var(--color-error-light);
}

.message.highlight {
	border:1px solid var(--color-highlight);
	background:var(--color-highlight-light);
}

.message.success {
	border:1px solid var(--color-success);
	background-color:var(--color-success-light);
}

/* Home
========================================================================== */

.fly-button {
	position:fixed;
	z-index:3;
	right:var(--margin-big);
	bottom:var(--margin-big);
}

/* Reservations
========================================================================== */

.reservation-input {
   transition:opacity var(--transition-time) var(--transition-regular);
}

.reservation-input.inactive {
    opacity:var(--opacity-light);
}

.wrap.transparent .select-container {
	position:relative;
	padding:0 var(--margin-small);
}

.wrap.transparent .select-container .load-time {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none;
	opacity:var(--opacity-light);
}

.wrap.transparent .select-container.load .load-time {
	display:block;
}

.reservation-input:not(.inactive) .wrap.transparent .select-container:hover {
	opacity:var(--opacity-light);
}

.wrap.transparent .select-container select {
	background:transparent;
	color:var(--color-light);
	border:none;
	padding:0 var(--margin);
	text-align:center;
	position:relative;
	cursor:pointer;
}

.wrap.transparent .select-container.load select {
	opacity:0;
	pointer-events:none;
}

.wrap.transparent .select-container select optgroup {
	background:var(--color-light);
	color:var(--color-dark);
}

.wrap.transparent .select-container select optgroup option {
	color:var(--color-light);
}

.reservation-input.inactive .wrap.transparent .select-container select {
	cursor:default;
}

.wrap.transparent .select-container::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    content: '\25BF';
    color: var(--color-light);
    pointer-events: none;
    letter-spacing: normal;
}

.wrap.transparent .select-container select option {
	background:var(--color-dark);
}

.wrap.transparent label {
	display:block;
	margin-bottom:var(--margin-small);
}

#finalreservation, .alternatives-box, .topreservation {
	opacity:0;
	pointer-events:none;
	transition: opacity var(--transition-time) var(--transition-regular);
}

#finalreservation.visible, .alternatives-box.visible, .topreservation.visible {
	opacity:1;
	pointer-events:auto;
}

.alternatives-container {
	margin:0 auto;
}

.alternatives-container .alternatives {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-light-transparent);
    padding: var(--margin-small);
    box-sizing: border-box;
    position: relative;
	flex-wrap: wrap;
}

.alternatives-container .alternatives a {
    margin: var(--margin-small);
	white-space:nowrap;
}

/* Menu
========================================================================== */

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

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

#card.shown {
	display:block;
}

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

#card.open .bg {
	opacity:0.9;
}

#card .content {
	position:absolute;
	top:100%;
	left:0; 
	width:100%;
	height:100%;
	z-index:2;
	display:flex;
	flex-direction:column;
	background:var(--color-light);
	transition:top var(--transition-time) var(--transition-move);
}

#card .content .close-error {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    padding: var(--margin-semi);
    line-height: 1;
    font-size: var(--font-size-icon);
    align-items: center;
    justify-content: center;
    z-index: 3;
}

#card.open .content {
	top:0;
}

#card .content .inner {
	width:100%;
	text-align:center;
	display:flex;
	overflow: hidden;
	height:100%;
	transition:opacity var(--transition-time) var(--transition-move);
	opacity:0;
}

#card .content.visible .inner {
	opacity:1;
}

#card .content .inner .img {
	flex: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
	overflow:hidden;
}

#card .content .inner .img .inner-img {
	background-size:cover;
	background-position:center center;
	background-color: var(--color-dark-img-light);
    background-blend-mode: darken;
	transition:background-color calc(var(--transition-time-long) + 300ms) var(--transition-move), transform calc(var(--transition-time-long) + 300ms) var(--transition-move);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

#card .content .inner .img .inner-img.fade {
	transform:scale(1.2);
	background-color: var(--color-dark-img-light);
}

#card .content .inner .img .inner-text {
	position:relative;
	z-index:2;
}


#card .content .inner .text {
	flex: 0.5;
    text-align: center;
    display: flex;
    flex-direction: column;
	position:relative;
	z-index:2;
}

#card .content .inner .text .top {
    flex: 1;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
	position:relative;
	box-sizing:border-box;
	padding-bottom:3.5rem;
	background:var(--color-light);
}

#card .content .inner .text .top .close {
    position: sticky;
    top: 0;
    float: right;
    right: 0;
    display: flex;
    padding: var(--margin-semi);
    line-height: 1;
    font-size: var(--font-size-icon);
    align-items: center;
    justify-content: center;
    z-index: 3;
	mix-blend-mode:difference;
}

#card .content .inner .text .top .close span {
    color:var(--color-light);
}

#card .content .inner .text .top .head {
    padding: var(--margin-big);
    box-sizing: border-box;
    color: var(--color-dark);
	background: var(--color-gray);
}

#card .content .inner .text .top .section-head {
    padding: var(--margin-big);
    box-sizing: border-box;
}

#card .content .inner .text .top .section {
    color: var(--color-dark);
	display: grid;
    box-sizing: border-box;
}

#card .content .inner .text .top .input {
    color: var(--color-dark);
	width:calc(100% - (var(--margin) * 2));
	margin:0 auto;
	box-sizing:border-box;
}

#card .content .inner .text .top .section label {
	cursor:pointer;
	display:block;
	position:relative;
	margin:0 var(--margin) var(--margin) var(--margin);
}

#card .content .inner .text .top .section label:last-child {
	margin-bottom:0;
}

#card .content .inner .text .top .section label input {
	display:none;
}

#card .content .inner .text .top .section label div:not(.inner-content):not(.selected) {
	display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
	background-size:cover;
	background-position:center center;
	background-color: var(--color-dark-img-light);
    background-blend-mode: darken;
	width:100%;
	height:100%;
	color:var(--color-light);
	padding:var(--margin-big);
	filter:grayscale(1);
	transition: background-color var(--transition-time) var(--transition-regular);
}

#card .content .inner .text .top .section label .inner-content {
	transition: opacity var(--transition-time) var(--transition-regular);
	user-select:none;
}

#card .content .inner .text .top .section label .inner-content .selected {
	margin:0 auto;
	margin-top:var(--margin);
}

#card .content .inner .text .top .section label .inner-content .selected .not, #card .content .inner .text .top .section label .inner-content .selected .is {
	padding:var(--margin-small);
	line-height:1;
	transition: opacity var(--transition-time) var(--transition-regular);
}

#card .content .inner .text .top .section label .inner-content .selected .not {
	display:inline-block;
	background-color:var(--color-light);
	color:var(--color-dark);
	border:1px solid var(--color-light);
}

#card .content .inner .text .top .section label .inner-content .selected .is {
	display:none;
	background-color:var(--color-success-light);
	color:var(--color-light);
	border:1px solid var(--color-success);
}

#card .content .inner .text .top .section label input:checked ~ div:not(.inner-content):not(.selected) {
	filter:none;
	background-color: var(--color-dark-img-light);
}

#card .content .inner .text .top .section label input:checked ~ div .inner-content .selected .not {
	display:none;
}

#card .content .inner .text .top .section label input:checked ~ div .inner-content .selected .is {
	display:inline-block;
}

#card .content .inner .text .top .section label:hover div:not(.inner-content):not(.selected) {
	background-color: var(--color-dark-img);
}

#card .content .inner .text .top .section label:hover .inner-content .selected span {
	opacity:var(--opacity-less-light);
}

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

#card .content .inner .text .bottom .button-container {
    margin-left:var(--margin);
}

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

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

.cart .bg {
	opacity:0;
	background:#000;
	transition:opacity var(--transition-regular) var(--transition-time-fast);
	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-time) var(--transition-move); 
}

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

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

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

.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:background-color calc(var(--transition-time-long) + 300ms) var(--transition-move), transform calc(var(--transition-time-long) + 300ms) var(--transition-move);
}

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

.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);
	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-small);
	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;
}

.cart .bottom-area {
    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;
	text-align:center;
}

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

header .fly-vegan {
	position:absolute;
	right:0;
	top:0;
	padding: var(--margin-semi) var(--margin-medium);
	transition:opacity var(--transition-time) var(--transition-regular), filter var(--transition-time) var(--transition-regular);
	opacity: var(--opacity-light);
	filter:grayscale(1);
	cursor:pointer;
	pointer-events:auto;
}

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

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

.fly-cart {
	position:fixed;
	display:block;
	bottom:var(--margin);
	right:0;
	padding-right:calc(100% - var(--aw) + var(--margin-medium));
	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);
	left:var(--margin-medium);
	z-index:3;
	transition:opacity var(--transition-time) var(--transition-regular);
}

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

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

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

.menu-item {
	min-height:100vh; 
	width:100%;
	display: grid;
	grid-template-columns: 1fr;
}

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

.menu-item.back {
	scroll-margin-top:-50vh;
}

.menu-item .item-img, .menu-item .item-text {
	grid-row-start: 1;
	grid-column-start: 1;
}

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

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

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

.menu-item .item-text {
	z-index:2;
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:var(--margin-top) 0;
	box-sizing:border-box;
	position:relative;
	text-align:center;
}

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


.menu-item .item-text .inner {
	width:40%;
}

/* Checkout
========================================================================== */

.split .form {
	text-align:center;
}

.split .form .section .inner-content.outlined {
    border: 1px solid var(--color-light-transparent);
    border-top: 0;
    padding: var(--margin);
}

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

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

.split .form .section .inner-content .status {
    border: none;
    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 .form .section .inner-content .status.load, .split .form .section .inner-content .status.suc, .split .form .section .inner-content .status.no {
    display: block;
}

.split .form .section .inner-content .status.suc::after, .split .form .section .inner-content .status.no::after, .split .form .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: var(--font-size-icon);
}

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

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

.split .form .section .inner-content input.err {
    border: 1px solid var(--color-error)!important;
}

.split .form .section .inner-content input.suc {
    border: 1px solid var(--color-success)!important;
}

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

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

.split .form .section .inner-content .select label, .split .form .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;
    user-select: none;
}


.split .form .section .inner-content .select .add {
    padding: var(--margin);
	box-sizing:border-box;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-light-transparenter);
    margin-bottom: var(--margin);
    transition: opacity var(--transition-time) var(--transition-regular), background-color var(--transition-time) var(--transition-regular), border var(--transition-time) var(--transition-regular);
}

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

.split .form .section .inner-content .select .add .text {
    flex: 1;
    margin: 0 var(--margin-big) 0 var(--margin);
    text-align: left;
}

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

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

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

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

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

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

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

.split .form .section .inner-content .select .add .check, .split .form .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 .form .section .inner-content .select .add.suc img, .split .form .section .inner-content .select .add.suc div:not(.check), .split .form .section .inner-content .select .add.err img, .split .form .section .inner-content .select .add.err div:not(.check):not(.cross) {
    opacity: 0;
}

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

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

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

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

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

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

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

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

.split .form .section .inner-content .select .add:not(.load):not(.suc):not(.err):hover {
    border: 1px solid var(--color-light-transparent);
}

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

.split .form .section .inner-content .select label .back {
    display: flex;
    align-items: center;
    opacity: var(--opacity-light);
    background-color: transparent;
    transition: opacity var(--transition-time) var(--transition-regular);
    margin-right: var(--margin);
    border: 1px solid var(--color-light-transparent);
}

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

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

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

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

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

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

.split .form .section .inner-content .select label.inactive .back {
    opacity: var(--opacity-lighter);
}

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

.split .form .section .heading.outlined::before, .split .form .section .heading.outlined::after {
    content: '';
    border: 1px solid var(--color-light-transparent);
    border-bottom: 0;
    height: 1.1rem;
    flex: 1 0 2rem;
}

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

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

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

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

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

.split .form .section .inner-content .box.double .wrap, .split .form .section .inner-content .box.double .timecontainer,.split .form .section .inner-content .select.full .wrap {
    position: relative;
    flex: 0.5;
}

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

.split .form .section .inner-content .boxes .doublelabel {
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: -0.5rem;
    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 .form .section .inner-content select option {
    color: var(--color-dark);
}

.split .form .section .inner-content select optgroup {
	background:var(--color-light);
	color:var(--color-dark);
}

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

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

.split .form .section .inner-content .boxes .box.double .wrap select, .split .form .section .inner-content .select.full .wrap select {
    border: 1px solid var(--color-light-transparenter);
    transition: border var(--transition-time) var(--transition-regular);
	position:relative;
}

.split .form .section .select-container .load-time {
    position: absolute;
    top: 50%;
    left: var(--margin-small);
    transform: translate(0,-50%);
    opacity: var(--opacity-light);
	display:none;
}

.split .form .section .select-container.load .load-time {
    display:block;
}

.split .form .section .select-container.load select {
	color:var(--color-dark);
	pointer-events:none;
}


.split .form .section .inner-content .box.double .wrap select:not(:disabled):hover, .split .form .section .inner-content .select.full .wrap select:hover {
    border: 1px solid var(--color-light-transparent);
}

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

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

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

.split .form .section .inner-content input, .split .form .section .inner-content select, .split .form .section .inner-content textarea, .split .summary-container .boxes .vouchercontainer input {
    display: block;
    width: 100%;
    background: none;
    color: var(--color-light);
    border: 1px solid var(--color-light-transparent);
    box-sizing: border-box;
	padding:var(--margin-small); 
	font-style:italic;
	scroll-margin-top: var(--margin-big);
}

.split .form .section .inner-content .boxes textarea {
    height:15rem;
}

.split .form .section .inner-content .boxes .box label, .split .summary-container .boxes .vouchercontainer label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: calc(var(--margin-small) - 0.7rem);
    top: 50%;
    transform: translate(0, -50%);
    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 .form .section .inner-content .boxes .box label.textarea {
    top: var(--margin);
    transform: none;
}

.split .form .section .inner-content .boxes .box input:focus ~ label, .split .form .section .inner-content .boxes .box textarea:focus ~ label, .split .summary-container .boxes .vouchercontainer input:focus ~ label, .split .form .section .inner-content .boxes .box input:not(:placeholder-shown) ~ label, .split .form .section .inner-content .boxes .box textarea:not(:placeholder-shown) ~ label, .split .summary-container .boxes .vouchercontainer input:not(:placeholder-shown) ~ label {
    top: -0.5rem;
	transform:none;
}

.split .form .section .inner-content .boxes .box input::placeholder, .split .form .section .inner-content .boxes .box textarea::placeholder { 
	color:var(--color-dark);
}

.split .form .section .inner-content .boxes .box input:focus::placeholder, .split .form .section .inner-content .boxes .box textarea:focus::placeholder {
	color:var(--color-light-darker);
}

.split .form .section .inner-content .boxes .box input:focus, .split .form .section .inner-content .boxes .box input:not(:placeholder-shown), .split .form .section .inner-content .boxes .box textarea:focus, .split .form .section .inner-content .boxes .box textarea:not(:placeholder-shown) {
	border: 1px solid var(--color-light);
}

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

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

.split .summary-container #summary.load .summary, .split .summary-container #summary.load .boxes {
	opacity:var(--opacity-lighter);
}

.split .summary-container #summary .l {
	position:fixed;
	top:50%;
	right:25%;
	transform:translate(0,-50%);
	opacity:0;
	transition: opacity var(--transition-time-fast) var(--transition-regular);
	pointer-events: none;
}

.split .summary-container #summary .l svg {
	width:var(--icon-size-medium);
	height:var(--icon-size-medium);
}

.split .summary-container #summary .l svg path {
	fill:var(--color-dark);
}

.split .summary-container #summary.load .l {
	opacity:1;
}

.split .summary-container .summary {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    border-bottom: 1px solid var(--color-light-dark);
    margin-bottom: var(--margin-medium);
    padding-bottom: var(--margin-medium);
    text-align: left;
	transition: opacity var(--transition-time-fast) var(--transition-regular);
}

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

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

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

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

.split .summary-container .summary .delete {
    position: absolute;
    top: -1rem;
    right: 0;
    display: flex;
    padding: var(--margin-small);
    align-items: center;
    justify-content: center;
    z-index: 3;
}

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

.split .summary-container .boxes {
    transition: opacity var(--transition-time-fast) var(--transition-regular);
}

.split .summary-container .boxes .voucherarea {
    margin-bottom: var(--margin-medium);
    padding-bottom: var(--margin-medium);
    border-bottom: 1px solid var(--color-light-dark);
}

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

.split .summary-container .boxes .vouchercontainer {
    display: flex;
    align-items: center;
	align-items: stretch
}

.split .summary-container .boxes .vouchercontainer .box {
    flex: 1;
    position: relative;
}

.split .summary-container .boxes .vouchercontainer input {
    border: 1px solid var(--color-light-darker);
	color:var(--color-dark);
}

.split .summary-container .boxes .vouchercontainer input.suc {
    border: 1px solid var(--color-success)!important;
}

.split .summary-container .boxes .vouchercontainer input:focus, .split .summary-container .boxes .vouchercontainer input:not(:placeholder-shown)
{
	border: 1px solid var(--color-dark);
}

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

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

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

.split .summary-container .boxes .vouchercontainer .button {
    margin-left: var(--margin-small);
}

.split .summary-container .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%;
    position: absolute;
    display: none;
}

.split .summary-container .boxes .vouchercontainer #vouchersuc.visible {
    display: block;
}

.split .summary-container .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: var(--font-size-icon);
    color: var(--color-light);
}

.split .summary-container .boxes .total {
    display: flex;
    align-items: center;
    margin-bottom: var(--margin-medium);
}

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

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

.split .summary-container .boxes .total.sum {
    border-top: 1px solid var(--color-light-dark);
    padding-top: var(--margin-medium);
}

.split .summary-container .boxes .total.suc {
    background-color: var(--color-success-light);
	border:1px solid var(--color-success);
	padding: var(--margin);
	box-sizing:border-box;
}

.split .summary-container .boxes .total.highlight {
    background-color: var(--color-highlight-light);
	border:1px solid var(--color-highlight);
	padding: var(--margin);
	box-sizing:border-box;
}

.split .summary-container .boxes p.tax {
    width: 100%;
    display: block;
    text-align: right;
}

/* Form
========================================================================== */

.input-boxes {
	width:100%;
	display:flex;
	align-items:center;
}

.input-boxes.margin {
	margin-bottom:var(--margin-big);
}

.input-boxes .box {
	flex:0.5;
}

.input-boxes:not(.full) .box:first-child {
	margin-right:calc(var(--margin) / 2);
}

.input-boxes:not(.full) .box:last-child {
	margin-left:calc(var(--margin) / 2);
}

.input-boxes.full {
	display:block;
}

.input-boxes.full .box {
	width:100%;
}

.input, .input div {
	width:100%;
	position:relative;
}

.input input, .input textarea {
	width:100%;
    padding:var(--margin-small) 0;
	box-sizing:border-box;
    background-color: transparent;
	text-align:left;
	position:relative;
	color:var(--color-light);
	border-bottom:1px solid var(--color-light-transparent);
}

.input input.err {
	border-bottom:1px solid var(--color-error);
}

.input textarea {
	height:var(--textarea-height);
	border:1px solid var(--color-light-transparent);
	padding:var(--margin-small);
	outline:none;
}

.input.dark textarea {
	border:1px solid var(--color-dark-transparent);
	color:var(--color-dark);
}

.input textarea.err {
	border:1px solid var(--color-error);
}

.input input::placeholder {
	font-size:var(--font-size-medium);
}

.input textarea::placeholder {
	font-size:var(--font-size-heading);
}

.input.no-move label {
    text-align: left;
    display: block;
    color: var(--color-light-dark);
    font-size: var(--font-size-small);
    letter-spacing: var(--spacing);
    font-weight: 400;
    text-transform: uppercase;
    top:-3.5rem;
	position:absolute;
	left:0;
}

.input input ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.1rem;
    background-color: var(--color-light);
    transition:width var(--transition-time-fast) linear;
}

.input input:not(:placeholder-shown) ~ .focus-border, .input input:focus ~ .focus-border {
	width: 100%; 
}

.input textarea ~ .focus-border::before, .input textarea ~ .focus-border::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0.1rem;
    background-color: var(--color-light);
    transition: 0.4s;
}

 .input textarea ~ .focus-border::after {
    top: auto;
    bottom: 0.2rem;
}

.input textarea ~ .focus-border i::before, .input textarea ~ .focus-border i::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.1rem;
    height: 0;
    background-color: var(--color-light);
    transition: 0.6s;
}

.input.dark textarea ~ .focus-border::before, .input.dark textarea ~ .focus-border::after, .input.dark textarea ~ .focus-border i::before, .input.dark textarea ~ .focus-border i::after {
    background-color: var(--color-dark);
}

.input textarea ~ .focus-border i::after {
    left: auto;
     right: 0;
}

.input textarea:focus ~ .focus-border::before, .input textarea:focus ~ .focus-border::after, .input textarea:not(:placeholder-shown) ~ .focus-border::before, .input textarea:not(:placeholder-shown) ~ .focus-border::after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}
 .input textarea:focus ~ .focus-border i::before, .input textarea:focus ~ .focus-border i::after, .input textarea:not(:placeholder-shown) ~ .focus-border i::before, .input textarea:not(:placeholder-shown) ~ .focus-border i::after {
    top: 0;
    height: calc(100% - 0.2rem);
    transition: 0.6s;
}

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

.narrow-text {
	width:40rem;
}

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

.sub-heading {
	font-size:var(--font-size-medium);
	line-height:var(--line-height-medium);
	font-style:italic;
}

.sub-heading-small {
	font-size:var(--font-size-heading);
	line-height:var(--line-height-medium);
	font-style:italic;
}

.sub-heading-smaller {
	font-size:var(--font-size-semi);
	line-height:var(--line-height-medium);
	font-style:italic;
}

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

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

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

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

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

.huge-text {
	font-size:var(--font-size-huge);
	line-height:var(--line-height);
	font-style:italic;
}

.heading {
	font-size:var(--font-size-medium);
	margin-bottom:var(--margin-medium);
	font-family: 'Bebas Neue', cursive;
	color:var(--color-light-dark);
}

.italic-text {
	font-style:italic;
}

.heading.no-margin {
	margin-bottom:0;
}

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

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

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

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

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

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

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

.sub-big-text {
	margin-bottom:var(--margin);
	display:block;
}

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

.upper-text-tiny {
	font-size:var(--font-size-smaller);
	letter-spacing:var(--spacing);
	font-family: 'Bebas Neue', cursive;
}

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

.hint.err, .hint.highlight, .hint.suc {
	padding: var(--margin);
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	color:var(--color-light);
}

.hint.err {
    border:1px solid var(--color-error);
	background:var(--color-error-light);  
	
}

.hint.suc {
    border:1px solid var(--color-success);
	background:var(--color-success-light);
}

.hint.highlight {
    border:1px solid var(--color-highlight);
	background:var(--color-highlight-light);
}

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

.hint.hidden {
	display:none;
}

.j {
	max-width:100%;
}

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

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

/* Margins
========================================================================== */

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

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

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

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

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

.margin-tiny-top {
	margin-top:var(--margin-tiny)!important;
}

.margin-semi-top {
	margin-top:var(--margin-semi)!important;
}

.margin-medium-top {
	margin-top:var(--margin-medium)!important;
}

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

.margin-big-top-two {
	margin-top:calc(var(--margin-big) + 2rem)!important;
}

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

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

.margin-left-medium {
	margin-left:var(--margin-medium)!important;
}

/* Positions
========================================================================== */

.margin-auto {
	margin:0 auto;
}

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

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

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

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

.appear {
	transition-timing-function: var(--transition-regular);
    transition-duration: var(--transition-time);
    transition-property: opacity;
	transition-delay: var(--delay);
}

.appear.with-button {
	transition-timing-function: var(--transition-regular), var(--transition-regular);
    transition-duration: var(--transition-time), var(--transition-time);
    transition-property: opacity, background-color;
	transition-delay: var(--delay), var(--delay);
}

.appear.hidden {
	opacity:0;
}
   
/* Keyframes
========================================================================== */

@keyframes scrolldown {
	0% { background-position: 0 -3rem; }
	75% { background-position: 0 0; }
	100% { background-position: 0 3rem; }
}

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

@media only screen and (hover: none){	
	.texts .text.full {
		min-height:80vh!important;
		height: calc(var(--vh, 1vh) * 100)!important;
	}
}

@media (max-width:1200px) {
	
	.sub-heading-small {
		font-size:var(--font-size-mobile);
	}

	.sub-heading-smaller {
		font-size:var(--font-size-mobile);
	}
	
	.upper-text-big {
		font-size:var(--font-size-huge-mobile);
	}
	
	.upper-text-medium {
		font-size:var(--font-size);
	}
	
	.fly-menu {
		left: var(--margin);
		bottom:var(--margin-small);
	}
	
	.fly-menu ul li a {
		padding:var(--margin-tiny) 0;
	}
	
	.fly-menu ul li a .japanese {
		display: none;
	}
	
	.fly-menu ul li a:not(.active):hover {
		opacity:var(--opacity-light);
	}
	
	.fly-menu ul li a:not(.active):active {
		opacity:1;
	}
	
	.fly-cart {
		padding: var(--margin-tiny) var(--margin) var(--margin-tiny);
		bottom:var(--margin-small);
	}
	
	.fly-cart:hover {
		opacity:var(--opacity-light);
	}
	
	.fly-cart:active {
		opacity:1;
	}
	
	.cart .inner {
		width:var(--sidebar-size-mobile);
		right: calc(0rem - var(--sidebar-size-mobile));
	}

	.container, .narrow-text, .alternatives-container {
		width: 100%!important;
	}
	
	.input-boxes {
		display: block;
	}
	
	.input-boxes:not(.full) .box:last-child {
		margin-left: 0;
		margin-top:var(--margin-big);
	}

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

	.only-mobile.flex {
		display:flex!important;
	}
	
	.hide-mobile {
		display:none!important;
	}
	
	.block-mobile {
		display:block!important;
	}
	
	.full-flex-mobile {
		flex:1!important;
	}
	
	.opacity-light-hover:hover {
		opacity:1;
	}
	
	.opacity-light-hover:active {
		opacity:var(--opacity-light);
	}
	
	.big-text {
		font-size:var(--font-size-big-mobile);
	}
	
	.huge-text {
		font-size:var(--font-size-huge-mobile);
	}
	
	.sub-heading, .input input::placeholder {
		font-size:var(--font-size-medium-mobile);
	}
	
	.j {
		max-width:70%;
	}
	
	.margin-big-top {
		margin-top: var(--margin-big-mobile);
	}
	
	.margin-big-bottom {
		margin-bottom: var(--margin-big-mobile)!important;
	}
	
	.text-appear-animation {
		transform: translate3d(0, var(--appear-distance-mobile), 0);
	}

	.flex-container.break {
		display:block;
	}
	
	.flex-container.break .separator, .flex-container.break .big-separator {
		display:none;
	}
	
	.flex-container.break a {
		display:block;
		padding:var(--margin-small) 0;
	}
	
	.qty .qty-change:hover {
		background: transparent;
		color:var(--color-light)!important;
	}
	
	.qty .qty-change:active {
		background: var(--color-light);
		color:var(--color-dark)!important;
	}
	
	.cart .items .item:hover .img {
		background-color: var(--color-dark-img);
	}
	
	.qty.dark .qty-change:hover, .qty.small-dark .qty-change:hover {
		background: transparent;
		color:var(--color-dark)!important;
	}
	
	.qty.dark .qty-change:active, .qty.small-dark .qty-change:active {
		background: var(--color-dark);
		color:var(--color-light)!important;
	}
	
	header .logo-container {
		padding: var(--margin-semi) 0;
	}
	
	header .logo-container:hover a.visible {
		opacity:1;
	}
	
	header .logo-container:active a.visible {
		opacity:var(--opacity-light);
	}
	
	header .fly-vegan {
		padding: 1.7rem 1.3rem; 
	}
	
	header .fly-vegan:hover {
		opacity: var(--opacity-light);
		filter:grayscale(1);
	}
	
	header .fly-vegan:active, header .fly-vegan.active {
		opacity:1;
		filter:none;
	}
	
	header .menu {
		padding-left:var(--margin);
	}
	
	.logo {
		height:var(--logo-height-mobile);
	}

	.logo.big {
		height:var(--logo-height-big-mobile);
	}
	
	.button {
		padding:var(--margin-small) var(--margin);
	}
	
	.button:not(.load):not(.no-hover):not(.light):not(.full-dark):hover {
		background-color:transparent;
		color:var(--color-light);
	}

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

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

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

	.button.full-dark:active {
		background-color:var(--color-dark-transparent);
	}

	.texts .text {
		scroll-margin-top: var(--appear-distance-mobile);
	}
	
	.texts .text .inner, .texts .text.wide .inner, .menu-item .item-text .inner {
		width:calc(100% - (var(--margin-medium) * 2))!important;
	}

	#main-menu .content {
		width:100%;
		position:relative;
		height:100%;
		padding:calc(var(--margin-big) * 2) 0 calc(var(--margin-big) * 2) var(--margin-big-mobile);
		box-sizing:border-box;
		opacity:1;
		overflow-y:auto;
	}
	
	#main-menu .right {
		display:none;
	}
	
	.simple-content .top-content.reservation-detail {
		background-image:url('../img/home/small/4.png');
		background-image:url('../img/home/small/4.webp');
	}
	
	.menu-item .item-img.intro {
		background-image:url('../img/small/group.png');
		background-image:url('../img/small/group.webp');
	}
	
	.images .img.fi {
		background-image:url('../img/home/small/1.png');
		background-image:url('../img/home/small/1.webp');
	}

	.images .img.se {
		background-image:url('../img/home/small/2.png');
		background-image:url('../img/home/small/2.webp');
	}

	.images .img.th {
		background-image:url('../img/home/small/3.png');
		background-image:url('../img/home/small/3.webp');
	}

	.images .img.fo {
		background-image:url('../img/home/small/4.png');
		background-image:url('../img/home/small/4.webp');
	}

	.images .img.fiv {
		background-image:url('../img/home/small/5.png');
		background-image:url('../img/home/small/5.webp');
	}

	.images .img.si {
		background-image:url('../img/home/small/6.png');
		background-image:url('../img/home/small/6.webp');
	}

	.images .img.sev {
		background-image:url('../img/home/small/7.png');
		background-image:url('../img/home/small/7.webp');
	}
	
	.texts .text.free {
		padding-top:15rem;
	}
	
	.wrap.transparent {
		display:flex;
		align-items:center;
		border-bottom:1px solid var(--color-light-transparent);
		padding:var(--margin-small) 0;
		box-sizing:border-box;
	}
	
	.wrap.transparent.mobile-no-border {
		border-bottom:none;
	}
	
	.wrap.transparent label {
		text-align:left;
		margin-bottom:0;
	}
	
	.wrap.transparent .select-container {
		flex:1;
		text-align:right;
	}
	
	.wrap.transparent .select-container select {
		text-align:right;
		width:100%;
	}
	
	.wrap.transparent .select-container .load-time {
		left:auto;
		right:2.3rem;
		transform:translate(0,-50%);
	}
	
	.reservation-input:not(.inactive) .wrap.transparent .select-container:hover {
		opacity:1;
	}
	
	.reservation-input:not(.inactive) .wrap.transparent .select-container:active {
		opacity:var(--opacity-light);
	}
	
	.message {
		width: 100%;
	}
	
	.icon.medium {
		width:var(--icon-size-medium-mobile);
		height:var(--icon-size-medium-mobile);
	}
	
	.qty.full-height {
		height: 100%;
	}
	
	#card .content .inner .text .top .section label:hover div:not(.inner-content):not(.selected) {
		background-color: var(--color-dark-img-light);
	}
	
	#card .content .inner .text .top .section label:hover .inner-content .selected span {
		opacity:1;
	}
}

@media (max-height:500px) {
	.texts .text.top-space {
		padding:var(--margin-top) 0 var(--margin-big) 0;
	}
}