#menu-button {
	display: block;
	float: left;
	padding-right: 20px;
}

#menu-button button {
	display: inline-block;
	border: none;
	background: 0 0
}

#menu-button button span {
	display: block
}

#menu-button button:focus {
	outline: 0
}

#menu-button .lines-button {
	transition: .3s;
	cursor: pointer;
	user-select: none;
	border-radius: .3rem
}

#menu-button .lines-button:hover {
	opacity: 1
}

#menu-button .lines-button:active {
	transition: 0
}

#menu-button .lines {
	display: inline-block;
	width: 3rem;
	height: .2rem;
	background: #f78f1e;
	border-radius: .28571rem;
	transition: .3s;
	position: relative
}

#menu-button .lines:after,
#menu-button .lines:before {
	display: inline-block;
	width: 3rem;
	height: .2rem;
	background: #f78f1e;
	border-radius: .28571rem;
	transition: .3s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: .28571rem center;
	transform-origin: .28571rem center
}

#menu-button .lines:before {
	top: .8rem
}

#menu-button .lines:after {
	top: -.8rem
}

#menu-button .lines-button:hover .lines:before {
	top: .8rem
}

#menu-button .lines-button:hover .lines:after {
	top: -.8rem
}

#menu-button .lines-button.close {
	-webkit-transform: scale3d(0.8, .8, .8);
	transform: scale3d(0.8, .8, .8)
}

#menu-button .lines-button.x2 .lines {
	transition: background .3s .5s ease
}

#menu-button .lines-button.x2 .lines:after,
#menu-button .lines-button.x2 .lines:before {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: top .3s .6s ease, -webkit-transform .3s ease;
	transition: top .3s .6s ease, transform .3s ease
}

#menu-button .lines-button.x2.close .lines {
	transition: background .3s 0s ease;
	background: 0 0
}

#menu-button .lines-button.x2.close .lines:after,
#menu-button .lines-button.x2.close .lines:before {
	transition: top .3s ease, -webkit-transform .3s .5s ease;
	transition: top .3s e ase, transform .3s .5s ease;
	top: 0;
	width: 3rem
}

#menu-button .lines-button.x2.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg)
}

a {
	color: #f78f1e;
}


@font-face {
	font-family: 'Classico';
	src: url("/assets/fonts/Classico.otf") format("opentype"),
		url("/assets/fonts/Classico.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

.podere-bianco-a-link {
	font-size: 26px;
	line-height: 80px;
}

.podere-bianco-link {
	font-family: Classico;
	font-size: 40px;
	color: #fff;
	text-transform: none !important;
	display: block;
	width: 100%;
	text-align: center;
}

.feedback-center-text {
	text-align: center;
}

.feedback-link-text {
	color: #000 !important;
	text-decoration: underline;
}

#menu-button .lines-button.x2.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg)
}

.additional-top-menu {
	color: #fff;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 18px;
	display: block;
	float: left;
	padding: 0px 0px 0px 30px;
}

.pizzas-name {
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0px !important;
	margin-bottom: 5px !important;
}

.pizzas-description {
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 18px;
	padding-bottom: 0px !important;
	margin-bottom: 5px !important;
}

.arancina-text {
	color: #fff;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 18px;
	display: block;
	float: left;
	padding: 5px 10px;
}

.additional-top-menu-first {
	padding-left: 0px !important;
}

.social-icons {
	padding: 7px 25px 0px 20px;
	display: block;
	float: left;
}

.social-icons-space {
	padding-left: 60px !important;
	display: block;
	float: left;
}

.hidden {
	display: none
}

.visible {
	display: block
}

body,
html {
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 100%
}

a {
	text-decoration: none;
	box-sizing: border-box
}

a.anchor {
	display: block;
	position: relative;
	top: -60px;
	visibility: hidden
}

header {
	background-color: rgba(0, 0, 0, .69);
	color: #f78f1e;
	height: 64px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	line-height: 64px;
	padding: 0 32px;
	box-sizing: border-box;
	text-align: center
}

header div {
	height: 64px
}

@media only screen and (max-width:40em) {
	header {
		background-color: rgba(0, 0, 0, .8);
		padding: 0
	}
}

header .left-col {
	float: left
}

header .center-col {
	margin: 0 auto;
	width: 33%;
	display: inline-block
}

.notting-hill-menu-link {
	font-size: 26px !important;
}

@media only screen and (min-width:960px) and (max-width:1199px),
only screen and (min-device-width :768px) and (max-device-width :1024px),
only screen and (min-device-width :320px) and (max-device-width :568px) {

	body,
	html {
		height: 100%
	}

}

@media only screen and (max-width:40em) and (orientation :landscape) {
	#main-menu {
		font-size: 24px;
		line-height: 36px;
		padding: 80px 10px
	}
}

