body {
	background: #ffffff;
	font-family:'DIN Next LT W01 Regular';
	font-size: 14px;
	margin: 0px;
}

img.center
{
	position: absolute;
	top: 44%;
	left: 30%;
	width: 40vw;
}

.light {
	font-family:'DIN Next LT W01 Light' !important;
}

.regular {
	font-family:'DIN Next LT W01 Regular' !important;
}

.medium {
	font-family:'DIN Next LT W01 Medium' !important;
}

.footer {
	position: absolute;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	display: block;
	bottom: 7px;
	left: 0px;
	width: 100%;
	color: #999999;
}

DIV.header
{
	padding: 0px 12px 8px 12px;
}

DIV.header H1
{
	color: #975f29;
	font-family:'DIN Next LT W01 Regular' !important;
	text-transform: uppercase;
	text-align: right;
	font-size: 28px;
}

DIV.search
{
	margin: 12px;
	border: solid 1px #975f29;
	padding-bottom: 3px;
}

DIV.search > INPUT
{
	font-size: 15px;
	line-height: 16px;
	height: 27px;
	width: 70%;
	padding: 4px;
	border: none;
}

DIV.search > BUTTON
{
	width: 26%;
	border: none;
	height: 34px;
	background: #975f29;
	color: #fff;
	font-family:'DIN Next LT W01 Medium';
	text-transform: uppercase;
	margin: 0px;
	box-sizing: border-box;
}

DIV.search > Ul.sectionItems
{
	border: none;
}

DIV.menu
{
	padding-bottom: 70px;
}

UL.menuSections
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}


Ul.menuSections > LI
{
}

Ul.menuSections > LI > H2
{
	width: 100%;
	font-family:'DIN Next LT W01 Light';
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 12px;
	margin: 0px;
	color: #000;
    box-sizing: border-box;
}

Ul.menuSections > LI > H2 > SPAN.detail
{
	display: block;
	float: right;
	clear: none;
	height: 15px;
	width: 15px;
	margin: 2px 0px 0px 6px;
	background-position: center center;
    background-color: #000000;
    -webkit-mask:  url(/layout/detail.svg) no-repeat;
    mask: url(/layout/detail.svg) no-repeat;
}

.rotate-out
{
	-webkit-animation: rotate-out-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-out-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

Ul.menuSections > LI.highlight > H2 > SPAN.detail
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #ffffff;
    -webkit-mask:  url(/layout/detail.svg) no-repeat;
    mask: url(/layout/detail.svg) no-repeat;
    
    margin-top: 4px;

	-webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


Ul.menuSections > LI.highlight > H2
{
	color: #fff;
	background: #975f29;
}

Ul.sectionItems
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: solid #975f29 1px;
}

