@charset "utf-8";

main {
    display: block;
    position: relative;
	text-align: center;
}




#dtlayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#dtcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 79rem;
	padding: 57.5rem 0rem 3.5rem 20.5rem;
	font-size: 1.25rem;
}
#dtcontent h1 {
	color: transparent;
}

#dtimages {
	display: block;
}

#dtimages > figure {
	display: block;
	animation-name: imageAnimation;
	animation-duration: 36s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	opacity: 0;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 125rem;
	z-index: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

#dtimages > figure:nth-child(1) { background-image: url("background-image-dt-01-v2.jpg"); }
#dtimages > figure:nth-child(2) { animation-delay: 6s; background-image: url("background-image-dt-02-v2.jpg"); }
#dtimages > figure:nth-child(3) { animation-delay: 12s; background-image: url("background-image-dt-01-v2.jpg"); }
#dtimages > figure:nth-child(4) { animation-delay: 18s; background-image: url("background-image-dt-02-v2.jpg"); }
#dtimages > figure:nth-child(5) { animation-delay: 24s; background-image: url("background-image-dt-01-v2.jpg"); }
#dtimages > figure:nth-child(6) { animation-delay: 30s; background-image: url("background-image-dt-02-v2.jpg"); }

@keyframes 
imageAnimation {
0% { animation-timing-function: ease-out; opacity: 0; }
8% { animation-timing-function: ease-out; opacity: 1; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

#dtone {
	display: block;
}
#dtone p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#dtintro {
	display: block;
	text-align: center;
}
#dtintrotitle {
	display: block;
}
#dtintrotitle img {
	height: 4.5rem;
	padding-bottom: 1rem;
}

#dttwo {
	display: block;
	padding-top: 10rem;
}
#dttwo p {
	margin-block-start: 0.6em;
    margin-block-end: 0.6em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.6em;
	-webkit-margin-after: 0.6em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#dthoursdata {
	display: inline-block;
	width: 45rem;
	margin-top: 1.5rem;
	vertical-align: top;
	text-align: left;
}
#dthoursdatanormal {
	display: inline-block;
	text-align: center;
	margin: 0rem 0rem 0rem 2.5rem;
	vertical-align: top;
}
#dthoursdataspecial {
	display: inline-block;
	text-align: center;
	margin-left: 3.5rem;
	width: 20rem;
	vertical-align: top;
}
.dthoursdatatitle {
	display: block;
}
.dthourshr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
.dthoursnarrowhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 1.75rem;
}
.dthoursdataseg {
	display: block;
}
#dthoursdatalast {
	display: block;
	text-align: center;
}
#dthoursdatalasthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
}
#dthoursimg {
	display: inline-block;
	margin-left: 3.5rem;
	vertical-align: top;
}
#dthoursimg img {
	height: 32.5rem;
}

#dtthree {
	display: block;
	padding-top: 10rem;
}
#dtthree p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#dtcafecontact {
	display: block;
}
.dtcafecontacttexttitle {
	display: block;
}
.dtcafecontacthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#dtcafecontactinfo {
	display: block;
	margin: 0rem auto 3.5rem auto;
}
#dtcafecontactinfodata {
	display: block;
}
#dtcafecontactimg {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5rem;
}
#dtcafecontactimg img {
	height: 35rem;
}
#dtcafecontacttext {
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em 1.75rem 0rem 0rem;
}
#dtcafecontactsegtables {
	display: block;
	margin: auto;
}
#dtcafecontactsegtakeout {
	display: block;
	margin: 2.5rem auto 0rem auto;
}
#dtclickcollect {
	display: block;
	padding-top: 3.5rem;
	margin-left: 1.5rem;
}
#dtclickcollect h2 {
	display: block;
}
#dtclickcollect p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#dtclickcollectqr {
	display: inline-block;
	vertical-align: middle;
}
#dtclickcollectqrbutton {
	display: inline-block;
	padding-left: 2.5rem;
}
#dtclickcollectqrbutton img {
	height: 10rem;
}
#dtclickcollecttext {
	display: inline-block;
	vertical-align: middle;
}