#main-menu a {
	color: #f78f1e
}

@media only screen and (max-width:40em) {
	#main-menu {
		font-size: 36px;
		line-height: 64px;
		padding: 100px 10px
	}
}

@media only screen and (max-width:40em) and (orientation :landscape) {
	#main-menu {
		font-size: 24px;
		line-height: 36px;
		padding: 80px 10px
	}
}

@media only screen and (min-width:40.063em),
only screen and (min-width:40.063em) and (max-width:64em),
only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#main-menu {
		font-size: 48px;
		line-height: 64px;
		padding: 100px
	}
}

.social-mobile-icons {
	display: none;
	margin-top: 0px !important;
}

@media only screen and (max-width: 900px) {
	.social-icons {
		padding: 15px 3px 0px 0px !important;
	}

	.social-icons img {
		width: 60%;
	}

	header .center-col,
	header .left-col {
		margin-bottom: 0px !important;
	}

	.hidden-tablet {
		display: none !important;
	}
}

#the-pizzerias-section .article {
	padding: 40px 40px;
}

.social-mobile-icons {
	margin-top: -15px;
	float: left;
	background-color: rgba(0, 0, 0, .69);
	width: 100%;
	padding: 3px;
}

.social-icons-mobile-space {
	float: left;
	padding: 0px 0px 0px 0px !important;
	margin-top: -9px;
}

.social-icons-mobile-space img {
	width: 50%;
}

.additional-top-menu-mobile {
	color: #fff;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 16px;
	display: block;
	float: left;
	padding: 5px 25px 0 0px;
	margin-top: -15px !important;
}

.book-now-bottom-link {
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 45px;
	height: 60px;
	font-weight: bold;
	color: rgb(0, 0, 0) !important;
	margin: 0 auto;
	padding: 0px !important;
}


.candc-link {
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 60px;
	height: 60px;
	font-weight: bold;
	color: white !important;
	margin: 0 auto;
	padding: 0px !important;
}

.candc-sub {
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 20px;
	height: 20px;
	font-weight: bold;
	color: white !important;
	margin: 0 auto;
	padding: 0px 0px 5px 0px !important;
}

.candc-link-mobile {
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 36px;
	height: 36px;
	font-weight: bold;
	color: white !important;
	margin: 0 auto;
	padding: 0px !important;
	display: none;
}

.candc-sub-mobile {
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 16px;
	height: 16px;
	font-weight: bold;
	color: white !important;
	margin: 0 auto;
	padding: 0px 0px 5px 0px !important;
	display: none;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 900px) {
	.article {
		padding: 20px 20px 40px !important;
	}

	#the-pizzerias-section a {
		color: #f78f1e
	}

	.booking-link {
		color: #f78f1e !important;
	}

	#main-menu {
		font-size: 22px;
		line-height: 48px;
		padding: 120px 10px;
	}

	.candc-link,
	.candc-sub {
		display: none;
	}

	.candc-link-mobile,
	.candc-sub-mobile {
		display: block;
	}

	.hidden-mobile {
		display: none;
	}

	.download-link-mobile {
		display: block;
	}

	.article .download-menu-button:before {
		bottom: -10px !important;
		padding: 8px !important;
		margin-bottom: 20px !important;
	}

	#our-resident-pizzas-section {
		background: none !important;
		padding: 0px 0 50px !important;
	}

	.social-mobile-icons {
		display: block;
	}

	.social-icons {
		padding: 15px 3px 0px 0px !important;
	}

	.social-icons img {
		width: 60%;
	}

	header .center-col,
	header .left-col {
		margin-bottom: 0px !important;
	}

	.mobile-space-top {
		margin-top: 0px !important;
	}

	.mobile-space-bottom {
		margin-bottom: 0px !important;
	}

	#van-section {
		margin-top: 35px !important;
	}

	.mobile-top-margin {
		margin-top: 15px !important;
	}

	.notting-hill-menu-link {
		font-size: 30px !important;
		line-height: 60px !important;
	}
}

