/*
	CSS file for Kulcher
*/

@font-face {
	font-family: 'Kotori Rose';
	src: url('../fonts/KotoriRose-Regular.woff2') format('woff2'),
	url('../fonts/KotoriRose-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Kotori Rose';
	src: url('../fonts/KotoriRose-Bold.woff2') format('woff2'),
	url('../fonts/KotoriRose-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Hamburg Hand';
	src: url('../fonts/HamburgHandLight.woff2') format('woff2'),
	url('../fonts/HamburgHandLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Hamburg Hand';
	src: url('../fonts/HamburgHandBold.woff2') format('woff2'),
	url('../fonts/HamburgHandBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Hamburg Hand';
	src: url('../fonts/HamburgHandRegular.woff2') format('woff2'),
	url('../fonts/HamburgHandRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Castiron';
	src: url('../fonts/CastironRegular.woff2') format('woff2'),
	url('../fonts/CastironRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


[data-aos="fade-up"] {
	-webkit-transform: translate3d(0px, 15px, 0px);
			transform: translate3d(0px, 15px, 0px);
}

	[data-aos="fade-up"].aos-animate {
		-webkit-transform: translate3d(0px, 0px, 0px);
				transform: translate3d(0px, 0px, 0px);
	}

[data-aos="fade-left"] {
	-webkit-transform: translate3d(15px, 0px, 0px);
			transform: translate3d(15px, 0px, 0px);
}

[data-aos="fade-right"] {
	-webkit-transform: translate3d(-15px, 0px, 0px);
			transform: translate3d(-15px, 0px, 0px);
}



/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	body {
		color: #2F2472;
		font-family: 'Kotori Rose', sans-serif;
		font-size: 16px;
		line-height: 25px;		
		background: #FFFBF3;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	a img {
		border: 0;
	}			
	
	a,
	svg:not(".no-transition"),
	svg:not(".no-transition") path,
	svg:not(".no-transition") circle,
	button {
		transition: all ease 0.4s;
	}
	
	.container {
		width: 94%;
		margin: 0 auto;
	}
	
	.hidden {
		display: none !important;
	}
	
	.wrapper {
		overflow: hidden;
		position: relative;
	}
	
	.no-select {
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	     -khtml-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;
	}
	
	.globalClass_ef9f > jdiv {
		z-index: 8799 !important;
	}
	
	
	/*
	 *	Rotate animation
	 */
	@-webkit-keyframes rotate {
		0% {
			-webkit-transform: rotate(0);
					transform: rotate(0);
		}
		100% {
			-webkit-transform: rotate(360deg);
					transform: rotate(360deg);
		}
	}
	
	@keyframes rotate {
		0% {
			-webkit-transform: rotate(0);
					transform: rotate(0);
		}
		100% {
			-webkit-transform: rotate(360deg);
					transform: rotate(360deg);
		}
	}
	
	@-webkit-keyframes sunrise {
		0% {
			-webkit-transform: translate(-50%, -50%) rotate(0);
					transform: translate(-50%, -50%) rotate(0);
		}
		100% {
			-webkit-transform: translate(-50%, -50%) rotate(360deg);
					transform: translate(-50%, -50%) rotate(360deg);
		}
	}
	
	@keyframes sunrise {
		0% {
			-webkit-transform: translate(-50%, -50%) rotate(0);
					transform: translate(-50%, -50%) rotate(0);
		}
		100% {
			-webkit-transform: translate(-50%, -50%) rotate(360deg);
					transform: translate(-50%, -50%) rotate(360deg);
		}
	}
	
	@-webkit-keyframes ticker {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(-0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(-100%, 0, 0);
					transform: translate3d(-100%, 0, 0);
		}
	}
	
	@keyframes ticker {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(-0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(-100%, 0, 0);
					transform: translate3d(-100%, 0, 0);
		}
	}
	
	
	@keyframes animateHeart {
		0% {
			transform: scale(0.8);
		}
		5% {
			transform: scale(0.9);
		}
		10% {
			transform: scale(0.8);
		}
		15% {
			transform: scale(1);
		}
		50% {
			transform: scale(0.8);
		}
		100% {
			transform: scale(0.8);
		}
	}
	
	@keyframes movingCloudLeft {
		50% {
			-webkit-transform: translate3d(-20%, 0, 0);
					transform: translate3d(-20%, 0, 0);
		}		
	}
	
	@keyframes movingCloudRight {
		50% {
			-webkit-transform: translate3d(20%, 0, 0);
					transform: translate3d(20%, 0, 0);
		}		
	}
	
	@keyframes shining {
		0% {
			opacity: 1;
			-webkit-transform: scale(1) rotate(-45deg);
					transform: scale(1) rotate(-45deg);
		}
		50% {
			opacity: 0;
			-webkit-transform: scale(0.5);
					transform: scale(0.5);
		}		
		100% {
			opacity: 1;
			-webkit-transform: scale(1) rotate(-45deg);
					transform: scale(1) rotate(-45deg);
		}
	}
			
	.responsive-video {
		height: 0;		
		padding-bottom: 67.5%;
		position: relative;
		overflow: hidden;
	}
	
	.responsive-video.widescreen {
		padding-bottom: 56.25%;
	}
	
	.responsive-video.vimeo {
		padding-top: 0;
	}
	
	.responsive-video embed,
	.responsive-video iframe,
	.responsive-video object,
	.responsive-video video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	
/*	Header
-------------------------------------------*/
	
	.header-notice {
		z-index: 20;
		color: #FFCC00;
		font-family: 'Code Next';
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		letter-spacing: -0.24px;
		background: #363C9E;
		padding: 11px 30px 9px 30px;
		position: relative;
	}
	
		.header-notice a {
			color: inherit;			
		}
		
			.header-notice a:hover {
				color: #fff;
			}
	
		.header-notice .close {
			top: 11px;
			right: 10px;
			cursor: pointer;
			position: absolute;
		}
	
	header {
		left: 0;
		right: 0;
		z-index: 8800;
		position: fixed;
		padding: 65px 0 15px 0;
		transition: background-color ease 0.4s, box-shadow ease 0.4s, padding ease 0.4s;;
	}
	
		.header-notice + header {
			padding: 21px 0;
		}
	
		header .container {
			height: 45px;
			display: flex;	
			align-items: center;
		}
		
		header .build {
			width: 187px;
		}
		
			header .build a {
				display: block;
				width: 100%;
				height: 45px;
				color: #fff;
				font-size: 21.7px;
				font-weight: bold;
				letter-spacing: -1.08px;
				text-align: center;
				text-decoration: none;
				background: transparent;
				border: 2px solid #fff;
				border-radius: 22.5px;
				box-sizing: border-box;
				padding: 8px 20px;
				transition: all ease 0.4s;
			}
			
				header .build a:hover {
					color: #223DFE;
					background: #ffffff;
				}
			
		header .logo {
			display: flex;
			justify-content: center;
			align-items: center;
			width: calc(100% - 374px);
			position: relative;
			transition: all ease 0.4s;
		}
		
			header .logo a {
				display: block;
				color: #2F2472;
				font-family: 'Chillow';
				font-size: 37px;
				line-height: 42px;	
				letter-spacing: -0.24px;
				text-decoration: none;
				padding-top: 9px;
			}
			
			header .logo svg {
				
			}
			
		header .icons {
			width: 187px;
			display: flex;
			justify-content: flex-end;
		}				
		
			header .icons svg {
				display: block;
			}
			
			.mtrigger {
				z-index: 9901;
				position: relative;
				cursor: pointer;
			}
			
				.mtrigger .bars {
					left: 12px;
					width: 22px;
					height: 44px;
					z-index: 2;
					position: absolute;
				}
				
					.mtrigger .bars span {
						display: block;
						top: 50%;
						left: 0;
						width: 100%;
						height: 3px;
						margin-top: -1px;
						border-radius: 1.5px;
						background: #ffffff;
						position: absolute;
					}
				
					.mtrigger .bars span:before,
					.mtrigger .bars span:after {
						content: "";
						width: 22px;
						height: 3px;
						background: #ffffff;
						border-radius: 1.5px;
						position: absolute;
						transition: all ease 0.4s;
					}
					
					.mtrigger .bars span:before {
						top: -6px;
						left: 0;
					}
					
					.mtrigger .bars span:after {
						top: 6px;
						left: 0;
					}
			
				.mtrigger svg {
					transform-origin: center center;
					-webkit-animation: rotate 6s linear infinite both;
					        animation: rotate 6s linear infinite both;
				}
				
				/*
				.mtrigger:before {
					content: "MENU";
					right: calc(100% + 15px);
					color: #2F2472;
					font-family: 'Code Next';
					font-size: 18px;
					line-height: 45px;			
					letter-spacing: 0;
					position: absolute;
				}*/
			
			header .icons .cart {
				margin-top: 3px;
				margin-right: 19px;
				position: relative;
				cursor: pointer;
			}
			
				header .icons .cart:after {
					content: attr(data-count);
					display: block;
					right: -8px;
					bottom: 0;
					color: #ffffff;
					font-family: 'Code Next';
					font-size: 13px;
					font-weight: bold;
					letter-spacing: 0;
					line-height: 26px;
					text-align: center;
					width: 26px;
					height: 26px;
					border-radius: 50%;
					background: #5A45D6;
					position: absolute;
				}
	
	header.tiny {
		/*padding: 21px 0;		*/
		/*background-color: #fff;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;*/
	}
	
		header.tiny .logo {
			opacity: 0;
			visibility: hidden;
		}
		
	.single-product header .logo {
		padding-left: 19px;
		justify-content: flex-start;
	}
		
		.single-product header .logo svg {
			fill: #fff;
		}
	
	header.white .logo a {
		color: #ffffff;
	}
		
		header.white svg {
			fill: #fff;
		}
		
		header.white .icons .mtrigger .bars span,
		header.white .icons .mtrigger .bars span:before,
		header.white .icons .mtrigger .bars span:after {
			background: #5A45D6;
		}
		
		@media (max-width: 1023px)
		{
			.account-header .mtrigger svg {
				fill: #fff;
			}

			.account-header .mtrigger .bars span,
			.account-header .mtrigger .bars span:before,
			.account-header .mtrigger .bars span:after {
				opacity: 1;
				background: #5A45D6;
			}
		}
		

	/*
	 *	Menu
	 */
	.menu {
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		z-index: 9900;
		position: fixed;
		background: url('../img/menu-bg.png') no-repeat right bottom / auto 600px, linear-gradient(134deg, #FFD610 29.77%, #FF521A 103.27%);
		padding: 85px 0 0 85px;
		box-sizing: border-box;
		transition: all ease 0.3s;
		visibility: hidden;
		opacity: 0;
	}
	
		.menu .head {
			display: flex;
			justify-content: space-between;
		}

			.menu .mtrigger {
				z-index: 10;
				cursor: pointer;
				right: 3vw;
				position: relative;
			}	
			
				.menu .mtrigger svg .st {
					display: block;
					transform-origin: center center;
					-webkit-animation: rotate 6s linear infinite both;
					        animation: rotate 6s linear infinite both;
				}			
				
		.menu nav {
			z-index: 3;
			margin-top: 60px;
			position: relative;
		}
		
			.menu nav ul {
				list-style: none;	
			}		
			
				.menu nav ul li {
					color: #181802;
					font-family: 'Hamburg Hand', sans-serif;
					font-size: 86px;
					font-weight: 700;
					line-height: 81px;
					letter-spacing: -5.18px;
				}
				
					.menu nav ul li a {
						color: inherit;
						text-decoration: none;
						position: relative;
					}
					
					.menu nav ul li a:before {
						content: "";
						z-index: -1;
						left: 6px;
						bottom: 8px;
						width: 100%;
						max-width: 0%;
						height: 2px;
						position: absolute;
						background: #000;
						transition: all ease 0.4s;
					}
					
				.menu nav ul li a:hover:before {
					max-width: 100%;	
				}
				
				.menu nav ul li.current-menu-item a:before {
					background: #000;
					max-width: 100%;
				}
				
					.menu nav ul li.current-menu-item a:hover:before {
						background: #FB6231;	
					}
	
		.menu .bg-1 {
			bottom: 0;
			right: 245px;
			position: absolute;	
		}
		
		.menu .bg-2 {
			bottom: 0;
			right: 0;
			position: absolute;	
		}
		
		.menu .badge {
			right: 68px;
			bottom: 52px;
			width: 165px;
			height: 165px;
			padding: 8px;
			border-radius: 50%;
			background: #2CA67B;
			box-sizing: border-box;
			border: 5px solid #FFFFFF;
			box-shadow: 0 9px 0 rgba(0, 0, 0, 0.13);
			position: absolute;
		}
		
			.menu .badge .text {
				display: block;
				-webkit-animation: rotate 35s linear infinite both;
					    animation: rotate 35s linear infinite both;
			}
		
			.menu .badge .face {
				top: 50%;
				left: 50%;
				position: absolute;
				transform: translate(-50%, -50%);
			}
		
		
	/*
	 *	Opened menu
	 */
	.opened-menu .menu {
		opacity: 1;
		visibility: visible;
	}
	
		.opened-menu .mtrigger svg {
			fill: #ffffff;
		}
		
			.opened-menu .mtrigger span {
				background: #fff !important;
			}
		
			.opened-menu .mtrigger span:before {
				background: #5A45D6;
			}
			
			.opened-menu .mtrigger .bars span:before {
				top: 0;
				background: #5A45D6 !important;
				transform-origin: center center;
				transform: rotate(-45deg);	
			}
			
			.opened-menu .mtrigger .bars span:after {
				top: 0;
				background: #5A45D6 !important;
				transform-origin: center center;
				transform: rotate(45deg);	
			}	
		


/*	Footer
-------------------------------------------*/
	
	footer {
		z-index: 3;
		color: #ffffff;
		padding-top: 185px;
		background: #181802;
		position: relative;
		padding-bottom: 95px;
	}
	
		.single-meal + footer {
			z-index: 8000;
		}
	
		.cart-is-filled footer {
			padding-bottom: 195px;
		}
	
		footer:before {
			content: "";
			height: 95px;
			left: 0;
			right: 0;
			bottom: calc(100% - 2px);
			position: absolute;
			background: url('../img/footer-bg-top.svg') no-repeat top center / 1731px 95px;
			transform: scale(-1, 1);
		}
		
		footer .shape {			
			top: -165px;
			left: -25px;
			z-index: 3;
			position: absolute;
		}			
	
	footer .truck-circle {
		top: -154px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
	}
	
		footer .truck-circle .bike {
			position: absolute;
			top: 50%;
			left: 50%;    
	        width: auto;
	        height: 120px;
	        margin-top: -7px;
	        display: flex;
	        align-items: center;
	        transform: translate(-50%, -50%);
	    }
		
		    footer .truck-circle .bike svg {
		        width: auto;
		        height: 100%;
		        opacity: 0;
		        overflow: visible;
		    }
		
		footer .truck-circle img {
			top: 50%;
			left: 50%;
			position: absolute;
			transform: translate(-50%, -50%);
		}
			
	footer .container {
		z-index: 7;
		max-width: 1180px;
		position: relative;
	}
	
		/*
		 *	Newsletter
		 */
		footer .newsletter {
			width: 100%;
			margin-bottom: 75px;
		}
		
		footer .gform_validation_container,
		footer .gform_ajax_spinner,
		footer .validation_error,
		footer .gfield_required {
			display: none;
		} 
		 
		footer .gform_wrapper {
			display: flex;
			align-items: flex-end;
		}
		
			footer .gform_heading {
				width: 53%;
			}
			
				footer .gform_heading .gform_title {
					color: #FFD610;
					font-family: 'Hamburg Hand', sans-serif;
					font-size: 34px;
					font-weight: 800;
					line-height: 46px;
					text-transform: uppercase;
				}
				
				footer .gform_heading .gform_description {
					display: block;
					max-width: 495px;
					font-size: 22px;
					line-height: 28px;
					margin-top: 5px;
				}
			
			footer form {
				width: 100%;
				display: flex;
				align-items: flex-end;
			}
				
			footer .gform_body {
				width: calc(100% - 172px);
				position: relative;
			}

				footer .gform_body:after {
					content: "we promise not to spam you.";
					color: rgba(255, 252, 243, 0.40);
					font-family: "Hamburg Hand", sans-serif;
					font-size: 10px;
					font-weight: 700;
					line-height: 14px;
					position: absolute;
					padding-top: 12px;
				}

				footer .gform_fields {
					list-style: none;
				}
				
				footer .gfield_label {
					display: block;
					color: #FFD610;
					font-family: 'Hamburg Hand', sans-serif;
					font-size: 17px;
					font-weight: 800;
					line-height: 22px;
					margin-bottom: 11px;
				}
				
				footer .gfield input {
					display: block;
					width: 100%;
					height: 51px;
					color: #ffffff;
					font-family: 'Kotori Rose', sans-serif;
					font-size: 17px;
					line-height: 22px;		
					padding: 0 23px 2px 23px;			
					border: 1px solid #FFFCF3;
					border-radius: 26px;
					background: transparent;
					box-sizing: border-box;
				}
									
					footer .gfield input::-webkit-input-placeholder { color: rgba(255, 252, 243, 0.40) }
					footer .gfield input:-moz-placeholder { color: rgba(255, 252, 243, 0.40) }
					footer .gfield input::-moz-placeholder { color: rgba(255, 252, 243, 0.40) }
					footer .gfield input:-ms-input-placeholder { color: rgba(255, 252, 243, 0.40) }
				
				footer .validation_message {					
					margin-top: 3px;
					width: 100%;
					z-index: 2;
					font-size: 11px;
					line-height: 14px;
					padding: 7px 25px;
					position: absolute;
					background: #D82A50;
					border-radius: 14px;
					box-sizing: border-box;
				}
			
			footer .gform_button {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 150px;
				height: 51px;
				color: #181802;
				font-family: 'Hamburg Hand', sans-serif;
				font-size: 17px;
				font-weight: 700;
				line-height: 22px;
				margin-left: 12px;
				padding: 3px 0 0 0;
				background: #FFD610;
				border-radius: 26px;
				border: 0;
				box-sizing: border-box;
				transition: all ease 0.4s;
			}
			
				footer .gform_button svg {
					fill: #181802;
					margin-top: -3px;
					margin-left: 12px;
				}
				
				footer .gform_button:hover {
					cursor: pointer;
					color: #271C68;
					background: #fff;
				}
		
		footer .gform_confirmation_wrapper {
			display: block;
			font-size: 18px;
			line-height: 27px;
			margin-top: 5px;
		}
								
			footer .gform_confirmation_wrapper h3 {
				color: #FFD610;
				font-family: 'Hamburg Hand', sans-serif;
				font-size: 28px;
				font-weight: 800;
				line-height: 38px;
				text-transform: uppercase;
			}
			
					
	
	/*
	 *	Middle
	 */
	footer .middle {
		display: flex;
		justify-content: space-between;
		padding-bottom: 140px;
	}
	
		footer .middle .left {
			width: calc(47% - 30px);
			max-width: 430px;
		}
	
			footer .middle .left .logo {
				width: auto;
				height: 104px;
			}
				
			footer .middle .left p {
				max-width: 430px;
				color: #FFFCF3;
				font-size: 20px;
				font-weight: 400;
				line-height: 30px;
				margin-top: 15px;
				padding-bottom: 26px;
				border-bottom: 0.5px solid #FFFCF3;
			}
		
		footer .middle .right {
			display: flex;
			flex-wrap: wrap;
			width: calc(53% - 30px);
			max-width: 500px;
		}
			
			footer .middle .right .col {
				
			}
			
				footer .middle .right .col + .col {
					margin-left: 82px;
				}
				
				footer .middle .right .col h3 {
					color: #FFD610;
					font-family: 'Hamburg Hand', sans-serif;
					font-size: 23px;
					font-weight: 700;
					line-height: 24px;
					letter-spacing: -1px;
					text-transform: uppercase;
				}
				
				footer .middle .right .col ul {
					list-style: none;
					margin-top: 12px;
				}
				
					footer .middle .right .col ul li {
						color: #FFFFFF;
						font-size: 18px;
						font-weight: 400;
						line-height: 27px;						
					}
					
						footer .middle .right .col ul li a {
							color: inherit;
							text-decoration: none;
						}
						
							footer .middle .right .col ul li a:hover {
								color: #FFD610;
							}
						
	
	/*
	 *	Bottom
	 */
	footer .bottom {
		display: flex;
		color: #FFFCF3;
		font-family: 'Hamburg Hand', sans-serif;
		font-size: 12px;
		line-height: 14px;
		text-transform: uppercase;
		align-items: center;
		justify-content: space-between;
		border-bottom: 0.5px solid #FFFCF3;
		padding-bottom: 12px;
	}
	
		footer .bottom .left {
			display: flex;
		}
		
			footer .bottom .left a {
				color: inherit;
				text-decoration: none;	
			}
			
				footer .bottom .left a:hover {
					color: #FFD610;
				}
		
			footer .bottom .left ul {
				display: flex;
				list-style: none;				
			}
			
				footer .bottom .left ul li {
					margin-left: 22px;
				}
				
			footer .bottom .left .developer {
				margin-left: 23px;
			}
			
		footer .bottom .right {
			
		}
		
			footer .bottom .right .socials {
				display: flex;
			}
			
				footer .bottom .right .socials a {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 32px;
					height: 32px;
					border-radius: 50%;
					background: #FFFCF3;
				}
				
				footer .bottom .right .socials a + a {
					margin-left: 8px;
				}
				
					footer .bottom .right .socials a:hover {
						background: #FFD610;
					}

	
/*	Common elements
-------------------------------------------*/

	.bg-shape-1 {
		top: 170px;
		left: 0;
		z-index: -1;
		position: absolute;
		max-width: 70%;
		height: auto;
	}
	
		.bg-shape-1-b {
			top: 33px;
			left: 0;
			z-index: -1;
			position: absolute;
			max-width: 70%;
			height: auto;
		}
	
	.bg-shape-2 {
		top: 1150px;
		right: 0;
		z-index: -1;
		position: absolute;
		max-width: 70%;
		height: auto;
	}
	
	.bg-shape-2-b {
		right: 0;
		bottom: 0;
		z-index: -1;
		position: absolute;
		max-width: 70%;
		height: auto;
	}		
	
	
	/*
	 *	Buttons
	 */
	.btn,
	.btn-outline {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 44px;		
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		border-radius: 22px;
		box-sizing: border-box;				
		padding: 0 34px;
		cursor: pointer;
		transition: all ease 0.4s;
	}
	
		.btn {
			color: #ffffff;
			border: 0;
			background: #2F2472;
		}
			
			.btn svg {
				fill: #ffffff;
				padding-left: 2px;
				transform: translateX(8px);
			}
		
			.btn:not(.disabled):not([disabled]):hover {
				background: #228F69;
			}
			
			.btn.green {
				background: #228F69;
			}
			
				.btn.green:hover {
					background: #1A7857;
				}
		
		.btn.disabled,
		.btn[disabled] {
			opacity: 0.5;
			cursor: not-allowed;
		}
		
		.btn-outline {		
			color: #2F2472;
			border: 2px solid #2F2472;
		}			
								
			.btn-outline svg {
				fill: #2F2472;
				transform: translateX(8px);
			}
		
			.btn-outline:hover {
				color: #228F69;
				border-color: #228F69;
			}
			
				.btn-outline:hover svg {
					fill: #228F69;
					stroke: #228F69; 
				}
				
			.btn-outline.bg-white {
				background: #ffffff;
			}
			
	
	
	/*
	 *	
	 */
	.cbox {
		display: flex;
		align-items: flex-end;
	}
		.cbox .labels {
			color: #5A4B92;
			font-size: 13px;
			font-weight: 600;			
			line-height: 17px;
			text-align: right;
			padding-bottom: 18px;
			padding-left: 20px;
			padding-right: 20px;
		}
		
			.cbox .labels strong {
				display: block;		
				color: #2F2472;		
				font-size: 17px;
				font-weight: bold;
				line-height: 22px;				
			}
				
				.cbox .labels strong span {
					color: #5A45D6;
				}
				
			.cbox .labels.end {	
				display: none !important;			
				padding-left: 24px;
				padding-right: 0;
				text-align: left;
			}
				
		.cbox svg {
			display: block;
		}
		
			.cbox .slots rect {
				opacity: 1;
				transition: all ease 0.4s;
			}
			
			.cbox [data-count="0"] .slots rect,
			.cbox [data-count="1"] .slots rect:nth-child(1) ~ rect,
			.cbox [data-count="2"] .slots rect:nth-child(2) ~ rect,
			.cbox [data-count="3"] .slots rect:nth-child(3) ~ rect,
			.cbox [data-count="4"] .slots rect:nth-child(4) ~ rect,
			.cbox [data-count="5"] .slots rect:nth-child(5) ~ rect,
			.cbox [data-count="6"] .slots rect:nth-child(6) ~ rect,
			.cbox [data-count="7"] .slots rect:nth-child(7) ~ rect,
			.cbox [data-count="8"] .slots rect:nth-child(8) ~ rect,
			.cbox [data-count="9"] .slots rect:nth-child(9) ~ rect,
			.cbox [data-count="10"] .slots rect:nth-child(10) ~ rect,
			.cbox [data-count="11"] .slots rect:nth-child(11) ~ rect { 
				opacity: 0.3;
			}
					
		.cbox .extras {
			display: none !important;
			margin-left: 4px;
			position: relative;
		}
		
			.cbox .extras .shadow {
				right: -24px;
				bottom: 1px;
				z-index: -1;
				position: absolute;
			}
			
			
	/*
	 *	Cart Item
	 */
	.cart-item {
		width: 100%;
		display: flex;
		align-items: center;
	} 
	
		.cart-item + .cart-item {
			margin-top: 27px;
		}
	
		.cart-item .image {
			width: 62px;
			height: 62px;
			border-radius: 50%;
			background-color: #eee;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}
		
		.cart-item .title {
			width: calc(100% - 215px);
			color: #2F2472;
			font-size: 16px;
			font-weight: 600;
			line-height: 21px;
			text-decoration: none;
			margin-left: 20px;
		}
		
			.cart-item .title a {
				display: inline-block;
				max-width: 190px;
				color: #2F2472;
				text-decoration: none;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;  
				overflow: hidden;
			}
			
				.cart-item.bundle-item .title a {
					max-width: 100% !important;
				}
		
			.cart-item .title a:hover {
				color: #228F69;
			}
			
			.cart-item .title small {
				display: block;
				color: #5A4B92;
				font-size: 14px;
				font-weight: 500;
				font-style: italic;
				line-height: 18px;
			}
		
		.cart-item .qty {
			display: flex;
			width: 133px;
			height: 34px;
			overflow: hidden;
			background: #FFFFFF;
			border: 1px solid rgba(226, 217, 198, 0.6);
			box-shadow: 2px 2px 0 0 #E2D9C6;
			border-radius: 17px;
		}
		
			.cart-item .qty div {
				width: 42px;
				color: #FF3C00;
				font-size: 21px;
				font-weight: 300;				
				line-height: 28px;
				text-align: center;
				cursor: pointer;
				box-sizing: border-box;
			}
			
				.cart-item .qty .minus {
					padding-left: 2px;
				}
			
				.cart-item .qty .plus {
					padding-right: 2px;
				}
				
					.cart-item .qty .plus.disabled {
						color: #d1d1d1;
						cursor: not-allowed;
					}
			
			.cart-item .qty input {
				width: calc(100% - 68px);
				height: 34px;
				color: #FF3C00;
				font-family: 'Code Next';
				font-size: 14px;
				font-weight: 900;
				line-height: 34px;
				text-align: center;
				border: 0;
				border-left: 1px solid rgba(226, 217, 198, 0.6);
				border-right: 1px solid rgba(226, 217, 198, 0.6);
				box-sizing: border-box;
			}
		
	
	/*
	 *	Badge
	 */
	.green-badge {
		display: inline-flex;
		align-items: center;
		height: 34px;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
		background: #2CA67B;
		border-radius: 17px;
		padding: 0 16px;
	} 
	
		.green-badge span {
			padding-bottom: 1px;		
			padding-right: 5px;
		}
		
		
	/*
	 *	Summary rows
	 */
	.summary-row {
		display: flex;
		font-size: 15px;
		line-height: 29px;
	}
	
		.summary-row .title {
			width: calc(100% - 88px);
			display: flex;
			justify-content: space-between;
		}
		
			.summary-row .title span {
				font-weight: 600;
			}
			
			.summary-row .title em {
				font-weight: 500;
				font-style: italic;
				text-align: right;
			}
			
			.summary-row .title .remove-coupon {
				display: block;
				font-size: 11px;
				font-style: normal;
				line-height: 11px;
				text-decoration: underline;
				transition: all ease 0.4s;
				cursor: pointer;
			}
			
				.summary-row .title .remove-coupon:hover {
					color: #E83A60;
				}
				
				.cart-popup .remove-coupon {
					display: none !important;
				}
		
		.summary-row .price {
			width: 88px;
			font-weight: 600;
			text-align: right;
		}
		
	.summary-promo-code {
		
	}
	
		.summary-promo-code .form-row {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-top: 0;
		}
		
			.summary-promo-code .form-row input {
				width: calc(100% - 112px);
				max-width: 214px;
			}
			
			.summary-promo-code .form-row button {
				width: 100px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #2F2472;
				font-size: 15px;
				font-weight: 500;
				line-height: 15px;
				border: 2px solid #2F2472;
				border-radius: 10px;
				background: #ffffff;
				cursor: pointer;				
			}
			
				.summary-promo-code .form-row button:hover {
					color: #2CA67B;
					border-color: #2CA67B;
				}
				
			.summary-promo-code .form-row .validation-message {
				width: calc(100% - 112px);
				max-width: 214px;
			}
						
	.summary-row.total {
		margin-top: 20px;
		padding-top: 5px;
		border-top: 1px solid rgba(206, 193, 255, 0.5);
	}
	
		.summary-row.total .title span {
			font-size: 17px;
			font-weight: 800;
		}
		
		.summary-row.total .price {
			font-weight: 800;
		} 
		
	
	/*
	 *	Icon logo
	 */
	.icon-logo {
		padding-top: 115px;
		display: block;
	}
	
		.icon-logo svg {
			display: block;
			margin: 0 auto;
		}
	
	

/*	Forms
-------------------------------------------*/

	.wbox {		
		padding: 27px 35px 32px 35px;
		background: #ffffff;
		border-radius: 20px;
		border: 2px solid #F2E5D7;
	}	
	
	.form-row {
		clear: both;
		padding-top: 19px;
	}
	
		.form-row.half {
			float: left;
			width: calc(50% - 6px);
		}
		
			.form-row.half + .form-row.half {
				clear: none;
				margin-left: 12px;
			}
	
		.form-row .input-container {
			position: relative;
		}
		
			.form-row .input-container[class*="icon-"]:before {
				content: "";
				opacity: 0.5;
				top: 0;
				right: 12px;
				width: 20px;
				height: 45px;
				z-index: 5;
				position: absolute;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
				.form-row .icon-phone:before {
					background-image: url('../img/icon-phone.svg');
				}
				
				.form-row .icon-note:before {
					background-image: url('../img/icon-delivery-box.svg');
				}
		
			.form-row input,
			.form-row textarea {
				width: 100%;
				height: 45px;
				color: #2F2472;
				font-family: 'Plus Jakarta Sans';
				font-size: 15px;
				font-weight: 600;
				line-height: 19px;
				padding: 0 17px;
				border-radius: 10px;
				border: 1px solid #E2D9C6;
				box-sizing: border-box;
			}
			
				.form-row input.datepicker {
					background-repeat: no-repeat;
					background-position: right 11px center;
					background-image: url('../img/icon-datepicker.svg');
				}
				
				.form-row input::-webkit-input-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				.form-row input:-moz-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				.form-row input::-moz-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				.form-row input:-ms-input-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				
				.form-row .input-container[class*="icon-"] input,
				.form-row .input-container[class*="icon-"] textarea {
					padding-right: 40px;
				}
				
			.form-row textarea {
				height: 88px;
				resize: none;
				padding-top: 10px;
			}
			
				.form-row textarea::-webkit-input-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				.form-row textarea:-moz-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				.form-row textarea::-moz-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }
				.form-row textarea:-ms-input-placeholder { color: #BEBACF; font-weight: 500; opacity: 1; }		
			
			.form-row .checkbox {
				display: flex;
				align-items: center;
				justify-content: space-between;
				position: relative;
			}
			
				.form-row .checkbox label {
					color: #2F2472;
					font-size: 14px;
					font-weight: 600;
					line-height: 18px;
				}
				
				.form-row .checkbox input {
					top: 0;
					right: 0;
					width: 50px;
					height: 30px;
					opacity: 0;
					z-index: 2;
					position: absolute;
					cursor: pointer;
				}
								
				.form-row .checkbox .toggle {
					width: 50px;
					height: 30px;
					padding: 2px;
					border-radius: 15px;
					background: #CEC1FF;					
					box-sizing: border-box;
					transition: all ease 0.4s;
				}
				
					.form-row .checkbox .toggle span {
						display: block;
						width: 26px;
						height: 26px;
						border-radius: 50%;
						background: #FFFFFF;
						box-shadow: 0 3px 8px 0 rgba(0,0,0,0.15), 0 3px 1px 0 rgba(0,0,0,0.06);
						box-sizing: border-box;
						transition: all ease 0.4s;
					}
					
					.form-row .checkbox input:checked + .toggle {
						background: #2CA67B;
					}
						
						.form-row .checkbox input:checked + .toggle span {
							transform: translate3d(20px, 0, 0);
						}
		
		.radiobox {
				
		}	
		
			.radiobox + .radiobox {
				margin-top: 10px;
			}
		
			.radiobox input {
				display: none;
			}
			
			.radiobox label {
				display: inline-block;
				color: #2F2472;
				font-size: 15px;
				font-weight: 500;
				line-height: 19px;
				padding-left: 32px;
				position: relative;
				cursor: pointer;
			}
			
				.radiobox label:before {
					content: "";
					left: 0;
					width: 21px;
					height: 21px;
					border-radius: 50%;
					background: #FFFFFF;
					border: 1px solid #E2D9C6;
					box-sizing: border-box;
					position: absolute;
					cursor: pointer;
				}
				
				.radiobox label:after {
					content: "";
					opacity: 0;
					top: 4px;
					left: 4px;
					width: 13px;
					height: 13px;
					border-radius: 50%;
					background: #2CA67B;
					box-sizing: border-box;
					position: absolute;
					transition: all ease 0.3s;
					cursor: pointer;
				}
				
				.radiobox input:checked ~ label:after {
					opacity: 1;
				}
				
		.form-buttons {
			display: flex;
			clear: both;
			padding-top: 30px;	
		}
		
			.form-buttons a + a {
				margin-left: 17px;
			}
			
		.validation-message {		
			width: 100%;
			color: #ffffff;
			font-size: 11px;
			font-weight: bold;
			line-height: 14px;
			margin-top: 15px;
			padding: 7px 15px 9px 15px;
			background: #E83A60;
			border-radius: 10px;
			box-sizing: border-box;
		}
		
			.form-row .validation-message {
				margin-top: 2px;
			}
		
	
	/*
	 *	Select2
	 */
	.select2-container {
		display: block;
		text-align: left;
		width: 100% !important;	
	}
	
		.select2-container--default .select2-selection--single {			
			height: auto;
			background: none !important;
			border: 0;
		}
		
		.select2-container--default .select2-selection--single .select2-selection__placeholder {
			color: #BEBACF;
		}
		
		.select2-container .select2-selection--single .select2-selection__rendered {
			display: block;
			width: 100%;
			height: 45px;
			color: #2F2472;
			font-family: 'Plus Jakarta Sans';
			font-size: 15px;
			font-weight: 600;
			line-height: 19px;
			padding: 11px 44px 0 17px;
			border-radius: 10px;
			border: 1px solid #E2D9C6;
			background: #ffffff;
			box-sizing: border-box;
		}
		
		.select2-container--default .select2-selection--single .select2-selection__arrow {
			top: 50%;
			right: 18px;
			width: 14px;
			height: 9px;
			margin-top: -4px;
			background: url('../img/select-arrow.svg') no-repeat top center / contain;
			transition: all ease 0.4s;
		}
		
			.select2-container--default .select2-selection--single .select2-selection__arrow b {
				display: none;
			}
			
			.select2-container--open .select2-selection--single .select2-selection__arrow {
				transform: rotate(-180deg);
			}
			
		.select2-dropdown {
			z-index: 9011;
			width: 100%;			
			border-radius: 10px !important;
			border: 1px solid #E2D9C6 !important;
			box-shadow: 0px 3px 6px rgba(226, 217, 198, 0.5);
		}
		
			.select2-container--open .select2-dropdown--below {
				margin-top: 5px;
			}
			
			.select2-container--open .select2-dropdown--above {
				margin-top: -5px;
			}
			
			.select2-results {
				display: block;
			}
			
				.select2-results__options {
					padding: 10px 0;
				}
				
				.select2-results__option {
					color: #2F2472;
					font-family: 'Plus Jakarta Sans';
					font-size: 15px;
					font-weight: 600;
					line-height: 19px;
					padding: 9px 17px 10px 17px;
				}
								
					.select2-container--default .select2-results__option--highlighted {
						color: #2F2472 !important;
						background-color: rgba(226, 217, 198, 0.3) !important;
					}
					
					.select2-container--default .select2-results__option--selected {
						color: #fff !important;
						background: #5A45D6 !important;
					}
	
	
	/*
	 *	Quantity Wrapper
	 */
	.qty-wrapper {		
		width: 100%;
		overflow: hidden;
		background: #FFFFFF;
		border: 1px solid rgba(226, 217, 198, 0.6);
		box-shadow: 3px 3px 0 0 #E2D9C6;
		border-radius: 28px;
		position: relative;
		transition: all ease 0.3s 0s;
	}
	
		.qty-wrapper .add-to-box {
			display: flex;
			top: 0;
			left: 0;
			right: 0;
			height: 54px;
			color: #FF3C00;
			border-radius: 28px;
			font-family: 'Code Next';
			font-size: 19px;
			font-weight: 800;			
			line-height: 25px;
			align-items: center;
			justify-content: center;
			background: #ffffff;
			position: absolute;	
			cursor: pointer;		
			transition: all ease 0.3s 0.25s;
			transform: translate3d(0, 0, 0);
		}
		
			.qty-wrapper .add-to-box.disabled {
				color: #d1d1d1;
				cursor: not-allowed;
			}
								
		.qty-wrapper .wr {
			display: flex;
			height: 54px;
			transition: all ease 0.3s 0.25s;
			transform: translate3d(0, 100%, 0);
		}
		
			.qty-wrapper .wr div {
				width: 33.333%;
				color: #FF3C00;
				font-size: 35px;
				font-weight: 300;				
				line-height: 44px;
				text-align: center;
				cursor: pointer;
				box-sizing: border-box;
				-webkit-touch-callout: none;
				    -webkit-user-select: none;
				     -khtml-user-select: none;
				       -moz-user-select: none;
				        -ms-user-select: none;
				            user-select: none;
			}
			
				.qty-wrapper .minus {
					padding-left: 2px;
				}
			
				.qty-wrapper .plus {
					padding-right: 2px;
				}
				
					.qty-wrapper .plus.disabled {
						color: #d1d1d1;
						cursor: not-allowed;
					}
			
			.qty-wrapper input {
				width: 33.333%;
				height: 54px;
				color: #FF3C00;
				font-family: 'Code Next';
				font-size: 23px;
				font-weight: 900;
				line-height: 30px;
				text-align: center;
				border: 0;
				border-radius: 0px !important;
				border-left: 1px solid rgba(226, 217, 198, 0.6);
				border-right: 1px solid rgba(226, 217, 198, 0.6);
				box-sizing: border-box;
			}
	
	.qty-wrapper.active {
		max-width: 100% !important;
	}	
	
		.qty-wrapper.active .add-to-box {
			transform: translate3d(0, -100%, 0);
		}
			
			.qty-wrapper.active .wr {
				transform: translate3d(0, 0, 0);
			}
	
	
	/*
	 *	Datepicker
	 */	
	.ui-datepicker {
		width: 312px;
		display: none;
		color: #2F2472;
		font-size: 14px;
		line-height: 14px;
		overflow-y: auto;
		text-align: center;
		margin-top: 5px;
		padding: 26px 16px;
		background: #ffffff;		
		border-radius: 15px;
		border: 1px solid #E2D9C6;
		box-sizing: border-box;
		box-shadow: 0px 3px 6px rgba(226, 217, 198, 0.5);		
	}
	
		.ui-datepicker.ui-top {
			margin-top: -395px !important;
		}
	
	.ui-datepicker .ui-datepicker-header {
		margin-bottom: 16px;
		position: relative;
	}
	
	.ui-datepicker .ui-datepicker-title {
		height: 24px;
		color: #2F2472;
		font-size: 15px;
		font-weight: 800;
		line-height: 24px;
		text-align: center;
		text-transform: uppercase;
	}
		
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		left: 0;
		top: 0;	
		width: 24px;
		height: 24px;
		position: absolute;
		cursor: pointer;
	}
	
	.ui-datepicker .ui-datepicker-prev {
		background-size: 14px 13px;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='13px' viewBox='0 0 14 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M11.4777328,5.75 L13,7.10125 L9.133,10.541 L19,10.5416667 L19,12.4583333 L9.132,12.458 L13,15.89875 L11.4777328,17.25 L5,11.5 L11.4777328,5.75 Z' id='path-7tcry92u89-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Customer-Account' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Orders' transform='translate(-1209.000000, -284.000000)'%3E%3Cg id='icon/arrow/left' transform='translate(1204.000000, 279.000000)'%3E%3Cmask id='mask-7tcry92u89-2' fill='white'%3E%3Cuse xlink:href='%23path-7tcry92u89-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='arrow'%3E%3C/g%3E%3Cg id='Group' mask='url(%23mask-7tcry92u89-2)' fill='%23CCCCCC'%3E%3Cg id='🎨-color'%3E%3Crect id='color%234' x='0' y='0' width='24' height='23'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	}
	
	.ui-datepicker .ui-datepicker-next {
		left: auto;
		right: 0;		
		background-size: 14px 13px;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='13px' viewBox='0 0 14 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.5222672,5.75 L19,11.5 L12.5222672,17.25 L11,15.89875 L14.866,12.458 L5,12.4583333 L5,10.5416667 L14.867,10.541 L11,7.10125 L12.5222672,5.75 Z' id='path-j210hlt9_1-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Customer-Account' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Orders' transform='translate(-1461.000000, -284.000000)'%3E%3Cg id='icon/arrow/right' transform='translate(1456.000000, 279.000000)'%3E%3Cmask id='mask-j210hlt9_1-2' fill='white'%3E%3Cuse xlink:href='%23path-j210hlt9_1-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='arrow'%3E%3C/g%3E%3Cg id='Group' mask='url(%23mask-j210hlt9_1-2)' fill='%23CCCCCC'%3E%3Cg id='🎨-color'%3E%3Crect id='color%234' x='0' y='0' width='24' height='23'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	}
	
	.ui-datepicker .ui-datepicker-prev span,
	.ui-datepicker .ui-datepicker-next span {
		display: none;	
	}
	
	.ui-datepicker .ui-datepicker-prev:hover,
	.ui-datepicker .ui-datepicker-next:hover {
		color: #17C9CD;
	}
	
	.ui-datepicker .ui-datepicker-year {
		margin-left: 5px;
	}
	
	.ui-datepicker select,
	.ui-datepicker select option {
		color: #000000;
	}
	
	.ui-datepicker table {
		border: 0;
		border-collapse: collapse;
	}
	
	.ui-datepicker table th {
		height: 27px;
		color: rgba(85, 66, 177, 1);
		font-size: 12px;
		font-weight: 400;		
		line-height: 20px;
		text-align: center;		
		text-transform: uppercase;
		border: 0px !important; 
		padding-bottom: 7px;		
	}
	
	.ui-datepicker table td {	
		border-collapse: collapse;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		border-right: 0;
		border-bottom: 0;
		padding: 0;
	}
	
	.ui-datepicker table td a,
	.ui-datepicker table td span {
		display: flex;
		width: 35px;
		height: 35px;
		margin: 0 2px;
		color: #2F2472;
		font-size: 14px;
		font-weight: 600;
		line-height: 14px;
		text-decoration: none;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		border-radius: 50%;
		padding-bottom: 1px;
	}
	
	.ui-datepicker .ui-state-highlight {
		background: rgba(226, 217, 198, 0.24);
	}	
	
	.ui-datepicker table td a:hover,
	.ui-datepicker .ui-state-active,
	.ui-datepicker .has-subscription a {
		color: #ffffff;
		background: #5A45D6;
	}
	
	*:not(.subscription-datepicker) .ui-datepicker .ui-state-disabled {
		opacity: 0.3;
		cursor: not-allowed;
	}
	
	
	/*
	 *	Alert
	 */
	.alert {	
		color: #2F2472;
		font-size: 14px;
		font-weight: 700;
		line-height: 23px;	
		margin-bottom: 15px;
		padding: 8px 10px 8px 10px;
		background: #ffffff;
		border-radius: 20px;
		border: 2px solid #F2E5D7;
	}	
	
		.alert.success {
			display: inline-block;
			border-color: #2CA67B;
		}
	
		.alert.success p {
			color: #2CA67B;
			padding-left: 30px;
			background: url('../img/icon-green-tick.svg') no-repeat top left;
		}



/*	Cart Widget / Popup
-------------------------------------------*/
	
	/*
	 *	Cart Widget (bottom)
	 */
	.wcart {		
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9000;
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #ffffff;
		border-top: 1px solid #E2D9C6;
		padding: 10px 40px 14px 40px;
		transform: translate3d(0px, 100%, 0px);
		transition: all ease 0.4s;
	}
	
		.wcart.show {
			transform: translate3d(0px, 0px, 0px);
		}
		
		.page-id-79 .wcart {
			display: none !important;
		}
	
	.wcart .buttons {
		display: flex;
		font-size: 0;
		line-height: 0;
		align-items: center;		
	}
	
		.wcart .buttons .btn {
			margin-left: 10px;
		}
		
		.wcart .buttons .pricing {
			display: flex;
			color: #5A45D6;
			font-size: 17px;
			font-weight: bold;
			line-height: 22px;
			text-decoration: none;
			margin-right: 36px;
			cursor: pointer;
		}
		
			.wcart .buttons .pricing svg {
				margin-left: 14px;
			}
			
			.wcart .buttons .pricing:hover {
				color: #228F69;
			}
			
				.wcart .buttons .pricing:hover svg circle {
					stroke: #228F69;
				}
			
				.wcart .buttons .pricing:hover svg path {
					fill: #228F69;
				}
	
	/*
	 *	Cart Popup
	 */
	.cart-popup {
		display: flex;
		justify-content: flex-end;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 8900;
		position: fixed;
		visibility: hidden;
	}
	
		.cart-popup.show {
			visibility: visible;
		}
		
		.cart-popup .bg {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: absolute;
			background: rgba(90, 75, 146, 0.64);
			opacity: 0;
			transition: all ease 0.4s;
		}
							
			.cart-popup.show .bg {
				opacity: 1;	
			}
		
		.cart-popup .content {
			z-index: 2;
			width: 100%;
			max-width: 540px;
			padding: 0px 39px 200px 36px;
			background: #ffffff;
			overflow: auto;
			position: relative;
			box-sizing: border-box;
			transform: translate3d(100%, 0, 0);
			transition: all ease 0.4s;
		}
		
			.cart-popup.show .content {
				transform: translate3d(0, 0, 0);
			}
		
			.cart-popup .head {
				display: flex;
				top: 0;
				z-index: 5;
				margin-right: -2px;
				position: sticky;
				align-items: center;
				justify-content: space-between;				
				background: #ffffff;
				padding-top: 40px;
				padding-bottom: 17px;
				margin-bottom: 32px;
				border-bottom: 1px solid rgba(206, 193, 255, 0.5);
			}			
			
				.cart-popup .head h3 {
					color: #2F2472;
					font-family: 'Chillow';
					font-size: 31px;
					font-weight: 400;
					line-height: 31px;
				}
				
				.cart-popup .head .close {
					cursor: pointer;
				}
				
					.cart-popup .head .close svg {
						display: block;
					}
					
						.cart-popup .head .close svg:hover circle {
							fill: #228F69;
						}
						
				.cart-popup .head .fade {
					display: none;
					
					top: calc(100% + 1px);
					left: 0;
					right: 0;
					height: 100px;
					position: absolute;
					background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.00) 100%);
				}
						
			.cart-popup .items {
				
			}
			
				.cart-popup .items h4 {
					display: flex;
					align-items: flex-end;
					color: #2F2472;
					font-size: 20px;
					font-weight: 800;
					line-height: 32px;
					margin-bottom: 18px;
				}
				
					.cart-popup .items > h4:first-child {
						margin-bottom: 36px;
					}
				
					.cart-popup .items h4 .nfo {
						color: #2CA67B;
						font-size: 14px;
						font-weight: bold;
						line-height: 32px;
						margin-left: 10px;
						margin-right: 10px;
					}
					
					.cart-popup .items h4 > span {
						top: 3px;
						position: relative;
					}
				
				.cart-popup .items .cart-item + h4 {
					margin-top: 36px;
				}
				
				.cart-popup .cbox {
					justify-content: center;
					
					margin-top: 42px;
					padding: 30px 0;
					border-top: 1px solid rgba(206, 193, 255, 0.5);
					border-bottom: 1px solid rgba(206, 193, 255, 0.5);
				}
				
				.cart-popup .summary {
					color: #2F2472;
					margin-top: 28px;
				}
					
					.cart-popup .summary h4 {
						margin-bottom: 19px;
					}
					
	
	
/*	Page: HOME
-------------------------------------------*/

	/*
	 *	Hero	
	 */
	.hero {
		overflow: hidden;		
		position: relative;
		text-align: center;
		padding-bottom: 115px;
		background: #FF3C00;
	}
	
		.hero .container {
			z-index: 20;
			position: relative;
		}
	
		.hero:after {
			content: "";
			height: 170px;
			z-index: 6;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			background: url('../img/hero-orange-oval.svg') no-repeat bottom center / auto 170px;
		}
		
			@media (min-width: 1541px)
			{
				.hero:after { background-size: 100% 170px; }
			}					
	
		.hero .icon-logo {
			z-index: 2;
			position: relative;
			padding-top: 55px;
		}
		
		.hero h1 {
			max-width: 870px;
			z-index: 6;
			color: #FFFCF3;
			font-family: 'Castiron', sans-serif;
			font-size: 233px;
			font-weight: 400;
			line-height: 175px;
			text-transform: uppercase;
			padding-left: 15px;
			text-align: center;
			margin: 95px auto;
			padding-bottom: 75px;
			position: relative;	
		}
		
			.hero h1 span {
				display: inline-block;
			}
		
			.hero h1 .lips {
				width: 203px;
				height: auto;
				top: 160px;
				left: 50%;
				margin-left: -4px;
				position: absolute;				
			}
			
				.hero h1 .lips svg {
					display: block;
					width: 100%;
					height: auto;
					transform: translateX(-50%);
				}
		
		.hero .button {
			z-index: 15;
			display: inline-block;
			position: relative;
			margin-top: 0;		
		}
		
			.hero .button .s1 {
				top: -27px;
				left: -30px;
				position: absolute;
			}
			
			.hero .button .s2 {
				top: 32px;
				right: -18px;
				position: absolute;
			}
			
			.hero .button .s3 {
				bottom: -26px;
				right: -18px;
				position: absolute;
			}
		
			.hero .button a {
				display: inline-block;
				color: #383D85;
				font-family: 'Code Next';
				font-size: 31px;
				font-weight: 800;
				line-height: 42px;		
				letter-spacing: -1.54px;
				text-decoration: none;
				text-transform: uppercase;
				background: #FFFFFF;
				border: 3px solid #5A45D6;
				border-radius: 32px;
				padding: 8px 42px;
				box-shadow: 4px 6px 0px 0px #5A45D6;
				transition: all ease 0.4s;				
			}
			
				.hero .button a:hover {
					color: #ffffff;
					background: #5A45D6;
				}
			
		
		.hero .cloud-1 {
			top: 137px;
			left: -110px;
			z-index: 4;
			position: absolute;
			-webkit-animation: movingCloudLeft 8s linear infinite both;
					animation: movingCloudLeft 8s linear infinite both;
		}
		
		.hero .cloud-2 {
			top: 164px;
			left: -159px;
			z-index: 3;
			position: absolute;
			-webkit-animation: movingCloudRight 8s linear infinite both;
					animation: movingCloudRight 8s linear infinite both;
		}
				
		.hero .cloud-3 {
			top: 341px;
			right: -160px;
			z-index: 3;
			position: absolute;
			-webkit-animation: movingCloudLeft 8s linear infinite both;
					animation: movingCloudLeft 8s linear infinite both;
		}
		
		.hero .cloud-4 {
			top: 385px;
			right: 69px;
			z-index: 2;
			position: absolute;
			-webkit-animation: movingCloudRight 8s linear infinite both;
					animation: movingCloudRight 8s linear infinite both;
		}
		
		.hero .cloud-5 {
			top: 480px;
			left: 143px;
			z-index: 2;
			position: absolute;
			-webkit-animation: movingCloudRight 8s linear infinite;
					animation: movingCloudRight 8s linear infinite;
		}		
		
		.hero .star-1 {
			top: 129px;
			left: 157px;
			z-index: 3;
			opacity: 0;
			position: absolute;
			transform: rotate(-45deg);
			-webkit-animation: shining 1s linear infinite;
					animation: shining 1s linear infinite;
		}
		
		.hero .star-2 {
			top: 521px;
			right: 128px;
			z-index: 3;
			position: absolute;
			transform: rotate(-45deg);
			-webkit-animation: shining 1s linear infinite;
					animation: shining 1s linear infinite;
			animation-delays: 1s;
		}
		
		.hero .floral-1 {
			right: calc(50% + 363px);
			bottom: 65px;
			z-index: 2;
			position: absolute;
			transform: rotate(-10deg);
		}
		
		.hero .floral-2 {
			left: calc(50% + 363px);
			bottom: 65px;
			z-index: 2;
			position: absolute;
			transform: rotate(10deg) scale(-1, 1);
		}
		
		.hero .sun {
			left: 50%;
			bottom: -55px;
			width: 396px;
			height: 396px;
			z-index: 1;
			border-radius: 50%;
			background: #FA6400;
			position: absolute;
			transform: translateX(-50%);
		}
		
			.hero .sun:before {
				content: "";
				top: 50%;
				left: 50%;
				z-index: -1;
				width: 1714px;
				height: 1714px;
				margin-top: -80px;
				position: absolute;
				background: url('../img/sunrise.svg') no-repeat center center / contain;
				animation: sunrise 40s linear infinite both;
			}
			
			.hero .sun .circle {
				width: 396px;
				height: 396px;
				z-index: 1;
				border-radius: 50%;
				background: #FA6400;
			}
	
	/*
	 *	Vegan Meals
	 */
	.vm-home {		
		text-align: center;
		position: relative;
		background: #FFD610;
	}

		.vm-home:after {
			content: "";
			left: 0;
			right: 0;
			top: 100%;
			height: 40px;
			background: #223DFE;
			z-index: 2;
			position: absolute;
		}

		.vm-home .images {
			display: inline-block;
			z-index: 13;
			top: 75px;
			position: relative;
		}
		
			.vm-home .images .s1 {
				top: -16px;
				right: calc(50% + 156px);
				position: absolute;
			}
			
			.vm-home .images .s2 {
				z-index: 4;
				position: relative;
			}
			
			.vm-home .images .s3 {
				top: -19px;
				left: calc(50% + 151px);
				position: absolute;
			}

		.vm-home .video {
			z-index: 10;
			max-width: 848px;
			top: -250px;
			margin: 0 auto -250px auto;
			border: 12px solid #fff;
			border-radius: 15px;
			overflow: hidden;
			position: relative;
			box-shadow: 0 14px 0 0 rgba(0, 0, 0, 0.25);
		}


		.vm-home .about {
			color: #181802;
			max-width: 814px;
			margin: 64px auto 24px auto;
		}

			.vm-home .about .head {
				width: auto;
				height: 132px;
				margin: 0 auto 32px auto;
			}

			.vm-home .about p {
				font-size: 23px;
				font-weight: 400;
				line-height: 30px;
			}

				.vm-home .about p.featured {
					font-size: 33px;
					font-weight: 700;
					line-height: 42px;
					text-transform: uppercase;
					margin-bottom: 18px;
				}

			.vm-home .about cite {
				display: block;
				font-size: 18px;
				font-weight: 700;
				font-style: normal;
				line-height: 24px;
				margin-top: 20px;
			}

			.vm-home .about .logo {
				margin-top: 36px;
			}
		
		.vm-home .trumpet-left {
			top: -325px;
			left: -63px;
			position: absolute;	
			transform: scale(-1, 1);
			z-index: 12;
		}		
			
		.vm-home .trumpet-right {
			top: -325px;
			right: -63px;
			position: absolute;
			z-index: 12;
		}
		
			.vm-home .trumpet-left svg,
			.vm-home .trumpet-right svg {
				width: auto;
				height: 569px;
				display: block;
			}
			
		.vm-home .leaves-left {
			z-index: 3;
			left: 0;
			bottom: -23px;
			position: absolute;
		}
		
		.vm-home .leaves-right {
			z-index: 3;
			right: 0;
			bottom: -23px;
			position: absolute;
			transform: scale(-1, 1);
		}
		
		.vm-home .trees-left {
			left: 0;
			bottom: 0;
			position: absolute;
		}
		
		.vm-home .trees-right {
			right: 0;
			bottom: 0;
			position: absolute;
			transform: scale(-1, 1);
		}
		
		.vm-home .parrot-left {
			width: 182px;
			height: auto;
			z-index: 4;
			left: -34px;
			bottom: 56px;
			position: absolute;
		}
		
		.vm-home .parrot-left-2 {
			width: 110px;
			height: auto;
			z-index: 4;
			left: -38px;
			bottom: -33px;
			position: absolute;
		}
		
		.vm-home .parrot-right {
			width: 182px;
			height: auto;
			z-index: 4;
			right: -34px;
			bottom: 56px;
			position: absolute;
			transform: scale(-1, 1);
		}
		
		.vm-home .parrot-right-2 {
			width: 110px;
			height: auto;
			z-index: 4;
			right: -38px;
			bottom: -33px;
			position: absolute;
			transform: scale(-1, 1);
		}
					
			.vm-home .parrot-left svg,
			.vm-home .parrot-right svg {
				display: block;
				width: 100%;
				height: 406px;
			}
			
			.vm-home .parrot-left-2 svg,
			.vm-home .parrot-right-2 svg {
				display: block;
				width: 100%;
				height: 245px;
			}	
	
	/*
	 *	Sticker
	 */	
	.home-ticker {
		padding: 47px 0 132px 0;
		position: relative;
	}
	
		.home-ticker .bg {
			top: -132px;
			left: 0;
			right: 0;
			bottom: -168px;
			z-index: 1;
			position: absolute;
			background-image: linear-gradient(180deg, #F7B500 43%, #FA6400 99%);
		}
	
		.home-ticker .text {
			top: -50px;
			width: 100%;
			height: 220px;
			z-index: 3;
			position: relative;
			/*width: 1500%;
			background: url('../img/home-text-ticker.svg') repeat-x top center;
			-webkit-animation: ticker 320s linear infinite both;
					animation: ticker 320s linear infinite both;
			*/
		}
		
			.home-ticker .text svg {
	            display: block;
	            position: absolute;
	            top: 0;
	            width: 100%;
	            height: 220px
	            font-family: 'Plus Jakarta Sans', sans-serif;
	            font-weight: bold;
                color: rgb(47, 36, 114);
			}
	
	
	/*
	 *	How it works
	 */		
	.hiw {
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 204px;
		position: relative;
		background: #FA6400;
	}

		.hiw .container {
			z-index: 3;
			max-width: 1173px;
			position: relative;
		}
	
		.hiw h2 {
			color: #2F2472;
			font-family: 'Chillow';
			font-size: 54px;
			font-weight: 400;			
			line-height: 61px;
			text-align: center;
			margin-bottom: 48px;
		}
		
			.hiw h2 span {
				color: #ffffff;
			}
			
		.hiw .leaves-left {
			z-index: 3;
			left: 0;
			bottom: -23px;
			position: absolute;
		}
		
		.hiw .leaves-right {
			z-index: 3;
			right: 0;
			bottom: -23px;
			position: absolute;
			transform: scale(-1, 1);
		}
		
		.hiw .trees-left {
			left: 0;
			bottom: 0;
			position: absolute;
		}
		
		.hiw .trees-right {
			right: 0;
			bottom: 0;
			position: absolute;
			transform: scale(-1, 1);
		}
		
		.hiw .parrot-left {
			width: 182px;
			height: auto;
			z-index: 4;
			left: -34px;
			bottom: 56px;
			position: absolute;
		}
		
		.hiw .parrot-left-2 {
			width: 110px;
			height: auto;
			z-index: 4;
			left: -38px;
			bottom: -33px;
			position: absolute;
		}
		
		.hiw .parrot-right {
			width: 182px;
			height: auto;
			z-index: 4;
			right: -34px;
			bottom: 56px;
			position: absolute;
			transform: scale(-1, 1);
		}
		
		.hiw .parrot-right-2 {
			width: 110px;
			height: auto;
			z-index: 4;
			right: -38px;
			bottom: -33px;
			position: absolute;
			transform: scale(-1, 1);
		}
					
			.hiw .parrot-left svg,
			.hiw .parrot-right svg {
				display: block;
				width: 100%;
				height: 406px;
			}
			
			.hiw .parrot-left-2 svg,
			.hiw .parrot-right-2 svg {
				display: block;
				width: 100%;
				height: 245px;
			}
		
		.hiw .line-1 {
			left: 0;
			bottom: 270px;			
			position: absolute;
		}
		
		.hiw .line-2 {
			top: -206px;
			right: 0;		
			z-index: 2;	
			position: absolute;
		}
		
		.hiw .columns {
			display: flex;
			justify-content: space-between;
		}
			
			.hiw .col {
				width: calc(33.333% - 16px);
				text-align: center;
			}
			
				.hiw .col .image {
					display: flex;
					z-index: 3;
					align-items: center;
					justify-content: center;
					position: relative;
				}
				
					.hiw .col .image svg {
						width: auto;
						height: 315px;
						display: flex;
					}
					
						.hiw .col:first-child .image svg {
							transform: translateY(5px);
						}
						
						.hiw .col:nth-child(3) .image svg {
							transform: translateY(-10px);
						}
			
				.hiw .col h3 {
					color: #FFFFFF;
					font-family: 'Code Next';
					font-size: 28px;
					font-weight: 800;	
					line-height: 38px;
					text-align: center;
					margin-top: 60px;
					margin-bottom: 12px;
				}
				
					.hiw .col h3 span {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						height: 38px;
						color: #2F2472;
						padding: 0 11px;
						border-radius: 19px;
						background: #FF2D65;
						border: 2px solid #2F2472;
						border-radius: 19px;
						box-shadow: 3px 4px 0px 0px #2F2472;
						box-sizing: border-box;
					}
					
						.hiw .col:nth-child(2) h3 span { 
							background: #F7B500;
						}
						
						.hiw .col:nth-child(3) h3 span {
							color: #ffffff;
							background: #5A45D6;
						}
			
				.hiw .col .text p {
					color: #FFFFFF;
					font-size: 21px;
					font-weight: 500;
					line-height: 30px;
					text-align: center;					
				}


	/*
	 *	Stockists (Boxes)
	 */
	.home-sts {
		padding: 140px 0 150px 0;
		background: #223DFE;
	}

		.home-sts .container {
			max-width: 1180px;
			margin: 0 auto;
		}

		.home-sts h2 {
			color: #FFFCF3;
			font-family: "Hamburg Hand", sans-serif;
			font-size: 70px;
			font-weight: 700;
			line-height: 70px;
			text-align: center;
			letter-spacing: -4px;
			margin-bottom: 64px;
		}

		.home-sts .boxes {
			display: flex;
			justify-content: space-between;
		}

			.home-sts .box {
				width: calc(50% - 16px);
				background: #ffffff;
				border-radius: 20px;
			}

			.home-sts .box .head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 25px 35px 21px 28px;
			}

				.home-sts .box .head .left {
					display: flex;
					align-items: center;
				}

				.home-sts .box .head span {
					color: #000;
					text-align: center;
					font-family: "Hamburg Hand", sans-serif;
					font-size: 17px;
					font-style: normal;
					font-weight: 700;
					line-height: 17px;
					margin: 0 6px 0 20px;
				}

			.home-sts .box .image {
				width: 100%;
				padding-bottom: 96%;
				position: relative;
			}

				.home-sts .box .image > img {
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					position: absolute;
				}

				.home-sts .box .image .content {
					top: 50%;
					left: 25px;
					right: 25px;
					z-index: 2;
					position: absolute;
					transform: translateY(-50%);
				}

					.home-sts .box .image .content .logo {
						height: 50px;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-bottom: 20px;
					}

					.home-sts .box .image .content .button {
						margin: 0 auto;
						width: 200px;
						height: 55px;
						display: flex;
						align-items: center;
						justify-content: center;
						color: #FFFCF3;
						font-family: "Hamburg Hand", sans-serif;
						font-size: 22px;
						font-weight: 700;
						line-height: 22px;
						letter-spacing: -1px;
						text-decoration: none;
						text-align: center;
						padding-top: 3px;
						border-radius: 60px;
						border: 3px solid #FFFCF3;
						background: #E1201C;
						transition: all ease 0.3s;
						transform: scale(1);
					}

						.home-sts .box .image .content .button.yellow {
							color: #351317;
							background: #FFD610;
						}

						.home-sts .box .image .content .button:hover {
							transform: scale(1.05);
						}

			.home-sts .box .bottom {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 17px 27px 22px 32px;
			}

				
	/*
	 *	Stockists (Logos)
	 */	
	.stockists {
		padding-bottom: 295px;
	} 
	 
		.stockists .title {
			text-align: center;
			margin-bottom: 75px;
		}
		
			.stockists .title h2 {
				color: #2F2472;
				font-family: 'Chillow';
				font-size: 63px;
				font-weight: 400;
				line-height: 70px;
			}
			
				.stockists .title h2 span {
					color: #FF5927;
				}	
				
		.stockists .item {
			display: flex;
			align-items: center;
			height: 85px;
			padding: 0 50px;
			cursor: default !important;
		}
					
											


/*	Page: ORDER - Type
-------------------------------------------*/

	.page-order-type {
		padding-top: 168px;
		padding-bottom: 245px;
	}
	
		.page-order-type .head {
			text-align: center;
		}
		
			.page-order-type .head h1 {
				color: #5A45D6;
				font-family: 'Chillow';
				font-size: 53px;
				line-height: 53px;
				text-align: center;
			}
			
			.page-order-type .head p {
				color: #2F2472;
				font-size: 20px;
				font-weight: 600;				
				line-height: 32px;
			}
		
		.page-order-type .options {
			width: 100%;
			max-width: 704px;
			display: flex;
			justify-content: space-between;
			margin: 83px auto 0 auto;
		}
		
			.page-order-type .options input {
				display: none;
			}
		
			.page-order-type .options .box {
				display: flex;			
				align-items: center;	
				width: calc(50% - 16px);
				background: #ffffff;
				border-radius: 27px;
				border: 3px solid #F2E5D7;
				padding: 23px 17px 18px 17px;
				box-sizing: border-box;
				position: relative;
				cursor: pointer;
				transition: all ease 0.4s;
			}
			
				.page-order-type .options .box img {
					top: -28px;
					left: 10px;
					position: absolute;	
				}
			
				.page-order-type .options .box .details {
					width: 100%;
					text-align: center;
					padding-bottom: 63px;
				}
				
					.page-order-type .options .box .details .type {
						display: inline-flex;
						justify-content: center;
						align-items: center;
						width: 190px;
						height: 48px;
						color: rgba(47,36,114,0.26);
						font-size: 17px;
						font-weight: bold;
						line-height: 17px;
						text-align: center;
						background: #F7EDE4;
						border-radius: 30px;
						transition: all ease 0.4s;
					}
					
					.page-order-type .options .box .details p {
						color: #C4B9C6;
						font-size: 19px;
						line-height: 24px;
						text-align: center;
						padding: 28px 0;
						transition: all ease 0.4s;
					}
			
				.page-order-type .options .price {
					position: absolute;
					left: 17px;
					right: 17px;
					bottom: 18px;
					height: 63px;
					display: flex;
					justify-content: center;
					align-items: center;
					color: #C4B9C6;
					font-family: 'Code Next';
					font-size: 37px;				
					font-weight: bold;
					text-align: center;
					border-radius: 16px;
					border: 1px solid #E2D9C6;
					box-sizing: border-box;
					transition: all ease 0.4s;
				}
				
					.page-order-type .options .price small {
						color: #C4B9C6;
						font-family: 'Chillow';
						font-size: 19px;
						font-weight: 400;
						line-height: 19px;
						text-align: center;
						padding-top: 4px;
						padding-left: 5px;
						transition: all ease 0.4s;
					}
					
			.page-order-type .options input:checked + .box {
				border-color: #2F2472;	
				box-shadow: 8px 7px 0px 0px #5A4B92;
			}
			
				.page-order-type .options input:checked + .box .details .type {
					color: #ffffff;
					background: #228F69;					
				}
				
				.page-order-type .options input:checked + .box .details p {
					color: #2F2472;
				}
				
				.page-order-type .options input:checked + .box .price {
					color: #ffffff;
					background: #228F69;
				}
				
					.page-order-type .options input:checked + .box .price small {
						color: #F5EBD5;
					}
				
		.page-order-type .bottom {
			margin-top: 45px;
			text-align: center;
		}
		
			.page-order-type .bottom button {
				display: inline-flex;
				cursor: pointer;
				width: 218px;
				height: 58px;
				align-items: center;
				justify-content: center;
				color: #FFFFFF;
				font-size: 18.69px;			
				font-weight: bold;
				text-align: center;
				background: #2F2472;
				border-radius: 34px;
				box-sizing: border-box;
				padding-left: 19px;
				border: 0;
			}
			
				.page-order-type .bottom button:hover {
					background: #228F69;
				}
				
				.page-order-type .bottom button svg {
					margin-left: 8px;
				}
				
			.page-order-type .bottom p {
				color: #5A4B92;
				font-family: 'Chillow';
				font-size: 18px;				
				letter-spacing: 3px;
				line-height: 18px;
				margin-top: 20px;
			}
			
				.page-order-type .bottom p a {
					color: inherit;
					text-decoration: none;
				}
				
				.page-order-type .bottom p a:hover {
					color: #228F69;
				}



/*	Page: CHECKOUT STEPS
-------------------------------------------*/
	
	.page-checkout {
		padding-bottom: 200px;
	}
	
		.page-checkout .container {
			max-width: 580px;
			position: relative;
		}
		
		.page-checkout .wbox {
			margin-bottom: 19px; 
		}
		
	
	/*
	 *	Steps
	 */
	.page-checkout .steps {
		display: flex;
		justify-content: space-between;
		margin-top: 163px;
		margin-bottom: 70px;
		position: relative;
	}
	
		.page-checkout .steps .step {
			width: 50px;
			position: relative;
		}
		
			.page-checkout .steps .step .circle {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 50px;
				height: 50px;
				color: #F2E5D7;
				font-size: 19px;
				font-weight: bold;
				border-radius: 50%;
				background: #ffffff;
				border: 2px solid #F2E5D7;
				position: relative;
				box-sizing: border-box;
			}											
			
				.page-checkout .steps .step.completed .circle {
					text-indent: -9999px;
					border-color: #5A45D6;
					background: #5A45D6 url('../img/icon-tick-white.svg') no-repeat center center;
				}				
			
				.page-checkout .steps .step.active .circle {					
					color: #5A45D6;
					border-color: #5A45D6;
				}				
			
			.page-checkout .steps .step .label {
				top: 100%;
				left: 50%;
				margin-top: 11px;
				color: #2F2472;
				font-size: 15px;
				font-weight: bold;
				line-height: 19px;
				white-space: nowrap;
				transform: translateX(-50%);
				position: absolute;
			}
		
		.page-checkout .steps .line {
			margin-top: 25px;
			width: 100%;
			height: 2px;
			background: #F2E5D7;
		}
		
			.page-checkout .steps .line.active {
				background: #5A45D6;
			}
			
	
	/*
	 *	Checkout head
	 */
	.page-checkout .checkout-head {
		text-align: center;	
	} 
		 
		.page-checkout .checkout-head h1 {
			color: #5A45D6;
			font-size: 24px;
			font-weight: 800;
			line-height: 30px;
			text-align: center;
			padding-top: 5px;
			padding-bottom: 23px;
		}
		
		.page-checkout .checkout-head .info {
			font-size: 15px;
			font-weight: 500;
			line-height: 22px;
			padding: 13px 20px 15px 20px;
			background: #F7EDE4;
			border-radius: 20px;
		}
		
			.page-checkout .checkout-head .info span {
				font-weight: 600;
			}
		
		.page-checkout .checkout-head .note {
			color: #2CA67B;
			font-size: 14px;
			font-weight: 500;			
			line-height: 18px;
			text-align: center;
			padding: 23px 0 27px 0;
		}
		
		.page-checkout .checkout-head .btn {
			margin-top: 20px;
		}
		
	
	/*
	 *	Box head
	 */
	.page-checkout .box-head {
		
	}
	
		.page-checkout .box-head > div {
			display: flex;
			justify-content: space-between;
		}
		
			.page-checkout .box-head h3 {
				color: #2F2472;
				font-size: 17px;
				font-weight: 800;
				line-height: 22px;
			}
			
			.page-checkout .box-head .icon {
				
			}
				
				.page-checkout .box-head .icon svg {
					display: block;
				}
				
			.page-checkout .completed .box-head .icon {
				overflow: hidden;
				text-indent: -9999px;
				background: url('../img/icon-green-tick.svg') no-repeat center center / contain;
			}
			
				.page-checkout .completed .box-head .icon svg {
					transform: translateY(-100%);
				}
		
		.page-checkout .box-head p {
			color: #2F2472;
			font-size: 14px;
			font-weight: 600;
			line-height: 18px;
			padding-top: 7px;
		}
		
			.page-checkout .box-head p a {
				color: inherit;
				font-weight: 800;
			}
			
				.page-checkout .box-head p a:hover {
					color: #2CA67B;
				}
				
			.page-checkout .box-head .show-on-completed,
			.page-checkout .completed .box-head .hide-on-completed {
				display: none;
			}
			
			.page-checkout .completed .box-head .show-on-completed {
				display: block;	
			}
				
	
	/*
	 *	Box Content
	 */
	.page-checkout .box-content .btn {
		width: 100%;
		margin-top: 24px;
	}
		
	
	/*
	 *	Box - Summary
	 */
	.page-checkout .box-summary h3 {
		color: #5A45D6;		
		font-size: 24px;
		font-weight: 800;
		line-height: 26px;
	}
	
		.page-checkout .box-summary .section-head {
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: #2F2472;			
			padding-top: 19px;
		}
		
			.page-checkout .box-summary .section-head h4 {
				font-size: 17px;
				font-weight: 800;
				line-height: 22px;
				padding-bottom: 2px;
			}
			
			.page-checkout .box-summary .section-head h5 {
				font-size: 15px;
				font-weight: 800;
				line-height: 19px;
				padding-top: 3px;
			}
			
			.page-checkout .box-summary .section-head .nfo {
				color: #2CA67B;
				font-size: 14px;
				font-weight: bold;
				line-height: 32px;
				margin-right: 11px;
			}
						
		.page-checkout .box-summary .delivery {
			
		}
		
			.page-checkout .box-summary .delivery .field-date {
				max-width: 282px;
			}
			
			.page-checkout .box-summary .delivery h6 {
				color: #2F2472;
				font-size: 15px;
				font-weight: 800;
				line-height: 19px;
				margin-top: 19px;
				margin-bottom: -2px;				
			}
			
			.page-checkout .box-summary .delivery .field-wrapper {
				display: flex;
				align-items: center;
			}
			
				.page-checkout .box-summary .delivery .field-wrapper .form-row {
					width: calc(50% - 23px);
				}
			
				.page-checkout .box-summary .delivery .field-wrapper .on {
					width: 46px;
					color: #2F2472;
					font-size: 15px;
					font-weight: 600;
					text-align: center;
					padding-top: 19px;
				}
			
		.page-checkout .box-summary .items {
			margin-top: 25px;
			border-top: 1px solid rgba(206, 193, 255, 0.5);
		}
		
			.page-checkout .box-summary .items .section-head {
				margin-bottom: 28px;
			}
			
			.page-checkout .box-summary .items h6 {
				color: #2F2472;
				font-size: 15px;
				font-weight: 800;
				line-height: 19px;
				margin: 28px 0 19px 0;
			}
			
		.page-checkout .box-summary .totals {
			margin-top: 26px;
			margin-bottom: 18px;
			border-top: 1px solid rgba(206, 193, 255, 0.5);
		}
		
			.page-checkout .box-summary .totals .section-head {
				margin-bottom: 21px;
			}
			
			.page-checkout .box-summary .totals .summary-row.total {
				padding-top: 11px;
			}
			
			.page-checkout .box-summary .totals .summary-promo-code {
				margin-top: 18px;
				padding-top: 6px;
				border-top: 1px solid rgba(206, 193, 255, 0.5);
			}
			
				.page-checkout .box-summary .totals .summary-promo-code h5 {
					font-size: 15px;
					line-height: 29px;
					margin-bottom: 7px;
				}
				
		.page-checkout .box-summary .btn {
			width: 100%;
		}
		
		
	/*
	 *	Box - Totals
	 */
	.page-checkout .box-totals {
		top: 178px;
		left: calc(100% + 27px);
		width: 347px;
		padding: 25px 25px 22px 25px;
		box-sizing: border-box;
		box-shadow: 8px 7px 0px 0px #F2E5D7;		
		position: absolute;
	}
	
		.page-checkout .box-totals .box-head {
			margin-bottom: 16px;
		}
	
		.page-checkout .box-totals .summary-row .title {
			width: calc(100% - 75px);
		}
	
			.page-checkout .box-totals .summary-row .title em {
				font-size: 13px;
				padding-top: 1px;
			}
		
		.page-checkout .box-totals .summary-row .price {
			width: 75px;
		}
		
		.page-checkout .box-totals .summary-promo-code:not([style*="display"]) + .summary-row.total {
			margin-top: 18px;
			padding-top: 0;
			border-top: 0;
		}
		
		.page-checkout .box-totals .summary-promo-code {
			margin-top: 20px;
		}
	
		
		
	/*
	 *	Box - Account
	 */
	.page-checkout .box-account {
		
	}
	
	
	/*
	 *	Box - Payment
	 */
	.page-checkout .box-payment {
		
	}
	
		.page-checkout .box-payment .card-wrapper {
			margin-top: 20px;
			padding: 20px 20px 30px 20px;
			background: #F4F4F4;
			border-radius: 10px;
		}
		
		.page-checkout .box-payment #card-payment {
			margin-bottom: 30px;
		}
		
		.page-checkout .box-payment .terms {
			color: #2F2472;
			font-size: 13px;
			font-weight: 500;
			font-style: italic;
			line-height: 21px;
			margin-top: 17px;
		}
		
			.page-checkout .box-payment .terms a {
				color: inherit;
			}
			
				.page-checkout .box-payment .terms a:hover {
					color: #228F69;
				}



/*	Page: CHECKOUT THANKS
-------------------------------------------*/

	.page-thanks {
		margin-top: 145px;
		padding-bottom: 260px;
	}
	
		.page-thanks .container {
			max-width: 595px;
		}
		
		.page-thanks .head {
			margin-bottom: 28px;
			text-align: center;
		}
		
			.page-thanks .head .lips {
				display: block;
				margin: 0 auto 20px auto;
			}
			
				.page-thanks .head .lips svg {
					width: auto;
					height: 137px;
				}
		
			.page-thanks .head img {
				display: block;
				margin: 0 auto 20px auto;
			}
			
			.page-thanks .head h2 {
				color: #2CA67B;
				font-family: 'Chillow';
				font-size: 43px;
				font-weight: 400;
				line-height: 46px;
			}
			
			.page-thanks .head p {
				color: #2F2472;
				font-size: 27px;
				font-weight: 400;
				line-height: 30px;
			}
			
		.page-thanks .image {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 332px;
			border-radius: 20px;
			box-shadow: 5px 9px 0px 0px #F7EDE4;
			position: relative;
		}
		
			.page-thanks .image .text {
				display: none !important;
				width: 100%;
				z-index: 2;
				color: #ffffff;
				font-size: 17px;
				font-weight: 800;
				line-height: 22px;
				text-align: center;
				position: relative;
			}
			
				.page-thanks .image .text span {
					display: block;
					font-family: 'Chillow';
					font-size: 30px;
					font-weight: 400;
					line-height: 22px;
					margin-top: 10px;
				}
		
			.page-thanks .image .bg {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				overflow: hidden;
				border-radius: 20px;
				position: absolute;
				/*background: url('../img/order-thanks-img.jpg') no-repeat center center / cover;*/
				border: 2px solid #F2E5D7;
				background-color: #FDF6DF;
			}
			
			.page-thanks .image .badge {
				top: -56px;
				left: 29px;
				z-index: 2;
				position: absolute;
			}
			
			.page-thanks .image .star-1 {
				bottom: 24px;
				left: -48px;
				z-index: 2;
				position: absolute;				
			}
			
			.page-thanks .image .star-2 {
				top: 10px;
				right: -29px;
				z-index: 2;
				position: absolute;
			}
			
			.page-thanks .image .star-3 {
				top: 36px;
				left: calc(100% + 3px);
				z-index: 2;
				position: absolute;
			}
			
		.page-thanks .wbox {
			margin-top: 23px;
			box-shadow: 5px 9px 0px 0px #F7EDE4;
		}
		
			.page-thanks .wbox .box-title {
				display: flex;
				justify-content: space-between;
				color: #2CA67B;
				font-weight: 800;
				padding-bottom: 15px;
				margin-bottom: 12px;
				border-bottom: 1px solid #F2E5D7;
			}
			
				.page-thanks .wbox .box-title .right {
					text-align: right;
				}
			
				.page-thanks .wbox .box-title h3 {
					font-size: 17px;					
					line-height: 21px;
					padding-bottom: 2px;
				}
				
				.page-thanks .wbox .box-title p {
					font-size: 12px;
					line-height: 21px;
				}
		
			.page-thanks .wbox .summary-row.total {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}
			
		.page-thanks .buttons {
			display: flex;
			margin-top: 34px;
			justify-content: space-between;
		}
		
			.page-thanks .buttons .btn {
				width: calc(50% - 6px);
				height: 48px;
				font-size: 19px;
				font-weight: bold;
				line-height: 24px;
				border-radius: 24px;
				padding-bottom: 2px;
			}
	
	

/*	Page: PRODUCTS
-------------------------------------------*/
	
	.page-meals .products {
		margin-top: 77px;
	}
	
	
	/*
	 *	Products section
	 */
	.products {
		padding-top: 80px;
		position: relative;
	}
	
		.page-meals .products {
			padding-top: 0;
		}

		.gallery + .products {
			padding-top: 90px;
		}

		.products .title {
			text-align: center;
		}
		
			.products .title h2 {
				color: #181802;
				font-family: "Hamburg Hand", sans-serif;
				font-size: 70px;
				font-style: normal;
				font-weight: 700;
				line-height: 70px;
				text-align: center;
				letter-spacing: -4px;
			}

		.products .swiper-pagination {
			position: relative;
			bottom: auto;
			left: auto;
			padding: 10px 0 37px 0;
		}

			.products .swiper-pagination-bullet {
				width: 44px;
				height: 8px;
				background: #FF521A;
				opacity: 0.2;
				margin: 0 8px 8px 8px;
				border-radius: 4px;
				transition: all 0.3s ease;
			}

				.products .swiper-pagination-bullet-active {
					width: 120px;
					opacity: 1;
					background: #E1201C;
				}
			
		.products .items {
			display: flex;
			flex-wrap: wrap;
			max-width: 1150px;
			margin: 0 auto;
		}
			
			.products .items .product-item {
				width: calc(33.33% - 33px);
			}
			
			@media (min-width: 1024px)
			{
				.products .items .product-item + .product-item {
					margin-left: 49px;
				}
				
					.products:not(.filtered) .items .product-item:nth-child(3n+1) {
						margin-left: 0;
					}
				
				.products.filtered .items .product-item.no-margin-left {
					margin-left: 0;
				}
			}

		.products .swiper-slide {
			display: flex;
			height: auto;
		}
	
	/*
	 *	Product item
	 */
	.product-item {
		width: 100%;
		padding: 40px 30px 235px 30px;
	}
	
		.product-item .image-wrapper {
			display: block;
			width: 100%;
			z-index: 2;
			max-width: 310px;
			margin: 0 auto 32px auto;
			position: relative;
			box-sizing: border-box;
		}
		
			.product-item .image-wrapper img {
				display: block;
			}
			
			.product-item .image-wrapper .box {
				width: 100%;
				margin: 0 auto;
				z-index: 3;
				position: relative;
				transform: scale(1) translate3d(0, 0px, 0px) rotate(0deg);
				transform-origin: top left;
				transition: all ease 0.4s;
			}
			
				.product-item:hover .image-wrapper .box {
					transform: scale(0.64) translate3d(-38px, 6px, 0px) rotate(-8.91deg);
				}
			
			.product-item .image-wrapper .plate {
				left: 50%;
				bottom: 0px;
				width: 355px;
				height: auto;
				z-index: 1;
				border-radius: 50%;
				position: absolute;
				box-shadow: 7px 12px 4px 0 rgba(0,0,0,0.25);
				transform-origin: center bottom;
				transform: translate3d(-50%, 0, 0) translate3d(-20px, -20px, 0) scale(0.3);
				transition: all ease 0.4s 0s;
			}
			
				.product-item:hover .image-wrapper .plate {
					z-index: 5;
					opacity: 1;
					transform: translate3d(-50%, 0, 0) translate3d(35px, 0px, 0) scale(1);
				}
			
			.product-item .image-wrapper .eye {
				top: 2px;
				right: -8px;
				opacity: 0;
				z-index: 5;
				position: absolute;
				transform: translate3d(0, 15px, 0);
				transition: all ease 0.5s;
			}
			
				.product-item:hover .image-wrapper .eye {
					opacity: 1;
					transform: translate3d(0, 0, 0);
				}
				
			.product-item .image-wrapper .badge {
				top: 2px;
				right: 22px;				
				z-index: 5;
				opacity: 1;
				position: absolute;
				transform: translate3d(0, 0, 0);				
				transition: all ease 0.5s;
			}
			
				.product-item .image-wrapper .winner-badge {
					border-radius: 50%;
					box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.18);
				}
			
				.product-item:hover .image-wrapper .badge {					
					opacity: 0;
					transform: translate3d(0, 15px, 0);
				}
				
			.product-item .image-wrapper .spiciness {
				top: 89px;
				right: 20px;
				width: 76px;
				height: 76px;
				opacity: 0;
				z-index: 8;
				border-radius: 50%;
				position: absolute;
				transform: translate3d(0, 15px, 0);
				transition: all ease 0.5s;
				box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.2);
			}
			
				.product-item:hover .image-wrapper .spiciness {
					opacity: 1;
					transform: translate3d(0, 0, 0);
				}

			.product-item .image-wrapper .mouth {
				bottom: 231px;
				left: calc(50% + 110px);
				opacity: 0;
				z-index: 15;
				position: absolute;
				transform-origin: top center;
				transform: translate3d(0, 15px, 0) rotate(16deg);
				transition: all ease 0.5s;
			}			
				
				.product-item:hover .image-wrapper .mouth {
					opacity: 1;
					transform: translate3d(0, 0, 0) rotate(16deg);
				}

		.product-item .details {
			color: #000;
			font-family: "Hamburg Hand", sans-serif;
			font-weight: 700;
			text-align: center;
		}

			.product-item h2 {
				max-width: 420px;
				z-index: 3;
				font-size: 38px;
				line-height: 38px;
				letter-spacing: -2px;
				margin: 0 auto;
			}

			.product-item p {
				max-width: 365px;
				margin: 12px auto 0 auto;
				font-size: 15px;
				line-height: 17px;
				letter-spacing: 0.14px;
			}

			.product-item .buy {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				max-width: 395px;
				margin: 15px auto 0 auto;
				padding-top: 15px;
				border-top: 1px solid currentColor;
			}

				.product-item .buy h4 {
					width: 100%;
					font-size: 15px;
					line-height: 17px;
					letter-spacing: 0.14px;
					margin-bottom: 6px;
				}

				.product-item .buy a {
					display: flex;
					width: 95px;
					height: 32px;
					color: inherit;
					font-size: 18px;
					line-height: 18px;
					text-decoration: none;
					border-radius: 60px;
					border: 1px solid currentColor;
					padding-top: 2px;
					padding-left: 2px;
					align-items: center;
					justify-content: center;
					box-sizing: border-box;
				}

					.product-item .buy a + a {
						margin-left: 10px;
					}



/*	Page: SINGLE MEAL
-------------------------------------------*/

	.single-meal {
	}
		
		/*
		 *	Contents
		 */
		.single-meal .content {
			width: calc(100% - 550px);
			padding: 0 0 110px 0;
			background: #DFEC89;
		}	
			
			.single-meal .content .bg {
				top: 0;
				right: 550px;
				bottom: 0;
				width: 442px;
				z-index: 1;
				position: fixed;
				background: url('../img/meal-single-bg-green.svg') repeat-y top right / 442px auto;
			}
			
			.single-meal .image-container {
				z-index: 2;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				height: 100vh;
				padding: 120px 0 90px 0;
				box-sizing: border-box;
				margin: 0 40px;
			}
			
				.single-meal .image-container .image {
					width: auto;					
					max-width: 650px;
					position: relative;				
				}
				
					.single-meal .image-container img {
						display: block;
					}
				
					.single-meal .image-container .image .box {
						width: 100%;
						height: auto;
						max-width: 54.6%;
						margin-bottom: 11px;
						position: relative;
					}
					
						.single-meal .image-container .image .box .shadow {
							width: 118.89%;
							height: auto;
							left: 50%;
							z-index: -1;
							bottom: -60px;							
							position: absolute;
							transform: translateX(-50%);
						}
					
					.single-meal .image-container .image .plate {
						width: 67.55%;
						height: auto;
						right: 0;
						bottom: 0;
						position: absolute;
						border-radius: 50%;
						box-shadow: 7px 22px 21px 0 rgba(0,0,0,0.25);
					}
					
					.single-meal .image-container .image .mouth {
						left: -67px;
						bottom: -40px;
						position: absolute;
						transform: rotate(16deg);
					}
					
					.single-meal .image-container .image .eye {
						top: 42px;
						left: 47.39%;
						position: absolute;
					}
			
			.single-meal .content .container {
				width: auto;
				max-width: 590px;
				padding: 0 40px 100px 40px;
				margin-top: -30px;
				position: relative;
				z-index: 5;
			}
			
			.single-meal .content h3 {
				color: #2F2472;
				font-family: 'Chillow';
				font-size: 30px;
				font-weight: 400;
				line-height: 32px;
				margin-bottom: 10px;
			}
			
			.single-meal .features {
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				padding-top: 30px;
			}
			
				.single-meal .features .item {
					margin-bottom: 25px;
					margin-right: 48px;
				}
			
					.single-meal .features .item:last-child {
						margin-right: 0;
					}
				
					.single-meal .features .item .icon {
						display: flex;
						align-items: center;
						height: 54px;
						margin-bottom: 10px;
					}
					
						.single-meal .features .item .icon svg {
							display: block;
							margin: 0 auto;
							width: auto;
							height: auto;
							max-height: 54px;
						}
					
					.single-meal .features .item h5 {
						color: #2F2472;
						font-size: 11px;
						font-weight: 600;
						line-height: 14px;
						text-align: center;
					}
					
			.single-meal .nutritional {
				margin-top: 35px;
			}			
			
				.single-meal .nutritional h3 {
					position: absolute;
					margin-top: 3px;
				}
				
				.single-meal .nutritional table {
					width: 100%;
					font-size: 16px;
					line-height: 25px;					
				}
				
					.single-meal .nutritional th {
						font-weight: bold;
						text-align: right;
						padding-bottom: 21px;
						padding-left: 8px;
					}
					
					.single-meal .nutritional td:not(:first-child) {
						text-align: right;
					}
					
			.single-meal .ingredients {
				margin-top: 28px;
				color: #2F2472;
				font-size: 12px;
				line-height: 19px;
			}
			
				.single-meal .ingredients {
					
				}
			
			.single-meal .related {
				margin-top: 40px;				
			}
				
				.single-meal .related h3 {
					margin-bottom: 21px;
				}
			
				.single-meal .related .items {
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-start;
				}
				
				.single-meal .related .product-item {
					width: calc(33.333% - 13px);
					margin-right: 19px;
					margin-bottom: 40px;
				}
				
					.single-meal .related .product-item:last-child,
					.single-meal .related .product-item:nth-child(3) {
						margin-right: 0;
					}
				
					.single-meal .related .product-item .image-wrapper {
						padding-top: 36px;
						padding-bottom: 45px;						
						background: #ffffff;
					}
					
						.single-meal .related .product-item .image-wrapper .box {
							border-radius: 30px;
							box-shadow: 6px 6px 2px 0 rgba(0,0,0,0.25);
						}
						
						.single-meal .related .product-item .image-wrapper .plate {
							bottom: 20px;
							box-shadow: 3px 4px 4px 0 rgba(0,0,0,0.25)
						}
						
					.single-meal .related .product-item .image-wrapper .eye {
						width: 70px;
						right: -20px;
						height: auto;	
					}
					
					.single-meal .related .product-item .image-wrapper .badge {
						top: 1px;
						right: -4px;
						width: 58px;
						height: 58px;
					}
					
					.single-meal .related .product-item .image-wrapper .spiciness {
						top: 60px;
						right: 0;
						width: 50px;
						height: 50px;
					}
					
					.single-meal .related .product-item .mouth,
					.single-meal .related .product-item p {
						display: none !important;	
					}
					
					.single-meal .product-item h2 {
						margin-top: -28px;
					}
					
						.single-meal .product-item h2 a {
							font-size: 22px;
							line-height: 25px;
							padding: 0 4px;
							box-shadow: -1px -5px 0 2px #fff, -1px 0px 0px 2px #fff, 0 2px 5px 0 rgba(0,0,0,0.11);
						}					
						
					.single-meal .related  .product-item:hover .image-wrapper .box {
						left: -22.5%;
						transform: scale(0.82) translate3d(-5px, -70px, 0px) rotate(-11deg);
					}
					
					.single-meal .related .product-item:hover .image-wrapper .pattern {
						opacity: 0.3;	
					}
					
					.single-meal .related .product-item .qty-wrapper {
						max-width: 100%;
						box-shadow: none;
						margin-top: 20px;												
					}
					
						.single-meal .related .product-item .qty-wrapper .add-to-box {														
							height: 40px;
							font-size: 14px;
							line-height: 18px;
						}
						
						.single-meal .related .product-item .qty-wrapper .wr,
						.single-meal .related .product-item input {
							font-size: 18px;
							line-height: 20px;
							height: 40px;
						}
						
						.single-meal .related .product-item .qty-wrapper .wr div {
							font-size: 20px;
							line-height: 35px;
						}
					
					
			
		
		/*
		 *	Info
		 */
		.single-meal .info {			
			top: 0;
			right: 0;
			width: 550px;	
			height: 100vh;
			z-index: 5;		
			overflow: auto;
			position: fixed;
		}
		
			.single-meal .info .scroller {
				display: table;
				width: 100%;
				height: 100vh;				
				box-sizing: border-box;
			}
		
			.single-meal .info .inner {
				display: table-cell;
				vertical-align: middle;
				padding: 90px 69px 50px 78px;
			}
			
			.single-meal .top-seller {
				z-index: 50;
				top: 218px;
				right: 510px;
				position: fixed;
			}
			
				.single-meal .winner-badge {
					border-radius: 50%;
					box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1);
				}
			
			.single-meal .info h1 {
				color: #9AB80C;
				font-family: 'Chillow';
				font-size: 53px;
				font-weight: 400;
				line-height: 50px;
				margin-bottom: 30px;
			}
			
			.single-meal .info .description {
				color: #2F2472;
				font-size: 16px;
				line-height: 25px;								
			}
			
				.single-meal .info .description .excerpt {
					display: -webkit-box;
					-webkit-line-clamp: 4;
					-webkit-box-orient: vertical;  
					overflow: hidden;
				}
				
				.single-meal .info .description.show .excerpt {
					-webkit-line-clamp: 40;
				}
			
				.single-meal .info .description .db {
					display: flex;
					margin-top: 14px;
				}
			
				.single-meal .info .description .more {
					display: inline-block;
					color: #FFFFFF;
					font-family: 'Chillow';
					font-size: 19px;
					line-height: 25px;
					padding: 6px 16px 3px 16px;
					background: #BDD15E;
					border-radius: 17px;
					cursor: pointer;
				}
				
					.single-meal .info .description .more:before {
						content: "READ MORE";
					}
					
					.single-meal .info .description.show .more:before {
						content: "SHOW LESS";
					}
					
				.single-meal .info .description .hot {
					display: inline-flex;
					color: #FF3C00;
					font-family: 'Chillow';
					font-size: 19px;
					line-height: 25px;
					margin-right: 7px;
					padding: 6px 16px 3px 16px;
					background: #ffffff;
					border: 1px solid #F90000;
					border-radius: 17px;
					box-sizing: border-box;					
				}
				
					.single-meal .info .description .hot svg {
						top: 1px;
						margin-right: 7px;
						position: relative;
					}
					
				.single-meal .info .description .hot.normal { border-color: #F2E5D7; color: #9F9388; }
				.single-meal .info .description .hot.normal path { fill: #E2D9C6; }
				
				.single-meal .info .description .hot.mild { border-color: #BDD15E; color: #BDD15E; }
				.single-meal .info .description .hot.mild path { fill: #BDD15E; }
				
				.single-meal .info .description .hot.medium { border-color: #FFB100; color: #FFB100; }
				.single-meal .info .description .hot.medium path { fill: #FFB100; }				
				
								
			.single-meal .info .qty-wrapper {
				margin-top: 37px;
				margin-bottom: 33px;
			}
			
				.single-meal .info .qty-wrapper .add-to-box,
				.single-meal .info .qty-wrapper .wr {
					transition-delay: 0s !important;
				}
			
			.single-meal .button-group {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 7px 7px 6px 7px;
				border: 1px solid #E2D9C6;
				border-radius: 28px;
				background: #ffffff;
			}
			
				.single-meal .button-group input {
					display: none;
				}
			
				.single-meal .button-group label {
					display: flex;
					align-items: center;
					justify-content: center;
					width: calc(50% - 3px);
					height: 43px;
					color: rgba(47, 36, 114, 0.26);
					font-size: 17px;
					font-weight: bold;
					line-height: 22px;
					background: #FCF6F0;
					border-radius: 21.5px;
					padding-bottom: 2px;
					box-sizing: border-box;
					transition: all ease 0.4s;
					position: relative;
					cursor: pointer;
					-webkit-touch-callout: none;
				    -webkit-user-select: none;
				     -khtml-user-select: none;
				       -moz-user-select: none;
				        -ms-user-select: none;
				            user-select: none;
				}
				
					.single-meal .button-group label.best-buy:before {
						content: "";
						width: 37px;
						height: 41px;
						top: -13px;
						left: -5px;
						position: absolute;
						background: url('../img/badge-best-buy.svg') no-repeat top left / cover;
					}
				
					.single-meal .button-group label:after {
						content: attr(data-price-label);
						top: 100%;
						left: 0;
						right: 0;
						margin-top: 15px;
						color: #2F2472;
						font-size: 10px;
						font-weight: 600;
						line-height: 13px;
						text-align: center;
						position: absolute;
						transition: all ease 0.4s;
						opacity: 0;
					}
				
					.single-meal .button-group input:checked + label {
						color: #ffffff;
						background: #FA6400;
					}
					
						.single-meal .button-group input:checked + label:after {
							opacity: 1;	
						}
					
			.single-meal .button-group + small {
				display: block;
			}
			
			.single-meal .button-group.meals-count {
				margin-top: 43px;	
			}
			
				.single-meal .button-group.meals-count label {
					width: calc(33.333% - 3px);
				}
				
					.single-meal .button-group.meals-count label.best-buy:before {
						left: auto;
						right: -19px;
					}
				
				.single-meal .button-group.meals-count + small {
					text-align: right;
				}



/*	Product Quickview
-------------------------------------------*/
		
	.qview {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9005;	
		overflow: auto;	
		position: fixed;
		background: rgba(90, 75, 146, 0.64);		
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.3s;
	}
	
	.qview.show {
		opacity: 1;
		visibility: visible;
	}
		
	.qview .inner {
		display: table;
		width: 100%;
		height: 100vh;			
		vertical-align: middle;
	}
	
	.qview .inner .tr {
		padding: 20px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.qview .box {
		max-width: 915px;
		margin: 0 auto;
		position: relative;
		background: #FFFFFF;
		border: 2px solid #2F2472;
		box-shadow: 0 10px 65px 0 rgba(0,0,0,0.50);
		border-radius: 20px;
		box-sizing: border-box;
		padding: 39px 39px 43px 39px;
		opacity: 0;
		transform: translate3d(0px, 50px, 0px);
		transition: all ease 0.5s 0s;
	}	
	
		.qview.show .box {
			opacity: 1;
			transform: translate3d(0px, 0px, 0px);
		}	
		
		.qview .box .close {
			top: 20px;
			right: 22px;
			padding: 7px;
			position: absolute;
			cursor: pointer;
		}
		
		.qview .loader {
			display: none;
			text-align: center;
		}
		
			.qview.loading .loader {
				display: flex;
				align-items: center;
				justify-content: center;
				min-height: 480px;
			}
			
			.qview.loading .loader svg {
				width: auto;
				height: 250px;
			}
		
		.qview .product {
			display: flex;
			justify-content: space-between;
		}
			
			.qview .images {
				width: 330px;
			}
			
				.qview .images .large {
					width: 100%;
					height: 385px;
					border-radius: 15px;
					background: #FFBF2C;
					overflow: hidden;
					position: relative;
				}
				
					.qview .images .large .item {
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						position: absolute;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
						opacity: 0;
						transition: all ease 0.4s;
					}
					
						.qview .images .large .item.active {
							opacity: 1;	
						}
					
					.qview .images .large .main {						
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						position: relative;
					}
					
						.qview .images .large .main img {
							width: auto;
							height: auto;
							max-width: 83%;
							max-height: 83%;
							z-index: 3;
							border-radius: 50%;
							box-shadow: 7px 12px 4px 0 rgba(0,0,0,0.25);
							transform: translateX(-4px);
							position: relative;
						}
						
						.qview .images .large .main .pattern {
							top: 0;
							right: 0;
							width: 50%;
							height: auto;
							position: absolute;
						}
						
							.qview .images .large .main .pattern svg {
								height: 100%;
								opacity: 0.5;
							}
							
					.qview .images .thumbs {
						display: flex;
						justify-content: space-between;
						position: relative;
						padding: 13px 0 18px 0;
					}
					
						.qview .images .thumbs:after {
							content: "";
							width: 100%;
							height: 6px;
							bottom: 0;
							border-radius: 3px;
							background: #E2D9C6;
							position: absolute;
						}
					
						.qview .images .thumbs .item {
							width: calc(25% - 8px);
							cursor: pointer;
							position: relative;
						}
						
							.qview .images .thumbs .item.empty {
								cursor: default;	
							}
						
							.qview .images .thumbs .item.main .img {
								background: #FFBF2C;								
								position: relative;
							}
							
								.qview .images .thumbs .item.main .img img {
									top: 50%;
									left: 50%;
									width: 77%;
									height: 77%;
									border-radius: 50%;
									box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.25);
									transform: translate(-50%, -50%) translateY(-1px);
									position: absolute;
								}
						
							.qview .images .thumbs .item .img {
								padding-bottom: 100%;
								border-radius: 15px;
								background-color: rgba(226, 217, 198, 0.15);
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center center;
							}
							
						.qview .images .thumbs .item:after {
							content: "";
							opacity: 0;
							width: 100%;
							height: 6px;
							z-index: 3;
							left: 0;
							bottom: -18px;
							border-radius: 3px;
							background: #FF3C00;
							position: absolute;
							transition: all ease 0.4s;
						}
						
						.qview .images .thumbs .item.active:after {
							opacity: 1;
						}
			
			.qview .content {
				width: calc(100% - 375px);
			}
			
				.qview .mcontent {
					display: none;
				}
			
				.qview .content .top {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					min-height: 410px;					
				}
			
				.qview .content h2 {
					color: #E7A60F;
					font-family: 'Chillow';
					font-size: 41px;
					font-weight: 400;
					line-height: 38px;
					padding-right: 40px;
					margin-bottom: 15px;
				}
				
				.qview .content .hot {
					display: inline-flex;
					color: #fff;
					font-family: 'Chillow';
					font-size: 19px;
					line-height: 25px;
					margin-right: 7px;
					padding: 6px 16px 3px 16px;
					background: #FF3C00;
					border-radius: 17px;
					box-sizing: border-box;					
				}
				
					.qview .content .hot svg {
						top: 1px;
						fill: #ffffff;
						margin-right: 7px;
						position: relative;
					}
					
						.qview .content .hot svg path {
							fill: #ffffff;
						}
					
					.qview .content .hot.normal { border-color: #E2D9C6; background: #E2D9C6; }					
					.qview .content .hot.mild { border-color: #BDD15E; background: #BDD15E; }					
					.qview .content .hot.medium { border-color: #FFB100; background: #FFB100; }
					
				.qview .content .text {
					color: #2F2472;
					font-size: 15px;
					line-height: 25px;
					margin-top: 20px;
				}
				
					.qview .content .text p {
						display: -webkit-box;
						-webkit-line-clamp: 3;
						-webkit-box-orient: vertical;  
						overflow: hidden;
					}
				
				.qview .content .features {
					opacity: 1 !important;
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;
				}
				
					.qview .content .features .item {
						margin-bottom: 25px;
						margin-right: 48px;
					}
				
						.qview .content .features .item:last-child {
							margin-right: 0;
						}
					
						.qview .content .features .item .icon {
							display: flex;
							align-items: center;
							height: 54px;
							margin-bottom: 10px;
						}
						
							.qview .content .features .item .icon svg {
								display: block;
								margin: 0 auto;
								width: auto;
								height: auto;
								max-height: 54px;
							}
						
						.qview .content .features .item h5 {
							color: #2F2472;
							font-size: 11px;
							font-weight: 600;
							line-height: 14px;
							text-align: center;
						}
					
				.qview .content .bottom {
					display: flex;
					align-items: flex-end;
					justify-content: space-between;
					padding-top: 30px;
				}
				
					.qview .content .bottom .qty-wrapper {
						width: calc(100% - 160px);
					}
				
					.qview .content .bottom .more {
						
					}
					
						.qview .content .bottom .more a {
							display: inline-flex;
							justify-content: center;
							width: 110px;
							height: 34px;						
							color: #FFFFFF;
							font-family: 'Chillow';
							font-size: 19px;
							line-height: 24px;
							text-decoration: none;
							padding: 6px 0 4px 0;
							border-radius: 17px;
							background: #BDD15E;
							box-sizing: border-box;
						}
						
						.qview .content .bottom .more a:hover {
							background: #A2B83D;
						}


/*	Pricing Box Popup
-------------------------------------------*/
		
	.pricing-popup {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9005;	
		overflow: auto;	
		position: fixed;
		background: rgba(90, 75, 146, 0.64);		
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.3s;
	}
	
	.pricing-popup.show {
		opacity: 1;
		visibility: visible;
	}
		
	.pricing-popup .inner {
		display: table;
		width: 100%;
		height: 100vh;			
		vertical-align: middle;
	}
	
	.pricing-popup .inner .tr {
		padding: 20px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.pricing-popup .box {
		max-width: 750px;
		margin: 0 auto;
		position: relative;
		opacity: 0;
		transform: translate3d(0px, 50px, 0px);
		transition: all ease 0.5s 0s;
	}	
			
		.pricing-popup.show .box {
			opacity: 1;
			transform: translate3d(0px, 0px, 0px);
		}	
		
		.pricing-popup .box .close {
			top: 20px;
			right: 22px;
			padding: 7px;
			z-index: 5;
			position: absolute;
			cursor: pointer;
		}
		
		.pricing-popup .pricing-box {
			border: 2px solid #2F2472;
			box-shadow: 0 10px 65px 0 rgba(0,0,0,0.50);
		}
	
			
				
				
/*	Section: REVIEWS
-------------------------------------------*/

	.reviews {
		min-height: 400px;
		
		padding-top: 85px;
		padding-bottom: 65px;
		background: #2F2472;
		position: relative;
	}
	
		.reviews:before {
			content: "";
			height: 94px;
			left: 0;
			right: 0;
			bottom: 100%;
			position: absolute;
			background: url('../img/footer-bg-top.svg') no-repeat top center / 1731px 95px;
			transform: scale(1, 1);
		}
		
		.reviews:after {
			content: "";
			height: 94px;
			top: 100%;
			left: 0;
			right: 0;
			z-index: 2;
			position: absolute;
			background: url('../img/footer-bg-top.svg') no-repeat top center / 1731px 95px;
			transform: scale(-1, -1);
		}
	
		.reviews .camel-left {
			top: -173px;
			left: -270px;
			width: 620px;
			height: 380px;
			z-index: 5;
			position: absolute;			
		}
		
		.reviews .camel-right {
			bottom: -160px;
			right: -270px;
			width: 620px;
			height: 380px;
			z-index: 5;
			position: absolute;			
			transform: scale(-1, 1);
		}
		
			.reviews .camel-left svg,
			.reviews .camel-right svg {
				width: 100%;
				height: auto;
				overflow: visible;
			}
		
		.reviews .cloud-1 {
			z-index: 2;
			top: 216px;
			right: calc(50% + 453px);
			position: absolute;		
			-webkit-animation: movingCloudLeft 8s linear infinite both;
					animation: movingCloudLeft 8s linear infinite both;	
		}
		
		.reviews .cloud-2 {
			z-index: 3;
			top: 141px;
			left: calc(50% + 352px);
			position: absolute;	
			-webkit-animation: movingCloudRight 8s linear infinite both;
					animation: movingCloudRight 8s linear infinite both;		
		}
		
		.reviews .cloud-3 {
			z-index: 2;
			top: 97px;
			left: calc(50% + 537px);
			position: absolute;	
			-webkit-animation: movingCloudLeft 8s linear infinite both;
					animation: movingCloudLeft 8s linear infinite both;		
		}
		
		.reviews .cloud-4 {
			z-index: 2;
			bottom: 250px;
			right: calc(50% + 519px);
			position: absolute;		
			-webkit-animation: movingCloudLeft 8s linear infinite both;
					animation: movingCloudLeft 8s linear infinite both;	
		}
		
		.reviews .badge {
			top: -111px;
			right: 130px;
			z-index: 4;
			padding: 14px;
			border-radius: 50%;
			background: #FFFFFF;
			border: 1px solid #2F2472;
			position: absolute;
		}
		
			.reviews .badge img {
				display: block;
			}
			
			.reviews .badge .text {
				animation: rotate 20s linear infinite both;
			}
			
			.reviews .badge .face {
				top: 50%;
				left: 50%;
				position: absolute;
				transform: translate(-50%, -50%);				
			}
		
		.reviews .head {
			text-align: center;
			margin-bottom: 80px;
		}
		
			.reviews .head .stars {
				display: flex;
				justify-content: center;
			}
			
				.reviews .head .stars img {
					margin: 0 3px;
				}
			
			.reviews .head h3 {
				color: #FFFFFF;
				font-family: 'Chillow';
				font-size: 81px;
				font-weight: 400;
				line-height: 91px;
				margin-top: 11px;
			}
			
				.reviews .head h3 span {
					color: #FF2D65;
				}
				
				
		.reviews .items {
			z-index: 2;
			max-width: 90%;
			display: flex;
			justify-content: space-between;
			margin: 0 auto 65px auto; 
			padding: 0 3%;
			position: relative;
		}		
		
			.reviews .items .item {				
				width: calc(25% - 28px);
				color: #ffffff;
				text-align: center;
			}
			
				.reviews .items .item .frame {
					width: 100%;
					/*height: 228px;*/
					height: auto;
					padding-bottom: 83%;
					background: #D8D8D8;
					border: 12px solid #FFFFFF;
					box-shadow: 0 20px 22px 4px rgba(0,0,0,0.18);
					box-sizing: border-box;
					transform: rotate(-5deg) translate3d(0px, 15px, 0);
					position: relative;
				}
					
					.reviews .items .item:nth-child(even) .frame {
						transform: rotate(5deg);	
					}
					
					.reviews .items .item .frame.aos-animate {
						transform: rotate(-2deg) translate3d(0px, 0px, 0);
					}
				
					.reviews .items .item:nth-child(even) .frame.aos-animate {
						transform: rotate(2deg) translate3d(0px, 0px, 0);
					}
				
					.reviews .items .item .frame .img {
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						position: absolute;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
					}
					
				.reviews .items .item h3 {					
					font-family: 'Chillow';
					font-size: 40px;					
					font-weight: 400;
					line-height: 40px;
					padding: 43px 0 20px 0;					
				}
				
				.reviews .items .item p {
					font-size: 16px;
					line-height: 25px;
				}
				
				
		.reviews .swiper {
			z-index: 5;
			position: relative;
		}
					
			.reviews .swiper-slide {
				max-width: 460px;
				padding: 0 7px 8px 0;
				box-sizing: border-box;
			}
					
			.reviews .box {
				padding: 28px 22px 24px 22px;
				border-radius: 20px;
				background: #ffffff;
				box-shadow: 7px 8px 0px #F7A800;
			}
			
				.reviews .box .info {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 38px;
				}
				
					.reviews .box .img {
						width: 76px;
						height: 76px;
						border: 2px solid #2F2472;
						border-radius: 50%;
						box-sizing: border-box;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
						position: relative;
					}
					
						.reviews .box .img:before {
							content: "";
							top: 0;
							right: -5px;
							width: 20px;
							height: 20px;
							position: absolute;
							background: url('../img/review-tick.svg') no-repeat top left / contain;
						}
					
					.reviews .box .det {
						width: calc(100% - 98px);
					}
					
						.reviews .box .det h3 {
							color: #2F2472;
							font-size: 19px;
							font-weight: 800;
							line-height: 24px;
							letter-spacing: -0.24px;
						}
						
							.reviews .box .det h3 a {
								color: inherit;
								text-decoration: none;
							}
								
								.reviews .box .det h3 a:hover {
									color: #228F69;
								}
						
						.reviews .box .det .stars {
							display: flex;
							margin-top: 4px;
						}
							
							.reviews .box .det .stars svg + svg {
								margin-left: 4px;
							}
							
							.reviews .box .det .stars[data-rating="1"] .s1 ~ svg {
								opacity: 0.16;
							}
							
							.reviews .box .det .stars[data-rating="2"] .s2 ~ svg {
								opacity: 0.16;
							}
							
							.reviews .box .det .stars[data-rating="3"] .s3 ~ svg {
								opacity: 0.16;
							}
							
							.reviews .box .det .stars[data-rating="4"] .s4 ~ svg {
								opacity: 0.16;
							}
					
				.reviews .box .text {
					color: #2F2472;
					font-size: 18px;
					font-weight: 600;
					line-height: 30px;
					padding: 0 8px;
					margin-bottom: 10px;
				}
				
				.reviews .box .author {
					color: #2F2472;
					font-size: 18px;
					font-weight: 500;
					line-height: 23px;
					letter-spacing: -0.24px;
					padding: 0 8px;
				}
					
					.reviews .box .author .dot {
						color: #FF2D65;
					}
				
					.reviews .box .author .time {
						font-size: 15px;
					}
					
		.reviews .swiper-pagination {
			left: 0;
			right: 0;
			top: auto;
			bottom: auto;
			position: relative;
			margin-top: 54px;
			margin-bottom: 24px;
		}
		
			.reviews .swiper-pagination-bullet {
				width: 15px;
				height: 15px;
				opacity: 1;
				background: rgba(255, 255, 255, 0.4);
				margin: 0 5px 5px 0;
				transition: all ease 0.3s;
			}
			
			.reviews .swiper-pagination-bullet-active {
				background: #FF2D65;
			}

		.reviews .button-container {
			display: flex;
			justify-content: center;
		}
		
			.reviews .button-container a {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 56px;
				color: #2F2472;
				font-family: 'Code Next';
				font-size: 19px;
				font-weight: 800;
				line-height: 25px;
				letter-spacing: 1px;
				text-decoration: none;
				padding: 0 41px 0 37px;
				background: #F7A800;
				box-shadow: 3px 3px 0 0 #1E154E;
				border-radius: 28px;
				transition: all ease 0.4s;
			}
			
				.reviews .button-container a:hover {
					color: #ffffff;
					background: #228F69;
				}
				
		.reviews h5 {
			margin-top: 37px;
			color: #FFFFFF;
			font-family: 'Chillow';
			font-size: 18px;
			line-height: 19px;
			letter-spacing: 3px;
			text-align: center;
		}


				
/*	Page: GENERAL
-------------------------------------------*/

	.page-general {
		padding-bottom: 265px;
	}
	
	.page-general .page-title {
		margin-top: 48px;
		color: #2F2472;
		font-family: 'Chillow';
		font-size: 49px;
		line-height: 55px;
		text-align: center;		
	}
	
		.page-general .page-title span {
			z-index: 4;
			display: inline-block;
			position: relative;
		}
		
			.page-general .page-title span:before {
				content: "";
				left: -7px;
				right: -4px;
				bottom: 10px;
				height: 11px;					
				z-index: -1;
				position: absolute;
				background: #2CA67B
			}
			
			.page-general .page-title.orange span:before {
				background: #FB6231;
			}
	
	.page-general .page-content {
		max-width: 910px;
		margin: 75px auto 0 auto;
	}
	
	/*
	 *	General content
	 */
	.general-content {
		color: #2F2472;
		font-size: 16px;
		line-height: 25px;
	}
	
		.general-content > *:first-child {
			padding-top: 0;
			margin-top: 0;
		}
		
		.general-content h2 {
			font-size: 22px;
			font-weight: 800;
			line-height: 30px;
			padding-top: 30px;
		}
		
		.general-content h3 {
			font-size: 16px;
			font-weight: 800;
			line-height: 25px;
			padding-top: 25px;
		}
		
			.general-content h2 + h3 {
				padding-top: 15px;	
			}
		
		.general-content p {
			padding-top: 22px;
		}
		
			.general-content h3 + p {
				padding-top: 0;
			}
		
		.general-content ul,
		.general-content ol {
			margin-left: 40px;
			padding-top: 18px;
		}
		
			.general-content li + li {
				margin-top: 7px;
			}
		
		.general-content a {
			color: inherit;
			font-weight: 600;
			text-decoration: none;
		}
		
			.general-content a:hover {
				color: #228F69;
			}



/*	Page: FAQ
-------------------------------------------*/

	.page-faq {
		
	}			
	
		.faq-item {
			border-bottom: 1px solid #E2D9C6;
		}
		
			.faq-item:first-child {
				margin-top: -22px;
			}
		
			.faq-item h4 {
				font-size: 18px;
				font-weight: bold;
				line-height: 24px;
				padding-left: 40px;
				position: relative;
				padding-bottom: 23px;
				padding-top: 22px;
				cursor: pointer;
			}
			
				.faq-item h4:before {
					content: "";
					top: 27px;
					left: 9px;
					width: 9px;
					height: 15px;
					position: absolute;
					background: url('../img/faq-arrow.svg') no-repeat top left / contain;
					transform-origin: center center;
					transform: rotate(0deg);
					transition: all ease 0.3s;					
				}
				
				.faq-item.opened h4:before {
					transform: rotate(90deg);
				}
			
			.faq-item .answer {
				display: none;
				margin-top: -5px;
				padding-bottom: 23px;
				padding-left: 40px;				
			}
			
				.faq-item .answer p + p {
					padding-top: 15px;
				}
	
	.page-faq .page-content + .page-title {
		margin-top: 65px;
	}
		
	.page-faq .buttons {
		display: flex;
		justify-content: center;
		margin-top: 35px;
	}
	
		.page-faq .btn {
			margin-left: 17px;
		}
	
		.page-faq .btn,
		.page-faq .btn-outline {
			font-size: 17px;
			line-height: 22px;
			padding-left: 22px;
			padding-right: 22px;
		}
		
			.page-faq .btn svg,
			.page-faq .btn-outline svg {
				top: 1px;
				position: relative;
			}


				
/*	Page: SIGNUP / LOGIN
-------------------------------------------*/

	.page-sl .container {
		max-width: 580px;
	}
	
		.page-sl .page-title {
			margin-bottom: 42px;
		}
	
	.page-sl .box-footer {
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding-top: 35px;
	}
			
		.page-sl .box-footer p {
			color: #2F2472;
			font-size: 14px;
			font-weight: 600;
			line-height: 18px;
			padding-top: 7px;
		}
		
			.page-sl .box-footer p a {
				color: inherit;
				font-weight: 600;
			}
			
				.page-sl .box-footer p a:hover {
					color: #2CA67B;
				}
				
				.page-sl .box-footer p strong {
					font-weight: 800;
				}
		
		.page-sl .box-footer.centered p {
			width: 100%;
			text-align: center;
			padding-top: 0;
		}
		

				
/*	Page: ACCOUNT
-------------------------------------------*/
	
	.account-header {
		display: flex;
		justify-content: space-between;
		width: 312px;
		top: 35px;
		right: 40px;
		z-index: 100;
		position: fixed;
	}
	
		.account-header .user {

		}
		
			.account-header .user .trigger {
				display: flex;
				align-items: center;
				height: 44px;
				background: #FFFFFF;
				padding: 0 23px 0 17px;
				border: 1px solid #E2D9C6;
				border-radius: 22px;
				box-sizing: border-box;
				cursor: pointer;
			}
				
				.account-header .user .trigger span {
					padding: 0 12px;
				}
				
			.account-header .user .dropdown {
				top: 100%;
				left: 0;		
				max-width: 312px;		
				font-size: 15px;
				line-height: 19px;
				background: #FFFFFF;
				margin-top: 15px;
				border: 1px solid #E2D9C6;
				box-shadow: 0 2px 44px 0 #E2D9C6;
				padding: 23px 25px 26px 27px;
				border-radius: 15px;
				position: absolute;
				opacity: 0;
				visibility: hidden;
				transform: translate3d(0, 10px, 0);
				transition: all ease 0.3s;
			}
			
				.account-header .user.show .dropdown {
					opacity: 1;
					visibility: visible;
					transform: translate3d(0, 0, 0);
				}
			
				.account-header .user .dropdown p strong {
					display: block;
				}
			
				.account-header .user .dropdown ul {
					list-style: none;
					margin-top: 30px;
				}
				
					.account-header .user .dropdown ul li + li {
						margin-top: 22px;
					}
					
						.account-header .user .dropdown ul li.sep {
							padding-top: 22px;
							border-top: 1px solid #E2D9C6;							
						}
				
						.account-header .user .dropdown ul li a {
							color: inherit;
							text-decoration: none;
						}
				

	.page-account {
		display: flex;
		min-height: 100vh;
		margin: 0 405px 0 320px;
	}
	
		.page-account .btn {
			font-size: 17px;
		}
		
		.page-account .wbox {
			padding: 22px 32px 35px 32px;
		}
		
		.page-account .wbox .section-head {
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: #2F2472;			
		}
		
			.page-account .wbox .form-row + .section-head {
				margin-top: 30px;	
			}
		
			.page-account .wbox .section-head h4 {
				font-size: 17px;
				font-weight: 800;
				line-height: 22px;
				padding-bottom: 2px;
			}
			
			.page-account .wbox .section-head h5 {
				font-size: 15px;
				font-weight: 800;
				line-height: 19px;
				padding-top: 3px;
			}
			
		.page-account .wbox .form-row .checkbox {
			display: inline-flex;
			justify-content: flex-start;
		}
		
			.page-account .wbox .form-row .checkbox label {
				margin-right: 20px;
			}
			
		.page-account .wbox .form-buttons {
			margin-top: 30px;
			border-top: 1px solid #eee;
		}
		
	
	/*
	 *	Left panel
	 */
	.page-account .sl {
		width: 320px;
		height: 100vh;
		top: 0;
		left: 0;
		position: fixed;
		border-right: 2px solid #2F2472;
		box-sizing: border-box;
	}
	
		.page-account .sl .head {
			min-height: 185px;
			padding: 56px 0 0 56px;
			box-sizing: border-box;
		}
		
			.page-account .sl .head .logo svg {
				max-width: 180px;
				height: auto;
			}
			
			.page-account .sl .head .button {
				display: inline-flex;				
				align-items: center;
				justify-content: center;
				height: 46px;
				color: #FFFFFF;
				font-family: 'Code Next';
				font-size: 21px;				
				font-weight: 800;
				line-height: 21px;
				letter-spacing: -1.08px;
				text-decoration: none;
				text-transform: uppercase;
				margin-top: 12px;
				padding: 8px 30px;
				background: #5A45D6;
				border-radius: 23px;
				box-sizing: border-box;
			}
			
				.page-account .sl .head .button:hover {
					background: #BDD15E;
				}
			
		.page-account .sl h3 {
			color: #2F2472;
			font-family: 'Chillow';
			font-size: 29px;
			line-height: 32px;
			padding-left: 56px;
			margin-bottom: 34px;
		}
		
		.page-account .sl nav {
			
		}
		
			.page-account .sl nav a {
				height: 44px;
				display: flex;
				align-items: center;
				text-decoration: none;	
				padding-left: 54px;
				border-left: 4px solid transparent;
				position: relative;			
			}
			
				.page-account .sl nav a:before {
					content: "";
					display: none;
					z-index: -1;
					top: 0;
					left: 0;
					width: 260px;
					height: 44px;
					position: absolute;
					background-image: linear-gradient(270deg, #FFFBF3 0%, #F7EDE4 100%);
				}
			
				.page-account .sl nav .icon {
					width: 26px;
					margin-right: 20px;
				}
				
					.page-account .sl nav .icon svg {
						display: block;
						margin: 0 auto;
					}
			
				.page-account .sl nav .label {
					color: #2F2472;
					font-size: 18px;
					line-height: 20px;
				}
				
			.page-account .sl nav a.current {
				border-color: #5A45D6;
			}
			
				.page-account .sl nav a.current:before {
					display: block;
				}
	
	
	/*
	 * 	Right panel
	 */
	.page-account .sr {
		width: 405px;
		z-index: 5;
		top: 0;
		right: 0;
		height: 100vh;
		position: fixed;
		padding: 185px 40px 60px 54px;
		background: #FFFBF3;
		border-left: 2px solid #2F2472;
		box-shadow: -20px 0px 0 0 rgba(0,0,0,0.15);
		box-sizing: border-box;
		overflow: auto;
	}
	
		.page-account .sr .section-title {
			display: flex;
			justify-content: space-between;
			margin-bottom: 37px;
		}
		
			.page-account .sr .section-title h3 {
				color: #2F2472;
				font-family: 'Chillow';
				font-size: 29px;
				font-weight: 400;
				line-height: 32px;
			}
			
			.page-account .sr .section-title .button {
				display: flex;
				height: 28px;
				align-items: center;
				justify-content: center;
				color: #FFFFFF;
				font-family: 'Code Next';
				font-size: 13px;
				font-weight: 800;
				line-height: 17px;
				letter-spacing: -0.66px;
				text-decoration: none;
				padding: 0 18px;
				background: #5A45D6;
				border-radius: 14px;
			}
			
		.page-account .sr .ui-datepicker {
			box-shadow: none;
		}
		
			.page-account .sr .ui-datepicker  {
				
			}
		
		.page-account .sr .buttons {
			margin-top: 22px;
		}
		
			.page-account .sr .buttons a {
				width: 100%;
			}
			
			.page-account .sr .buttons a + a {
				margin-top: 15px;
			}
			
		.page-account .sr .box {			
			background: #FFFFFF;
			border: 1px solid #E2D9C6;
			padding: 21px 25px 20px 25px;
			border-radius: 15px;
		}
		
			.page-account .sr .box + .box {
				margin-top: 16px;
			}
			
			.page-account .sr .box h4 {
				color: #2F2472;
				font-size: 15px;
				font-weight: 600;
				line-height: 29px;
			}
			
			.page-account .sr .box p {
				color: #5A4B92;
				font-size: 13px;
				font-weight: 500;
				font-style: italic;
				line-height: 20px;
			}
			
			.page-account .sr .box .col:first-child {
				padding-right: 12px;
			}
		
		.page-account .sr .box-summary {
			
		}
		
			.page-account .sr .box-summary .head {
				display: flex;
				align-items: center;
				margin-bottom: 20px;
			}
			
				.page-account .sr .box-summary .image {
					width: 62px;
					height: 62px;
					margin-right: 15px;
					border-radius: 50%;						
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				.page-account .sr .box-summary .items {
					color: #2F2472;
					font-size: 19px;
					font-weight: bold;
					line-height: 24px;
				}
				
			.page-account .sr .box-summary p {				
				margin-bottom: 21px;
			}
			
			.page-account .sr .box-summary .btn {
				width: 100%;
				margin-bottom: 15px;
			}
			
			.page-account .sr .box-summary .summary-row.total {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}
			
		.page-account .sr .box-address {
			display: flex;
			justify-content: space-between;
		}		
	
	
	/*
	 *	Content
	 */
	.page-account .mc {
		width: 100%;
	}
		
		
		/*
		 *	Head	
		 */
		.page-account .mc-head {
			z-index: 2;
			display: flex;
			min-height: 185px;
			flex-direction: column;
			justify-content: space-between;
			box-sizing: border-box;
			padding: 40px 62px 0 44px;
			background: #5A45D6;
			position: relative;
		}
		
			.page-account .mc-head .logo {
				display: none;
			}
		
			.page-account .mc-head .welcome {
				
			}
			
				.page-account .mc-head .welcome h3 {
					color: #FFFFFF;
					font-family: 'Code Next';
					font-size: 24px;
					font-weight: 800;
					line-height: 33px;
					letter-spacing: -1.08px;
					text-transform: uppercase;
				}
				
				.page-account .mc-head .welcome p {
					color: #BDD15E;
					font-size: 16px;
					font-weight: 600;
					line-height: 21px;
					margin-top: 5px;
				}
		
			.page-account .mc-head .buttons {
				top: 38px;
				right: 52px;
				position: absolute;
			}
				
				.page-account .mc-head .buttons .cart {
					display: inline-flex;
					position: relative;
					cursor: pointer;
				}
				
					.page-account .mc-head .buttons .cart svg {
						display: block;
					}
				
					.page-account .mc-head .buttons .cart:after {
						content: attr(data-count);
						display: block;
						right: -8px;
						bottom: -8px;
						color: #ffffff;
						font-family: 'Code Next';
						font-size: 13px;
						font-weight: bold;
						letter-spacing: 0;
						line-height: 26px;
						text-align: center;
						width: 26px;
						height: 26px;
						border-radius: 50%;
						background: #FF3C00;
						position: absolute;
					}
					
					.page-account .mc-head .buttons .cart:before {
						content: "MENU";
						top: 7px;
						right: calc(100% + 15px);
						color: #ffffff;
						font-family: 'Code Next';
						font-size: 18px;
						line-height: 18px;			
						letter-spacing: 0;
						position: absolute;
					}
			
			.page-account .mc-head .tabs {
				display: flex;					
			}
			
				.page-account .mc-head .tabs a {
					color: #B09BFF;
					font-size: 16px;
					font-weight: 500;
					line-height: 21px;
					text-decoration: none;
					padding-bottom: 11px;
					border-bottom: 5px solid transparent;
				}
					
					.page-account .mc-head .tabs a + a {
						margin-left: 34px;
					}
					
					.page-account .mc-head .tabs a.current {
						color: #ffffff;
						border-color: #BDD15E;
					}
	
		/*
		 *	Contents
		 */
		.page-account .mc-body {
			padding: 32px 62px 80px 44px;	
		}
				
			.page-account .mc-body h3 {
				color: #2F2472;
				font-size: 19px;
				font-weight: bold;
				line-height: 24px;
				margin-bottom: 12px;
				margin-top: 35px;
			}
				
				.page-account .mc-body > h3:first-child,
				.page-account .mc-body .title h3:first-child {
					margin-top: 0;
				}
			
				.page-account .mc-body h3 span {
					font-weight: 400;
				}	
			
			.page-account .pagination {
				margin-top: 37px;
			}
			
				.page-account .pagination ul {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					list-style: none;
				}
				
					.page-account .pagination li {
						margin-right: 7px;
					}
					
					.page-account .pagination li .page-numbers {
						display: block;
						width: 36px;
						height: 36px;
						color: #2F2472;
						font-size: 16px;
						font-weight: bold;
						line-height: 33px;
						text-align: center;
						text-decoration: none;
						letter-spacing: -0.24px;
						border-radius: 50%;
						border: 1px solid #5A4B92;
						box-sizing: border-box;
					}
						
						.page-account .pagination li .page-numbers.current {
							color: #ffffff;
							background: #5A4B92;
						}
					
						.page-account .pagination li a.page-numbers:hover {
							color: #2CA67B;
							border-color: #2CA67B;
						}												
			
	
	/*
	 *	Account - Orders
	 */
	.page-account .order-row {
		display: flex;
		padding: 15px 26px 23px 23px;
		background: #FFFFFF;
		border: 1px solid #E2D9C6;
		box-shadow: 3px 3px 0 0 #E2D9C6;
		border-radius: 15px;
		cursor: pointer;
	}
	
		.page-account .order-row.trash {
			cursor: default;
		}
	
		.page-account .order-row + .order-row,
		.page-account .amend-subscription + .order-row {
			margin-top: 16px;
		}
	
		.page-account .order-row .image {
			width: 62px !important;
			height: 62px !important;
			border-radius: 50%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}
		
		.page-account .order-row .details {
			width: calc(100% - 302px);
			padding-left: 20px;
		}
		
			.page-account .order-row .details .counts {
				min-height: 62px;
				display: flex;
				align-items: center;
			}
		
			.page-account .order-row .details h2 {
				color: #2F2472;
				font-size: 19px;
				font-weight: bold;
				line-height: 24px;
				min-height: 28px;
			}
			
			.page-account .order-row .details p {
				color: #5A4B92;
				font-size: 13px;
				font-weight: 500;
				font-style: italic;
				line-height: 18px;
				margin-top: 5px;
			}
			
			.page-account .order-row .details .summary {
				display: none;
				width: calc(100% + 220px);
				padding: 21px 0;
				font-size: 16px;
				line-height: 24px;
			}
			
				.page-account .order-row .details .summary strong {
					color: #2CA67B;
					font-weight: bold;
				}
				
				.page-account .order-row .details .summary .order-buttons {
					display: flex;
					margin-top: 25px;
				}
				
				.page-account .order-row .details .summary .btn-update-meals {					
					margin-right: 8px;
				}
				
			.page-account .order-row .form-change-delivery-date {
				display: none;
				margin-top: 20px;
				border-top: 1px solid #eee;
			}
			
				.page-account .order-row .form-change-delivery-date label {
					display: block;
					font-size: 15px;
					font-weight: 800;
					line-height: 19px;
					margin-bottom: 12px;
				}
				
				.page-account .order-row .form-change-delivery-date .field-date {
					max-width: 280px;
					margin-bottom: 15px;
				}
				
				.page-account .order-row .form-change-delivery-date .btns {
					display: flex;
				}
				
					.page-account .order-row .form-change-delivery-date .btns .btn-cancel {
						margin-right: 8px;
					}
		
		.page-account .order-row .info {
			width: 220px;
			height: 62px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
		
			.page-account .order-row .info > div {
				display: flex;
				flex-direction: column;
				align-items: flex-end;		
			}
		
			.page-account .order-row .info .status {
				display: flex;
				align-items: center;
			}
			
				.page-account .order-row .info .status .label {
					color: #5A4B92;
					font-size: 15px;
					font-weight: 600;
					line-height: 19px;
					padding: 2px 11px 5px 11px;
					background: rgba(90,75,146,0.12);
					border-radius: 13px;
					margin-right: 14px;
				}
				
					.page-account .order-row .info .status.preparing .label {
						color: #F7B500;
						background: rgba(247,181,0,0.10);
					}
					
					.page-account .order-row .info .status.completed .label {
						padding-top: 3px;
						padding-bottom: 4px;
						color: #ffffff;
						background: #2CA67B;
					}
					
					.page-account .order-row .info .status.cancelled .label {
						color: #FF2D65;
						background: rgba(255,145,101,0.21);
					}					
				
				.page-account .order-row .info .status .icon svg {
					display: block;
				}
				
					.page-account .order-row .info .status.completed .icon {
						transform: translateY(-2px);
					}
				
			.page-account .order-row .info p {
				color: #5A4B92;
				font-size: 13px;
				font-weight: 500;
				font-style: italic;
				line-height: 18px;
				margin-top: 8px;
			}
			
		.page-account .order-row.completed {
			background: rgba(226,217,198,0.24);
		}			
			
			.page-account .order-row.completed .details h4,
			.page-account .order-row.completed .details p,
			.page-account .order-row.completed .info p {
				color: #9F9388;	
			}
			
	
	/*
	 *	Box - Subscription
	 */	
	.page-account .box-subscription .delivery {
		
	}
	
		.page-account .box-subscription .delivery .field-date {
			max-width: 282px;
		}
		
		.page-account .box-subscription .delivery h6 {
			color: #2F2472;
			font-size: 15px;
			font-weight: 800;
			line-height: 19px;
			margin-top: 19px;
			margin-bottom: -2px;				
		}
		
		.page-account .box-subscription .delivery .field-wrapper {
			display: flex;
			align-items: center;
			max-width: 508px;
		}
		
			.page-account .box-subscription .delivery .field-wrapper .form-row {
				width: calc(50% - 23px);
			}
		
			.page-account .box-subscription .delivery .field-wrapper .on {
				width: 46px;
				color: #2F2472;
				font-size: 15px;
				font-weight: 600;
				text-align: center;
				padding-top: 19px;
			}
			
		.page-account .btn-cancel-link {
			display: inline-block;
			color: #E33966;
			font-size: 17px;
			font-weight: 500;
			line-height: 22px;
			text-decoration: none;
			margin-top: 24px;
		}
		
			.page-account .btn-cancel-link:hover {
				text-decoration: underline;
			}
			
	
	/*
	 *	Why cancel
	 */			
	.page-cancel {
		
	}	
	
		.page-cancel h2 {
			color: #228F69;
			font-size: 33px;
			font-family: 'Code Next';			
			font-weight: 800;	
			line-height: 33px;		
			letter-spacing: -1.2px;
			text-transform: uppercase;
			padding-top: 20px;
		}
		
		.page-cancel .pros {
			margin-top: 35px;
			margin-bottom: 35px;
		}
		
			.page-cancel .pros .item {
				display: flex;
				align-items: center;				
			}
			
				.page-cancel .pros .item + .item {
					margin-top: 25px;
				}
			
				.page-cancel .pros .item .img {
					width: 82px;
					height: 82px;
					min-width: 82px;
					margin-right: 40px;
					border-radius: 50%;
					background-color: rgba(0, 0, 0, 0.05);
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;			
				}
				
				.page-cancel .pros .item .text {
					max-width: 445px;
				}
					
					.page-cancel .pros .item h4 {
						color: #228F69;
						font-size: 18px;
						font-weight: 900;
						line-height: 23px;
						text-transform: uppercase;
					}
					
					.page-cancel .pros .item p {
						font-size: 18px;
						line-height: 23px;
					}
				
		.page-cancel h5 {			
			color: #2F2472;
			font-family: 'Code Next';
			font-size: 25px;
			font-weight: 900;
			line-height: 28px;
			letter-spacing: -1.2px;
			text-transform: uppercase;
			margin-top: 28px;
			margin-bottom: 32px;
		}
		
		.page-cancel .reason {
			
		}
		
			.page-cancel .reason ul {
				list-style: none;
			}
			
				.page-cancel .reason ul li + li {
					margin-top: 21px;
				}
					
					.page-cancel .reason .radiobox label {
						font-size: 18px;
						line-height: 21px;
					}
					
					.page-cancel .reason .form-row {
						padding-top: 0;
						margin-top: -5px;
					}
					
		.page-cancel {
			
		}
			
	
	/*
	 *	Popup
	 */
	.meals-popup {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9005;	
		overflow: auto;	
		position: fixed;
		background: rgba(47, 36, 114, 0.78);		
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.3s;
	}
	
		.meals-popup.show {
			opacity: 1;
			visibility: visible;
		}
			
		.meals-popup .inner {
			display: table;
			width: 100%;
			height: 100vh;			
			vertical-align: middle;
		}
		
		.meals-popup .inner .tr {
			padding: 28px 20px;
			display: table-cell;
			vertical-align: middle;
		}
		
		.meals-popup .content {
			max-width: 600px;
			margin: 0 auto;		
			opacity: 0;
			transform: translate3d(0px, 50px, 0px);
			transition: all ease 0.5s 0s;
		}	
		
			.meals-popup.show .content {
				opacity: 1;
				transform: translate3d(0px, 0px, 0px);
			}
			
			.meals-popup h3 {
				color: #FFFFFF;
				font-family: 'Chillow';
				font-size: 29px;
				font-weight: 400;
				line-height: 32px;
				text-align: center;
				padding-bottom: 33px;
			}
			
			.meals-popup .close {
				top: 2px;
				right: 0;
				position: absolute;
				cursor: pointer;
			}
			
			.meals-popup .box {				
				position: relative;
				box-sizing: border-box;
				background: #FFFFFF;
				padding: 36px 32px 45px 32px;
				border: 1px solid #E2D9C6;
				border-radius: 15px;
			}
				
				.meals-popup .box .section-head {
					display: flex;
					justify-content: space-between;
					align-items: center;
					color: #2F2472;
					padding-bottom: 32px;
				}
				
					.meals-popup .box .section-head h4 {
						font-size: 17px;
						font-weight: 800;
						line-height: 22px;
						padding-bottom: 2px;
					}
					
					.meals-popup .box .section-head h5 {
						font-size: 15px;
						font-weight: 800;
						line-height: 19px;
						padding-top: 3px;
					}
					
					.meals-popup .box .section-head .right {
						display: flex;
						align-items: center;
						justify-content: center;
					}
					
					.meals-popup .box .section-head .nfo {					
						color: #2CA67B;
						font-size: 14px;
						font-weight: bold;
						line-height: 16px;
						text-align: right;
						margin-right: 11px;
					}
					
						.meals-popup .box .section-head .nfo small {
							display: block;
							font-size: 11px;
							font-weight: 400;
							line-height: 13px;
							padding-top: 3px;
						}	
				
				.meals-popup .success {
					display: flex;
					align-items: center;
					margin-bottom: 48px;
				}					
				
					.meals-popup .success svg {
						width: 32px;
						height: 32px;
						margin-right: 30px;
					}
					
					.meals-popup .success p {
						color: #2F2472;
						font-size: 17px;
						font-weight: 800;
						line-height: 22px;
					}
				
				.meals-popup .box .cart-item.hidden {
					display: none;
				}
				
				.meals-popup .box .cart-item + h4 {
					color: #2F2472;
					font-size: 15px;
					font-weight: 800;
					line-height: 19px;
					padding: 29px 0 19px 0;
				}
				
				.meals-popup .box .cart-item .title a {
					max-width: 260px;
				}
				
				.meals-popup .btn-block {
					width: 100%;
					font-size: 17px;
					margin-top: 35px;
				}
				
					.meals-popup .btn-block + .btn-block {
						margin-top: 20px;
					}
					
				.meals-popup .buttons {
					display: flex;
					justify-content: space-between;
					margin-top: 48px;
				}
				
					.meals-popup .buttons a {
						width: calc(50% - 10px);
					}
				
				
/*	Meet the chef
-------------------------------------------*/				
			
	.meet {
		position: relative;
		padding: 85px 0 215px 0;
		background: #223DFE;
	}

		.page-id-7 .meet {
			padding-top: 0;
		}

	.meet:before {
		content: "";
		z-index: 2;
		height: 184px;
		left: 0;
		right: 0;
		bottom: 100%;
		position: absolute;
		background: url('../img/meet-top.svg') no-repeat center top / auto 184px;
	}

		@media (min-width: 1540px) {
			.meet:before { background-size: 100% 184px; }
		}
	
	.meet .container {
		text-align: center;
	}
	
		.meet .icon-logo {
			z-index: 2;
			position: relative;
			padding-top: 55px;
			margin-bottom: 130px;
		}

		.meet h2 {
			display: inline-block;
			color: #FFFFFF;
			font-family: Castiron, sans-serif;
			font-size: 198px;
			font-weight: 400;	
			line-height: 155px;
			position: relative;
			z-index: 10;
		}
		
			.meet h2 span {
				color: #F7B500;	
			}
			
			.meet h2 svg {
				left: -18px;
				bottom: 146px;
				position: absolute;
				transform: rotate(-45deg);
			}
			
		.meet p {
			max-width: 460px;
			z-index: 4;
			color: #FFFFFF;
			font-size: 21px;
			font-weight: 700;
			line-height: 30px;
			text-transform: uppercase;
			position: relative;
			padding: 14px 0 35px 0;
			margin: 0 auto;
		}
		
		.meet .button {
			display: inline-flex;
			position: relative;
			height: 64px;
			color: #181802;
			font-size: 22px;
			font-weight: 700;
			line-height: 22px;
			text-decoration: none;
			padding: 0 24px;
			background: #FFFFFF;
			border: 3px solid #00139F;
			border-radius: 32px;
			box-sizing: border-box;
			justify-content: center;
			align-items: center;
			box-shadow: 4px 6px 0 #00139F;
			transition: all ease 0.4s;
		}
		
			.meet .button:hover {
				color: #ffffff;
				background: #2AA39D;
			}
			
	.meet .photo-1 {
		z-index: 3;
		top: -184px;
		right: calc(50% + 510px);
		position: absolute;
		transform: rotate(-14deg);
	}
	
	.meet .photo-2 {
		z-index: 6;
		top: -85px;
		right: calc(50% + 250px);
		position: absolute;
		transform: rotate(5deg);
	}
	
	.meet .photo-3 {
		z-index: 3;
		left: calc(50% + 270px);
		bottom: 315px;
		position: absolute;
		transform: rotate(-12deg);
	}
	
	.meet .photo-4 {
		z-index: 2;
		left: calc(50% + 520px);
		bottom: 100px;
		position: absolute;
		transform: rotate(5deg);
	}			
		
		.meet .frame {
			width: 371px;
			height: 371px;		
			position: relative;
			background: #D8D8D8;
			border: 13px solid #FFFFFF;
			background: #D8D8D8;
			box-shadow: 10px 12px 20px rgba(0, 0, 0, 0.28);		
		}
		
			.meet .frame div {
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				position: absolute;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
	
	.meet .line-1 {
		z-index: 4;
		left: 0;
		top: 122px;
		position: absolute;
	}
	
		.home .meet .line-1 {
			top: -200px;
			left: 0;
		}
	
	.meet .line-2 {
		z-index: 1;
		right: 0;
		bottom: 298px;
		position: absolute;
	}
		
	.meet .thyme-1 {
		z-index: 5;
		top: 152px;
		left: 0;
		position: absolute;
	}
	
	.meet .thyme-2 {
		z-index: 3;
		right: 0;
		bottom: 423px;
		position: absolute;
	}
	
	.meet .dish-1 {
		z-index: 5;
		top: 328px;
		left: -111px;
		border-radius: 50%;
		position: absolute;
		box-shadow: 30px 42px 30px 0 rgba(0,0,0,0.50);
	}
	
	.meet .dish-2 {
		z-index: 5;
		right: -77px;
		bottom: 667px;
		border-radius: 50%;
		position: absolute;
		box-shadow: 30px 42px 30px 0 rgba(0,0,0,0.50);
	}
		
	.page-id-7 .meet .line-1 {
		z-index: 1;
	}

		.page-id-7 .meet {
			padding-bottom: 250px;
		}
		
		.page-id-7 .meet:after {
			content: "";
			height: 94px;
			z-index: 1;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			background: url('../img/meet-bottom.svg') no-repeat top center / 1731px 95px;
		}

			@media (min-width: 1731px) {
				.page-id-7 .meet:after { background-size: 110% 95px; }
			}

		.page-id-7 .meet .logo-icon {

		}

		.page-id-7 .meet .line-1 {
			z-index: 2;
			left: -111px;
			top: -50px;
		}

		.page-id-7 .meet .line-2 {
			bottom: 173px;
		}

		.page-id-7 .meet .thyme-1 {
			top: 490px;
		}
		
		.page-id-7 .meet .thyme-2 {
			bottom: 298px;
		}

		.page-id-7 .meet .dish-1 {
			top: 688px;
		}
		
		.page-id-7 .meet .dish-2 {
			bottom: 542px;
		}

		.page-id-7 .meet .photo-1 {
			top: 170px;
		}

		.page-id-7 .meet .photo-2 {
			top: 260px;
		}
		
		.page-id-7 .meet .photo-3 {
			bottom: 80px;
		}
		
		.page-id-7 .meet .photo-4 {
			bottom: -33px;
		}		


	
/*	Pricing
-------------------------------------------*/
	
	.pricing-section {
		position: relative;
		padding: 84px 0 92px 0;
		background: #2CA67B url('../img/pricing-pattern.svg');
	}
	
	.pricing-section .container {
		max-width: 750px;
		z-index: 15;
		position: relative;
	}

	.pricing-section h2 {
		color: #ffffff;
		font-family: 'Chillow';
		font-size: 63px;
		text-align: center;
		padding-bottom: 49px;
	}
	
		.pricing-section h2 span {
			color: #0F4B36;
		}
		
	.pricing-section .badge {
		top: 0;
		z-index: 16;
		right: -52px;
		width: 165px;
		height: 165px;
		padding: 8px;
		border-radius: 50%;
		background: #2CA67B;
		box-sizing: border-box;
		border: 5px solid #FFFFFF;
		box-shadow: 0 9px 0 rgba(0, 0, 0, 0.13);
		position: absolute;
	}
	
		.pricing-section .badge .text {
			display: block;
			-webkit-animation: rotate 35s linear infinite both;
				    animation: rotate 35s linear infinite both;
		}
	
		.pricing-section .badge .face {
			top: 50%;
			left: 50%;
			position: absolute;
			transform: translate(-50%, -50%);
		}
	
	.pricing-box {
		z-index: 15px;
		position: relative;
		background: #FFFFFF;
		border: 3px solid #156A4D;
		border-radius: 27px;
		padding: 39px 35px 41px 39px;
		box-shadow: 23px 23px 0px rgba(21, 106, 77, 0.36);
	}
			
		.pricing-box .row {
			display: flex;
			justify-content: space-between;
		}
		
			.pricing-box .row .left {
				width: calc(100% - 277px);
			}
			
			.pricing-box .row .right {
				width: 225px;
			}
	
		.pricing-box ul {
			color: #2CA67B;				
			font-size: 20px;
			font-weight: 600;
			line-height: 32px;
			margin-left: 20px;
		}
		
			.pricing-box ul li span {
				color: #2F2472;
			}
			
		.pricing-box .row .right img {
			margin-top: 2px;
		}
		
		.pricing-box .details {
			padding-bottom: 38px;
		}
		
		.pricing-box .button-group {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 7px 7px 6px 7px;
			border: 1px solid rgba(34, 143, 105, 0.25);
			border-radius: 28px;
			background: rgba(44, 166, 123, 0.36);
		}
		
			.pricing-box .button-group input {
				display: none;
			}
		
			.pricing-box .button-group label {
				display: flex;
				align-items: center;
				justify-content: center;
				width: calc(50% - 3px);
				height: 43px;
				color: #fff;
				font-size: 17px;
				font-weight: bold;
				line-height: 22px;
				background: rgba(44, 166, 123, 0.15);
				border-radius: 21.5px;
				padding-bottom: 2px;
				box-sizing: border-box;
				transition: all ease 0.4s;
				position: relative;
				cursor: pointer;
				-webkit-touch-callout: none;
			    -webkit-user-select: none;
			     -khtml-user-select: none;
			       -moz-user-select: none;
			        -ms-user-select: none;
			            user-select: none;
			}
			
				.pricing-box .button-group label.best-buy:before {
					content: "";
					width: 37px;
					height: 41px;
					top: -22px;
					left: -11px;
					position: absolute;
					background: url('../img/badge-best-buy.svg') no-repeat top left / cover;
				}
			
				.pricing-box .button-group input:checked + label {
					color: #ffffff;
					background: #228F69;
				}
				
		.pricing-box  .button-group.meals-count {
			
		}
		
			.pricing-box .button-group.meals-count label {
				width: calc(33.333% - 3px);
			}
			
				.pricing-box .button-group.meals-count label.best-buy:before {
					left: auto;
					right: -19px;
				}
		
		.pricing-box h4 {
			color: #2F2472;
			font-size: 19px;
			font-weight: bold;
			line-height: 24px;
			padding: 55px 0 11px 0;
		}
		
		.pricing-box .results {
			text-align: center;
			padding: 12px 12px 5px 12px;
			background: #228F69;
			border-radius: 16px;
		}
		
			.pricing-box .results h5 {
				color: #FFFFFF;
				font-family: 'Chillow';
				font-size: 24px;
				font-weight: 400;
				line-height: 26px;
			}
			
			.pricing-box .results p {
				color: #F5EBD5;
				font-family: 'Chillow';
				font-size: 19px;
				font-weight: 400;
				line-height: 20px;
				margin-top: 4px;
			}
			
			.pricing-box .results h3 {
				color: #FFFFFF;
				font-family: 'Code Next';
				font-size: 49px;
				font-weight: 800;
				line-height: 65px;
				margin-top: 7px;
			}
			
			.pricing-box .note {
				color: #2F2472;
				font-size: 12px;
				font-weight: 500;
				line-height: 16px;
				text-align: right;
				margin-top: 37px;
			}
			
				.pricing-box .note strong {
					font-weight: bold;
				}
	
	.pricing-section .button {
		z-index: 15;
		display: block;
		padding-top: 58px;
		text-align: center;
		position: relative;
	}
			
		.pricing-section .button a {
			display: inline-block;
			color: #156A4D;
			font-family: 'Code Next';
			font-size: 31px;
			font-weight: 800;
			line-height: 42px;		
			letter-spacing: -1.54px;
			text-decoration: none;
			text-transform: uppercase;
			background: #FFFFFF;
			border: 3px solid #156A4D;
			border-radius: 32px;
			padding: 8px 42px;
			box-shadow: 4px 6px 0px 0px #156A4D;
			transition: all ease 0.4s;
		}
		
			.pricing-section .button a:hover {
				color: #ffffff;
				background: #156A4D;
				box-shadow: none;
			}
	
	.pricing-section .leaves-left {
		left: 0;
		bottom: -44px;
		position: absolute;
		z-index: 14;
	}
	
	.pricing-section .leaves-right {
		right: 0;
		bottom: -44px;
		position: absolute;
		z-index: 14;
	}


	
/*	Page: About
-------------------------------------------*/

	.about-logo {

	}


	/*
	 *	How it started
	 */
	.his {
		padding-top: 110px;
		padding-bottom: 160px;
	}

		.his .container {
			max-width: 1220px;
			position: relative;
		}

		.his .head {
			color: #181802;
			text-align: center;
			margin-bottom: 130px;
		}

			.his .head h2 {
				font-family: "Hamburg Hand", sans-serif;
				font-size: 70px;
				font-weight: 700;
				line-height: 72px;
				letter-spacing: -4px;
			}

			.his .head p {
				font-size: 33px;
				font-weight: 700;
				line-height: 36px;
				text-transform: uppercase;
				padding: 18px 0 30px 0;
			}

			.his .head .mark {
				display: inline-block;
				font-size: 33px;
				font-weight: 700;
				line-height: 36px;
				padding: 12px 24px;
				border-radius: 32px;
				background: #FFD610;
			}

		.his .content {
			display: flex;
			justify-content: space-between;
		}

			.his .content .image {
				width: calc(50% - 22px);
				border-radius: 15px;
				overflow: hidden;
			}

				.his .content .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center center;
				}

			.his .content .text {
				width: calc(50% - 22px);
				color: #181802;
				font-size: 18px;
				font-weight: 400;
				line-height: 22px;
			}

				.his .content .text p + p {
					margin-top: 22px;
				}


	/*
	 *	Book
	 */
	.travel {
		padding-top: 95px;
		padding-bottom: 156px;
		position: relative;
	}

		.travel .fly {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 100%;
			top: -133px;
			bottom: 0;
			z-index: 11;
			position: absolute;
		}

			.travel .fly .start,
			.travel .fly .end {
				display: block;
				width: 20px;
				height: 20px;
				margin: 0 auto;
				border-radius: 50%;
				background: #5A45D6;
				border: 3px solid #FF3C00;
				box-sizing: border-box;
			}

				.travel .fly .end {
					background: transparent;
				}

			.travel .fly .line {
				top: 23px;
				left: 50%;
				bottom: 23px;
				width: 0;
				position: absolute;
				border-left: 1px dashed #FF3C00;
			}

		.travel .plane {
			top: 18px;
			top: -123px;
			left: 50%;
			z-index: 100;
			position: absolute;
			transform: translateX(-50%);
		}

		.travel .container {
			max-width: 1045px;
			position: relative;
		}

		.travel .book {
			width: 100%;
			margin: 0 auto;
			position: relative;
			z-index: 12;
		}

			.travel .book:before {
				content: "";
				width: 182px;
				top: 91px;
				left: 50%;
				bottom: 0;
				z-index: 4;
				position: absolute;
				transform: translateX(-50%);
				background-image: linear-gradient(90deg, rgba(252,246,240,0.00) 0%, #EBE1D8 51%, rgba(252,246,240,0.00) 99%);
			}

			.travel .book:after {
				content: "";
				width: 1px;
				top: 100px;
				left: 50%;
				bottom: 0;
				z-index: 8;
				position: absolute;
				background: url('../img/book-line.svg') repeat-y center center;
			}

			.travel .book .bg {
				top: 90px;
				left: 0;
				right: 0;
				bottom: 0;
				border-radius: 68px;
				position: absolute;
				background: #FCF6F0;
				border: 1px solid rgba(229, 200, 174);
				box-shadow: 0px 52px 84px rgba(190, 180, 170, 0.61);
			}

			.travel .book .swiper {
				position: relative;
				z-index: 6;
			}

			.travel .book .swiper.mobile {
				display: none;
			}

			.travel .book .swiper-slide {
				display: flex;
			}

			.travel .book .page {
				width: 50%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				box-sizing: border-box;
			}

				.travel .book .page .top {
					padding: 30px 43px 0 43px;
				}

				.travel .book .page .image {
					display: flex;
					position: relative;
				}

					.travel .book .page .image .frame {
						display: flex;
						width: 252px;
						height: 252px;
						z-index: 3;
						border: 13px solid #ffffff;
						transform: rotate(-4deg);
						box-shadow: 10px 12px 20px rgba(0, 0, 0, 0.28);
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
						position: relative;
					}

					.travel .book .page .image .decor {
						top: 67px;
						left: 125px;
						z-index: 2;
						position: absolute;
					}

					.travel .book .page .image .stamp {
						top: 89px;
						right: 0;
						width: 120px;
						height: 120px;
						z-index: 3;
						position: absolute;
					}

				.travel .book .page h3 {
					color: #2F2472;
					font-size: 26px;
					font-family: 'Chillow';
					font-weight: 400;
					line-height: 29px;
				}

				.travel .book .page .location {
					z-index: 5;
					position: relative;
					margin-bottom: 14px;
					display: inline-block;
					padding-top: 33px;
					padding-bottom: 8px;
					background: url('../img/dashline-2.svg') repeat-x bottom left;
				}

				.travel .book .page .text {
					color: #2F2472;
					font-size: 16px;
					font-weight: 500;
					line-height: 23px;
					padding-bottom: 32px;

				}

					.travel .book .page .text h3 {
						padding-bottom: 11px;
					}

					.travel .book .page .text p + p {
						padding-top: 23px;
					}

					.travel .book .page .text .stamp {
						width: 100%;
						height: 50px;
						z-index: 5;
						position: relative;
					}

						.travel .book .page .text .stamp img {
							right: -13px;
							bottom: -80px;
							position: absolute;
						}

			.travel .book .page .bottom {
				padding: 21px 43px 30px 43px;
				margin-bottom: 1px;
				background: #F7EDE4;
				position: relative;
				overflow: hidden;
				z-index: 2;
			}

				.travel .book .page .bottom:after {
					content: "";
					width: 182px;
					top: 0;
					left: 100%;
					bottom: 0;
					z-index: 2;
					position: absolute;
					transform: translateX(-50%);
					background-image: linear-gradient(90deg, rgba(252,246,240,0.00) 0%, #EBE1D8 51%, rgba(252,246,240,0.00) 99%);
				}

				.travel .book .page-left .bottom {
					margin-left: 1px;
					border-radius: 0px 0px 0px 69px;
				}

				.travel .book .page-right .bottom {
					margin-right: 1px;
					border-radius: 0px 0px 69px 0;
				}

					.travel .book .page-right .bottom:after {
						left: 0;
					}

				.travel .book .page .bottom h3 {
					z-index: 5;
					position: relative;
				}

				.travel .book .page .bottom .nr {
					height: 55px;
					display: flex;
					z-index: 5;
					position: relative;
					align-items: center;
					justify-content: space-between;
					margin-top: 10px;
				}

					.travel .book .page .bottom .nr img {
						position: relative;
						left: -15px;
					}

					.travel .book .page .bottom .nr p {
						color: #9F9388;
						font-size: 10px;
						font-weight: 800;
						line-height: 12px;
					}

					.travel .book .page-right .bottom .nr img {
						order: 2;
						left: auto;
						right: -15px;
					}

			.travel .book .page-right .image {
				justify-content: flex-end;
			}

				.travel .book .page-right .image .frame {
					transform: rotate(4deg);
				}

				.travel .book .page-right .image .decor {
					top: 100px;
					left: 23px;
					transform: none;
				}


			.travel .book .page.purple h3 span {
				color: #5A4B92;
			}

			.travel .book .page.orange h3 span {
				color: #FF8E6A;
			}

			.travel .book-nav {
				top: 50%;
				right: 100%;
				z-index: 20;
				margin-right: 66px;
				position: absolute;
			}

				.travel .book-nav .circle {
					width: 70px;
					height: 70px;
					border-radius: 50%;
					background: #FFFFFF;
					border: 1px solid #F2E5D7;
					box-shadow: 0 52px 84px 0 rgba(190,180,170,0.61);
					position: relative;
					cursor: pointer;
				}

					.travel .book-nav .circle svg {
						top: 16px;
						left: 11px;
						position: absolute;
						cursor: pointer;
					}

				.travel .book-nav .caption {
					display: flex;
					color: #2F2472;
					font-size: 13px;
					font-weight: 800;
					line-height: 16px;
					white-space: nowrap;
					position: absolute;
					transform: rotate(-90deg);
					transform-origin: top left;
					margin-left: 27px;
					padding-left: 7px;
					bottom: 100%;
				}

			.travel .book-nav.next {
				left: 100%;
				margin-left: 66px;
			}

				.travel .book-nav.next .circle {
					transform: scale(-1, 1);
				}

				.travel .book-nav.next .caption {
					top: 100%;
					bottom: auto;
					padding-left: 0;
					padding-right: 18px;
					transform: rotate(-90deg) translateX(-100%);
				}


	/*
	 *	Locations
	 */
	.locations {

	}

		.locations .line-1 {
			width: 2697px;
			height: 252px;
			background: url('../img/text-line-1.png') no-repeat top center / auto 100%;
		}

		.locations .line-2 {
			width: 2267px;
			height: 252px;
			margin-top: -72px;
			background: url('../img/text-line-2.png') no-repeat top center / auto 100%;
		}

		.locations .line-3 {
			width: 2055px;
			height: 235px;
			margin-top: -65px;
			background: url('../img/text-line-3.png') no-repeat top center / auto 100%;
		}


	/*
	 *	Gallery
	 */
	.gallery {
		margin-top: 45px;
		position: relative;
		padding-bottom: 426px;
	}

		.gallery .heartline {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 100%;
			top: 175px;
			bottom: 0;
			z-index: 1;
			position: absolute;
		}

			.gallery .heartline .start,
			.gallery .heartline .end {
				display: block;
				width: 20px;
				height: 20px;
				margin: 0 auto;
				border-radius: 50%;
				border: 3px solid #FF3C00;
				box-sizing: border-box;
			}

			.gallery .heartline .line {
				top: 23px;
				left: 50%;
				bottom: 23px;
				width: 0;
				position: absolute;
				border-left: 1px dashed #FF3C00;
			}

			.gallery .heartline .heart {
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 3;
				top: 100%;
				left: 50%;
				width: 88px;
				height: 88px;
				box-sizing: border-box;
				padding-top: 5px;
				position: absolute;
				background: #FFF;
				border-radius: 50%;
				box-shadow: 0 10px 0 rgba(0, 0, 0, 0.20);
				margin-left: -44px;
				margin-top: -44px;
			}

			.gallery .heartline .heart span {
				width: 42px;
				height: 37px;
				position: absolute;
				background: url('../img/heart.svg');
				animation: animateHeart 1.6s infinite;
			}

		.gallery h2 {
			z-index: 2;
			color: #181802;
			font-size: 47px;
			font-weight: 700;
			line-height: 52px;
			letter-spacing: -3px;
			text-transform: uppercase;
			text-align: center;
			position: relative;
			margin-bottom: 180px;
		}

		.gallery [class*="image-"] {
			z-index: 3;
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.gallery .image-1 {
			width: 100%;
			z-index: 2;
			max-width: 620px;
			height: 600px;
			margin: 80px auto 0 auto;
			position: relative;
		}

		.gallery .image-2 {
			top: 33px;
			left: 50%;
			z-index: 4;
			width: 232px;
			height: 224px;
			margin-left: 343px;
		}

		.gallery .image-3 {
			top: 406px;
			right: 50%;
			z-index: 4;
			width: 302px;
			height: 378px;
			margin-right: 352px;
			box-shadow: 10px 32px 44px 0 rgba(0,0,0,0.17);
		}

		.gallery .image-4 {
			top: 127px;
			right: 50%;
			z-index: 3;
			width: 302px;
			height: 378px;
			margin-right: 432px;
		}

		.gallery .image-5 {
			top: 165px;
			left: 50%;
			z-index: 3;
			width: 302px;
			height: 453px;
			margin-left: 440px;
		}

		.gallery .image-6 {
			bottom: 194px;
			right: 50%;
			z-index: 3;
			width: 240px;
			height: 232px;
			margin-right: 487px;
		}

		.gallery .image-7 {
			bottom: 175px;
			left: 50%;
			z-index: 4;
			width: 490px;
			height: 327px;
			box-shadow: 10px 32px 44px 0 rgba(0,0,0,0.17);
		}

		.gallery .image-8 {
			bottom: 85px;
			left: 50%;
			z-index: 4;
			width: 175px;
			height: 263px;
			margin-left: 557px;
		}

		.gallery .line-1 {
			top: 288px;
			left: 0;
			position: absolute;
		}

		.gallery .line-2 {
			top: 169px;
			right: 0;
			position: absolute;
		}



/*	Responsive
-------------------------------------------*/

@media (min-width: 1731px)
{
	.reviews:before { background-size: 100% 95px; }
	.reviews:after { background-size: 100% 95px; }
	footer:before { background-size: 100% 95px; }
}

@media (min-width: 1600px)
{
	.single-meal .image-container .image { max-width: 750px; }
}

@media (min-width: 1500px)
{
	.products:not(.filtered) .items .product-item:nth-child(3n+1) { margin-left: 49px; }
	.products:not(.filtered) .items .product-item:nth-child(4n+1) { margin-left: 0; }
}

@media (max-width: 1380px)
{
	.page-checkout .box-totals { position: relative; top: auto; left: auto; width: auto; transform: none !important; box-shadow: none; }

	.account-header { width: 300px; right: 25px; }

	.page-account { margin-left: 250px; margin-right: 350px; }
	.page-account .sl { width: 250px; }
	.page-account .sl .head	{ padding-left: 30px; }
	.page-account .sl h3 { padding-left: 30px; }
	.page-account .sl nav a { padding-left: 26px; overflow: hidden; }
	.page-account .sl nav .label { font-size: 17px; }
	.page-account .sr { width: 350px; padding-left: 25px; padding-right: 25px; box-sizing: border-box; }
	.page-account .sr .ui-datepicker { width: 100%; padding: 15px 9px; }
	.page-account .sr .ui-datepicker table td a,
	.page-account .sr .ui-datepicker table td span { width: 35px; height: 35px; }
}

@media (max-width: 1600px)
{
	.menu { background: url('../img/menu-bg.png') no-repeat right bottom / auto 470px, linear-gradient(134deg, #FFD610 29.77%, #FF521A 103.27%); }
}

@media (max-width: 1340px)
{
	.menu { padding-left: 3%; padding-top: 45px; background: url('../img/menu-bg.png') no-repeat right bottom / auto 400px, linear-gradient(134deg, #FFD610 29.77%, #FF521A 103.27%); }

	.single-meal .image-container { margin-right: 30px; }
	.single-meal .image-container .image .mouth { left: -40px; }

	.travel .book-nav { margin-right: 26px; }
	.travel .book-nav.next { margin-left: 26px; }

}

@media (max-width: 1310px)
{
	.vm-home .trumpet-left { left: -135px; }
	.vm-home .trumpet-right { right: -135px; }
}

@media (max-width: 1280px)
{
	.hiw { padding-bottom: 160px; }
	.hiw .columns { padding: 0 30px; }
	.hiw .parrot-left { left: -54px; }
	.hiw .parrot-right { right: -54px; }
	.hiw .leaves-left { width: 140px; }
	.hiw .leaves-right { width: 140px; }

	.travel { padding-bottom: 155px; padding-top: 50px; }
	.travel .book-nav { top: auto; bottom: -100px; right: 50%; margin-right: 45px; }
	.travel .book-nav .caption { display: none; }
	.travel .book-nav.next { left: 50%; right: auto; margin-left: 45px; }
}

@media (max-width: 1279px)
{
	.hiw .col .image svg { height: 280px; }
	.hiw .col h3 { margin-top: 10px; }
	.hiw .col h3 strong { display: block; }
	.hiw .col .text p { font-size: 19px; }
	.hiw .line-2 { width: 400px; height: auto; }

	.meet .dish-1 { left: -191px; }
	.meet .dish-2 { right: -155px; }
	.meet .line-2 { right: -130px; }
	.home .meet .line-1 { top: -70px; left: -30px; }
	.meet .photo-1 { display: none; }

	.gallery { padding-bottom: 350px; }
	.gallery .line-2 { left: calc(50% + 200px); }
	.gallery .image-4 { margin-right: 382px; }
	.gallery .image-5 { margin-left: 400px; }
	.gallery .image-6 { margin-right: 260px; bottom: 105px; }
	.gallery .image-7 { bottom: 100px; }
}

@media (max-width: 1240px)
{
	.page-account { margin-left: 0; }
	.page-account .sl { display: none; }
	.page-account .sr { padding-top: 145px; }

	.page-account .mc-head { padding: 25px 45px 0 30px; }
	.page-account .mc-head .buttons { top: 25px; right: 45px; }
	.page-account .mc-head .welcome h3 { font-size: 19px; line-height: 26px; }
	.page-account .mc-head .welcome p { font-size: 13px; line-height: 17px; margin-top: 2px; }
	.page-account .mc-head .tabs a + a { margin-left: 28px; }
	.page-account .mc-body { padding-left: 30px; padding-right: 45px; }

	.account-header { top: 19px; }
	.page-account .mc-head .logo { display: block; }

	.fixed-account-header { padding-top: 180px; }
	.fixed-account-header .page-account .mc-head { position: fixed; top: -65px; width: 100%; }
}

@media (max-width: 1239px)
{
	.vm-home .trumpet-left { display: none; }
	.vm-home .trumpet-right { display: none;}

	.vm-home .about { max-width: 680px; }
}

@media (max-width: 1180px)
{
	.page-meals .products { margin-top: 60px; }


	.reviews + footer { padding-top: 280px; }

	.home-ticker { padding-bottom: 90px; }

	.wcart .cbox .labels { display: none; }
	.wcart { padding-left: 3%; padding-right: 3%; }

	.single-meal .content { width: 50%; }
	.single-meal .content .bg { right: 50%; }
	.single-meal .info { width: 50%; }
	.single-meal .info .inner { padding-left: 40px; padding-right: 40px; }
	.single-meal .top-seller { right: calc(50% - 30px); }

	.reviews .items { flex-wrap: wrap; max-width: 800px; margin-bottom: 20px; }
	.reviews .items .item { width: calc(50% - 24px); margin-bottom: 30px; }
	.reviews .items .item .frame { border-width: 8px; max-width: 480px; margin: 0 auto; }

	.reviews .head h3 { max-width: 500px; line-height: 75px; margin-left: auto; margin-right: auto; }

	.home-sts { padding-bottom: 110px; }
	.home .meet .line-1 { left: -150px; }

	footer .middle { padding-bottom: 100px; }
	footer .middle .right .col + .col { margin-left: 60px; }

	.his { padding-bottom: 100px; }
	.his .head { margin-bottom: 80px; }
	.his .head p { font-size: 28px; line-height: 33px; }
	.his .head .mark { font-size: 28px; line-height: 33px; }
}

@media (max-width: 1023px)
{
	.menu .bg-1 { width: auto; height: 140px; right: 205px; }
	.menu .bg-2 { width: 310px; height: auto; }

	.menu { padding-left: 4.5%; padding-top: 45px; }
	.menu .buttons a { font-size: 18px; padding-left: 20px; padding-right: 20px; }
	.menu nav { margin-top: 50px; }
	.menu nav ul li { font-size: 65px; line-height: 70px; }

	header .build { width: 160px; }
	header .build a { display: none; }
	header .logo { width: calc(100% - 320px); }

	footer { padding-top: 110px; padding-bottom: 40px; }
	footer .newsletter { margin-bottom: 40px; }
	footer .gform_wrapper { flex-direction: column; align-items: center; padding-bottom: 40px; }
	footer .gform_heading { width: 100%; }
	footer .gform_heading .gform_title { text-align: center; }
	footer .gform_heading .gform_description { text-align: center; margin: 0 auto; }
	footer .gform_wrapper form { width: 100%; padding-top: 60px; }
	footer .middle { flex-direction: column; padding-bottom: 50px; }
	footer .middle .left { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; border-bottom: 0.5px solid #FFFCF3; }
	footer .middle .left p { margin-left: auto; margin-right: auto; border-bottom: 0; padding-bottom: 35px; }
	footer .middle .right { width: 100%; max-width: 100%; }
	footer .middle .right .col { width: 33.333%; text-align: center; }
	footer .middle .right .col + .col { margin-left: 0; }
	footer .middle .right .col ul { margin-top: 18px; }
	footer .bottom { flex-direction: column; border-bottom: 0; border-top: 0.5px solid #fffcf3; padding-bottom: 0; padding-top: 30px; }
	footer .bottom .left { order: 2; flex-wrap: wrap; justify-content: center; padding-top: 25px; }
	footer .bottom .left .developer { width: 100%; margin-left: 0; padding-top: 12px; text-align: center; }
	footer .shape { width: auto; height: 150px; top: -85px; }
	footer .truck-circle svg { width: 180px; height: 180px; }

	.pricing-section { padding-bottom: 80px; }
	.pricing-section .leaves-left { display: none; }
	.pricing-section .leaves-right { display: none; }

	.home .products { padding-top: 60px; }

	.hero h1 { font-size: 160px; line-height: 130px; padding-left: 10px; }
	.hero h1 .lips { width: 120px; top: 140px; }

	.vm-home .images .s1 { width: 140px; height: auto; top: -25px; right: calc(50% + 132px); }
	.vm-home .images .s2 { width: 280px; height: auto; }
	.vm-home .images .s3 { width: 141px; height: auto; top: -13px; left: calc(50% + 127px); }

	.vm-home .trumpet-left { bottom: 50px; left: -85px; }
	.vm-home .trumpet-right { bottom: 50px; right: -85px; }
	.vm-home .trumpet-left svg, .vm-home .trumpet-right svg { height: 400px; }
	.vm-home .images { margin-top: -70px; }

	.product-item .image-wrapper { max-width: 230px; }
	.product-item { padding-bottom: 180px; }

	.home-ticker { padding-top: 10px; padding-bottom: 45px; }
	.home-ticker .text { height: 130px; top: 0;  }
	.home-ticker .text svg { height: 150px; width: 200%; left: -50%; top: -20px; }

	.hiw .columns { padding: 0; }
	.hiw .col .text p { font-size: 18px; line-height: 28px; padding-top: 15px; }
	.hiw .col .image svg { height: 240px; }
	.hiw .col h3 { font-size: 26px; }

	.vm-home .about { margin-bottom: 100px; }
	.vm-home .parrot-left { display: none; }
	.vm-home .leaves-left { display: none; }
	.vm-home .parrot-left-2 { display: none; }
	.vm-home .trees-left { left: -60px; bottom: -30px; }
	.vm-home .parrot-right { display: none; }
	.vm-home .leaves-right { display: none; }
	.vm-home .parrot-right-2 { display: none; }
	.vm-home .trees-right { right: -60px; bottom: -30px; }

	.home-sts .box .head span { text-align: left; max-width: 100px; }

	.stockists { padding-bottom: 220px; }
	.stockists .title { margin-bottom: 55px; }

	.page-checkout .steps { margin-top: 135px; }

	.single-meal .button-group { display: none; }

	.single-meal .content { width: 100%; padding-bottom: 250px; overflow: hidden; position: relative; }
	.single-meal .content .bg { right: 0; position: absolute; }
	.single-meal .image-container { height: auto; padding: 120px 0 160px 0; }
	/* .single-meal .info { position: fixed; padding-bottom: 140px; bottom: -140px; top: auto; left: 0; width: 100%; height: auto; background: #FFFBF3; transition: bottom ease 0.4s; z-index: 21474836479; } */
	.single-meal .info { position: fixed !important; padding-bottom: 0 !important; bottom: 0 !important; top: auto; left: 0; width: 100%; height: auto; background: #FFFBF3; transition: bottom ease 0.4s; z-index: 21474836479; margin-top: auto !important; transition: opacity 0.3s ease; opacity: 1; visibility: visible; }
	.show-cart-popup .single-meal .info { opacity: 0; visibility: hidden; }
	.single-meal .info .scroller { height: auto; }
	.single-meal .info .inner { padding-left: 4%; padding-right: 4%; padding-top: 20px; }
	.single-meal .info h1 { font-size: 33px; line-height: 33px; margin-bottom: 10px; }
	.single-meal .info .description { font-size: 14px; line-height: 22px; }
	.single-meal .info .description .excerpt { height: 0; }
	.single-meal .info .description.show .excerpt { height: auto; }
	.single-meal .top-seller { display: none; }

	.wrap_e104 { z-index: 9000 !important; }

	/* .single-meal .info.relative { position: relative; bottom: auto !important; margin-top: -295px; } */
	.cart-is-filled .single-meal .info { bottom: -31px; }

	.meet { padding-top: 30px; }
	.meet:before { height: 120px; }
	.meet .frame { width: 271px; height: 271px; }
	.meet .line-1 { top: -80px !important; width: 240px; }
	.meet .dish-1 { width: 320px; height: 320px; left: -150px; top: auto; bottom: 60px; }
	.meet .dish-2 { width: 300px; height: 300px; bottom: auto; top: 125px; }
	.meet .line-2 { width: 330px; height: auto; bottom: 360px; }
	.meet .photo-3 { bottom: 10px; left: calc(50% + 190px); }

	.page-id-7 .meet { padding-top: 0; padding-bottom: 210px; }
	.page-id-7 .meet .dish-1 { top: auto; bottom: 60px; }
	.page-id-7 .meet .photo-3 { bottom: 10px; }
	.meet .icon-logo { margin-bottom: 110px; }

	.his { padding-top: 80px; padding-bottom: 50px; }
	.his .head { margin-bottom: 50px; }
	.his .content { flex-direction: column; }
	.his .content .image { width: 100%; height: 550px; order: 2; }
	.his .content .text { width: 100%; order: 1; text-align: center; margin-bottom: 40px; }

	.locations .line-1 { height: 200px; width: 100%; }
	.locations .line-2 { height: 200px; width: 100%; margin-top: -58px; }
	.locations .line-3 { height: 200px; width: 100%; margin-top: -50px; }

	.single-meal .info .inner { padding: 20px 3%; position: relative; }
/* 	.single-meal .info .qty-wrapper { position: absolute; max-width: 240px !important; margin-top: 0; margin-bottom: 0; bottom: 20px; right: 3%; width: auto; }	 */
	.single-meal .info .qty-wrapper { position: absolute; max-width: 240px !important; margin-top: 0; margin-bottom: 0; bottom: 2px; right: 3%; width: auto; }
	.single-meal .info .qty-wrapper .add-to-box { height: 40px; font-size: 14px; line-height: 18px; }
	.single-meal .info .qty-wrapper .wr, .single-meal .info .qty-wrapper input { font-size: 18px; line-height: 20px; height: 40px; }
	.single-meal .info .qty-wrapper .wr div { font-size: 20px; line-height: 35px; }

	.qview .content .top { min-height: 0;  }
	.qview .content .text { padding-bottom: 35px; }
	.qview .content .bottom { padding-top: 0; }
	.qview .content .bottom .qty-wrapper { width: calc(100% - 135px); }
	.qview .content .features { flex-wrap: wrap; display: space-between }
	.qview .content .features .item { margin-right: 0; width: 25%; }

	.page-account { margin-right: 0; }
	.page-account .sr { transform: translate3d(100%, 0, 0) translate3d(20px, 0, 0); }

	.account-header { width: auto; }
	.account-header .mtrigger { margin-left: 10px; }
	.account-header .user .trigger { border: none; }
	.page-account .mc-head .buttons { display: none; }
	.page-account .mc-body { padding-right: 30px; }
	.account-header .user .dropdown { left: -46px; box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.2); }

	.fixed-account-header { padding-top: 165px; }
	.fixed-account-header .page-account .mc-head { position: fixed; top: -55px; width: 100%; }

	.travel { padding-top: 50px; }
}


@media (max-width: 870px)
{
	.wcart .buttons .pricing { display: none; }
}

@media (max-width: 767px)
{
	.header-notice { font-size: 15px; padding-top: 9px; }
	header { padding-top: 35px; }
	header .container { justify-content: space-between; }
	header .build { position: absolute; opacity: 0; transform: translate3d(0, 100%, 0); transition: all ease 0.4s; }
	header .logo { width: auto; }
	header .logo svg { transform: scale(0.95) translateX(-4px); }
	header.tiny .logo { transform: translate3d(0, -100%, 0); }
	header.tiny .build { opacity: 1; transform: translate3d(0, 0, 0); }

	.icon-logo svg { width: auto; height: 105px; }

	footer { padding-top: 115px; }
	footer:before { background-size: 767px 42px; height: 41px; }
	footer .gform_wrapper form { flex-direction: column; justify-content: center; align-items: center; }
	footer .gform_heading .gform_title { line-height: 36px; padding-bottom: 10px; }
	footer .gform_heading .gform_description { font-size: 17px; line-height: 25px; }
	footer .gform_body { width: 100%; text-align: center; }
	footer .gform_body input { text-align: center; }
	footer .gform_footer { padding-top: 10px; }
	footer .middle .right { flex-direction: column; align-items: center; }
	footer .middle .right .col + .col { margin-left: 0; margin-top: 35px; }
	footer .bottom .left .copyright { width: 100%; padding-bottom: 10px; text-align: center; }
	footer .bottom .left ul li:first-child { margin-left: 0; }
	footer .shape { height: 100px; top: -55px; left: -27px; }
	footer .truck-circle { top: -110px; }

	.reviews .badge { top: -135px; right: auto; left: 50%; margin-left: -85px; }
	.reviews .head h3 { font-size: 70px; }
	.reviews .swiper-slide { max-width: 92%; }
	.reviews + footer .shape { height: 100px; top: -35px; left: -27px; }
	.reviews:after { margin-top: -1px; }

	.page-meals .products { margin-top: 40px; padding-bottom: 120px; }
	.products .title { margin-bottom: 30px; }
	.products .title h2 { font-size: 48px; line-height: 54px; }
	.products .title p { font-size: 18px; line-height: 26px; }
	.products .filters { margin-top: -15px; margin-bottom: 20px; }
	.products .filters .inner { transform: scale(0.7); transform-origin: left center; }
	.products .items { justify-content: space-between; }
	.products .items .product-item { width: 100%; }
	.products .items .product-item + .product-item { margin-left: 0; }
	.products .items .product-item:nth-child(even) { margin-left: 0; }

	.products-ticker .product-item.odd { margin-top: 0; }
	.products-ticker .product-item { width: 250px; }

	.product-item {  }
	.product-item h2 {  }
	.product-item p { text-align: center; }
	.product-item .qty-wrapper { margin: 0 auto; }

	.product-item .image-wrapper .mouth { display: none !important; }
	.product-item .image-wrapper .eye { display: none !important; }
	.product-item .image-wrapper .box { transform: scale(0.64) translate3d(-38px, 6px, 0px) rotate(-8.91deg); }
	.product-item .image-wrapper .plate { z-index: 5; opacity: 1; transform: translate3d(-50%, 0, 0) translate3d(35px, 0px, 0) scale(1); width: 240px; }
	.product-item .image-wrapper .mouth { opacity: 1; transform: translate3d(0, 0, 0) rotate(16deg); }
	.product-item .image-wrapper .spiciness { top: 72px; opacity: 1; transform: translate3d(0, 0, 0); }
	.product-item .image-wrapper .badge { opacity: 1 !important; transform: none !important; top: -15px; }

	.single-meal .related .product-item .image-wrapper .box { left: -22.5%; transform: scale(0.82) translate3d(-5px, -70px, 0px) rotate(-11deg); }

	.reviews + footer { padding-top: 190px; }
	.reviews { padding-top: 90px; padding-bottom: 75px; }
	.reviews .badge { top: -106px; }
	.reviews .head { margin-bottom: 20px; }
	.reviews .swiper-pagination { margin-top: 32px; }
	.reviews .camel-left { width: 280px; left: -180px; top: -60px; }
	.reviews .camel-right { width: 280px; bottom: -315px; }
	.reviews:before { background-size: 767px 42px; height: 41px; }

	.reviews .items { margin-bottom: 0; }
	.reviews .items .item { width: 100%; padding: 0 3%; margin-bottom: 45px; }
	.reviews .items .item h3 { padding-bottom: 15px; }
	.reviews .head h3 { font-size: 55px; line-height: 55px; max-width: 310px; }

	.page-general { padding-bottom: 170px; }
	.page-general .page-content { margin-top: 45px; }
	.page-general .page-title { font-size: 43px; }
	.page-sl .box-footer { flex-direction: column; padding-top: 20px; }

	.wbox { padding-left: 25px; padding-right: 25px; }

	.hero { padding-bottom: 180px; }
	.hero:after { height: 140px; background-position: bottom center; }
	.hero .icon-logo { padding-top: 35px; }
	.hero .icon-logo img { max-width: 190px; margin: 0 auto; }
	.hero { padding-bottom: 100px; }
	.hero h1 { font-size: 90px; line-height: 80px; padding-top: 25px; margin-top: 5px; }
	.hero h1 .lips { width: 70px; top: 115px; margin-left: 0; margin-right: 6px; }
	.hero .button a { font-size: 24px; padding: 6px 32px; }
	.hero .sun { bottom: -100px; }
	.hero .sun:before { width: 1000px; height: 772px; }
	.hero .cloud-1 { display: none; }
	.hero .cloud-2 { display: none; }
	.hero .cloud-3 { display: none; }
	.hero .cloud-4 { display: none; }
	.hero .cloud-5 { display: none; }

	.hero .star-1 { top: 135px; left: 50px; }
	.hero .star-2 { right: 30px; top: auto; bottom: 87px; }

	.vm-home { padding-bottom: 160px; }
	.vm-home .video { border-width: 8px; }
	.vm-home .trumpet-left { width: auto; height: auto; bottom: 25px; left: -40px; }
	.vm-home .trumpet-right { width: auto; height: auto; bottom: 25px; right: -40px; }
	.vm-home .trumpet-left svg, .vm-home .trumpet-right svg { height: 200px; }
	.vm-home .images { top: auto; margin-top: 0; }
	.vm-home .images .s1 { width: 115px; top: -20px; right: calc(50% + 101px); }
	.vm-home .images .s2 { width: 200px; }
	.vm-home .images .s3 { width: 116px; left: calc(50% + 92px); }
	.vm-home .aldi { padding-top: 70px; }
	.vm-home .aldi p { font-size: 18px; line-height: 28px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

	.vm-home .about { margin-top: 48px; margin-bottom: 40px; }
	.vm-home .about .head { height: 100px; margin-bottom: 16px; }
	.vm-home .about p { font-size: 17px; line-height: 24px; }
	.vm-home .about p.featured { font-size: 20px; line-height: normal; }
	.vm-home .about .logo { max-width: 70%; }

	.hiw { padding-bottom: 30px; padding-top: 150px; }
	.hiw h2 { font-size: 52px; line-height: 55px; margin-bottom: 35px; }
	.hiw .columns { flex-direction: column; }
	.hiw .columns .col { width: 100%; margin-bottom: 45px; }
	.hiw .col .image svg { height: 200px; }
	.hiw .col h3 strong { display: inline-block; }
	.hiw .col .text p { padding: 0px 10px; }

	.vm-home .trees-left { left: -20px; opacity: 0.6; }
	.vm-home .trees-right { display: none; }
	.vm-home .line-1 { opacity: 0.5; }
	.vm-home .line-2 { width: 200px; top: 50px; opacity: 0.5; }

	.stockists { padding-bottom: 190px; }
	.stockists .title { margin-bottom: 30px; }
	.stockists .title h2 { font-size: 48px; line-height: 54px; }
	.stockists .item { padding: 0 30px; }

	.home-ticker { padding-bottom: 45px; }

	.pricing-section { padding: 70px 0 60px 0; }
	.pricing-section h2 { font-size: 57px; }
	.pricing-section .badge { width: 95px; height: 95px; border-width: 4px; }
	.pricing-section .badge .face { width: 37px; height: 37px; }
	.pricing-section .badge { right: -5px; top: 45px; }
	.pricing-section .pricing-box ul li:first-child { padding-right: 80px; }
	.pricing-section .button a { font-size: 24px; padding: 6px 32px; }
	.pricing-box { padding: 30px 25px 36px 25px; }
	.pricing-box .row { flex-direction: column; }
	.pricing-box .row .left { width: 100%; }
	.pricing-box .row .right { width: 100%; }
	.pricing-box ul { font-size: 19px; }
	.pricing-box .row .right {  }
	.pricing-box .row .right img { display: block; margin: 25px auto 0 auto; transform: translateX(17px); }
	.pricing-box h4 { font-size: 17px; padding-top: 25px; text-align: center; }
	.pricing-box .results { margin-top: 25px; }
	.pricing-box .note { margin-top: 25px; text-align: center; }

	.form-row.half { width: 100%; float: none; }
	.form-row.half + .form-row.half { margin-left: 0; }

	.page-checkout .steps { margin: 115px 10px 60px 10px; }
	.page-checkout .steps .step .label { font-size: 14px; }
	.page-checkout .checkout-head .info { text-align: center; }

	.single-product header .logo { padding-left: 0; }

	.page-order-type { padding-top: 125px; }
	.page-order-type .head h1 { font-size: 43px; line-height: 43px; }
	.page-order-type .head p { font-size: 17px; line-height: 26px; }
	.page-order-type .options { flex-direction: column; margin-top: 40px; }
	.page-order-type .options .box { width: 100%; min-height: 190px; align-items: flex-start; }
	.page-order-type .options .box:last-child { margin-top: 30px; }

	.cart-item .title { margin-left: 12px; width: calc(100% - 191px); padding-right: 5px; }
	.cart-item .qty { width: 115px; }

	.green-badge { font-size: 13px; line-height: 13px; height: 31px; border-radius: 16.5px; padding-left: 14px; padding-right: 14px; }

	.page-checkout .box-summary .items .section-head { flex-direction: column; justify-content: flex-start; align-items: flex-start; }

	.page-thanks { margin-top: 105px; padding-bottom: 170px; }
	.page-thanks .image { height: 210px; }
	.page-thanks .image .badge { width: 100px; height: auto; left: 0; top: -37px; }
	.page-thanks .head p { font-size: 24px; }
	.page-thanks .buttons { flex-direction: column; }
	.page-thanks .buttons .btn { width: 100%; }
	.page-thanks .buttons .btn + .btn { margin-top: 12px; }

	.summary-row .title { width: calc(100% - 75px); }
	.summary-row .price { width: 75px; }

	.wcart .buttons .btn-outline { display: none; }
	.wcart .buttons .btn { padding: 0 20px; }
	.wcart .cbox .meals svg { width: 100px; height: auto; }
	.wcart .cbox .extras svg { width: 80px; height: auto; }
	.wcart .cbox .extras .shadow { bottom: 0; }

	.cart-popup .head { padding-top: 30px; }
	.cart-popup .content { padding: 0px 20px 140px 20px;  }
	.cart-popup .items h4 { flex-direction: column; align-items: flex-start; }
	.cart-popup .items h4 .nfo { margin-left: 0; }
	.cart-popup .cbox .labels { font-size: 11px; line-height: 15px; padding-bottom: 10px; }
	.cart-popup .cbox .labels:first-child { padding-left: 0; }
	.cart-popup .cbox .labels.end { padding-left: 20px; }
	.cart-popup .cbox .labels strong { font-size: 14px; }
	.cart-popup .cbox .meals svg { width: 100px; height: auto; }
	.cart-popup .cbox .extras svg { width: 80px; height: auto; }
	.cart-popup .cbox .extras .shadow { bottom: 0; }

	.cart-is-filled footer { padding-bottom: 135px; }

	.meet { padding-top: 0px; padding-bottom: 430px; }
	.meet h2 { font-size: 150px; line-height: 125px; position: relative; z-index: 5; }
	.meet .photo-1 { display: none; }
	.meet .photo-2 { display: none; }
	.meet .frame { width: 180px; height: 180px; border-width: 6px; }
	.meet .thyme-1 { width: 70px; height: auto; top: auto; bottom: 250px; }
	.meet .dish-1 { width: 220px; height: 220px; left: -50px; box-shadow: 20px 22px 30px 0 rgba(0,0,0,0.50); bottom: 130px; }
	.meet .dish-2 { display: none; }
	.home .meet .line-1 { left: -60px; top: -100px; }
	.meet .thyme-2 { display: none; }
	.meet .photo-3 { right: 40px; left: auto; bottom: 165px; }
	.meet .photo-4 { right: -80px; left: auto; bottom: 115px; }

	.meet .icon-logo { padding-top: 35px; margin-bottom: 60px; }
	.meet .icon-logo img { max-width: 190px; margin: 0 auto; }

	.his { padding-top: 20px; padding-bottom: 40px; }
	.his .head { margin-bottom: 35px; }
	.his .head h2 { font-size: 50px; line-height: 54px; letter-spacing: -1.5px; }
	.his .head p { font-size: 20px; line-height: 26px; }
	.his .head .mark { font-size: 20px; line-height: 26px; }
	.his .content .text { font-size: 16px; padding: 0 20px; box-sizing: border-box }
	.his .content .image { height: 450px; }

	.page-id-7 .meet { padding-bottom: 410px; }
	.page-id-7 .meet .photo-3 { bottom: 160px; }
	.page-id-7 .meet .photo-4 { bottom: 80px; }
	.page-id-7 .meet .line-2 { bottom: 480px; }
	.page-id-7 .meet .thyme-1 { top: auto; }

	.travel { }
	.travel .fly { top: -110px; }

	.locations .line-1 { height: 100px; }
	.locations .line-2 { height: 100px; margin-top: -30px; }
	.locations .line-3 { height: 100px; margin-top: -28px; }

	.gallery { padding-top: 0; margin-top: 30px; padding-bottom: 80px; }
	.gallery h2 { font-size: 25px; line-height: 30px; letter-spacing: -1.5px; margin-bottom: 50px; }
	.gallery .heartline { top: 70px; }
	.gallery .image-1 { height: 380px; clear: both; }
	.gallery .image-2 { float: left; width: calc(50% - 10px); height: auto; padding-bottom: 50%; position: relative; top: auto; left: auto; right: auto; margin: 0 0 25px 0;  }
	.gallery .image-3 { float: left; width: calc(50% - 10px); height: auto; padding-bottom: 50%; position: relative; top: auto; left: auto; right: auto; margin: 0 0 25px 20px; box-shadow: none;  }
	.gallery .image-4 { display: none; }
	.gallery .image-5 { display: none; }
	.gallery .image-6 { display: none;  }
	.gallery .image-7 { width: 100%; height: auto; padding-bottom: 75%; position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 25px 0 0px 0;  }

	.single-meal .image-container { padding-bottom: 110px; }
	.single-meal .image-container .image .mouth { transform-origin: center center; transform: scale(0.7) rotate(16deg); left: -55px; bottom: -50px; }
	.single-meal .image-container .image .eye { top: 0; right: -15px; left: auto; width: 105px; height: 105px; }
	.single-meal .image-container .image .box .shadow { bottom: -38px; opacity: 0.7; }

	.single-meal .info .qty-wrapper { max-width: 190px !important; }

	.single-meal .content .bg { width: 50%; opacity: 0.4; }
	.single-meal .content .container { padding: 0 25px 50px 25px; }
	.single-meal .features { justify-content: flex-start; }
	.single-meal .features .item { width: 25%; margin-right: 0; }

	.single-meal .related .items { flex-wrap: wrap; }
	.single-meal .related .product-item { width: calc(50% - 8px); margin-left: 0; margin-right: 0; }
	.single-meal .related .product-item:nth-child(even) { margin-left: 16px; }

	.cart-is-filled .single-meal .info { bottom: -53px; }

	.qview .inner .tr { padding: 10px; }
	.qview .box { padding: 20px 15px; }
	.qview .box .close { top: 13px; right: 8px; }
	.qview .product { flex-direction: column; }
	.qview .images { width: 100%; }
	.qview .images .large { height: 290px; }
	.qview .content { width: 100%; }
	.qview .content h2 { font-size: 35px; line-height: 35px; margin-bottom: 0; }
	.qview .content .hot { margin-top: 8px; }
	.qview .content .top h2 { display: none; }
	.qview .content .top .hot { display: none; }
	.qview .mcontent { display: block; padding-bottom: 20px; }

	.qview .qty-wrapper .add-to-box { height: 40px; font-size: 14px; line-height: 18px; }
	.qview .qty-wrapper .wr, .qview .qty-wrapper input { font-size: 18px; line-height: 20px; height: 40px; }
	.qview .qty-wrapper .wr div { font-size: 20px; line-height: 35px; }
	.qview .content .bottom .more a { height: 42px; align-items: center; border-radius: 21px; }

	.pricing-popup .inner .tr { padding: 10px; }
	.pricing-popup .box .close { top: 10px; right: 8px; }

	.account-header { right: 3%; }
	.account-header .user { display: none !important; }

	.page-account .mc-head { padding-left: 3%; padding-right: 3%; min-height: 0; }
	.page-account .mc-head .tabs { overflow: scroll; margin-left: -3%; margin-right: -3%; padding-left: 3%; padding-right: 3%; }
	.page-account .mc-head .tabs a { font-size: 14px; line-height: 17px; white-space: nowrap; border-bottom-width: 4px; }
	.page-account .mc-head .tabs a + a { margin-left: 20px; }
	.page-account .mc-head .welcome { padding: 15px 0 18px 0; }
	.page-account .mc-head .welcome h3 { font-size: 17px; line-height: 22px; }
	.page-account .mc-head .welcome p { font-size: 12px; line-height: 16px; margin-top: 0; }
	.page-account .mc-body  { padding-left: 3%; padding-right: 3%; padding-top: 25px; }
	.page-account .mc-body h3 { margin-bottom: 15px; font-size: 16px; }

	.page-account .order-row { padding-left: 15px; padding-right: 15px; flex-wrap: wrap; }
	.page-account .order-row .details { width: calc(100% - 62px); box-sizing: border-box; }
	.page-account .order-row .details .summary { width: calc(100% + 82px); margin-left: -82px; font-size: 14px; line-height: 22px; }
	.page-account .order-row .details .summary strong.green { font-size: 16px; margin-bottom: 5px; display: inline-block; }
	.page-account .order-row .info { display: block; width: 100%; height: auto; padding-top: 15px; box-sizing: border-box; }
	.page-account .order-row .info > div { display: block; }

	.page-account .btn { font-size: 14px; line-height: 16px; padding-left: 18px; padding-right: 18px; }
	.page-account .btn-outline { font-size: 14px; line-height: 16px; padding-left: 18px; padding-right: 18px; }

	.page-account .wbox { padding-left: 25px; padding-right: 25px; }
	.page-account .wbox .form-buttons { flex-direction: column; }
	.page-account .wbox .form-buttons a + a { margin-left: 0; margin-top: 8px; }

	.page-cancel { padding-bottom: 30px; }
	.page-cancel h2 { font-size: 30px; padding-top: 0; }
	.page-cancel .pros .item .img { margin-right: 20px; }
	.page-cancel .pros .item h4 { font-size: 17px; }
	.page-cancel .pros .item p { font-size: 16px; }
	.page-cancel h5 { font-size: 23px; margin-bottom: 25px; }
	.page-cancel .reason .radiobox label { font-size: 17px; }

	.alert.success { display: block; }

	.travel .plane { top: -50px !important; }
	.travel .book:before { display: none; }
	.travel .book:after { display: none; }
	.travel .book .swiper.desktop { display: none; }
	.travel .book .swiper.mobile { display: block; }
	.travel .book .swiper-slide { display: block; }
	.travel .book .page { width: 100%; }
	.travel .book .page .image { justify-content: center; }
	.travel .book .page .image .stamp { display: none; }
	.travel .book .page .image .decor { left: auto; right: -14px; top: 82px; }
	.travel .book .page .top { padding-left: 30px; padding-right: 30px; }
	.travel .book .page .text .stamp img { bottom: -70px; }
	.travel .book .page .bottom { padding-left: 30px; margin-left: 1px; margin-right: 1px; padding-right: 30px; border-radius: 0px 0px 68px 68px; }
	.travel .book .page .bottom:after { display: none; }

	.home-sts { padding: 50px 0; }
	.home-sts h2 { font-size: 36px; line-height: 38px; letter-spacing: -1.5px; margin-bottom: 32px; }
	.home-sts .boxes { display: block; }
	.home-sts .box { width: 100%; }
	.home-sts .box + .box { margin-top: 24px; }
	.home-sts .box .head { padding: 15px 20px 14px 18px; }
	.home-sts .box .head .left img:first-child { width: 40px; height: 40px; }
	.home-sts .box .head .left span { max-width: none; font-size: 16px; margin-left: 10px; }
	.home-sts .box .head > img { width: auto; height: 6px; }

	.home .products { padding-top: 40px; }
	.products .title { margin-bottom: 0px; }
	.products .title h2 { font-size: 36px; line-height: 38px; letter-spacing: -1.5px; margin-bottom: 0; }
	.products .swiper-pagination-bullet { width: 24px; }
	.products .swiper-pagination-bullet-active { width: 40px; }

	footer .middle .left { max-width: calc(100% - 40px); }
	footer .middle .left .logo { height: 85px; }
	footer .middle .left p { font-size: 17px; line-height: 24px; }
	footer .gform_wrapper { padding-bottom: 10px; }
	footer .gform_wrapper form { padding-top: 30px; }
	footer .gform_body:after { position: relative; top: auto; }
	footer .validation_message { position: static; }
	footer .middle .right { max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
	footer .bottom { max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; }

	.menu { padding-top: 35px; padding-left: 3%; padding-right: 3%; background: url('../img/menu-bg.png') no-repeat 54% bottom / auto 380px, linear-gradient(134deg, #FFD610 29.77%, #FF521A 103.27%); }
	.menu > img { width: 190px; height: auto; margin: 0 auto; display: block; }
	.menu nav ul li { font-size: 40px; line-height: 50px; letter-spacing: -1.5px; text-align: center; }
	.menu nav ul li a:before { left: 0; bottom: 3px; }
	.menu nav ul li + li { padding-top: 10px; }
}

@media (max-width: 543px)
{
	.hero:after { height: 60px; background-size: 543px 60px; }
	.hero .sun { bottom: -180px; }

	.vm-home .images { margin-top: 0px; }
	.vm-home .images .s1 { width: 110px; top: 110px; right: calc(50% + 3px); }
	.vm-home .images .s3 { width: 118px; top: 104px; left: calc(50% + 3px); transform: rotate(-7deg); }

	.single-meal .info .description .db { display: block;  max-width: 170px; }
	.single-meal .info .description .more { margin-top: 7px; }
	.single-meal .info .qty-wrapper { right: 0; bottom: 0px !important; }

	.reviews .items .item .frame { max-width: 290px; padding-bottom: 75%; }
}