#dtfour {
	display: block;
	position: relative;
	margin-top: 10rem;
	height: 26rem;
}
#dtfour p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.dtfourhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#dtfourintro {
	display: block;
	position: absolute;
	left: 13.5rem;
	top: 0rem;
}
#dtfourintrotext {
	display: block;
}
#dtfourmenugraphic {
	display: block;
	position: absolute;
	left: 45rem;
	top: 0rem;
	z-index: 15;
}
#dtfourmenugraphic img {
	height: 25rem;
}
#dtfourmenugraphic a:hover {
	filter: brightness(100%);
}
#dtfourmenulink {
	display: block;
	position: absolute;
	top: 2rem;
	left: 63rem;
	z-index: 17;
}
#dtfourmenunote {
	display: block;
	position: absolute;
	left: 8rem;
	top: 12.5rem;
	background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
}
#dtfourallergies {
	display: block;
	position: absolute;
	left: 5rem;
	top: 19rem;
	z-index: 16;
}

#dtfive {
	display: block;
	padding-top: 10rem;
}
#dtfiveloyalty {
	display: block;
	margin-right: 5rem;
}
#dtfiveloyalty h2 {
	display: block;
}
#dtfiveloyaltyapp {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}
#dtfiveloyalty p {
    margin-block-start: 0;
    margin-block-end: 0.75em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0.75em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.dtfivehr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#dtfiveloyaltyapp img {
	height: 20rem;
}
#dtfiveloyaltyapp a:hover {
	filter: brightness(100%);
}
#dtfiveloyaltyapp img:hover {
	transition: 0.4s ease;
	transform: rotate(5deg);
}
#dtfiveloyaltytext {
	display: inline-block;
	margin: 0rem 0rem 3.5rem 2.5rem;
	vertical-align: bottom;
}




#tablayout {
	display: block;
	width: 100%;
	text-align: center;
}
#tabcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
}
#tabcontent h1 {
	color: transparent;
}

#tabimages {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
}

#tabimages > figure {
	display: block;
	animation-name: imageAnimation;
	animation-duration: 36s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	opacity: 0;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 125rem;
	z-index: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
#tabimages > figure:nth-child(1) { background-image: url("background-image-tab-01.jpg"); }
#tabimages > figure:nth-child(2) { animation-delay: 6s; background-image: url("background-image-tab-02.jpg"); }
#tabimages > figure:nth-child(3) { animation-delay: 12s; background-image: url("background-image-tab-01.jpg"); }
#tabimages > figure:nth-child(4) { animation-delay: 18s; background-image: url("background-image-tab-02.jpg"); }
#tabimages > figure:nth-child(5) { animation-delay: 24s; background-image: url("background-image-tab-01.jpg"); }
#tabimages > figure:nth-child(6) { animation-delay: 30s; background-image: url("background-image-tab-02.jpg"); }

@keyframes 
imageAnimation {
0% { animation-timing-function: ease-out; opacity: 0; }
8% { animation-timing-function: ease-out; opacity: 1; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

#tabone {
	display: block;
}
#tabone p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#tabintro {
	display: block;
}
#tabintrotitle {
	display: block;
}
#tabintrotitle img {
	height: 4.5rem;
	padding-bottom: 1rem;
}