@media only screen
/*IPAD LANDSCAPE*/
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#main-menu {
		font-size: 32px !important;
		line-height: 68px !important;
		padding: 100px !important;
	}

	header .left-col {
		width: 42% !important;
	}

	header .center-col,
	header .right-col {
		float: left;
	}

	.hidden-tablet,
	.candc-link,
	.candc-sub {
		display: block;
	}

	.candc-link-mobile,
	.candc-sub-mobile {
		display: none;
	}

	.social-mobile-icons {
		display: none !important;
	}

	.tablet-fix {
		margin-bottom: 40px !important;
	}

}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	header .center-col {
		display: inline-block
	}
}

header .right-col {
	/*width: 280px;*/
	text-align: right;
	float: right;
}

@media only screen and (max-width:40em) {
	header .right-col {
		width: 64px
	}
}

header img.arancina {
	margin-right: 32px
}

#main-menu {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .87);
	text-align: center;
	font-family: 'Special Elite', system-ui;
	display: none;
	text-transform: uppercase
}

#main-menu a {
	color: #f78f1e
}

.logo {
	width: 250px;
	height: 250px;
	margin: 30px auto;
	background-image: url(../images/arancina-logo-black.png);
	margin-bottom: 32px
}

@media only screen and (max-width:40em) {
	.logo {
		width: 250px;
		height: 250px;
		margin: 60px auto;
		background-image: url(../images/arancina-logo-black.png)
	}
}

h1.heading {
	color: #fff;
	font-family: 'Special Elite', system-ui;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	position: relative;
	font-size: 36px;
	line-height: 50px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	min-height: 50px;
	min-width: 280px;
	padding: 0 18px;
	margin: 0 auto;
	margin-bottom: 32px
}

h1.heading a {
	color: #fff;
	text-decoration: none;
	box-sizing: border-box
}

h1.heading a:hover {
	border-bottom: 1px solid #fff
}

@media only screen and (max-width:40em) {
	h1.heading {
		font-size: 30px;
		color: #f78f1e;
		border-bottom: 1px solid #f78f1e;
		border-top: 1px solid #f78f1e;
		padding: 10px 0px;
		margin: 0;
		width: 100%;
	}
}

@media only screen and (min-width:40.063em),
only screen and (min-width:40.063em) and (max-width:64em),
only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	h1.heading {
		font-size: 25px
	}

	h1.heading::before {
		content: '';
		position: absolute;
		left: -70px;
		width: 70px;
		height: 50px;
		background-image: url(../images/heading-ornament-left.png)
	}

	h1.heading::after {
		content: '';
		position: absolute;
		right: -70px;
		width: 70px;
		height: 50px;
		background-image: url(../images/heading-ornament-right.png)
	}
}

h2.heading {
	font-family: L'Special Elite', system-ui;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 0 auto;
	color: #fff;
	font-size: 18px
}

h2.heading a {
	color: #fff;
	text-decoration: none;
	box-sizing: border-box
}

h2.heading a:hover {
	border-bottom: 1px solid #fff
}

#welcome-section {
	height: auto !important;
	min-height: 100%;
	text-align: center;
	background-size: cover;
	position: relative;
	padding: 0
}