UL.sectionItems > LI
{
	width: 100%;
	font-family:'DIN Next LT W01 Light';
	font-size: 17px;
	text-transform: uppercase;
	padding: 13px 12px 13px 12px;
	margin: 0px;
	color: #000;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

Ul.sectionItems > LI.notes
{
	text-transform: none;
}


UL.sectionItems > LI > DIV.prices
{
	float: right;
	clear: none;
	font-family:'DIN Next LT W01 Regular' !important;
}

UL.sectionItems > LI > DIV.prices > SPAN.price, UL.sectionItems > LI > DIV.prices > SPAN.price2
{
	display: block;
	clear: none;
	float: left;
	width: 80px;
	text-align: right;
}

UL.sectionItems > LI > DIV.prices > SPAN.price2
{
	margin-left: 15px;
}


SPAN.title
{
	display: block;
	float: left;
	clear: none;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

SPAN.allergen
{
	display: block;
	float: left;
	clear: none;
	height: 14px;
	width: 14px;
	margin: 2px 0px 0px 6px;
	background-position: center center;
}

SPAN.allergen[data-allergen="1"] { background: url(/layout/gluten.svg) no-repeat; }
SPAN.allergen[data-allergen="2"] { background: url(/layout/crost.svg) no-repeat; }
SPAN.allergen[data-allergen="3"] { background: url(/layout/eggs.svg) no-repeat; }
SPAN.allergen[data-allergen="4"] { background: url(/layout/fish.svg) no-repeat; }
SPAN.allergen[data-allergen="5"] { background: url(/layout/arachid.svg) no-repeat; }
SPAN.allergen[data-allergen="6"] { background: url(/layout/soya.svg) no-repeat; }
SPAN.allergen[data-allergen="7"] { background: url(/layout/milk.svg) no-repeat; }
SPAN.allergen[data-allergen="8"] { background: url(/layout/fruit.svg) no-repeat; }
SPAN.allergen[data-allergen="9"] { background: url(/layout/cellary.svg) no-repeat; }
SPAN.allergen[data-allergen="10"] { background: url(/layout/mustard.svg) no-repeat; }
SPAN.allergen[data-allergen="11"] { background: url(/layout/sesame.svg) no-repeat; }
SPAN.allergen[data-allergen="12"] { background: url(/layout/sulfur.svg) no-repeat; }
SPAN.allergen[data-allergen="13"] { background: url(/layout/lupin.svg) no-repeat; }
SPAN.allergen[data-allergen="14"] { background: url(/layout/molluscs.svg) no-repeat; }


LI[data-state=""] > DIV.sectionContent
{
	display: none;
}

#overlay
{
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #ffffff;
}

#overlay A
{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 44px;
	height: 44px;
	text-decoration: none;
	color: #975f29;
	font-family:'DIN Next LT W01 Light';
	font-size: 30px;
	background: url(/layout/close.svg) no-repeat center center;
	background-size: 17px 17px;
}

#overlay DIV.content
{
	display: block;
	position: absolute;
	top: 40px;
	width: 100%;
	padding: 0px 20px 0px 20px;
	box-sizing: border-box;
}

#overlay H2
{
	text-transform: uppercase;
	font-family:'DIN Next LT W01 Medium' !important;
	font-size: 32px;
	color: #975f29;
	margin-bottom: 14px;
}

#overlay .one-priced, #overlay .two-priced
{
	display: block;
	font-family:'DIN Next LT W01 Light' !important;
	font-size: 18px;
	text-transform: uppercase;
}

#overlay SPAN.price
{
	font-family:'DIN Next LT W01 Medium' !important;
}

#overlay DIV.allergens
{
	display: block;
	font-family:'DIN Next LT W01 Regular' !important;
	margin: 36px 0px 0px 0px;
}

#overlay DIV.allergens UL
{
	list-style: none;
	padding: 0px;
}

#overlay DIV.allergens UL > LI
{
	margin: 0px 0px 10px 0px;
}

#overlay DIV.allergens UL > LI > H4
{
	margin: 0px;
	font-family:'DIN Next LT W01 Regular' !important;
	font-size: 
}

#overlay DIV.allergens UL > LI > H4 > SPAN.allergen
{
	display: inline-block;
	float: none;
}

#overlay DIV.allergens UL > LI > P
{
	margin: 6px 0px 0px 0px;
	font-family:'DIN Next LT W01 Light' !important;
}

#showTop
{
	display: block;
	width: 44px;
	height: 44px;
	position: fixed;
	left: 0px;
	bottom: 30px;
	background: rgba(255,255,255,0.9);
	border-radius: 20px;
}

#showTop > SPAN.up
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: #000;
    -webkit-mask:  url(/layout/detail.svg) no-repeat;
    mask: url(/layout/detail.svg) no-repeat;
    width: 20px;
    height: 20px;
    margin: 12px 12px;
	display: block;
	background-position: center center;
}

#waiter
{
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #ffffff url(/layout/loader.svg) no-repeat center center;
}



/** https://animista.net/play/entrances/slide-in/slide-in-right **/


/* ----------------------------------------------
 * Generated by Animista on 2020-5-25 12:21:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-in-2-cw
 * ----------------------------------------
 */
@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 1;
  }
}

@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 1;
  }
}

@-webkit-keyframes rotate-out-2-cw {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes rotate-out-2-cw {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}