#tabtwo {
	display: block;
	width: fit-content;
	margin: 7.5rem auto 0rem auto;
}
#tabtwo p {
	margin-block-start: 0.6em;
    margin-block-end: 0.6em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.6em;
	-webkit-margin-after: 0.6em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#tabhoursdata {
	display: block;
}
#tabhoursdatatimes {
	display: inline-block;
	vertical-align: top;
	padding-top: 1.25rem;
}
#tabhoursimg {
	display: inline-block;
	margin: 0rem 1rem 0rem 1rem;
	vertical-align: top;
}
#tabhoursimg img {
	height: 32.5rem;
}
#tabhoursdatanormal {
	display: inline-block;
	text-align: center;
	margin-left: 1rem;
	vertical-align: top;
}
#tabhoursdataspecial {
	display: inline-block;
	text-align: center;
	width: 20rem;
	vertical-align: top;
}
.tabhoursdatatitle {
	display: block;
}
.tabhourshr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
.tabhoursnarrowhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 1.75rem;
}
.tabhoursdataseg {
	display: block;
}
#tabhoursdatalast {
	display: block;
}
#tabhoursdatalasthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem 0.75rem 1.575rem 0.75rem;
}

#tabthree {
	display: block;
	padding-top: 7.5rem;
}
#tabthree p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#tabcafecontact {
	display: block;
}
.tabcafecontacttexttitle {
	display: block;
}
.tabcafecontacthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#tabcafecontactinfo {
	display: block;
	padding-bottom: 3.5rem;
}
#tabcafecontactinfodata {
	display: block;
}
#tabcafecontactinfodatanote {
	display: block;
	padding-top: 0.5rem;
}
#tabcafecontactimg {
	display: inline-block;
	vertical-align: middle;
	margin: 0rem 1.5rem 0rem 1rem;
}
#tabcafecontactimg img {
	height: 35rem;
}
#tabcafecontacttext {
	display: inline-block;
	vertical-align: middle;
	padding: 0.5rem 1rem 0rem 0rem;
}
#tabcafecontactsegtables {
	display: block;
}
#tabcafecontactsegtakeout {
	display: block;
	padding-top: 2.5rem;
}
#tabclickcollect {
	display: block;
	padding-top: 2.5rem;
	margin-left: 1.5rem;
}
#tabclickcollect h2 {
	display: block;
}
#tabclickcollect p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#tabclickcollectqr {
	display: inline-block;
	vertical-align: middle;
}
#tabclickcollectqrbutton {
	display: inline-block;
	padding-left: 2.5rem;
}
#tabclickcollectqrbutton img {
	height: 10rem;
}
#tabclickcollecttext {
	display: inline-block;
	vertical-align: middle;
}

#tabfour {
	display: block;
	position: relative;
	margin-top: 7.5rem;
	height: 27.5rem;
}
#tabfour p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.tabfourhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#tabfourintro {
	display: block;
	position: absolute;
	left: 9rem;
	top: 2rem;
}
#tabfourintrotext {
	display: block;
}
#tabfourmenugraphic {
	display: block;
	position: absolute;
	left: 36rem;
	top: 0rem;
	z-index: 15;
}
#tabfourmenugraphic img {
	height: 19rem;
}
#tabfourmenugraphic a:hover {
	filter: brightness(100%);
}
#tabfourmenulink {
	display: block;
	position: absolute;
	top: 0.5rem;
	left: 50.5rem;
	z-index: 17;
}
#tabfourmenunote {
	display: block;
	position: absolute;
	left: 3.5rem;
	top: 16rem;
	background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
	z-index: 18;
}
#tabfourallergies {
	display: block;
	position: absolute;
	left: 5rem;
	top: 22rem;
	z-index: 16;
}

#tabloyalty {
	display: block;
	padding-top: 2.5rem;
}
#tabloyalty h2 {
	display: block;
	padding-bottom: 1rem;
}
#tabloyaltyapp {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}
#tabloyalty p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#tabloyaltyapp img {
	height: 17.5rem;
}
#tabloyaltytext {
	display: inline-block;
	margin: 0rem 0rem -2.25rem 1.5rem;
	vertical-align: bottom;
}