@media only screen and (max-width:40em) {
	#welcome-section {
		background-image: none;
		padding: 0
	}

	.feedback-link-text {
		color: #fff !important;
	}

	.podere-bianco-a-link {
		line-height: 42px;
	}

	.podere-bianco-link {
		font-size: 26px;
	}

	.book-now-bottom-link {
		font-size: 24px;
		line-height: 40px;
		color: #fff !important;
	}

	.insta-top {
		display: block !important;
		float: right;
		text-align: right;
		padding: 0px 5px 0px 0px !important;
	}

	header .left-col {
		width: 100%;
	}

	.arancina-text {
		width: 63%;
		text-align: center;
	}

	#real-food-section {
		background-image: none !important;
		padding: 64px 0px 0px 0px !important;
	}

	.first-pizza-container {
		margin: 0px !important;
		padding: 0px !important;
	}

	.second-pizza-container {
		margin: 0px !important;
		padding: 0px !important;
	}

	.third-pizza-container {
		margin: 0px !important;
		padding: 0px !important;
	}

	.fourth-pizza-container {
		margin: 0px !important;
		padding: 0px !important;
	}

	.fifth-pizza-container {
		margin: 0px !important;
		padding: 0px !important;
	}

	.first-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.second-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.third-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.fourth-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.fifth-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.sixth-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.seventh-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.eighth-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.nineth-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}

	.tenth-pizza {
		margin: 0px !important;
		padding: 0px 0px 20px 0px !important;
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#welcome-section {
		background-attachment: fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%
	}
}

#welcome-section.back-01 {
	background-image: url(../images/welcome-background-01.jpg)
}

#welcome-section.back-02 {
	background-image: url(../images/welcome-background-02.jpg)
}

#welcome-section.back-03 {
	background-image: url(../images/welcome-background-03.jpg)
}

#welcome-section.back-04 {
	background-image: url(../images/welcome-background-04.jpg)
}

#welcome-section.back-05 {
	background-image: url(../images/welcome-background-05.jpg)
}

@media only screen and (max-width:40em) {
	#welcome-section {
		background-color: #000;
		background-image: none !important
	}
}

#the-pizzerias-section {
	height: auto !important;
	min-height: 100%;
	padding: 64px 0 128px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/pizzerie-background-01.jpg);
}

@media only screen and (max-width:40em) {
	#the-pizzerias-section {
		background-image: none;
		padding: 0;
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#the-pizzerias-section {
		background-attachment: fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%
	}
}

@media only screen and (max-width:40em) {
	#the-pizzerias-section {
		background-color: #000
	}
}

#the-pizzerias-section img.about-us {
	width: 100%;
	margin-bottom: 24px
}

@media only screen and (max-width:40em) {
	#the-pizzerias-section a {
		background-color: #000;
		padding: 0 2px
	}
}

#the-pizzerias-section .handwriting {
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	text-transform: none;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	width: 100%
}

@media only screen and (max-width:40em) {
	#the-pizzerias-section .handwriting {
		color: #f78f1e
	}
}

#our-resident-pizzas-section {
	height: auto !important;
	min-height: 100%;
	padding: 64px 0 128px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/our-tradition-background-01.jpg)
}

#pizzas-and-arancini-balls-section {
	height: auto !important;
	min-height: 100%;
	padding: 64px 0 128px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/latest-background-01.jpg)
}

#real-food-section {
	height: auto !important;
	min-height: 85%;
	padding: 64px 0 0px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/latest-background-01.jpg)
}

@media only screen and (max-width:40em) {
	#pizzas-and-arancini-balls-section {
		background-image: none;
		padding: 0
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#pizzas-and-arancini-balls-section {
		background-attachment: fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%
	}
}

@media only screen and (max-width:40em) {
	#pizzas-and-arancini-balls-section {
		background-color: #000
	}
}

#van-section {
	height: auto !important;
	min-height: 100%;
	padding: 64px 0 128px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/pizzerie-background-01.jpg)
}

@media only screen and (max-width:40em) {
	#van-section {
		background-image: none;
		padding: 0
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#van-section {
		background-attachment: fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%
	}
}

@media only screen and (max-width:40em) {
	#van-section {
		background-color: #000
	}
}

#latest-section {
	height: auto !important;
	min-height: 100%;
	padding: 64px 0 128px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/latest-background-01.jpg)
}

@media only screen and (max-width:40em) {
	#latest-section {
		background-image: none;
		padding: 0
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#latest-section {
		background-attachment: fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%
	}
}

@media only screen and (max-width:40em) {
	#latest-section {
		background-color: #000
	}
}

#opening-hours-section {
	height: auto !important;
	min-height: 100%;
	padding: 64px 0 100px;
	text-align: center;
	background-size: cover;
	position: relative;
	background-image: url(../images/our-tradition-background-01.jpg)
}

@media only screen and (max-width:40em) {
	#opening-hours-section {
		background-image: none;
		padding: 0
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	#opening-hours-section {
		background-attachment: fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%
	}
}

