/* Fonts */
@font-face {
	font-family: 'FatFrank';
	src: url('../fonts/FatFrank-Heavy.eot');
	src: url('../fonts/FatFrank-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FatFrank-Heavy.woff') format('woff'),
		url('../fonts/FatFrank-Heavy.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Brother1816';
	src: url('../fonts/Brother-1816-Bold.eot');
	src: url('../fonts/Brother-1816-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Brother-1816-Bold.woff') format('woff'),
		url('../fonts/Brother-1816-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Brother1816';
	src: url('../fonts/Brother-1816-Bold-Italic.eot');
	src: url('../fonts/Brother-1816-Bold-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Brother-1816-Bold-Italic.woff') format('woff'),
		url('../fonts/Brother-1816-Bold-Italic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Brother1816';
	src: url('../fonts/Brother-1816-Medium.eot');
	src: url('../fonts/Brother-1816-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Brother-1816-Medium.woff') format('woff'),
		url('../fonts/Brother-1816-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Brother1816';
	src: url('../fonts/Brother-1816-Medium-Italic.eot');
	src: url('../fonts/Brother-1816-Medium-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Brother-1816-Medium-Italic.woff') format('woff'),
		url('../fonts/Brother-1816-Medium-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Brother1816';
	src: url('../fonts/Brother-1816-Regular.eot');
	src: url('../fonts/Brother-1816-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Brother-1816-Regular.woff') format('woff'),
		url('../fonts/Brother-1816-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Brother1816';
	src: url('../fonts/Brother-1816-Regular.eot');
	src: url('../fonts/Brother-1816-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Brother-1816-Regular.woff') format('woff'),
		url('../fonts/Brother-1816-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'GoodKarma';
	src: url('../fonts/Good-Karma-Regular');
	src: url('../fonts/Good-Karma-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Good-Karma-Regular.woff') format('woff'),
		url('../fonts/Good-Karma-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Reset */
body.rustica {
	background-image: none;
	font-family: 'Brother1816', Arial, Helvetica, sans-serif;
	font-weight: normal;
	max-width: 1920px;
	margin: 0px auto;
}

.page-holder {
	overflow: hidden;
}

/* Rustica Landing */
.rustica header {
	position: relative;
	display: flex;
	justify-content: right;
	background-image: url(/images/rustica/CommonElements/bg-header.webp);
	background-size: cover;
	padding: 40px 80px;
	transition: all 0.5s ease-out;
}

.rustica header .logo {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 30%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.rustica header .header-holder {
	position: relative;
	display: flex;
	align-items: center;
}

.rustica header .header-holder a,
.rustica header .header-holder .menu {
	margin: 0px 7px;
}

.rustica header .header-holder .menu {
	max-width: 70px;
}

.rustica header .header-holder img {
	max-height: 45px;
	transition: all 0.5s ease-out;
}

.banner-holder img {
	width: 100%;
}

.rustica .video-section {
	position: relative;
	background-image: url(/images/rustica/CommonElements/bg-video-section.webp);
	background-size: cover;
	padding: 70px;
	text-align: center;
	transition: all 0.5s ease-out;
}

.rustica .video-section .video-holder {
	position: relative;
	display: inline-block;
	border: 10px solid #2A2A26;
	max-width: 1000px;
	transition: all 0.5s ease-out;
}

	.rustica .video-section .video-holder:has(iframe) {
		display: block;
		margin: auto;
		position: relative;
	}
		.rustica .video-section .video-holder:has(iframe) .video-wrapper {
			padding-bottom: 56.25% !important; /* 16:9 */
			height: 0;
		}

			.rustica .video-section .video-holder:has(iframe) .video-wrapper iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}


.overlay-oregano {
	position: absolute;
	top: 50px;
	left: 175px;
	left: 10%;
	max-width: 10%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.overlay-mozzarella-pizza {
	position: absolute;
	top: 0px;
	left: -710px;
	left: -35%;
	max-width: 50%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.video-section .overlay-glass {
	position: absolute;
	top: -50px;
	right: -250px;
	right: -12%;
	max-width: 30%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.overlay-salamicheese-salad {
	position: absolute;
	top: 200px;
	right: -420px;
	right: -22%;
	max-width: 42%;
	z-index: 1;
	transition: all 0.5s ease-out;
}
.rustica .video-section .video-holder.has-video iframe::before,
.rustica .video-section .video-holder.has-video a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 18%;
	height: 32%;
	background-image: url(/images/rustica/CommonElements/icon-play-video.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.rustica .video-section .video-holder img {
	width: 100%;
}

.rustica .video-section .video-description p {
	max-width: 1000px;
	padding-top: 20px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.16;
	margin: 0px auto;
}



/* Landing page products */
.rustica .product-grid {
	position: relative;
	z-index: 2;
	padding: 80px 50px;
	max-width: 1600px;
	margin: 0 auto;
	transition: all 0.5s ease-out;
}

.rustica .section-title {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 2.4vw;
	line-height: normal;
	text-transform: uppercase;
	color: #2A2A26;
	margin: 0 5%;
	transition: all 0.5s ease-out;
}

.rustica .product-grid .products-holder {
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	gap: 30px 10px;
	transition: all 0.5s ease-out;
}

.rustica .product-grid .product-card {
	position: relative;
	text-align: center;
}

.rustica .product-card {
	font-size: 24px;
	line-height: 1.16;
	color: #2A2A26;
	text-decoration: none;
	transition: all 0.5s ease-out;
}

.rustica .product-card:hover {
	text-decoration: none;
	color: #2A2A26;
}


/* Hero Image */
.hero-image {
	text-align: center;
	max-width: 65%;
	margin: 0 auto;
}

.hero-image-product {}

.hero-image-product img {
	margin: 0 auto;
}

.hero-title {
	font-size: 25px;
	line-height: 1.1;
	margin-bottom: 40px;
}

/* Stone Baked Section */
.stone-baked-section {
	position: relative;
	background-image: url(/images/rustica/CommonElements/bg-stone-baked.webp);
	background-size: cover;
	padding-top: 50px;
	overflow: hidden;
}

.stone-baked-holder {
	max-width: 980px;
	background-color: #F15941;
	padding: 17px;
	-webkit-box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	margin-right: 50px;
	float: right;
	transition: all 0.5s ease-out;
}

.supreme .stone-baked-holder {
	background-color: #625D20;
	-webkit-box-shadow: inset 0px 0px 0px 10px #625D20, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #625D20, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #625D20, inset 0 0 0 17px #FFFCE2;
}

.margherita .stone-baked-holder {
	background-color: #F15941;
	-webkit-box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
}

.angusbeef .stone-baked-holder {
	background-color: #C30739;
	-webkit-box-shadow: inset 0px 0px 0px 10px #C30739, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #C30739, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #C30739, inset 0 0 0 17px #FFFCE2;
}

.roastedmushroom .stone-baked-holder {
	background-color: #A59584;
	-webkit-box-shadow: inset 0px 0px 0px 10px #A59584, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #A59584, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #A59584, inset 0 0 0 17px #FFFCE2;
}

.salamicheese .stone-baked-holder {
	background-color: #AD528B;
	-webkit-box-shadow: inset 0px 0px 0px 10px #AD528B, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #AD528B, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #AD528B, inset 0 0 0 17px #FFFCE2;
}

.salamismokedham .stone-baked-holder {
	background-color: #EB96BD;
	-webkit-box-shadow: inset 0px 0px 0px 10px #EB96BD, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #EB96BD, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #EB96BD, inset 0 0 0 17px #FFFCE2;
}

.spinachmozzarella .stone-baked-holder {
	background-color: #6A9635;
	-webkit-box-shadow: inset 0px 0px 0px 10px #6A9635, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #6A9635, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #6A9635, inset 0 0 0 17px #FFFCE2;
}

.mexicanstyle .stone-baked-holder {
	background-color: #E74E00;
	-webkit-box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	-moz-box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
	box-shadow: inset 0px 0px 0px 10px #F15941, inset 0 0 0 17px #FFFCE2;
}

.stone-baked-holder .product-title {
	position: relative;
	padding: 10px 30px 20px 30px;
	margin-bottom: 0;
}

.stone-baked-holder .stone-baked-title img {
	width: 100%;
}

.stone-baked-holder .product-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translateX(-50%);
	border-bottom: 3px solid #2A2A26;
	width: 50%;
}

.margherita .stone-baked-holder .product-title::after {
	bottom: 80px;
}

.angusbeef .stone-baked-holder .product-title::after,
.salamicheese .stone-baked-holder .product-title::after {
	bottom: 20px;
}

.salamismokedham .stone-baked-holder .product-title::after {
	bottom: 10px;
}

.spinachmozzarella .stone-baked-holder .product-title::after {
	bottom: 10px;
}

.mexicanstyle .stone-baked-holder .product-title::after {
	bottom: 30px;
}

.stone-baked-holder .product-title img {
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

.stone-baked-holder .product-description {
	text-align: center;
	padding: 30px;
	position: relative;
	z-index: 1;
}

.stone-baked-holder .product-description p {
	font-size: 25px;
	line-height: 1.2;
	font-style: italic;
	color: #2A2A26;
}

.supreme .stone-baked-holder .product-description p {
	color: #fff;
}

.highlights p {
	margin-top: 30px;
	font-weight: bold;
}

.stone-baked-holder .product-link-holder {
	display: table;
	margin: 0 auto;
	padding: 10px 0 30px 0;
	position: relative;
	z-index: 1;
}

.stone-baked-holder .product-link {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.stone-baked-holder .product-information-holder {
	transition: all 0.5s ease-out;
	position: relative;
	z-index: 1;
}

.information-item {
	text-align: center;
	padding: 25px 80px;
}

.information-title {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #2A2A26;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.information-description,
.information-description p {
	font-size: 21px;
	color: #FFFCE2;
	line-height: 1.18;
	margin-bottom: 0;
}

.information-description p {
	margin-bottom: 0.5em;
}

.information-description p:last-child {
	margin-bottom: 0;
}

.information-item.cooking .information-description p {
	margin-bottom: 0.5em;
}

.information-item.cooking .information-description p:last-child {
	margin-bottom: 0;
}

.nutritions-holder {}

.nutritions-holder .row {
	display: flex;
	justify-content: space-between;
	border-top: 5px solid #2A2A26;
	padding: 10px 20px;
	margin: 0;
}

.nutritions-holder .row:last-child {
	border-bottom: 5px solid #2A2A26;
}

.nutritions-holder .row:nth-child(1) {
	text-transform: uppercase;
	display: block;
	text-align: left;
}

.nutritions-holder .h {
	font-weight: 600;
}

.nutritions-holder .hi1 {
	margin-right: 20px;
}

.nutritions-holder .column {
	position: relative;
	width: 50%;
	padding-right: 15px;
}

.nutritions-holder .column::after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border-right: 2px solid #2A2A26;
	height: 100%;
}

.nutritions-holder .column:last-child::after {
	display: none;
}

.nutritions-holder .column div {
	display: flex;
	justify-content: space-between;
	text-align-last: left;
	margin-bottom: 6px;
	margin-right: 10px;
}

.nutritions-holder .column p {
	line-height: 1;
	margin-bottom: 0;
	font-size: 18px;
}

.nutritions-holder .column p:first-child {
	font-weight: bold;
}

.nutritions-holder .servings-subtitle-row .column {
	text-align: right;
}

.nutritions-holder .servings-subtitle-row .column span {
	margin-right: 10px;
}

/* Recipe Section */
.recipe {
	position: relative;
	background-image: url(/images/rustica/CommonElements/bg-recipe.webp);
	background-size: cover;
}

.recipe-item {
	padding: 60px 80px 80px 80px;
}

.recipe-holder {
	max-width: 56%;
}

.recipe .subtitle {
	text-align: center;
	margin-bottom: 2em;
	font-size: 21px;
}

.recipe .subtitle .hi {
	font-weight: bold;
	text-transform: uppercase;
}

.recipe .main-title {
	position: relative;
	font-family: 'GoodKarma', Arial, Helvetica, sans-serif;
	font-size: 5vw;
	line-height: 0.9;
	color: #2A2A26;
	margin-bottom: 50px;
	text-align: center;
	font-weight: normal;
}

.recipe .main-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
	border-bottom: 5px solid #2A2A26;
	width: 200px;
}



.recipe .recipe-information {
	display: flex;
	flex-direction: row;
	margin-bottom: 70px;
	justify-content: center;
}

.recipe .recipe-information div {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 1.5vw;
	color: #2A2A26;
	text-transform: uppercase;
}

.recipe .recipe-information div::after {
	content: '|';
	margin: 0px 10px;
}

.recipe .recipe-information div:last-child:after {
	display: none;
}

.recipe .recipe-instructions {
	display: flex;
	flex-direction: row;
	text-align: center;
	margin-bottom: 50px;
}

.recipe .title {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 1.6vw;
	color: #2A2A26;
	text-transform: uppercase;
	margin-bottom: 10px;
}


.recipe div p {
	font-size: 1vw;
	line-height: 1.75;
	margin-bottom: 0;
}

.recipe .ingredients,
.recipe .method {
	width: 100%;
}

.recipe .method p {
	font-style: italic;
}

.recipe .information-item {
	padding: 0px;
}

.recipe .information-description {
	color: #2A2A26;
}

.recipe .nutritions-holder p {
	color: #000;
}

.recipe-item {
	position: relative;
}

.mexicanstyle .recipe {
	overflow: hidden;
}

.mexicanstyle .recipe-item {
	padding-top: 150px;
	padding-bottom: 10px;
}

.mexicanstyle .recipe-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100px;
	background-image: url("/images/rustica/MexicanStyle/Patterns-02.png?format=webp");
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center;
	z-index: 0;
}

.mexicanstyle .recipe-item.recipe-1 {
	overflow: hidden;
}

.mexicanstyle .recipe-item.recipe-1 .overlay-recipe {
	position: absolute;
	top: -15%;
	right: -3%;
	width: 44%;
	aspect-ratio: 1500 / 1355;
	z-index: 0;
}

.mexicanstyle .recipe-item.recipe-2 .overlay-recipe {
	position: absolute;
	top: -18%;
	right: -10%;
	width: 58%;
	aspect-ratio: 1200 / 1064;
	z-index: 1;
}

.mexicanstyle .recipe-item.recipe-3 .overlay-recipe {
	position: absolute;
	top: 6%;
	right: -15%;
	width: 62%;
	aspect-ratio: 1200 / 1070;
	z-index: 1;
}

.mexicanstyle .recipe-item.recipe-3 {
	padding-bottom: 250px;
}

.mexicanstyle .recipe-item.recipe-3 .overlay-recipe2 {
	position: absolute;
	bottom: -25%;
	left: 15%;
	width: 30%;
	aspect-ratio: 600 / 585;
	z-index: 1;
}


.products-slider {
	position: relative;
	padding: 50px;
	z-index: 2;
}

.products-slider .slider-title {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 45px;
	line-height: 1.15;
	color: #2A2A26;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.slider-holder {
	position: relative;

}

.slider-holder .slider-item {
	position: relative;
	text-align: center;
}

.slick-list.draggable {
	overflow: hidden;
	width: calc(100% - 7px);
}

.slider-holder .slick-active::after {
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	border-right: 2px solid #2A2A26;
	margin-left: 50px;
	height: 60%;
}

.slider-holder .slick-active:nth-child(8)::after {
	content: none;
}

.slider-holder a {
	color: #2A2A26;
	text-decoration: none;
}

.salad.slider-holder .slider-item .image-holder {
	position: relative;
	width: 270px;
	height: 400px;
	margin: 0 auto;
}

.slider-holder .slider-item img.salad-image {
	position: absolute;
	right: 0px;
	z-index: 2;
}

.slider-holder .slider-item .bg {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 270px;
	height: 290px;
}

.salad.slider-holder .slider-item .subtitle {
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.salad.slider-holder .slider-item .title {
	max-width: 280px;
	margin: 0 auto;
	display: inline-block;
}

.slider-controls,
.salad.slider-controls {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% - 100px);
	z-index: 1;
}

.slider-controls .prev,
.salad.slider-controls .prev {
	float: left;
	width: 35px;
	height: 40px;
	background: url(/images/rustica/CommonElements/slider-arrows.png) no-repeat left;
}

.slider-controls .next,
.salad.slider-controls .next {
	float: right;
	width: 35px;
	height: 40px;
	background: url(/images/rustica/CommonElements/slider-arrows.png) no-repeat right;
}

/* Middle area of Product Information box */
.product-middle-area {
	position: relative;
	height: 520px;
}

.mexicanstyle .product-middle-area .separator-line {
	width: 100%;
	aspect-ratio: 1365 / 211;
	background-image: url(/images/rustica/MexicanStyle/Patterns-01.png?format=webp);
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


/* Overlays */
.overlay-pizza {
	position: absolute;
	top: 0px;
	left: -50%;
	max-width: 100%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.angusbeef .overlay-pizza {
	left: -53%;
	max-width: 110%;
}

.roastedmushroom .overlay-pizza {
	top: -4%;
	left: -55%;
	max-width: 120%;
}

.salamicheese .overlay-pizza {
	top: -1%;
	left: -57%;
	max-width: 120%;
}

.salamismokedham .overlay-pizza {
	top: 0;
	left: -47%;
}

.mexicanstyle .overlay-pizza {
	top: -2.5%;
	left: -46%;
}

.overlay-herbs {
	position: absolute;
	top: 31%;
	left: 45%;
	max-width: 25%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.supreme .overlay-herbs {
	top: 19%;
	max-width: 65%;
	left: 28%;
}

.angusbeef .overlay-herbs {
	top: 36%;
	max-width: 33%;
}

.roastedmushroom .overlay-herbs {
	top: 29%;
	max-width: 38%;
}

.salamicheese .overlay-herbs {
	top: 29%;
	max-width: 38%;
}

.salamismokedham .overlay-herbs {
	top: 30%;
	left: 50%;
}

.spinachmozzarella .overlay-herbs {
	left: 50%;
}

.mexicanstyle .overlay-herbs {
	top: 31%;
	left: 53%;
}

.overlay-glass {
	position: absolute;
	top: 22%;
	right: -30%;
	max-width: 60%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.supreme .overlay-glass {
	top: 20%;
	max-width: 65%;
	right: -22%;
}

.angusbeef .overlay-glass {
	top: 27%;
	right: -32%;
}

.margherita .overlay-glass {
	top: 24%;
}

.roastedmushroom .overlay-glass {
	top: 28%;
	right: -33%;
}

.salamicheese .overlay-glass {
	top: 24%;
	right: -46%;
	max-width: 70%;
}

.spinachmozzarella .overlay-glass {
	top: 30%;
	right: -30%;
	max-width: 70%;
	transform: rotate(30deg);
}

.mexicanstyle .overlay-glass {
	top: 25%;
	right: -20%;
	max-width: 70%;
}

.overlay-bowl {
	position: absolute;
	top: 50%;
	left: 15%;
	max-width: 45%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.supreme .overlay-bowl {
	left: 18%;
	max-width: 45%;
	top: 54%;
}

.angusbeef .overlay-bowl {
	left: 24%;
	max-width: 34%;
	top: 60%;
}

.roastedmushroom .overlay-bowl {
	display: none;
	left: 13%;
}

.salamicheese .overlay-bowl {
	top: 57%;
	left: 13%;
	max-width: 36%;
}

.salamismokedham .overlay-bowl {
	top: 50%;
	left: 7%;
	max-width: 55%;
}

.mexicanstyle .overlay-bowl {
	top: 60%;
	left: 20%;
	max-width: 33%;
}

.overlay-herbs-bottom1 {
	position: absolute;
	bottom: 16%;
	right: -6%;
	max-width: 30%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.supreme .overlay-herbs-bottom1 {
	bottom: 13%;
	right: -16%;
	max-width: 45%;
}

.angusbeef .overlay-herbs-bottom1 {
	bottom: 16%;
	left: 42%;
	right: auto;
	max-width: 12%;
}

.roastedmushroom .overlay-herbs-bottom1 {
	bottom: 4%;
	right: -30%;
	max-width: 55%;
}

.salamicheese .overlay-herbs-bottom1 {
	bottom: 15%;
	right: -18%;
}

.salamismokedham .overlay-herbs-bottom1 {
	bottom: 13%;
	right: -6%;
	max-width: 25%;
	transform: rotate(30deg);
}

.spinachmozzarella .overlay-herbs-bottom1 {
	bottom: 17%;
	right: -2%;
}

.mexicanstyle .overlay-herbs-bottom1 {
	bottom: 23%;
	right: -3%;
	max-width: 17%;
}

.overlay-herbs-bottom2 {
	position: absolute;
	bottom: 14%;
	right: -6%;
	max-width: 30%;
	z-index: 1;
	transition: all 0.5s ease-out;

}

.angusbeef .overlay-herbs-bottom2 {
	bottom: 15%;
	right: -19%;
	max-width: 40%;
}

.roastedmushroom .overlay-herbs-bottom2 {
	bottom: 26%;
	left: 14%;
}

.salamismokedham .overlay-herbs-bottom2 {
	bottom: 0%;
	right: -4%;
	max-width: 12%;
}

.overlay-herbs-bottom3 {
	position: absolute;
	bottom: 14%;
	right: -6%;
	max-width: 30%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.roastedmushroom .overlay-herbs-bottom3 {
	bottom: -4%;
	right: -15%;
	mix-blend-mode: multiply;
}

.overlay-pizzabox {
	position: absolute;
	bottom: -25%;
	left: -44%;
	max-width: 100%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.overlay-salad {
	position: absolute;
	top: -3%;
	right: -31%;
	max-width: 70%;
	z-index: 1;
	transition: all 0.5s ease-out;
}

.angusbeef .overlay-salad {
	right: -25%;
}

.roastedmushroom .overlay-salad {
	top: -23%;
	right: -23%;
}

.salamicheese .overlay-salad {
	top: -8%;
	right: -28%;
}

.salamismokedham .overlay-salad {
	top: -24%;
	right: -16%;
}

.spinachmozzarella .overlay-salad {
	top: -5%;
	right: -28%;
}

.supreme .overlay-salad {
	top: -15%;
	right: -27%;
	max-width: 68%;
}




/* Footer */
.rustica-footer {
	display: flex;
	flex-direction: column;
	background-image: url(/images/rustica/CommonElements/bg-footer.webp);
	background-size: cover;
	padding: 50px;
	text-align: center;
}

.rustica-footer .footer-nav-holder {}

.rustica-footer .nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px 0px;
}

.rustica-footer .nav a {
	flex: 0 0 33.333333%;
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #2A2A26;
	text-decoration: none;
}

.rustica-footer .footer-bottom-holder {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
}

.rustica-footer .copy {
	font-family: 'FatFrank', Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #2A2A26;
}

.rustica-footer .copy span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 5px;
}

.rustica-footer .social-icons {
	position: absolute;
	top: -20px;
	right: 11%;
}

.rustica-footer .social-icons a img {
	display: inline-block;
}

.rustica-footer .social-icons a img {
	max-width: 50px;
}


/* Smaller Laptops */
@media only screen and (max-width: 1600px) {
	.rustica header .logo {
		max-width: 30%;
	}

	.rustica header .header-holder .menu {
		max-width: 60px;
	}

	.rustica .video-section .video-holder {
		max-width: 900px;
	}

	.rustica header .header-holder img {
		max-height: 40px;
	}

	.angusbeef .stone-baked-holder .product-title {
		transform: scale(0.85, 0.85);
	}

	.angusbeef .overlay-pizza {
		transform: scale(0.85, 0.85);
		left: -55%;
	}

	.supreme .overlay-pizza {
		left: -60%;
	}

	.margherita .overlay-pizza {
		left: -55%;
	}

	.salamicheese .overlay-pizza {
		left: -65%;
	}

	.salamismokedham .overlay-pizza {
		left: -53%;
	}

	.roastedmushroom .overlay-pizza {
		left: -60%;
	}

	.mexicanstyle .overlay-pizza {
		left: -57%;
	}

	.salamismokedham .overlay-glass {
		top: 24%;
	}

	.angusbeef .overlay-herbs {
		left: 40%;
	}

	.salamicheese .overlay-herbs {
		top: 31%;
	}

	.salamismokedham .overlay-herbs {
		top: 36%;
	}

	.mexicanstyle .overlay-herbs {
		left: 42%;
	}

	.angusbeef .overlay-bowl {
		left: 15%;
	}

	.margherita .overlay-bowl {
		left: 10%;
	}

	.supreme .overlay-bowl {
		left: 7%;
	}

	.salamismokedham .overlay-bowl {
		left: 4%;
	}

	.mexicanstyle .overlay-bowl {

		left: 4%;
	}

	.salamismokedham .overlay-herbs-bottom1 {
		bottom: 16%;
	}

	.angusbeef .overlay-pizzabox,
	.margherita .overlay-pizzabox {
		left: -49%;
	}

	.supreme .overlay-pizzabox {
		left: -55%;
	}

	.mexicanstyle .overlay-pizzabox {
		left: -55%;
	}

	.angusbeef .overlay-herbs-bottom1 {
		bottom: 16%;
		left: 32%;
	}


	.roastedmushroom .overlay-herbs-bottom1 {
		bottom: 10%;
	}

	.spinachmozzarella .overlay-pizza {
		transform: scale(0.85, 0.85);
		left: -53%;
	}

	.spinachmozzarella .overlay-herbs {
		left: 42%;
	}

	.supreme .overlay-herbs {
		left: 25%;
		top: 22%;
	}

	.spinachmozzarella .overlay-glass {
		top: 32%;
	}

	.salamicheese .overlay-glass {
		top: 25%;
	}

	.supreme .overlay-glass {
		top: 22%;
	}

	.spinachmozzarella .overlay-bowl {
		left: 9%;
	}

	.spinachmozzarella .overlay-pizzabox {
		transform: scale(0.9, 0.9);
	}

	.overlay-pizzabox {
		bottom: -23%;
		left: -50%;
	}
}


/* Smaller Laptops */
@media only screen and (max-width: 1367px) {
	.stone-baked-holder {
		max-width: 850px;
	}

	.angusbeef .stone-baked-holder .product-title {
		transform: scale(0.85, 0.85);
	}

	.margherita .overlay-pizza {
		left: -60%;
	}

	.roastedmushroom .overlay-pizza {
		left: -65%;
	}

	.mexicanstyle .overlay-pizza {
		left: -58%;
	}

	.margherita .overlay-herbs-bottom1 {
		position: absolute;
	}

	.angusbeef .overlay-herbs-bottom1 {
		left: 30%;
	}

	.angusbeef .overlay-herbs-bottom2 {
		bottom: 20%;
	}

	.slick-list.draggable {
		width: calc(100% - 10px);
	}

	.margherita .overlay-pizzabox {
		bottom: -19%;
	}

	.spinachmozzarella .overlay-herbs-bottom1 {
		bottom: 19%;
		right: -6%;
	}

	.spinachmozzarella .overlay-pizzabox {
		bottom: -19%;
	}

	.overlay-pizzabox {
		bottom: -18%;
	}

	.salamicheese .overlay-bowl {
		left: 6%;
	}

	.salamicheese .overlay-herbs-bottom1 {
		bottom: 20%;
	}

	.mexicanstyle .overlay-glass {
		max-width: 52%;
	}

	.salamismokedham .overlay-salad {
		top: -19%;
	}

	.roastedmushroom .overlay-salad {
		top: -17%;
	}

	
}


/* Tablet */
@media only screen and (max-width: 1280px) {
	.stone-baked-holder .product-title::after {
		bottom: 10px;
	}

	.rustica header {
		justify-content: left;
		padding: 20px;
		transition: all 0.5s ease-out;
	}

		.rustica header .header-holder {
			width: 100%;
			justify-content: space-between;
		}

			.rustica header .header-holder img {
				max-width: 45px;
				transition: all 0.5s ease-out;
			}

			.rustica header .header-holder a.facebook {
				margin-left: auto;
			}

	.rustica .video-section {
		padding: 50px 15%;
		transition: all 0.5s ease-out;
	}

	.video-section .overlay-glass {
		top: -10px;
		right: -20%;
		transition: all 0.5s ease-out;
	}

	.overlay-salamicheese-salad {
		top: 33%;
		right: -26%;
		transition: all 0.5s ease-out;
	}

	.overlay-mozzarella-pizza {
		top: 10%;
		left: -40%;
		transition: all 0.5s ease-out;
	}

	.overlay-oregano {
		left: 6%;
	}

	.rustica .product-card {
		font-size: 2vw;
		transition: all 0.5s ease-out;
	}

	.stone-baked-holder {
		margin: 0px;
	}

	.stone-baked-holder {
		max-width: 100%;
	}

	.overlay-pizza {
		top: 20%;
		left: -67%;
	}

	.angusbeef .overlay-pizza {
		top: 27%;
		left: -47%;
		max-width: 83%;
	}

	.margherita .overlay-pizza {
		left: -62%;
		max-width: 83%;
		top: 25%;
	}

	.roastedmushroom .overlay-pizza {
		top: 26%;
		left: -57%;
		max-width: 100%;
	}

	.salamicheese .overlay-pizza {
		top: 24%;
		max-width: 92%;
	}

	.spinachmozzarella .overlay-pizza {
		top: 26%;
		left: -67%;
		max-width: 93%;
	}

	.salamismokedham .overlay-pizza {
		top: 25%;
		left: -58%;
		max-width: 79%;
	}

	.mexicanstyle .overlay-pizza {
		top: 21%;
		left: -58%;
		max-width: 79%;
	}

	.overlay-herbs {
		top: 40%;
		left: 27%;
	}

	.angusbeef .overlay-herbs {
		display: none;
	}

	.roastedmushroom .overlay-herbs {
		top: 38%;
		left: 33%;
	}

	.salamicheese .overlay-herbs {
		top: 37%;
		left: 32%;
	}

	.spinachmozzarella .overlay-herbs {
		left: 30%;
	}

	.salamismokedham .overlay-herbs {
		top: 37%;
		left: 32%;
	}

	.mexicanstyle .overlay-herbs {
		top: 34%;
		left: 32%;
	}

	.overlay-glass {
		top: 30%;
		right: -10%;
	}

	.angusbeef .overlay-glass {
		top: 34%;
		right: -23%;
		transform: rotate(20deg);
	}

	.margherita .overlay-glass {
		top: 30%;
		right: -20%;
	}

	.roastedmushroom .overlay-glass {
		top: 33%;
		max-width: 65%;
	}

	.salamicheese .overlay-glass {
		top: 30%;
	}

	.spinachmozzarella .overlay-glass {
		top: 34%;
		right: -21%;
	}

	.salamismokedham .overlay-glass {
		top: 31%;
		right: -15%;
	}

	.mexicanstyle .overlay-glass {
		top: 31%;
		right: -15%;
	}

	.overlay-bowl {
		top: 75%;
		left: -15%;
	}

	.angusbeef .overlay-bowl {
		left: -10%;
		top: 75%;
	}

	.margherita .overlay-bowl {
		left: -8%;
		top: 69%;
	}

	.roastedmushroom .overlay-bowl {
		display: none;
	}

	.salamicheese .overlay-bowl {
		display: none;
	}

	.salamismokedham .overlay-bowl {
		top: 69%;
		left: -18%;
	}

	.spinachmozzarella .overlay-bowl {
		left: -5%;
		top: 70%;
	}

	.mexicanstyle .overlay-bowl {
		left: unset;
		right: -11%;
		top: 69%;
	}

	.overlay-herbs-bottom1 {
		bottom: 25%;
		right: -10%;
	}

	.angusbeef .overlay-herbs-bottom1 {
		bottom: 26%;
		left: 87%;
	}

	.margherita .overlay-herbs-bottom1 {
		bottom: 18%;
	}

	.roastedmushroom .overlay-herbs-bottom1 {
		bottom: 8%;
		right: -20%;
	}

	.salamicheese .overlay-herbs-bottom1 {
		bottom: 18%;
		right: -9%;
	}

	.spinachmozzarella .overlay-herbs-bottom1 {
		bottom: 20%;
		max-width: 20%;
	}

	.salamismokedham .overlay-herbs-bottom1 {
		display: none;
	}

	.mexicanstyle .overlay-herbs-bottom1 {
		bottom: 32%;
		max-width: 22%;
		right: unset;
		left: -2%;
	}

	.angusbeef .overlay-herbs-bottom2 {
		bottom: 50%;
		right: 28%;
	}

	.roastedmushroom .overlay-herbs-bottom2 {
		display: none;
	}

	.salamismokedham .overlay-herbs-bottom2 {
		bottom: 29%;
	}

	.roastedmushroom .overlay-herbs-bottom3 {
		display: none;
	}

	.overlay-pizzabox {
		display: none;
	}

	.overlay-slad {
		top: -5%;
		right: -40%;
	}

	.supreme .overlay-salad {
		top: -7%;
		max-width: 70%;
	}

	.angusbeef .overlay-salad {
		right: -10%;
		top: -7%;
		max-width: 60%;
	}

	.margherita .overlay-salad {
		right: -15%;
		max-width: 58%;
	}

	.roastedmushroom .overlay-salad {
		top: -14%;
		right: -20%;
		max-width: 57%;
	}

	.salamicheese .overlay-salad {
		max-width: 60%;
		right: -15%;
	}

	.salamismokedham .overlay-salad {
		top: -14%;
		right: -8%;
		max-width: 60%;
	}

	.spinachmozzarella .overlay-salad {
		top: -5%;
		right: -16%;
		max-width: 60%;
	}

	.recipe .recipe-instructions,
	.recipe .recipe-information {
		flex-direction: column;
		text-align: left;
		max-width: 75%;
	}

		.recipe .recipe-information {
			margin-bottom: 40px;
		}

		.recipe .recipe-information div::after {
			display: none;
		}

	.recipe-item {
		padding: 30px;
	}

	.mexicanstyle .recipe-item {
		padding-top: 120px;
		padding-bottom: 10px;
	}

	.mexicanstyle .recipe-item::before {
		height: 80px;
	}

	.recipe-holder {
		max-width: 100%;
	}

	.recipe .subtitle, .recipe .main-title {
		max-width: 50%;
	}

	.recipe .subtitle {
		font-size: 16px;
		margin-bottom: 1.5em;
	}

	.recipe .recipe-information div,
	.recipe .title {
		font-size: 18px;
	}

	.recipe div p {
		font-size: 16px;
	}

	.rustica-footer {
		padding: 30px;
		text-align: left;
	}

	.rustica-footer .nav a,
	.rustica-footer .copy {
		font-size: 2vw;
	}

	.rustica-footer .nav a {
		flex: 0 0 50%;
	}

	.rustica-footer .social-icons {
		top: inherit;
	}

	.rustica-footer .social-icons a img {
		max-width: 25px;
	}

	.rustica-footer .footer-bottom-holder {
		margin-top: 20px;
		justify-content: left;
	}

	.recipe .method {
		margin-top: 30px;
	}

	.slider-holder .slider-item::after {
		display: none;
	}


	.mexicanstyle .recipe-item.recipe-1 .overlay-recipe {
		top: -30%;
		right: -30%;
		width: 80%;
	}

	.mexicanstyle .recipe-item.recipe-2 .overlay-recipe {
		position: absolute;
		top: 12%;
		right: -10%;
		width: 55%;
		z-index: 1;
	}

	.mexicanstyle .recipe-item.recipe-3 .overlay-recipe {
		position: absolute;
		top: 1%;
		right: -20%;
		width: 55%;
		z-index: 1;
	}

	.mexicanstyle .recipe-item.recipe-3 .overlay-recipe2 {
		position: absolute;
		bottom: -13%;
		width: 38%;
		z-index: 1;
	}
}

@media only screen and (min-width: 675px) {
	.rustica .product-grid .product-card:nth-child(3n+2)::before {
		content: '';
		position: absolute;
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
		border-left: 2px solid #2A2A26;
		height: 50%;
	}

	.rustica .product-grid .product-card:nth-child(3n+2)::after {
		content: '';
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		border-right: 2px solid #2A2A26;
		height: 50%;
	}
}

/* Mobile */
@media only screen and (max-width: 674px) {
	.rustica header .logo {
		max-width: 45%;
	}

	.hero-title {
		font-size: 4.5vw;
	}

	.overlay-oregano {
		top: 40%;
		left: 5%;
		transition: all 0.5s ease-out;
	}

	.overlay-glass {
		top: -10px;
		right: -20%;
		transition: all 0.5s ease-out;
	}

	.overlay-salamicheese-salad {
		top: 50%;
		right: -26%;
		transition: all 0.5s ease-out;
	}

	.overlay-mozzarella-pizza {
		top: 50%;
		left: -40%;
		transition: all 0.5s ease-out;
	}

	.rustica header .header-holder a {
		margin: 0px 3px;
	}

	.rustica header .header-holder a img {
		max-width: 25px;
		transition: all 0.5s ease-out;
	}

	.rustica .video-section .video-description p {
		font-size: 18px;
		transition: all 0.5s ease-out;
	}

	.rustica .section-title {
		font-size: 25px;
		text-align: center;
		margin: 0;
		transition: all 0.5s ease-out;
	}

	.rustica .product-grid {
		padding: 20px;
	}

	.rustica .product-grid .products-holder {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 1fr;
		transition: all 0.5s ease-out;
	}

	.rustica .product-grid .product-card:nth-child(even)::after {
		content: '';
		position: absolute;
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
		border-left: 2px solid #2A2A26;
		height: 90%;
	}

	.rustica .product-card {
		font-size: 3vw;
		transition: all 0.5s ease-out;
	}

	.rustica .product-grid .product-card::before {
		content: '';
		position: absolute;
		left: 0px;
		bottom: -10px;
		border-bottom: 2px solid #2A2A26;
		width: 107%;
	}

	.rustica .product-grid .product-card:last-child::before,
	.rustica .product-grid .product-card:nth-last-child(2)::before {
		display: none;
	}

	.rustica .product-grid .product-card {
		padding: 0px 5px;
	}

	.stone-baked-holder .product-title {
		padding: 15px 30px 0px 30px;
	}

	.information-item {
		padding: 15px 30px 10px 30px;
	}

	.information-item.storage {
		padding-bottom: 30px;
	}

	.stone-baked-holder .product-description {
		padding: 30px 30px 15px 30px;
	}

	.highlights p {
		margin-top: 20px;
	}

	.information-item.nutrition {
		padding: 25px 10px 10px 10px;
	}

	.stone-baked-section br {
		display: none;
	}

	.stone-baked-section .cooking br,
	.storage br,
	.note br {
		display: block;
	}

	.stone-baked-holder .product-description p,
	.information-description {
		font-size: 3.5vw;
	}

	.slider-holder a {
		font-size: 3.2vw;
	}

	.stone-baked-holder .product-link,
	.information-title {
		font-size: 5vw;
	}

	.products-slider .slider-title {
		font-size: 5.5vw;
	}

	.stone-baked-holder .product-information-holder {
		
	}

	.product-middle-area {
		height: 300px;
	}

	.mexicanstyle .product-middle-area {
		height: 450px;
	}

	.mexicanstyle .product-middle-area .separator-line {
		top: 0;
		transform: none;
	}

	.stone-baked-holder .product-title::after {
		bottom: 13%;
		border-bottom: 2px solid #2A2A26;
		width: 60%;
	}

	.margherita .stone-baked-holder .product-title::after {
		bottom: 15px;
	}

	.salamismokedham .stone-baked-holder .product-title::after,
	.salamicheese .stone-baked-holder .product-title::after {
		bottom: -10px;
	}

	.spinachmozzarella .stone-baked-holder .product-title::after {
		bottom: -15px;
	}

	.nutritions-holder .row:last-child {
		border-bottom: 2px solid #2A2A26;
	}

	.overlay-pizza {
		top: 18%;
		max-width: 115%;
	}

	.angusbeef .overlay-pizza {
		top: 22%;
		left: -60%;
		max-width: 117%;
	}

	.margherita .overlay-pizza {
		left: -65%;
		max-width: 115%;
		top: 21%;
	}

	.roastedmushroom .overlay-pizza {
		top: 22%;
		max-width: 125%;
	}

	.salamicheese .overlay-pizza {
		top: 21%;
		max-width: 120%;
	}

	.salamismokedham .overlay-pizza {
		top: 19%;
	}

	.spinachmozzarella .overlay-pizza {
		top: 22%;
		left: -74%;
		max-width: 120%;
	}

	.supreme .overlay-pizza {
		left: -65%;
		max-width: 110%;
		top: 24%;
	}

	.mexicanstyle .overlay-pizza {
		left: -40%;
		max-width: 92%;
		top: 29%;
	}

	.overlay-herbs {
		top: 33%;
		left: 45%;
	}

	.roastedmushroom .overlay-herbs {
		top: 33%;
	}

	.salamicheese .overlay-herbs {
		top: 33%;
		left: 45%;
	}

	.salamismokedham .overlay-herbs {
		top: 32%;
		left: 40%;
	}

	.spinachmozzarella .overlay-herbs {
		left: 40%;
		top: 35%;
	}

	.supreme .overlay-herbs {
		left: 40%;
		top: 35%;
	}

	.mexicanstyle .overlay-herbs {
		left: unset;
		right: 10%;
		top: 40%;
	}

	.overlay-glass {
		top: 22%;
		right: -33%;
		max-width: 85%;
	}

	.angusbeef .overlay-glass {
		top: 24%;
		right: -35%;
	}

	.margherita .overlay-glass {
		top: 21%;
		right: -34%;
	}

	.roastedmushroom .overlay-glass {
		top: 24%;
		max-width: 80%;
		right: -40%;
	}

	.salamicheese .overlay-glass {
		top: 23%;
		max-width: 100%;
		right: -60%;
	}

	.salamismokedham .overlay-glass {
		top: 22%;
		right: -34%;
	}

	.spinachmozzarella .overlay-glass {
		top: 26%;
		max-width: 87%;
	}

	.supreme .overlay-glass {
		top: 24%;
		max-width: 95%;
	}

	.mexicanstyle .overlay-glass {
		top: 27%;
		max-width: 45%;
		right: -10%;
	}

	.overlay-bowl {
		top: 70%;
		left: -20%;
		max-width: 65%;
	}

	.angusbeef .overlay-bowl {
		left: -15%;
		top: 69%;
		max-width: 50%;
	}

	.margherita .overlay-bowl {
		left: -19%;
		top: 68%;
	}

	.spinachmozzarella .overlay-bowl {
		top: 67%;
		max-width: 55%;
	}

	.supreme .overlay-bowl {
		left: unset;
		right: -20%;
		top: unset;
		bottom: 20%;
	}

	.overlay-herbs-bottom1 {
		bottom: 34%;
		max-width: 35%;
	}

	.angusbeef .overlay-herbs-bottom1 {
		bottom: 35%;
		left: 80%;
		max-width: 15%;
	}

	.roastedmushroom .overlay-herbs-bottom1 {
		bottom: 20%;
	}

	.salamicheese .overlay-herbs-bottom1 {
		bottom: 24%;
	}

	.spinachmozzarella .overlay-herbs-bottom1 {
		bottom: 33%;
	}

	.supreme .overlay-herbs-bottom1 {
		bottom: 19%;
		right: unset;
		left: -16%;
		max-width: 60%;
	}

	.angusbeef .overlay-herbs-bottom2 {
		bottom: 60%;
		right: 16%;
	}

	.salamismokedham .overlay-herbs-bottom2 {
		bottom: 39%;
	}

	.overlay-pizzabox {
		display: none;
	}

	.overlay-salad {
		right: -35%;
	}

	.angusbeef .overlay-salad {
		right: -43%;
		top: -3%;
		max-width: 92%;
	}

	.margherita .overlay-salad {
		right: -35%;
		max-width: 70%;
	}

	.roastedmushroom .overlay-salad {
		top: -4%;
		right: -27%;
		max-width: 70%;
	}

	.salamicheese .overlay-salad {
		top: -3%;
		right: -20%;
	}

	.salamismokedham .overlay-salad {
		top: -5%;
		right: -13%;
	}

	.spinachmozzarella .overlay-salad {
		top: -2%;
		right: -22%;
	}

	.supreme .overlay-salad {
		top: -5%;
		right: -30%;
		max-width: 70%;
	}

	.recipe-item.recipe-3 {
		padding-bottom: 10px;
	}

	.recipe .recipe-instructions {
		flex-direction: column;
		max-width: 100%;
	}

	.recipe .recipe-information {
		max-width: 100%;
	}

	.nutritions-holder .row {
		padding: 10px 0px;
		border-top: 2px solid #2A2A26;
	}

	.nutritions-holder .row,
	.nutritions-holder .column,
	.nutritions-holder .column p {
		font-size: 10px;
	}

	.products-slider {
		padding: 25px 20px;
	}

	.slider-controls,
	.salad.slider-controls {
		width: calc(100% - 50px);
	}

	.slider-controls .prev,
	.salad.slider-controls .prev,
	.slider-controls .next,
	.salad.slider-controls .next {
		width: 25px;
		height: 30px;
	}

	.recipe-item {
		padding: 20px 20px 30px 20px;
	}

	.mexicanstyle .recipe-item {
		padding-top: 100px;
		padding-bottom: 10px;
	}

	.mexicanstyle .recipe-item::before {
		height: 65px;
	}

	.recipe .subtitle {
		max-width: 65%;
		font-size: 12px;
		display: flex;
		flex-direction:column;
		line-height: 1.1;
	}

	.recipe .main-title {
		max-width: 65%;
		font-size: 10vw;
	}

	.recipe .main-title br {
		display: none;
	}

	.recipe .main-title::after {
		bottom: -10px;
		border-bottom: 2px solid #2A2A26;
		width: 150px;
	}

	.rustica-footer .nav a,
	.rustica-footer .copy {
		font-size: 3vw;
	}

	.slider-holder .slider-item::after {
		display: none;
	}

	.recipe .method br {
		display: none;
	}

	.information-description,
	.information-description p,
	.recipe div p {
		font-size: 13px;
	}

	.mobile-grid .slider-controls {
		display: none;
	}

	.mobile-grid .slider-holder {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 0;
	}

	.mobile-grid .slider-item {
		position: relative;
	}

	.mobile-grid .slider-item::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 2px solid #2A2A26;
		width: 100%;
	}

	.mobile-grid .slider-item::after:nth-child(odd) {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		border-right: 2px solid #2A2A26;
		height: 80%;
	}

	.mexicanstyle .recipe-item.recipe-3 {
		padding-bottom: 10px;
	}

	.mexicanstyle .recipe-item.recipe-1 .overlay-recipe {
		top: -5%;
		right: -35%;
		width: 85%;
	}

	.mexicanstyle .recipe-item.recipe-2 .overlay-recipe {
		position: absolute;
		top: 20%;
		right: -10%;
		width: 55%;
		z-index: 1;
	}

	.mexicanstyle .recipe-item.recipe-3 .overlay-recipe {
		position: absolute;
		top: 1%;
		right: -20%;
		width: 55%;
		z-index: 1;
	}

	.mexicanstyle .recipe-item.recipe-3 .overlay-recipe2 {
		position: absolute;
		top: 47%;
		bottom: unset;
		left: unset;
		right: -15%;
		width: 30%;
		z-index: 1;
	}
}

@media only screen and (max-width: 480px) {
	.mexicanstyle .overlay-pizza {
		left: -40%;
		max-width: 100%;
		top: 25%;
	}

	.mexicanstyle .overlay-herbs {
		left: unset;
		right: 8%;
		top: 33%;
		max-width: 30%;
	}

	.mexicanstyle .overlay-glass {
		top: 23%;
	}

	.mexicanstyle .overlay-bowl {
		top: 71%;
	}

	.mexicanstyle .recipe-item.recipe-1 .overlay-recipe {
		top: 10%;
		right: -36%;
		width: 87%;
	}

	.mexicanstyle .recipe-item.recipe-2 .overlay-recipe {
		position: absolute;
		top: 22%;
		right: -10%;
		width: 60%;
		z-index: 1;
	}

	.mexicanstyle .recipe-item.recipe-3 .overlay-recipe {
		position: absolute;
		top: 1%;
		right: -20%;
		width: 62%;
		z-index: 1;
	}

	.mexicanstyle .recipe-item.recipe-3 .overlay-recipe2 {
		position: absolute;
		top: 24%;
		bottom: unset;
		left: unset;
		right: -15%;
		width: 34%;
		z-index: 1;
	}
}

/* Landscape orientation */
@media only screen and (orientation: landscape) {}


.main-content {
	background-image: none !important;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	background-color: #000;
	overflow-x: hidden;
	transition: 0.2s;
	padding-top: 60px;
}

.sidenav nav {
	text-align: right;
	padding: 0 30px;
}

.sidenav nav a,
.sidenav nav span {
	text-decoration: none;
	font-size: 25px;
	color: #fff;
	font-family: Kanit, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 4px 6px;
	cursor: pointer;
}

.sidenav nav .menu-subitems {
	margin-bottom: 20px;
}

.sidenav nav .menu-subitems a {
	font-weight: normal;
	text-transform: none;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	margin-bottom: 4px;
}

.sidenav nav .menu-item {
	margin: 10px 0;
	position: relative;
}

.sidenav nav .menu-subitem {
	margin-bottom: 15px;
}

.sidenav nav .subitems>.menu-item {
	padding-right: 30px;
}

.sidenav nav .subitems>.menu-item:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 0;
	width: 24px;
	height: 18px;
	background: url(/images/icon-subitems.png) no-repeat left;
	background-size: contain;
	transform: rotate(180deg);
}

.sidenav nav .subitems.active>.menu-item:after {
	transform: none;
}

.sidenav nav .subitems .menu-subitems {
	display: none;
}

.sidenav nav .subitems.active .menu-subitems {
	display: block;
}

.sidenav nav a:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 30px;
	font-size: 50px;
	line-height: 1em;
	margin-left: 50px;
	padding: 0;
	color: #fff;
}

.menu-active .sidenav {
	width: 550px;
}

@media screen and (max-width: 550px) {
	.menu-active .sidenav {
		width: 100%;
	}
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
}