#tabfive {
	display: block;
	padding-top: 7.5rem;
}
#tabfiveloyalty {
	display: block;
	margin-right: 2.5rem;
}
#tabfiveloyalty h2 {
	display: block;
}
#tabfiveloyaltyapp {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}
#tabfiveloyalty p {
    margin-block-start: 0;
    margin-block-end: 0.75em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0.75em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.tabfivehr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#tabfiveloyaltyapp img {
	height: 17.5rem;
}
#tabfiveloyaltyapp a:hover {
	filter: brightness(100%);
}
#tabfiveloyaltyapp img:hover {
	transition: 0.4s ease;
	transform: rotate(5deg);
}
#tabfiveloyaltytext {
	display: inline-block;
	margin: 0rem 0rem 2rem 2.5rem;
	vertical-align: bottom;
}




#moblayout {
	display: block;
	width: 100%;
	text-align: center;
}
#mobcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
}
#mobcontent h1 {
	color: transparent;
}

#mobimages {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
}

#mobimages > figure {
	display: block;
	animation-name: imageAnimation;
	animation-duration: 36s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	opacity: 0;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 125rem;
	z-index: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
#mobimages > figure:nth-child(1) { background-image: url("background-image-mob-01.jpg"); }
#mobimages > figure:nth-child(2) { animation-delay: 6s; background-image: url("background-image-mob-02.jpg"); }
#mobimages > figure:nth-child(3) { animation-delay: 12s; background-image: url("background-image-mob-01.jpg"); }
#mobimages > figure:nth-child(4) { animation-delay: 18s; background-image: url("background-image-mob-02.jpg"); }
#mobimages > figure:nth-child(5) { animation-delay: 24s; background-image: url("background-image-mob-01.jpg"); }
#mobimages > figure:nth-child(6) { animation-delay: 30s; background-image: url("background-image-mob-02.jpg"); }

@keyframes 
imageAnimation {
0% { animation-timing-function: ease-out; opacity: 0; }
8% { animation-timing-function: ease-out; opacity: 1; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

#mobone {
	display: block;
}
#mobone p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#mobintro {
	display: block;
}
#mobintrotitle {
	display: block;
}
#mobintrotitle img {
	height: 4.5rem;
	padding-bottom: 1rem;
}

#mobtwo {
	display: block;
	padding-top: 6rem;
}
#mobtwo p {
	margin-block-start: 0.6em;
    margin-block-end: 0.6em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.6em;
	-webkit-margin-after: 0.6em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.mobhoursdatatitle {
	display: block;
}
.mobhourshr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
.mobhoursnarrowhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 1.75rem;
}
#mobtwoupper {
	display: block;
}
#mobhoursdatanormal {
	display: inline-block;
	width: 21rem;
	text-align: center;
	margin-top: 0.75rem;
	vertical-align: top;
}
.mobhoursdataseg {
	display: block;
}
#mobhoursimg {
	display: inline-block;
	width: 20rem;
	vertical-align: top;
}
#mobhoursimg img {
	height: 27.5rem;
}
#mobtwolower {
	display: block;
	padding-top: 2.5rem;
}
#mobhoursdataspecial {
	display: inline-block;
	width: 21rem;
	vertical-align: middle;
}
#mobhoursdatalast {
	display: inline-block;
	width: 20rem;
	margin-top: -1rem;
	vertical-align: middle;
}
#mobhoursdatalastinner {
	display: block;
	width: fit-content;
	margin: auto;
	background-color: #e5e5e5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #e5e5e5;
}