.wrapper {
	text-align: left;
	margin: 0 auto
}

@media only screen and (max-width:40em) {
	.wrapper {
		background-color: #000
	}
}

@media only screen and (min-width:40.063em),
only screen and (min-width:40.063em) and (max-width:64em) {
	.wrapper {
		max-width: 720px
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	.wrapper {
		max-width: 960px
	}
}

.article {
	background-color: rgba(255, 255, 255, .7);
	margin: 0 auto;
	margin-top: 32px;
	position: relative;
	color: #4d4d4d
}

@media only screen and (max-width:40em) {
	.article {
		padding: 20px 20px 80px;
		background-color: #000;
		color: #ffffff;
		line-height: 24px;
	}

	.two-columns img {
		margin-bottom: 10px !important;
	}

	.pizzas-description {
		padding-bottom: 15px !important;
	}

	#pizzas-and-arancini-balls-section .pizza-name {
		margin-bottom: 15px !important;
	}
}

@media only screen and (min-width:40.063em),
only screen and (min-width:40.063em) and (max-width:64em) {
	.article {
		padding: 80px 40px
	}
}

@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	.article {
		padding: 80px 100px;
		margin-bottom: 32px;
	}
}

#welcome-popup,
#exit-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

#welcome-popup .popup-content,
#exit-popup .popup-content {
	text-align: center;
	font-family: 'Special Elite', system-ui;
	padding: 20px;
	background: rgba(242, 234, 234, 0.8);
	font-size: 24px;
	color: #000;
	max-width: 550px;
	width: 90%;
	position: relative;
	line-height: 1.5em;
	border-radius: 8px;
}

#welcome-popup a,
#welcome-popup .popup-content a,
#exit-popup a,
#exit-popup .popup-content a {
	color: #f78f1e;
	text-decoration: underline;
}

#welcome-popup .popup-content strong,
#exit-popup .popup-content strong {
	font-weight: bold;
}

#welcome-popup .popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-family: 'Special Elite', system-ui;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
}

/* Exit intent popup */
#exit-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

#exit-popup .popup-content {
	background: #fff;
	padding: 20px;
	max-width: 500px;
	text-align: center;
	position: relative;
	border-radius: 5px;
}

#exit-popup .popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
}

.sign-up-link-loyalty {
	width: 100%;
	margin-top: 15px;
	;
}

.title-in-paragraph {
	font-family: 'Special Elite', system-ui;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
}

.strong-in-bullet {
	font-family: 'Special Elite', system-ui;
	font-weight: bold;
}

.article h3 {
	font-family: 'Special Elite', system-ui;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 24px;
	text-transform: uppercase
}

.custom-dl {
	font-family: 'Special Elite', system-ui;
}

.dt-margin {
	margin-bottom: 5px;
}

.qr-code {
	width: 15%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.centered-heading {
	text-align: center;
	width: 99%;
}

.centered-paragraph {
	text-align: center;
	width: 99%;
}

@media only screen and (max-width:40em) {
	.article h3 {
		color: #f78f1e
	}
}

.article p {
	font-family: 'Special Elite', system-ui;
	line-height: 24px;
	margin-bottom: 24px
}

.article p strong {
	font-weight: 700
}

.article p em {
	font-style: italic
}

@media only screen and (max-width:40em) {
	.article p {
		color: #fff;
		font-family: 'Special Elite', system-ui;
	}
}

@media only screen and (min-width:40.063em),
only screen and (min-width:40.063em) and (max-width:64em),
only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	.article .download-menu-button:before {
		content: "";
		position: absolute;
		width: 123px;
		height: 48px;
		background-image: url(../images/download-menu-button.png);
		top: 10px;
		right: -10px
	}
}

@media only screen and (max-width:40em) {
	.article .download-menu-button:before {
		content: "Download Menu";
		width: 300px;
		margin: 10px auto;
		padding: 20px;
		border: 1px solid #f78f1e;
		font-family: 'Special Elite', system-ui;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		font-style: normal;
		text-transform: uppercase;
		background-color: #f78f1e;
		color: #000;
		left: 50%;
		position: absolute;
		margin-left: -150px;
		bottom: 30px;
		box-sizing: border-box;
		text-align: center
	}
}