#mobthree {
	display: block;
	padding-top: 7.5rem;
}
#mobthree p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#mobthreeupper {
	display: block;
}
#mobcafecontactimg {
	display: inline-block;
	vertical-align: top;
	margin-right: 4.5rem;
}
#mobcafecontactimg img {
	height: 25rem;
}
.mobcafetitle {
	display: block;
}
.mobcafecontacthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mobcafecontactinfo {
	display: inline-block;
	margin: 1.5rem auto 0rem auto;
}
#mobcafecontactinfodata {
	display: block;
	margin-top: 2.075rem;
}
#mobcontactinfonote {
	display: block;
	width: fit-content;
	margin: 3.5rem auto 0rem auto;
	background-color: #e5e5e5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #e5e5e5;
}
#mobthreelower {
	display: block;
	padding-top: 5rem;
}
#mobcafetables {
	display: block;
	margin-right: 7.5rem;
}
#mobcafetakeout {
	display: block;
	padding-top: 3.5rem;
	margin-left: 10.5rem;
}
#mobclickcollect {
	display: block;
	padding-top: 3.5rem;
	margin-right: 5.5rem;
}
#mobclickcollect h2 {
	display: block;
}
#mobclickcollect p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#mobclickcollectqr {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}
#mobclickcollectqrbutton {
	display: inline-block;
	padding-left: 2.5rem;
}
#mobclickcollectqrbutton img {
	height: 10rem;
}
#mobclickcollecttext {
	display: inline-block;
	vertical-align: bottom;
	padding-left: 1rem;
	margin-bottom: 0.5rem;
}

#mobfour {
	display: block;
	position: relative;
	margin-top: 5rem;
	height: 39rem;
}
#mobfour p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.mobfourhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mobfourintro {
	display: block;
	position: absolute;
	left: 20.5rem;
	z-index: 20;
}
#mobfourintrotext {
	display: block;
}
#mobfourmenugraphic {
	display: block;
	position: absolute;
	left: 3rem;
	top: 5rem;
	z-index: 19;
}
#mobfourmenugraphic img {
	height: 19rem;
}
#mobfourmenugraphic a:hover {
	filter: brightness(100%);
}
#mobfourmenulink {
	display: block;
	position: absolute;
	top: 22.5rem;
	left: 5rem;
	z-index: 20;
}
#mobfourmenunote {
	display: block;
	position: absolute;
	left: 29rem;
	top: 20.5rem;
	background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
}
#mobfourallergies {
	display: block;
	position: absolute;
	left: 9.5rem;
	top: 28.5rem;
}

#mobfive {
	display: block;
	padding-top: 5rem;
}
#mobfiveloyalty {
	display: block;
}
#mobfiveloyalty h2 {
	display: block;
}
#mobfiveloyaltyapp {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}
#mobfiveloyalty p {
    margin-block-start: 0;
    margin-block-end: 0.75em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0.75em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.mobfivehr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mobfiveloyaltyapp img {
	height: 17.5rem;
}
#mobfiveloyaltyapp a:hover {
	filter: brightness(100%);
}
#mobfiveloyaltyapp img:hover {
	transition: 0.4s ease;
	transform: rotate(-7.5deg);
}
#mobfiveloyaltytext {
	display: inline-block;
	margin: 0rem 1rem 1.5rem 0rem;
	vertical-align: bottom;
}




#mob668layout {
	display: block;
	width: 100%;
	text-align: center;
}
#mob668content {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
}
#mob668content h1 {
	color: transparent;
}

#mob668images {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
}

#mob668images > figure {
	display: block;
	animation-name: imageAnimation;
	animation-duration: 36s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	opacity: 0;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 125rem;
	z-index: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
#mob668images > figure:nth-child(1) { background-image: url("background-image-mob668-01.jpg"); }
#mob668images > figure:nth-child(2) { animation-delay: 6s; background-image: url("background-image-mob668-02.jpg"); }
#mob668images > figure:nth-child(3) { animation-delay: 12s; background-image: url("background-image-mob668-01.jpg"); }
#mob668images > figure:nth-child(4) { animation-delay: 18s; background-image: url("background-image-mob668-02.jpg"); }
#mob668images > figure:nth-child(5) { animation-delay: 24s; background-image: url("background-image-mob668-01.jpg"); }
#mob668images > figure:nth-child(6) { animation-delay: 30s; background-image: url("background-image-mob668-02.jpg"); }

@keyframes 
imageAnimation {
0% { animation-timing-function: ease-out; opacity: 0; }
8% { animation-timing-function: ease-out; opacity: 1; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

#mob668one {
	display: block;
}
#mob668one p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#mob668intro {
	display: block;
}
#mob668introtitle {
	display: block;
}
#mob668introtitle img {
	height: 3.75rem;
	padding-bottom: 1rem;
}

#mob668two {
	display: block;
	padding-top: 6rem;
}
#mob668two p {
	margin-block-start: 0.6em;
    margin-block-end: 0.6em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.6em;
	-webkit-margin-after: 0.6em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.mob668hoursdatatitle {
	display: block;
}
.mob668hourshr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
.mob668hoursnarrowhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 1.75rem;
}
#mob668hoursimg {
	display: block;
}
#mob668hoursimg img {
	height: 27.5rem;
}
#mob668twohours {
	display: block;
	padding-top: 2.5rem;
}
#mob668hoursdatanormal {
	display: inline-block;
	vertical-align: top;
	margin-right: 2rem;
}
.mob668hoursdataseg {
	display: block;
}
#mob668hoursdataspecial {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
#mob668hoursdatalast {
	display: block;
	width: fit-content;
	margin: 2.5rem auto 0rem auto;
	background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
}

#mob668three {
	display: block;
	padding-top: 7.5rem;
}
#mob668three p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#mob668cafecontactimg {
	display: block;
}
#mob668cafecontactimg img {
	height: 25rem;
}
.mob668cafecontacttexttitle {
	display: block;
}
.mob668cafecontacthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mob668cafecontactinfo {
	display: block;
	padding-top: 2rem;
}
#mob668cafecontactinfodata {
	display: block;
	margin-top: 2.075rem;
}
#mob668cafecontactinfodatatel {
	display: inline-block;
	margin-right: 1.5rem;
}
#mob668cafecontactinfodataemail {
	display: inline-block;
	margin-left: 1.5rem;
}
#mob668contactinfonote {
	display: block;
	width: fit-content;
	margin: 3.5rem auto 0rem auto;
	background-color: #e5e5e5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #e5e5e5;
}
#mob668threelower {
	display: block;
	padding-top: 6.5rem;
}
#mob668cafetables {
	display: block;
}
#mob668cafetakeout {
	display: block;
	padding-top: 2.5rem;
}
#mob668clickcollect {
	display: block;
	padding-top: 2.5rem;
}
#mob668clickcollect h2 {
	display: block;
}
#mob668clickcollect p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#mob668clickcollectqr {
	display: block;
	line-height: 0;
	padding: 0.25rem 0rem 0.75rem 0rem;
}
#mob668clickcollectqrbutton {
	display: block;
	margin: auto;
}
#mob668clickcollectqrbutton img {
	height: 10rem;
}
#mob668clickcollecttextupper {
	display: block;
}
#mob668clickcollecttextlower {
	display: block;
}

#mob668four {
	display: block;
	position: relative;
	margin-top: 5rem;
	height: 45rem;
}
#mob668four p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.mob668fourhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mob668fourintro {
	display: block;
}
#mob668fourintrotext {
	display: block;
}
#mob668fourmenugraphic {
	display: block;
	position: absolute;
	left: 2.5rem;
	top: 14rem;
	z-index: 19;
}
#mob668fourmenugraphic img {
	height: 19rem;
}
#mob668fourmenugraphic a:hover {
	filter: brightness(100%);
}
#mob668fourmenulink {
	display: block;
	position: absolute;
	top: 31.5rem;
	left: 4.5rem;
	z-index: 20;
}
#mob668fourmenunote {
	display: block;
	position: absolute;
	left: 20.5rem;
	top: 11rem;
	background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
	z-index: 20;
}
#mob668fourallergies {
	display: block;
	position: absolute;
	left: 4.25rem;
	top: 35rem;
}