.scroll-button {
	display: none
}

.insta-top {
	display: none;
}


@media only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	.scroll-button {
		display: block;
		position: absolute;
		width: 80px;
		height: 80px;
		bottom: 5px;
		left: 50%;
		margin-left: -40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-image: url(../images/arrow-down.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-transition: background-color .5s;
		transition: background-color .5s;
		cursor: pointer
	}

	.scroll-button:hover {
		background-color: #000
	}
}

.hero.full {
	width: 100%;
	height: 80%;
	min-height: 220px;
	margin: auto;
	position: absolute;
	top: 7;
	left: 0;
	bottom: 0;
	right: 0
}

@media only screen and (max-width:40em) {
	.hero.full {
		display: none
	}
}

.hero.phone {
	display: none;
	padding-top: 100px;
	color: #000;
	font-family: 'Special Elite', system-ui;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 64px
}

.hero.phone a {
	color: #000;
}

@media only screen and (max-width:900px) {
	.hero.phone {
		display: block;
		color: #f78f1e
	}

	.hero.phone a {
		color: #fff
	}
}

@media only screen and (max-width:40em) and (orientation :landscape) {
	.hero.phone {
		padding-top: 68px;
	}
}

.two-columns {
	margin-bottom: 40px
}

@media only screen and (min-width:40.063em),
only screen and (min-width:40.063em) and (max-width:64em),
only screen and (min-width:64.063em),
only screen and (min-width:64.063em) and (max-width:90em),
only screen and (min-width:90.063em),
only screen and (min-width:90.063em) and (max-width:120em),
only screen and (min-width:120.063em) {
	.two-columns {
		box-sizing: border-box
	}

	.two-columns>[class*=col-] {
		float: left;
		box-sizing: border-box;
		padding-right: 20px;
		padding-left: 20px
	}

	.two-columns>[class*=col-]:first-child {
		padding-left: 0
	}

	.two-columns>[class*=col-]:last-child {
		padding-right: 0
	}

	.two-columns .col-1,
	.two-columns .col-2 {
		width: 50%
	}

	.two-columns:after {
		content: "";
		display: table;
		clear: both
	}
}

.two-columns img {
	width: 100%;
	margin-bottom: 20px
}

.opening-hours-section .handwriting {
	color: #000;
}

.handwriting {
	font-family: 'Special Elite', system-ui;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-transform: none;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	max-width: 760px;
	width: 99%;
	;
}

.polaroid {
	-moz-box-shadow: inset 0 0 10px #a6a6a6;
	-webkit-box-shadow: inset 0 0 10px #a6a6a6;
	box-shadow: inset 0 0 10px #a6a6a6;
	box-sizing: border-box;
	border: 3px solid #fff
}

#opening-hours-section a {
	color: #f78f1e
}

#opening-hours-section hr {
	border: none;
	height: 1px;
	color: #fff;
	background-color: #fff;
	max-width: 760px;
	margin: 24px auto
}

#opening-hours-section .footer-socials {
	margin: 24px auto
}

#opening-hours-section .footer-socials a.socicon {
	font-size: 36px;
	line-height: 64px;
	height: 64px;
	color: #fff;
	margin: 0 12px
}

#opening-hours-section .footer-socials a.socicon-tripadvisor {
	font-size: 42px;
	line-height: 42px
}

#opening-hours-section .vetrina {
	max-width: 360px;
	min-height: 216px;
	margin: 0 auto;
	margin-top: 24px;
	margin-bottom: 24px;
	position: relative
}

@media only screen and (max-width:40em) {
	#opening-hours-section .vetrina {
		margin: 24px auto
	}
}

#opening-hours-section .vetrina a {
	width: 93px;
	height: 61px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .69);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .69);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .69)
}

#opening-hours-section .bayswater .vetrina {
	background-image: url(../images/bayswater.jpg)
}

#opening-hours-section .boxpark .vetrina {
	background-image: url(../images/boxPark.jpg)
}

#opening-hours-section .bayswater .vetrina a {
	background-image: url(../images/bayswater-map.png)
}

#opening-hours-section .notting-hill .vetrina {
	background-image: url(../images/notting-hill.jpg)
}