#mob668five {
	display: block;
	padding-top: 7.5rem;
	padding-bottom: 2.5rem;
}
#mob668fiveloyalty {
	display: block;
}
#mob668fiveloyalty h2 {
	display: block;
}
#mob668fiveloyaltyapp {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}
#mob668fiveloyalty p {
    margin-block-start: 0;
    margin-block-end: 0.75em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0.75em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.mob668fivehr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mob668fiveloyaltyapp img {
	height: 17.5rem;
}
#mob668fiveloyaltyapp a:hover {
	filter: brightness(100%);
}
#mob668fiveloyaltyapp img:hover {
	transition: 0.4s ease;
	transform: rotate(-7.5deg);
}
#mob668fiveloyaltytext {
	display: inline-block;
	margin: 0rem 2.5rem 4rem 1.5rem;
	vertical-align: bottom;
}
#mob668fiveloyaltydetail {
	display: block;
	line-height: 1.5em;
}
#mob668fiveloyaltytextlower {
	display: block;
	padding-top: 1rem;
}




#mob468layout {
	display: block;
	width: 100%;
	text-align: center;
}
#mob468content {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 55rem;
	font-size: 1.25rem;
}
#mob468content h1 {
	color: transparent;
}

#mob468images {
	display: block;
	position: absolute;
	top: 11rem;
	left: 0rem;
	width: 100%;
}

#mob468images > figure {
	display: block;
	animation-name: imageAnimation;
	animation-duration: 36s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	opacity: 0;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 125rem;
	z-index: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

#mob468images > figure:nth-child(1) { background-image: url("background-image-mob468-01.jpg"); }
#mob468images > figure:nth-child(2) { animation-delay: 6s; background-image: url("background-image-mob468-02.jpg"); }
#mob468images > figure:nth-child(3) { animation-delay: 12s; background-image: url("background-image-mob468-01.jpg"); }
#mob468images > figure:nth-child(4) { animation-delay: 18s; background-image: url("background-image-mob468-02.jpg"); }
#mob468images > figure:nth-child(5) { animation-delay: 24s; background-image: url("background-image-mob468-01.jpg"); }
#mob468images > figure:nth-child(6) { animation-delay: 30s; background-image: url("background-image-mob468-02.jpg"); }

@keyframes 
imageAnimation {
0% { animation-timing-function: ease-out; opacity: 0; }
8% { animation-timing-function: ease-out; opacity: 1; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

#mob468one {
	display: block;
}
#mob468one p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#mob468intro {
	display: block;
}
#mob468introtitle {
	display: block;
}
#mob468introtitle img {
	height: 3.5rem;
	padding-bottom: 1rem;
}

#mob468two {
	display: block;
	padding-top: 6rem;
}
#mob468two p {
	margin-block-start: 0.6em;
    margin-block-end: 0.6em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.6em;
	-webkit-margin-after: 0.6em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.mob468hoursdatatitle {
	display: block;
}
.mob468hourshr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
.mob468hoursnarrowhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 1.75rem;
}
#mob468hoursimg {
	display: block;
}
#mob468hoursimg img {
	height: 25rem;
}
#mob468twohours {
	display: block;
	padding-top: 1.5rem;
}
#mob468hoursdatanormal {
	display: block;
}
.mob468hoursdataseg {
	display: block;
}
#mob468hoursdataspecial {
	display: block;
	padding-top: 2.5rem;
}
#mob468hoursdatalast {
	display: block;
	width: fit-content;
	margin: 3.5rem auto 0rem auto;
	background-color: #e5e5e5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #e5e5e5;
}

#mob468three {
	display: block;
	padding-top: 9rem;
}
#mob468three p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
#mob468cafecontactimg {
	display: block;
}
#mob468cafecontactimg img {
	height: 25rem;
}
.mob468cafecontacttexttitle {
	display: block;
}
.mob468cafecontacthr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mob468cafecontactinfo {
	display: block;
	padding-top: 2rem;
}
#mob468cafecontactinfodatatel {
	display: block;
	margin-top: 2.075rem;
}
#mob468cafecontactinfodataemail {
	display: block;
	margin-top: 1.75rem;
}
#mob468contactinfonote {
	display: block;
	width: fit-content;
	margin: 2.75rem auto 0rem auto;
	background-color: #e5e5e5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #e5e5e5;
}
#mob468threelower {
	display: block;
	padding-top: 6rem;
}
#mob468cafetables {
	display: block;
}
#mob468cafetakeout {
	display: block;
	margin-top: 3.5rem;
}
#mob468clickcollect {
	display: block;
	margin-top: 3.5rem;
}
#mob468clickcollect h2 {
	display: block;
}
#mob468clickcollect p {
    margin-block-start: 0em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#mob468clickcollectqr {
	display: block;
	line-height: 0;
	padding: 0.25rem 0rem 0.75rem 0rem;
}
#mob468clickcollectqrbutton {
	display: block;
	margin: auto;
}
#mob468clickcollectqrbutton img {
	height: 10rem;
}
#mob468clickcollecttextupper {
	display: block;
}
#mob468clickcollecttextlower {
	display: block;
}

#mob468four {
	display: block;
	margin-top: 4.5rem;
}
#mob468four p {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.mob468fourhr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mob468fourfirst {
	display: block;
	width: fit-content;
	margin: 0rem auto 0rem auto;
}
#mob468fourfirsttitle {
	display: block;
}
#mob468fourfirsttext {
	display: block;
}
#mob468fourfirstmenuimage {
	display: block;
	margin-top: 2.5rem;
}
#mob468fourfirstmenuimage img {
	height: 19rem;
}
#mob468fourmenulink {
	display: block;
	position: relative;
	left: -4.25rem;
	top: -2.125rem;
}
#mob468fourmenunote {
	display: block;
	width: fit-content;
	margin: 2.5rem auto 0rem auto;
	background-color: #e5e5e5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #e5e5e5;
}
#mob468foursecond {
	display: block;
	width: fit-content;
	margin: 4.5rem auto 0rem auto;
}

#mob468five {
	display: block;
	margin-top: 7.5rem;
	padding-bottom: 2.5rem;
}
#mob468fiveloyalty {
	display: block;
}
#mob468fiveloyalty h2 {
	display: block;
}
.mob468fivehr {
	display: block;
	border-bottom: 0.075rem solid #01407F;
	margin: 1.5rem auto 1.575rem auto;
	width: 3.5rem;
}
#mob468fiveloyalty p {
    margin-block-start: 0;
    margin-block-end: 0.75em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0.75em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#mob468fiveloyaltytext {
	display: block;
	margin-bottom: 2.5rem;
}
#mob468fiveloyaltydetail {
	display: inline-block;
	line-height: 1.5em;
	vertical-align: top;
	padding: 0.5rem 0rem 0rem 1rem;
}
#mob468fiveloyaltyapp {
	display: inline-block;
	vertical-align: top;
	line-height: 0;
}
#mob468fiveloyaltyapp img {
	height: 15rem;
}
#mob468fiveloyaltyapp a:hover {
	filter: brightness(100%);
}
#mob468fiveloyaltyapp img:hover {
	transition: 0.4s ease;
	transform: rotate(-7.5deg);
}
#mob468fiveloyaltytextlower {
	display: block;
	margin-top: 2rem;
}




@media screen and (min-width: 1181px) {
#tablayout {
	display: none;
}
}

@media screen and (max-width: 1180px) {
#dtlayout{
	display: none;
}
}

@media screen and (min-width: 869px) {
#moblayout{
	display: none;
}
}

@media screen and (max-width: 868px) {
#tablayout {
	display: none;
}
}

@media screen and (min-width: 669px) {
#mob668layout {
	display: none;
}
}

@media screen and (max-width: 668px) {
#moblayout {
	display: none;
}
}

@media screen and (min-width: 469px) {
#mob468layout {
	display: none;
}
}

@media screen and (max-width: 468px) {
#mob668layout {
	display: none;
}
}