#opening-hours-section .notting-hill .vetrina a {
	background-image: url(../images/notting-hill-map.png)
}

.notting-hill p {
	width: 100%;
	text-align: center;
}

#opening-hours-section p {
	margin-bottom: 12px
}

#opening-hours-section .pizzerie {
	font-family: 'Special Elite', system-ui;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	text-transform: uppercase;
	max-width: 760px;
	margin: 0 auto;
	padding-bottom: 64px
}

#opening-hours-section .pizzerie h3 {
	font-size: 24px
}

#opening-hours-section .pizzerie p {
	margin-bottom: 12px
}

#opening-hours-section .address,
#opening-hours-section .download-menu,
#opening-hours-section .info,
#opening-hours-section .opening-hours,
#opening-hours-section .telephone {
	position: relative
}

#opening-hours-section .address {
	text-align: center;
}

#opening-hours-section .address:after,
#opening-hours-section .download-menu:after,
#opening-hours-section .info:after,
#opening-hours-section .opening-hours:after,
#opening-hours-section .telephone:after {
	font-family: FontAwesome;
	font-size: 24px;
	text-align: center;
	position: absolute;
	width: 40px;
	height: 24px;
	top: 0
}

#opening-hours-section .pizzerie .col-1 {
	text-align: right
}

@media only screen and (max-width:40em) {
	#opening-hours-section .pizzerie .col-1 {
		text-align: center
	}

	#opening-hours-section .pizzerie .col-1 .address:after,
	#opening-hours-section .pizzerie .col-1 .download-menu:after,
	#opening-hours-section .pizzerie .col-1 .info:after,
	#opening-hours-section .pizzerie .col-1 .opening-hours:after,
	#opening-hours-section .pizzerie .col-1 .telephone:after {
		display: none
	}

	#welcome-popup,
	#exit-popup {
		top: 100px;
	}
}

#opening-hours-section .pizzerie .col-1 .address:after {
	content: "";
	right: -40px
}

#opening-hours-section .pizzerie .col-1 .telephone:after {
	content: "";
	right: -40px
}

#opening-hours-section .pizzerie .col-1 .opening-hours:after {
	content: "";
	right: -40px;
	top: 5px
}

#opening-hours-section .pizzerie .col-2 {
	text-align: left
}

#opening-hours-section .pizzerie .col-2 .info:after {
	content: "";
	left: -40px;
	top: -1px
}

@media only screen and (max-width:40em) {
	#opening-hours-section .pizzerie .col-2 {
		text-align: center
	}

	#opening-hours-section .pizzerie .col-2 .address:after,
	#opening-hours-section .pizzerie .col-2 .download-menu:after,
	#opening-hours-section .pizzerie .col-2 .info:after,
	#opening-hours-section .pizzerie .col-2 .opening-hours:after,
	#opening-hours-section .pizzerie .col-2 .telephone:after {
		display: none
	}
}

#opening-hours-section .menu.col-1 p {
	text-align: right
}

#opening-hours-section .menu.col-1 p.download-menu:after {
	content: "";
	right: -40px
}

#opening-hours-section .menu.col-2 p {
	text-align: left
}

#opening-hours-section .work-for-us h3 {
	font-size: 32px;
	margin-bottom: 24px
}

#opening-hours-section .work-for-us p {
	text-transform: none;
	font-size: 14px
}

@media only screen and (max-width:40em) {
	#opening-hours-section .no-phone {
		/*display:none*/
	}
}

footer {
	font-family: 'Special Elite', system-ui;
	position: relative;
	padding: 28px 0px;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

footer img {
	margin-top: 10px;
}

.feed {
	background-color: rgba(255, 255, 255, .8);
	position: relative;
	max-width: 240px;
	box-sizing: border-box;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Special Elite', system-ui;
	font-weight: 400;
	padding: 4px;
	color: #000;
	padding-bottom: 20px;
	display: inline-block;
	margin-bottom: 20px
}

@media only screen and (max-width:40em) {
	.feed {
		margin: 0 auto 20px
	}
}

.arancina-brand-link {
	color: #d17007 !important;
}

.download-menu-container {
	padding-right: 3px !important;
	padding-left: 3px !important;
}

.download-menu-col-container {
	padding-left: 0px !important;
	text-align: center !important;
}