:root {
    font-size: 13px;
	--slidesNum: 4px;
}

html,
body {
	text-rendering: optimizeLegibility;
	background: none;
	font-weight: 300;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
	color: var(--black);
	overflow-x: hidden;
	font-family: var(--font-family-2);
	position: relative;
}
html.lock,
body.lock {
	overflow: hidden;
}
#loading {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.5);
    z-index:6;
}
.preload * {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
a, a:hover, a:focus,
button, button:hover, button:focus {
	transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;
	text-decoration: none;
	cursor: pointer;
	color: currentColor;
	outline: none;
	box-shadow: none;
}
*:focus {
	outline: none;
	box-shadow: none;
}
*::placeholder, *::-webkit-placeholder {
	color: currentColor;
}
*:-ms-input-placeholder {
	color: currentColor;
}

div.button{
	cursor: pointer;
}

.container,
.container-fluid {
	position: relative;
	width: 100%;
	padding: 0 20px;
}
.container.container-full {
	max-width: 1700px; /* Layouts' fullscreen */
}

/*************************************/
/********** BUTTONS / LINKS **********/
/*************************************/
.button {
	font-size: 12px;
}
.button-sm {
	font-size: 11px;
}
.button-sm,
.button,
.button:hover,
.button:focus {
	font-family: var(--font-family-4);
	display: inline-block;
    padding: 13px 25px;
	font-weight: bold;
    color: var(--green);
	letter-spacing: .02em;
	line-height: 1;
	text-transform: uppercase;
    position: relative;
	border: 2px dotted transparent;
	border-radius: 30px;
	font-weight: 800;
}
.button-sm::before,
.button::before {
	content: "";
	position: absolute;
	top: -2px;bottom: -2px;
	left: -2px;right: -2px;
	border: 2px dotted currentColor;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    will-change: transform;
	pointer-events: none;
	border-radius: 30px;
}
.button:hover::before {
	transform: scale(1.08);
}
.button[disabled] {
	opacity: 0.5;
	pointer-events: none;
}
.subscribe-us .container {
	max-width: 1064px;
	padding: 0 20px;
}
.button-sm span,
.button span {
	color: black;
	font-weight: 900;
	font-size: 11px;
	position: relative;
}

.button.button-fill,
.button.white {
	color: white
} 
.button.red::before {
	border: 2px dotted var(--red);
}
.button.green::before {
	border: 2px dotted var(--green);
}
.button.red,
.button.green,
.hp-products-slider .button {
	color: var(--black)
}

.link,
.link:hover,
.link:focus {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	color: rgb(var(--primary));
	padding-right: 30px;
}
.link.link-reverse {
	padding-right: 0;
	padding-left: 30px;
}
.link::after {
	content: "";
	width: 16px;
	height: 9px;
	position: absolute;
	top: 0;bottom: 0;
	right: 0;
	margin: auto;
	
	background-size: cover;
	background-position: -18px;
	transition: all .4s ease-in-out;
}
.link.link-reverse::after {
	right: auto;
	left: 0;
	transform: rotate(180deg);
}
.link:hover::after {
	background-position: 16px;
}

/****************************/
/********** HEADER **********/
/****************************/

header {
	position: absolute;
	padding: 5px 0 0 20px;
	top: 0;left: 0;
    width: 100vw;
	font-size: 0;
	z-index: 10;
    transition: var(--transition);
    -webkit-transition: var(--transition);
}

header .logo {
	max-width: 113px;
	position: relative;
	display: block;
}
header .logo img {
	width: 100%;
	height: 100%;
    object-fit: contain;
}
header .menu {
	position: fixed;
	height: 100vh;
    width: 100vw;
    padding: 40px 0 0 0;
    padding-top: 60px;
	background-color: black;
	color: white;
	top: 0; 
    right: 0; 
    display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: var(--transition);
    -webkit-transition: var(--transition);
    overflow: auto;
    z-index: 1;
}
header .menu .wrapper {
	display: flex;
	width: 100%;
	padding: 0 20px;
}
header .menu .wrapper .search {
	position: relative;
	margin-left: 20px;
	border-radius: 30px;
	background: #1c191a;
	width: 100%;
}
header .menu .wrapper input {
	background: transparent;
	outline: 0;
	border: 0;
	color: white;
	width: 100%;
	height: 100%;
	padding: 10px 0 10px 30px;
	text-transform: uppercase;
	font-size: 10px;
}
header .menu ul {
	padding: 0;
}
.upper-menu {
	font-size: 10px;
	pointer-events: none;
	opacity: 0;
	transition: var(--transition);
}
header.open .menu {
	transform: translateX(0%);
}
header.open .menu-toggle span:first-child {
	transform: rotate(45deg);
}
header .menu .subtitle {
	color: var(--green);
	margin-bottom: 10px;
	font-size: 21px;
	pointer-events: none;
} 
header .menu .subtitle + h2 {
	margin: 0;
	line-height: 1;
}
header .menu a {
	position: relative;
	display: block;
}
header .menu .subtitle + h2 a {
	font-size: 28px;
	font-family: var(--font-family-3);
	font-weight: 600;
}
header .menu ul > li > p,
header .menu ul > li > h2 {
	padding-left: 20px;
	padding-right: 20px;
}
header .menu ul > li {
	margin: 40px 0;
}
header .menu .sub > h2,
header .menu .sub .sub{
	position: relative;
}
header .menu .sub.opened > ul {
	margin-top: 37px;
}
header .menu .sub ul {
	max-height: 0;
	transition: var(--transition);
	overflow: hidden;
	background-color: #231f20;
}
header .menu .sub ul a {
	font-size: 14px;
	color: #a3a2a2;
	margin: 0 20px;
	transition: var(--transition);
}

header .menu .sub .sub ul{
	/* max-height: initial; */
	margin-top: 10px;
    background: #1c191a;
}
header .menu .sub ul a:hover {
	color: white;
}
header .menu .sub ul li {
	margin: 4px 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
header .menu .sub ul > li:first-child {
	margin-top: 37px;
}
header .menu .sub ul > li:last-child {
	margin-bottom: 37px;
}
header .menu .sub.opened > span::after,
header .menu .sub.opened h2 > span::after {
	transform: translatex(-6px) rotate(90deg);
}
header .menu .sub .sub > span::after,
header .menu .sub h2 > span::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 16px;
    height: 16px;
	content: '';
	transition: var(--transition);
	background: url('/images/icons/arrow-green.svg') 0%/contain no-repeat;
}
header .menu .sub .sub2 > span::after{
	bottom: auto;
}
header .menu .sub .sub > span::after{
	right: 15px;
	width: 13px;
    height: 13px;
}
header.open .menu-toggle span:nth-child(2) {
	opacity: 0;
}
header.open .menu-toggle span:last-child {
	transform: rotate(-45deg);
	width: 100%;
}
header .menu-toggle {
	width: 25px;
	position: relative;
}
header .menu-toggle span {
    position: absolute;
    height: 2px;
    transition: var(--transition);
    background: white;
    will-change: transform;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
header .menu-toggle span:first-child {
	transform: translateY(-7px);
}
header .menu-toggle span:last-child {
	transform: translateY(7px);
	width: 60%;
}
header .menu-mobile {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 42px;
	background: black;
	display: flex;
	align-items: center;
	padding: 0 20px;
	z-index: 2;
}
header .icons-container {
	position: relative;
	display: flex;
	width: 100%;
	max-width: 60px;
	margin-left: auto;
}
header .icons-container span {
	font-size: 11px;
    color: white;
    position: absolute;
    right: -4px;
    top: -11px;
}
header .icons-container + a {
	letter-spacing: 0.58px;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin-left: 26px;
}
header .wrapper ~ a {
	display: none;
}
header .icons-container > a:hover {
	transform: scale(1.1);
}
header .icons-container > a {
	position: absolute;
	width: 14px;
	height: 15px;
	margin: 0 15px;
	top: 0;bottom: 0;
	margin: auto;
	transform: scale(1);
	transition: var(--transition);
}
header .icons-container > a::after {
	position: absolute;
	left: 0;top: 0;bottom: 0;margin: auto;
	content: '';
	width: 100%;
	height: 100%;
}
header .icons-container > a:first-child {
	left: 0;
}
header .icons-container > a:last-child {
	right: 0;
	width: 16px;
  	height: 15px;

}
header .icons-container > a:first-child::after {
	background: url('/images/icons/profile.svg') 0%/contain no-repeat;
}
header .icons-container > a:last-child::after {
	background: url('/images/icons/cart.svg') 0%/contain no-repeat;
}
header .icons-container + a{
	position: relative;
	
}


header .icons-container + a span{
	z-index: 2;
	color: var(--green);
}
header .icons-container + a:hover span{
	color: #ffffff;
}

.swal-overlay {
	background-color: rgba(0, 0, 0, .88);
}

.swal-modal {
	border-radius: 0;
}
.swal-title {
	font-size: 1.75rem;
	font-weight: 300;
	color: var(--black);
	text-transform: uppercase;
}
.swal-text {
	font-size: 1rem;
	font-weight: 300;
	color: #535252;
	text-align: center;
	padding: 0 65px;
	max-width: 100%;
}
.swal-footer {
	text-align: center;
	margin: 20px 0 45px;
	padding: 0;
}
.swal-button-container {
	margin: 0;
}
.swal-button,
.swal-button:not([disabled]):hover,
.swal-button:not([disabled]):focus {
	display: inline-block;
	padding: 20px 42px;
	background-color: var(--green);
	font-size: .875rem;
	font-weight: 500;
	color: white !important;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 25px;
    position: relative;
	transition: var(--transition);
}
.hp-banners .slide {
	background-color: #231f20;
	position: relative;
}
.hp-banners .slide .image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	max-height: 41vh; 
}
.hp-banners .slide .image > *:first-child {
	position: relative;
}
.hp-banners .slide .image > * {
    width: 100%;
	height: 100%;
}
.off {
	opacity: 0;
}
body {
	margin-top: 42px;
}
.banner {
	position: relative;
	min-height: 240px;
}
.banner .bg.dark {
	filter: brightness(30%);	
}
.banner.big .bg {
	position: relative;
}
.banner .bg {
	font-size: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%; 
}

.banner.black{
	content: "";
	background-image: url(/images/header_shop.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.banner.black .bg {
	overflow: inherit;
}
.banner.black .bg img:not([data-src]){
	filter: none;
	object-fit: none;
}
.banner.black .bg::after {
	display: none;
}
@media(max-width:768px){
	.banner.black.shop{
		display: none;
	}
}
.index .hp-banners h1 {
	font-size: 40px;
}
.content h1,
.banner h1 {
	font-size: 55px;
	font-weight: bold;
	font-family: var(--font-family-3);
	max-width: 230px;
	margin: 0 auto; 
	line-height: 1;
	text-align: center;
}
.banner h1 {
	font-weight: 300;
}
.content h1 {
	font-weight: normal;
}
.banner .bg + div {
	z-index: 1;
	padding: 160px 20px 50px 20px;
	color: white;
	text-align: center;
	position: relative;
	transition: var(--transition);
	transition-delay: 0.4s;
}
section img[src].placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 0;
	top: 0;left: 0;
	filter: blur(5px);
}
section .recipes .listing img[data-src] {
	position: absolute;
	top: 0;left: 0;
}
.banner .bg img[data-src],
section img[data-src] {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.banner .bg img:not([data-src]),
section img + img:not([data-src]) {
    z-index: 0;
    filter: blur(5px);
	position: absolute;
	left: 0;top: 0;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.hp-banners .slide .image::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, transparent 0%, rgba(0,0,0,1) 135%, rgba(0,0,0,0.8));
    pointer-events: none;
	z-index: 2;
	mix-blend-mode: multiply;
    opacity: 1;
}
.hp-banners .slide .container {
	padding: 30px 20px 30px 20px;
	z-index: 2;
	color: white;
}
.hp-banners .slide .container .stamp {
	width: 100%;
	max-width: 89px;
	position: absolute;
	top: -45px;
}
.hp-banners .slide .container .stamp img {
	width: 100%;
}
.hp-banners .slide .container .subtitle {
	color: var(--yellow);
}
.hp-banners .slide .container p {
	margin: 0;
	color: white;
}
.hp-banners .slide .container p.title {
	margin: 13px 0;
}
.hp-banners .slick-dots li.slick-active button::before {
	background: var(--yellow);
} 
.hp-banners .subtitle,
.hp-recipes .top .subtitle {
	font-size: 16px;
}
.subtitle {
	position: relative;
	font-family: var(--font-family-1);
	font-size: 18px;
	line-height: 1.2;
}
.title {
	line-height: 1;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-family: var(--font-family-3);
	text-transform: uppercase;
}
.description {
	font-size: 12px;
	line-height: 1.7;
	color: black;
}
.hp-banners .slide .container .description {
	max-width: 66vw;
}
.hp-banners .slide .container .description a {
	margin-top: 20px;
}
body > .stamp {
	z-index: 3;
	position: fixed;
	right: 10px;
	bottom: 10px;
	max-width: 71px;
	max-height: 71px;
	width: 100%;
	height: 100%;
} 
body > .stamp img {
	width: 100%;
	height: 100%;
}
.hp-products-slider {
	padding: 50px 0;
}
.hp-products-slider .bg {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hp-products-slider .bg + div {
	position: relative;
	z-index: 1;
}
.hp-products-slider .title,
.hp-products-slider .subtitle {
	text-align: center;
}
.hp-products-slider .subtitle {
	margin-bottom: 10px;
	display: block;
}
.hp-products-slider .title {
	font-size: 38px;
	color: var(--red);
}

.hp-products-slider .description{
	margin-bottom: 65px;
}

.hp-products-slider a{
	margin-bottom: 5px;
}
.description ul {
	list-style: none;
	padding: 0;
}
.description ul li svg {
	position: absolute;
	width: 22px;
    height: 20px;
    left: 0px;
}

@media (min-width: 768px){
	.description ul li svg {
		width: 26px;
		height: 24px;
		left: 0px;
	}	
}

.description ul li {
	position: relative;
	padding-left: 23px;
	margin: 8px 0;
	transition: var(--transition);
}
.description ul li.highlight {
	color: var(--red);
}
.hp-banners .slick-dots {
	bottom: 40vh;
    right: 10px;
    display: flex;
    justify-content: flex-end;
    width: 60vw;
}
.slick-dots li {
	padding: 3px;
	margin: 0 5px;
	opacity: 1;
}
.slick-dots li button {
	position: relative;
	width: auto;
	height: auto;
}
.slick-dots li button::before {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: white;
	border-radius: 100%;
	opacity: 1;
	transition: var(--transition);
}
.hp-products-slider a {
	left: 50%;
	transform: translateX(-50%);
	margin-top: 20px;
}
section {
	position: relative;
}
.hp-products-slider .slider-container {
	margin-top: 50px;
	position: relative;
}
.hp-products-slider .slider-container .slick-slide {
	transform: scale(0.5);
	transition: var(--transition);
}
.hp-products-slider .slider-container .slick-current {
    transform: scale(1);
	z-index: 1;
}
.hp-products-slider .slider-container .slider {
	position: relative;
	max-width: 116px;
	width: 100%;
	margin: 0 auto;
}
.hp-products-slider .slider-container .slider .slide img {
	width: 100%;
}
.content.range2 .slider-wrapper .slider-arrows,
.hp-products-slider .slider-container .slider-arrows {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
} 
.content.range2 .slider-wrapper .slider-arrows {
	height: 180px;
}
.hp-products-slider .slider-container .slider-arrows {
	height: 100%;
}
/* .content.range2 .slider-wrapper .slider-arrows > *:last-child img:not(.preview), */
.hp-products-slider .slider-container .arrow:last-child {
	transform: rotate(180deg);
}

.content.range2 .slider-wrapper .slider-arrows > * {
	position: relative; 
}
.content.range2 .slider-wrapper .slider-arrows > *,
.hp-products-slider .slider-container .arrow {
	height: 46px;
	width: 40px;
	opacity: 0.2;
	cursor: pointer;
	transition: all 0.4s ease;
	background: url("/images/icons/hp-arrow.svg") 0%/contain no-repeat;
}
.hp-products-slider .slider-container .arrow:hover {
	opacity: 0.5;
} 
.content.range2 .slider-wrapper .slider-arrows > * {
	opacity: 1;
	width: 54px;
}
.content.range2 .slider-wrapper .slider-arrows img:not(.preview) {
	width: 100%;
	position: relative;
	height: auto;
	filter: blur(0);
}
.content.range2 .slider-wrapper .slider-arrows .prev img:not(.preview) {
	transform: scaleX(-1) translateX(0px);
}
.content.range2 .slider-wrapper .slider-arrows .prev:hover img:not(.preview){
	transform: scaleX(-1) translateX(10px);
}
.content.range2 .slider-wrapper .slider-arrows 
.hp-products-slider .slider-container .arrow {
	opacity: 0.15;
	width: 23px;
	background: url('/images/icons/caret-slim-grey.svg') 0%/contain no-repeat;
}
.hp-gluten-free {
	padding: 6px 0 40px 0;
}
.hp-gluten-free .container {
	padding: 0;
}
.hp-gluten-free .container .images {
	display: flex;
	max-width: 100%;
}
.hp-gluten-free .container .images * {
	max-width: 50%;
}
.hp-gluten-free .container .images *:first-child {
	margin-right: 2.5px;
}
.hp-gluten-free .container .images *:last-child {
	margin-left: 2.5px;
}
.hp-gluten-free .text-container {
	position: relative;
	padding-top: 120px;
	text-align: center;
}
.hp-gluten-free .stamp {
	margin-left: auto;
	max-width: 83px;
	max-height: 82px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.hp-gluten-free .text-container .text {
	padding: 0 26px;
}
.hp-gluten-free .text-container a  {
	margin-top: 24px;
}
.hp-recipes .top .subtitle {
	position: relative;
}
.recipe .related .subtitle::after,
.hp-recipes .top .subtitle::after {
	left: -55px;
	transform: rotateY(180deg);
}
.recipe .related .subtitle::before,
.hp-recipes .top .subtitle::before {
	right: -55px;
}
.recipe .related .top-container > .subtitle::after,
.recipe .related .top-container > .subtitle::before,
.hp-recipes .top .subtitle::after,
.hp-recipes .top .subtitle::before {
	position: absolute;
	content: '';
	top: -15px;
	margin: auto;
	width: 56px;
	height: 36px;
	background: url('/images/icons/recipes_top.svg') 0%/contain no-repeat;
}
.hp-recipes .top {
	text-align: center;
	background: #1e1e1a;
	color: white;
	padding: 38px 0 49px 0;
	position: relative;
}
.hp-recipes .top p {
	margin: 0;
	text-align: center;
}
.hp-recipes .top .title {
	font-size: 34px;
	letter-spacing: -0.68px;
	font-weight: 400;
}
.hp-recipes .top .subtitle {
	margin-bottom: 10px;
	display: inline-block;
}
.recipes .item {
	overflow: hidden;
	position: relative;
	font-size: 0;
}
.recipes .item:last-child {
	margin-bottom: 0;
}
.recipes .item .hover {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	top: 0;left: 0;
}
.related.others .recipes .item .hover .subtitle::before {
	opacity: 0;
}
.recipe .related.others .recipes .item .hover::before {
	z-index: 2;
	opacity: 0.5;
}
.recipe .related.others .recipes .item .hover {
	height: auto;
	bottom: 0;
	top: initial;
	flex-wrap: wrap;
}
.recipe .related.others .recipes .item .hover > * {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.related.others .recipes .item .hover::before,
.recipes .item .hover .subtitle::before {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	content: '';
	z-index: -1;
}
.recipes .item .hover .time::before {
	border-radius: 100%;
	background: black;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: 4px;
	content: '';
}
.recipes .item .hover .time {
	left: 14px;
	top: 14px;
	position: absolute;
	width: 100%;
	height: 100%;
	max-width: 65px;
	max-height: 65px;
	margin: 0;
	border-radius: 100%;
	border: 1px solid black;
	padding: 10px;
	z-index: 2;
	display: flex;
    justify-content: center;
    align-items: center;
}
.recipes .item .hover .time span {
	color: var(--green);
	position: relative;
	z-index: 2;
	font-size: 14px;
	font-family: var(--font-family-5);
	letter-spacing: -0.85px;
}
.recipe .related.others .recipes .item .hover {
	padding: 20px;
}
.recipe .related.others .recipes .item .hover .subtitle {
	padding: 0;
}
.recipes .item .hover .subtitle {
	position: relative;
	padding: 20px 30px;
	align-self: flex-end;
	margin: 0;
	width: 100%;
	justify-content: center;
	color: white;
	position: relative;
	z-index: 2;
	text-align: center;
	line-height: 1.4;
	display: flex;
	letter-spacing: -0.4px;
}
.hp-recipes a.button {
	margin: 30px 0;
	left: 50%;
	transform: translateX(-50%);
}
.hp-tips .video-container {
	background-color: #323232;
	padding: 35px 0 29px 0;
	position: relative;
}
.hp-tips .video-container .slider img{
	width: 100%;
	height: 100%;
}
.hp-tips .video-container .slick-dots {
	position: relative;
	bottom: auto;
	margin-top: 20px;
}
.hp-tips .video-container .slick-dots li button::before {
	opacity: 0.5;
	transition: var(--transition);
}
.hp-tips .video-container .slick-dots li.slick-active button::before {
	opacity: 1;
}
.hp-tips .video-container img {
	pointer-events: none;
}
.hp-tips .tips-container {
	position: relative;
}
.hp-tips .tips-container img {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
}
.hp-tips .tips-container .slider-container .slide {
	position: relative;
	z-index: 1;
	padding: 66px 20px 40px 20px;
}
.hp-tips .tips-container .slider-container .text-container {
	position: relative;
	margin: 320px 0 0 0;
	padding: 66px 20px 40px 20px;
	z-index: 1;
	text-align: center;
}
.hp-tips .tips-container .slider-container .text-container::after {
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
	background: white;
	opacity: 0.9;
	z-index: -1;
	content: '';
}
.hp-tips .tips-container .slider-container .subtitle {
	margin-bottom: 25px;
}
.hp-tips .tips-container .slider-container .description {
	font-size: 16px;
	margin-bottom: 20px;
}
.hp-tips .tips-container .slick-dots {
	position: relative;
	top: 0;bottom: 0;
	margin-bottom: 35px;
}
.hp-tips .tips-container .slick-slider {
	width: 100%;
}
.hp-tips .tips-container .slider-container .slick-dots li button::before {
	background: black;
	opacity: 0.4;
}
.hp-tips .tips-container .slider-container .slick-dots li.slick-active button:before {
	opacity: 1;
}
.hp-tips .tips-container .slider .item {
	position: relative;
}
.hp-tips .slider-container > .stamp {
	z-index: 1;
	position: relative;
	background: white;
	border-radius: 100%;
	max-width: 104px;
	max-height: 104px;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 10px;
	top: 270px;
}
.hp-tips .slider-container .stamp img {
	width: auto;
	height: auto;
	filter: blur(0);
	margin: 13px;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
}

.fullscreen-video {
	position: fixed;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	pointer-events: none;
	opacity: 0;
	transition: var(--transition);
	z-index: 10;
}
.fullscreen-video.in {
	opacity: 1;
	pointer-events: all;
}
.fullscreen-video > .close {
	position: absolute;
	top: 50px;
	right: 20px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	z-index: 2;
}
.fullscreen-video > .close::after {
	transform: translateY(8px) rotate(-45deg);
}
.fullscreen-video > .close::before {
	transform: translateY(8px) rotate(45deg);
}
.fullscreen-video > .close::after,
.fullscreen-video > .close::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: white;
}
.fullscreen-video > .video {
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
}
.fullscreen-video > div iframe {
	width: 100%;
	outline: 0;
	border: 0;
}
.subscribe-us.green-bg {
	background: var(--green);
}
.subscribe-us {
	background: var(--brown);
	padding: 32px 20px;
	color: white;
}
.subscribe-us .subtitle {
	font-size: 22px;
	margin-bottom: 15px;
}
.subscribe-us .description {
	color: white;
	font-size: 16px;
}
.subscribe-us input {
	background: transparent;
	border: 0;
	outline: 0;
	color: white;
	padding-bottom: 18px;
	border-bottom: 1px solid white;
	width: 100%;
	font-size: 16px;
	font-family: var(--font-family-2);
}
.subscribe-us input::placeholder {
	color: white;
	opacity: 0.4;
}
.subscribe-us .container > *:last-child {
	position: relative;
	margin-top: 39px;
	display: flex;
    flex-direction: column;
}
.subscribe-us.green-bg a {
	background: url('/assets/img/subscribe-arrow-white.svg') 0%/contain no-repeat;
}
.subscribe-us a {
	display: block;
	position: absolute;
	top: 5px;left: 0;
	margin: auto;
	width: 40px; 
	height: 100%;
	transform: translateX(0);
	will-change: transform;
	transition: all 0.4s ease;
	background: url('/assets/img/arrow-green.svg') 0%/contain no-repeat;
}
.subscribe-us a:hover {
	transform: translateX(10px);
}
.subscribe-us .mini {
	font-size: 12px;
	color: white;
	opacity: 0.6;
	transition: var(--transition);
	margin-top: 15px;
	margin-left: auto;
	display: inline-block;
}
.subscribe-us .mini:hover {
	opacity: 1;
}
input.honey {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
	pointer-events: none;
}
footer {
	background: var(--lightgrey);
} 
footer .top {
	padding: 10px 20px 0px 20px;
}
footer .top .phone p {
	margin: 2px 0;
	line-height: 1.4;
}
footer .bottom {
	background: #f2f0f0;
	padding: 30px 20px;
	text-align: center;
}
footer .top > div:first-child > * {
	padding-left: 35px;
	position: relative;
	margin: 30px 0;
	padding: 0;
}
footer .top > .container > div >:first-child {
	margin-top: 0;
	line-height: 1.4;
}
footer .top > .container > div:first-child > *::after {
	position: absolute;
	left: -30px;
	top: 0;
	width: 17px;
	height: 17px;
	content: '';
	font-family: "Font Awesome 5 Free"; font-weight: 400; 
	font-weight: 600;
	font-size: 17px; 
} 

footer > .top > .container > div:first-child >:nth-child(1)::after {
	content: '\f3c5';
    opacity: 0.2;
}
footer > .top > .container > div:first-child >:nth-child(3)::after {
	content: '\f0e0';
	opacity: 0.15;
	color: black;
}  
footer > .top > .container > div:first-child >:nth-child(2)::after {
	background: url('/assets/img/phone-white.svg') 0%/contain no-repeat;
} 
footer .top > .container > div > * {
	margin: 20px 0;
	position: relative;
}
footer .social i {
	font-size: 16px;
	color: black;
}
footer .social i:hover {
	color: var(--green);
} 
footer .top .menu {
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 66px 0 60px 0;
}
footer .top .menu li {
	width: 100%;
	text-align: center;
	margin: 3px 0;
	color: var(--black);
	padding: 2px 0;
	font-weight: normal;
}
footer .top .menu li a {
	text-transform: uppercase;
	font-size: 15px;
	transition: var(--transition);
	color: #1a1919;
}
footer .top .email,
footer .top .menu > li:last-child > a {
	color: var(--green);
}
footer .top .social {
	text-align: center;
	font-size: 15px;
}
footer .top .social > p {
	color: var(--black);
	margin-bottom: 20px;
	font-size: 15px;
}
footer .top .social > a {
	margin: 0 8px;
}
footer .bottom .container {
	color: #7c7b7b; 
}
footer .bottom .container p {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 8px;
}
footer .bottom .container a {
	text-align:center;
	color: var(--black);
}
footer .bottom .links-container {
	display: flex;
	justify-content: center;
}
footer .bottom .links-container > *{
	margin: 0 5px;
}
footer .bottom .container p.bs {
	margin: 23px 0 0 0;
}
footer h3 {
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
	margin: 0 0 0 5px;
	display: inline;
}
header .menu > ul:last-child {
	list-style: none;
	padding: 0 0 46px 20px;
	margin-top: 81px;
}
header .menu > ul:last-child li {
	margin: 22px 0;
}
header .menu > ul:last-child li a {
	text-transform: uppercase;
	font-size: 11.5px;
	letter-spacing: 0.5px;
	color: white;
}
.select {
	position: relative;
    color: #fff;
	padding: 13px;
	font-weight: 400;
}
.select .selected {
	position: relative;
	cursor: pointer;
}
.filter .select .selected::after {
	right: 31px;
}
.select-parent .close {
	cursor: pointer;
	position: absolute;
	width: 13px;
	height: 13px;
	background: transparent;
	pointer-events: none;
	opacity: 0;
	top: 0;right: 35px;bottom: 0;
	margin: auto;
	transition: all 0.4s ease;
	z-index: 1;
}
.select-parent .close::after,
.select-parent .close::before {
	content: '';
	background: white;
	width: 100%;
	position: absolute;
	height: 2px;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
}
.select-parent .close::after {
	transform: rotate(45deg);
}
.select-parent .close::before {
	transform: rotate(-45deg);
}
.select-parent.filled .close {
	opacity: 1;
	pointer-events: all;
}
.select-parent.filled .selected::after {
	opacity: 0;
}
.select .selected::after {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20px;
	width: 10px;
	transition: all 0.4s ease;
	content: '';
	height: 10px;
	background: url('../images/icons/arrow-white.svg') 0%/contain no-repeat;
	opacity: 1;
	transition: var(--transition);
	transform: rotate(90deg);
}
.select.opened .selected::after {
	transform: rotate(270deg);
}
header .select .options > * {
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	padding: 2px 5px;
}
.select .options > * {
	padding: 4px 25px;
	margin: 5px 0;
	opacity: 1;
	display: block;
	cursor: pointer;
}
.select .options > *.locked {
	opacity: 0.4;
	pointer-events: none;
}
.select .options {
	position: absolute;
	top: 100%;
	left: 0;
	max-height: 0;
	width: 100%;
	overflow: hidden;
	background: black;
	transition: var(--transition);
	overflow-y: auto;
}
.select .options::-webkit-scrollbar {
	width: 5px;
}
  
.select .options::-webkit-scrollbar-track {
	background: black;
}
.select .options::-webkit-scrollbar-thumb {
	background: #888;
}
 .select .options::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.recipes-container {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.related.others .recipes {
	margin: -2.5px 0;
}
.related.others .recipes .item-container {
	padding: 2.5px 0;
}
.recipes .item-container {
	width: 100%;
	padding: 0;
	display: block;
}
.recipes .item-container img {
	transform: scale(1);
	transition: var(--transition);
}
.recipes .listing .item-container:hover img {
	transform: initial;
}
.recipes .listing .item-container .item a:hover img {
	transform: scale(1.2);
	will-change: transform;
}
.recipes .item-container .item:hover img {
	transform: scale(1.2);
	will-change: transform;
}
.content {
	padding: 60px 0;
}
.content.products-listing,
.content.contacts {
	padding-bottom: 0;
}
.content.contacts {
	padding-top: 0;
}
h1.title {
	font-size: 40px;
	text-align: center;
}
.switch-sides {
	position: relative;
}
.switch-sides .item {
	margin-bottom: 45px;
}
.switch-sides > .stamp {
	max-width: 40px;
	position: absolute;
	top: 20px;
	right: 20px;
}
.hp-tips .video-container > .slider,
.hp-tips .video-container > .slider .slide {
	position: relative;
}
.hp-tips .video-container > .slider .slide[data-domain]::after {
	content: "";
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
	background: url(/images/youtube.svg) no-repeat;
	background-size: cover;
	width: 58px;
    height: 50px;
}


.blog .container {
	max-width: 1294px;
	padding: 0 20px;
}
.filter {
	justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    margin-bottom: 60px;
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.filter  > * {
	padding: 5px 0;
	width: 100%;
}
.filter .select-parent {
	width: 100%;
	position: relative;
	z-index: 1;
}
.filter .select-parent.filled .select {
	background: var(--green);
	pointer-events: none;
}
.filter .select-parent:nth-child(1) {
	z-index: 3;
}
.filter .select-parent:nth-child(3) {
	z-index: 1;
}
.filter .select-parent:nth-child(2) {
	z-index: 2; 
}
.filter .select .options > *:first-child {
	margin-top: 10px;
}
.filter .select .options > *:last-child {
	margin-bottom: 10px;
}
.template .filter .search {
	width: 100%;
	padding-right: 60px
}
.template .filter .search,
.template .filter .search input::-webkit-input-placeholder,
.template .filter .search input::placeholder {
	font-family: var(--font-family-2);
}
.filter .search i,
.template .filter .search input,
.template .filter .search input::-webkit-input-placeholder,
.template .filter .search input::placeholder {
	color: white; 
}
.filter .search i {
	cursor: pointer;
	position: absolute;
	top: 0;
    right: 32px;
	bottom: 0;
	margin: auto;
	font-size: 12px;
	display: flex;
    align-items: center;
}
.filter .search input {
	width: 100%;
	background: transparent;
	border: 0;
	outline: 0;
}
.filter .select,
.filter .search {
	background: var(--brown);
}
.filter .select > .selected,
.filter .search {
	padding: 20px 25px;
	position: relative;
}
.filter .select {
	position: relative;
	transition: all 0.4s ease;
	padding: 0;
}
.template .listing.off {
	opacity: 0;
}
.template .listing {
	transition: all 0.3s ease;
}
.contacts > .container {
	padding-top: 60px;
	width: 100%;
}
.contacts > .container > div {
	margin: 80px auto;
	max-width: 60vw;
	text-align: center;
}
.contacts > .container > div:first-child {
	margin-top: 0;
}
.contacts > .container > div:last-child {
	margin-bottom: 0;
}
.contacts > .container > div h2 {
	font-family: var(--font-family-1);
	margin: 25px 0 15px 0; 
	line-height: 1.2;
}
.contacts > .container > div h2 + h3 {
	line-height: 1.7;
}
.contacts > .container > div i {
	color: var(--green);
	font-size: 50px;
	margin: 0 auto;
}
.contacts > .container > div:nth-child(2) i {
	transform: rotateY(180deg);
}
.content.contacts > .form {
	background: url('/images/contacts-bg.jpg') 0%/cover;
	padding: 40px 0;
}
.content.contacts > .form > .template {
	background: transparent;
}
.content.contacts > .form > .template p {
	color: white;
}
.content.contacts > .form .title {
	font-size: 24px;
	font-family: var(--font-family-1);
	margin-bottom: 10px;
	text-transform: initial;
}
.content.contacts > .form .title + p {
	margin: 0 0 30px 0;
	font-family: var(--font-family-2);
	font-size: 16px;
}
.content.contacts .template .form .input-wrapper input:focus + label,
.content.contacts .template .form .input-wrapper input[placeholder] + label,
.content.contacts .template .form .input-wrapper textarea:focus + label,
.content.contacts .template .form .input-wrapper textarea[placeholder] + label,
.content.contacts .template .form .input-wrapper.filled label {
    transform: translateX(0);
    font-size: 12px;
}
.content.contacts .button {
	color: white;
}
.content.contacts .button::before {
	border: 2px dotted var(--green);
}
.content.contacts .template .form input,
.content.contacts .template .form textarea,
.content.contacts .template .form select {
	appearance: none;
	-webkit-appearance: none;
	font-family: var(--font-family-2);
	font-size: 16px;
	font-weight: 400;
	color: white;
	line-height: 1;
	width: 100%;
	padding: 15px 0;
	background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--green);
    resize: none;
	transition: var(--transition);
}
.content.contacts .template .form input.not-filled,
.content.contacts .template .form textarea.not-filled {
    border-bottom: 1px solid var(--warning);
}
.content.contacts .template .form textarea {
	line-height: 1.5;
}
.content.contacts .template .form select {
	line-height: 1.4;
}

.content.contacts .template .form .warning {
	text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: var(--warning);
    height: 20px;
    margin: 0;
    margin-top: 10px;
    line-height: 20px;
    padding-left: 35px;
    position: relative;
}
.content.contacts .template .form .warning::before {
    content: "!";
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--warning);
    border-radius: 100%;
    font-size: 17px;
    font-weight: 500;
    color: white;
    text-align: center;
}

.content.contacts .template .form .checkbox-wrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.content.contacts .template .form input[type='checkbox'],
.content.contacts .template .form input[type='radio'] {
	display: none;
}
.content.contacts .template .form input[type='checkbox'] + label,
.content.contacts .template .form input[type='radio'] + label {
	display: inline-block;
	vertical-align: middle;
	height: 23px;
	width: 23px;
	background-color: white;
	cursor: pointer;
	position: relative;
	border: 1px solid #d0d1d1;
	transition: var(--transition);
}
.content.contacts .template .form input[type='radio'] + label {
	border-radius: 100%;
}
.content.contacts .template .form input[type='checkbox'].not-filled + label,
.content.contacts .template .form input[type='radio'].not-filled + label {
	border: 1px solid var(--warning);
}
.content.contacts .template .form input[type='checkbox'] + label::before,
.content.contacts .template .form input[type='radio'] + label::before {
	content: "";
	position: absolute;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	transition: var(--transition);
}
.content.contacts .template .form input[type='checkbox'] + label::before {
	top: -2px;bottom: 0;
	left: 0;right: 0;
	width: 5px;
	height: 10px;
	border-right: 2px solid var(--black);
	border-bottom: 2px solid var(--black);
	transform: rotate(45deg);
}
.content.contacts .template .form input[type='radio'] + label::before {
	top: 0;bottom: 0;
	left: 0;right: 0;
	width: 7px;
	height: 7px;
	background-color: var(--black);
	border-radius: 100%;
}
.content.contacts .template .form input[type='checkbox']:checked + label::before,
.content.contacts .template .form input[type='radio']:checked + label::before {
	opacity: 1;
}

.content.contacts .template .form input[type='checkbox'] + label + label,
.content.contacts .template .form input[type='radio'] + label + label {
	display: inline-block;
	padding-left: 10px;
	color: var(--grey);
    font-weight: 300;
	line-height: 1.25;
	flex: 1;
	margin-top: 2px;
	cursor: pointer;
}

.content.contacts .template .form .lower {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.content.contacts .template .form .lower span {
	min-width: 100%;
	align-self: flex-end;
}
.content.contacts .template .form .input-wrapper {
    padding-top: 12px;
    position: relative;
}
.content.contacts .template .form .row > div:last-child {
	margin-top: 40px;
}
.content.contacts .template .form .row > div:last-child a {
	padding: 14px 36px;
}
.content.contacts .template .form .row > div {
    padding: 10px;
    font-size: 0;
}
.content.contacts .template .form .input-wrapper label {
    position: absolute;
    top: 0;
    transform: translateY(30px);
    pointer-events: none;
    transition: var(--transition);
}
.content.contacts .template .form label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: white;
    line-height: 1;
	margin: 0;
	opacity: 0.4;
}
.content .template .form .input-wrapper input:focus + label, .content .template .form .input-wrapper input[placeholder] + label, .content .template .form .input-wrapper textarea:focus + label, .content .template .form .input-wrapper textarea[placeholder] + label, .content .template .form .input-wrapper.filled label {
    transform: translateX(0);
    font-size: 12px;
}
.content .template .form .honey-input, 
form .honey-input {
    position: fixed;
    top: -100%;
    left: -100%;
}
.form input:-webkit-autofill,
.form input:-webkit-autofill:hover, 
.form input:-webkit-autofill:focus,
.form textarea:-webkit-autofill,
.form textarea:-webkit-autofill:hover,
.form textarea:-webkit-autofill:focus,
.form select:-webkit-autofill,
.form select:-webkit-autofill:hover,
.form select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
	transition: background-color 500000s ease 0s;
}
.contacts a {
	color: var(--green);
	font-weight: 300;
}
.banner .article-info {
	margin-top: 20px;
    display: flex;
    width: 100%;
    text-align: center;
	justify-content: center;
	display: flex;
    flex-wrap: wrap;
}
.banner .article-info > *:last-of-type {
	margin-top: 15px;
}
.banner .article-info > * {
	text-transform: initial;
	font-size: 21px;
	font-family: var(--font-family-1);
	font-weight: normal;
}
.banner .article-info a {
	color: var(--green);
	margin-left: 10px;
}
.article-img {
	margin-bottom: 40px;
}
.article-img img {
	width: 100%;
	object-fit: cover;
}
.content.beige-bg {
	background: var(--bg-color2);
	margin-top: -20px;
}


.content:not(.beige-bg) {
	background: url(/images/products-bg.jpg) 0%/contain repeat;
	
}
.content.range4 {
	background: url(/images/products-bg.jpg) 0%/contain repeat;
}
.content.where-buy {
	background-size: initial;
	background-position-y: 0%;
	
}
.article-img + .template .container {
	padding: 0;
}
.article-nav {
	margin-top: 45px;
	background: rgba(255,255,255,0.4);
	padding: 30px 0;
}
.article-nav .nav {
	display: flex;
	justify-content: space-between;
}
.article-nav .nav .row > * > a::before {
	border: 2px dotted var(--green);
}
.article-nav .nav .row > * > a {
	color: var(--brown);
	font-size: 11px;
	font-family: var(--font-family-4);
	padding: 13px 30px;
}
.content .template * + .listing.related {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
}
.article .related > p {
	width: 100%;
	text-align: center;
	font-family: var(--font-family-1);
	color: #323232;
	margin: 0 0 40px 0;
	font-size: 27px;
}
.article .related p {
	width: 100%;
}
.content > .stamp {
	position: fixed;
	width: 70px;
	height: 70px;
	right: 10px;
	bottom: 10vh;
	z-index: 10;
}
.article-nav .nav .row > *:nth-child(2) {
	text-align: center;
}
.article-nav .nav .row {
	justify-content: center;
}
.article-nav .nav .row > * {
	margin: 10px auto;
	text-align: center;
}
.content.subscribe {
	padding: 80px 0;
}
.content.subscribe .form-container {
	max-width: 602px;
	margin: 0 auto;
	padding: 0 20px;
}
.content.subscribe .form-container > .form {
	padding: 20px;
	background: white;
}
.content.subscribe .template .form .input-wrapper {
	padding-top: 10px;
}
.content.subscribe .form .template {
	background: transparent;
	padding: 0;
}
.content.subscribe .form .template .title {
	text-align: center;
	font-size: 30px;
	font-family: var(--font-family-1);
	color: var(--black);
	text-transform: initial;
	margin-top: 10px;
}
.content.subscribe .form .template .form .row {
	margin: -20px;
}
.content.subscribe .form .template .form .row > * {
	padding: 20px;
}
.content.subscribe .form .template .form .row > .lower {
	margin-top: 20px;
}
.content.subscribe .form .template .form .row a::before {
	background: var(--green);
	border: 0;
}
.content.subscribe .form .template .form .row a span {
	color: white;
	position: relative;
	z-index: 1;
}
.content.subscribe .form .template .form .row > span {
	width: 100%;
	text-align: center;
	font-size: 12px;
}
.filter-container {
	margin-bottom: 60px;
	position: relative;
	z-index: 3;
}
.recipes > .container > .title {
	user-select: none;
	font-size: 60px;
	letter-spacing: -1.2px;
	text-align: center;
	font-family: var(--font-family-3);
	color: #231f20;
	margin-bottom: 40px;
	margin-top: 0;
	line-height: 1;
	font-weight: 300;
}
.recipes .listing .items .item-container .hover {
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	max-width: 80px;
	max-height: 80px;
	top: 19px;left: 19px; 
	transform: translate(0,0);
	transition: all 0.4s ease;
}
.banner .subtitle {
	font-size: 18px;
	font-weight: normal;
	font-family: var(--font-family-2);
	text-transform: initial;
	max-width: 870px;
	line-height: 1.33;
	margin: 25px auto 0 auto;
}
header .search > div {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background: url(/assets/img/lupe-white.svg) 0%/contain no-repeat;
}
.recipes .listing .load-more {
	margin: 40px 0 0 0;
	padding: 17px 32px;
}
.content.recipes-listing {
	padding-bottom: 0;
	background: url(/images/list-bg_sm.jpg) 0%/contain repeat;
}
.content.recipes-listing .template {
	background: transparent;
}
.content.recipes-listing .container .item .subtitle {
	color: #323232;
}
.recipes-listing >.template > .recipes {
	padding-bottom: 100px;
}
.recipes-listing >.template > .recipes + .template {
	background: rgba(255,255,255,0.4);
}
.related + .template,
.recipes-listing >.template > .recipes + .template {
	padding: 70px 0;
}
.filter > .clean-wrapper {
	width: 100%;
	display: flex;
    justify-content: flex-end;
}
.filter > .clean-wrapper > a.disabled {
	opacity: 0.4;
	pointer-events: none;
}
.filter > .clean-wrapper > a {
	opacity: 1;
	transition: all 0.4s ease;
	user-select: none;
	position: relative;
	text-align: right;
	color: #323232;
	font-size: 12px;
	padding-left: 20px;
}
.filter > .clean-wrapper > a::after {
	transform: rotate(45deg);
}
.filter > .clean-wrapper > a::before {
	transform: rotate(-45deg);
}
.filter > .clean-wrapper > a::after,
.filter > .clean-wrapper > a::before {
	width: 10px;
	height: 1px;
	position: absolute; 
	left: 0;
	top: 0;bottom: 0;
	margin: auto;
	content: '';
	background: black;
}
.subscribe-us .container > *:last-child {
	margin: 0;
	width: 100%;
	max-width: 435px;
	height: 40px;
}
.recipe-page .banner {
	height: 374px;
}
.recipe-page .banner .bg {
	filter: brightness(100%);
}
.recipe-page .recipe .img {
	position: absolute;
	top: -40px;
	left: 0;
	width: 176px;
	height: 176px;
}
.recipe-page .recipe .img::after {
    position: absolute;
    bottom: 0px;
    right: -50px;
    width: 60px;
    height: 48px;
    content: '';
    transform: rotateX(190deg) rotateY(190deg) rotateZ(260deg);
	background: url(/images/icons/recipe_arrow.svg) 0%/contain no-repeat;
}
.recipe-page .content {
	padding: 0;
}
.recipe-page .content,
.recipe-page .content .recipe {
	position: relative;
}
.recipe-page .recipe .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.recipe-page .recipe .top-wrapper {
	padding: 160px 20px 30px 20px;
	background: #231f20;
}
.recipe-page .top .info {
	max-width: 60%;
	margin-left: auto;
	display: flex;
	flex-direction: column;
}
.recipe-page .top .info p {
	position: relative;
	margin: 0;
	color: white;
	font-family: var(--font-family-3);
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.48px;
	text-align: right;
	margin-bottom: 15px;
	line-height: 1;
}
.recipe-page .top .info p + a::before {
	border: 2px dotted var(--green);
}
.recipe-page .top .info p + a {
	margin-top: 10px;
	margin-left: auto;
	color: white;
	padding: 16px 24px;
}
.recipe-page .top .details {
	margin: 50px -7px 0 -7px;
	display: flex;
}
.recipe-page .top .details > * {
	width: 33.333%;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 7px;
}
.recipe-page .top .details > *:nth-child(2) {
    justify-content: center;
}
.recipe-page .top .details > *:last-child {
	justify-content: flex-end;
}
.recipe-page .top .details > * > span {
	color: white;
	font-family: var(--font-family-3);
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	max-width: 35px;
	display: flex;
}
.recipe-page .top .details > *> img {
	width: 44px;
	margin-right: 6px;
	object-fit: contain;
}
.recipe-page .main {
	padding: 60px 0;
	position: relative;
}
.recipe-page .main h1 {
	text-transform: uppercase;
	font-weight: 300;
	text-align: center;
	font-family: var(--font-family-3);
	letter-spacing: -1.44px;
	color: #231f20;
	font-size: 36px;
	margin-bottom: 30px;
}
.recipe-page .main div > div > h2 {
	color: var(--green);
	letter-spacing: -0.48px;
	text-align: left;
	font-size: 24px;
	font-family: var(--font-family-1);
	margin-bottom: 10px;
	font-weight: 300;
	line-height: 1;
} 
.recipe-page .main div > div > h2 + .template p {
	font-family: var(--font-family-2);
}
.recipe-page .main h1 + div > div {
	margin-top: 40px;
}
.recipe-page .main + .tips {
	background: #231f20;
	padding: 70px 0 40px 0;
	position: relative;
	color: white;
}
.recipe-page .main + .tips > .container > .top-container > p:first-child {
	font-family: var( --font-family-3);
	letter-spacing: -1.1px;
	font-size: 45px;
	line-height: 1.1;
	text-transform: uppercase;	
}
.recipe-page .main + .tips > .container > .top-container > p:nth-child(2) {
	font-size: 24px;
	font-family: var(--font-family-1);
	line-height: 1;
	margin: 0 0 40px 0;
}
.recipe-page .main + .tips .template {
	background: transparent;
}
.recipe-page .main + .tips .template p {
	opacity: 1;
	color: white;
}
.stamp-tips {
	position: absolute;
	top: -100px;
	background: var(--green);
	border-radius: 100%;
	padding: 10px;
	width: 80px;
	height: 80px;
}
.stamp-tips img {
	width: 100%;
}
.recipe .related {
	position: relative;
	background: #f2f0f0;
	padding: 45px 20px 70px 20px;
}
.recipe .related > p {
	text-align: center;
}
.recipe .related > a {
	margin-top: 50px;
}
.recipe .related > a.button {
	color: #323232;
	padding: 12px 30px;
}
.recipe .related > a.button::before {
	border-color: var(--green);
}
.related .top-container {
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.recipe .related .top-container {
	margin: 0 0 30px 0;
	text-align: center;
	padding: 0 20px;
	display: flex;
}
.recipe .related .top-container > * {
	position: relative;
}
.recipe-page .banner .bg {
	position: relative;
}
.recipe-page .banner .bg::after {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(to bottom, rgb(0,0,0) 1%, rgba(0,0,0,0) 50%);
	z-index: 2;
}
.recipe-page .main > .container {
	max-width: 1075px;
	margin: 0 auto;
	padding: 0 20px;
}
.recipe .related .title {
	font-weight: 300;
}
.recipe-page .content .main > img {
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;left: 0;
	height: 100%;
}
.recipe-page .content .template {
	background: transparent;
}
.related .top-container > .subtitle {
	display: inline-block;
}
.content .list.switch-sides .container {
	margin: 70px 0;
}
.content .list.switch-sides .container .item .bg img,
.content .list.switch-sides .container .item .bg {
	width: 100%;
	position: relative;
}
.content .listing-meals .container .item .description::after {
    position: absolute;
    content: '';
	top: 230px;
    left: 50%;
    transform: translateX(-90%) rotateX(
189deg
) rotateY(
-180deg
) rotateZ(
-30deg
);
    width: 31px;
    height: 58px;
    background: url(/images/icons/recipe_arrow-black.svg) 0%/contain no-repeat;
}
.content .listing-meals .container .item .description {
	margin: 30px 0 0 0;
}
.content .list.switch-sides .container .item .bg + .description {
	position: relative;
	text-align: center;
	color: inherit;
	padding: 0 40px;
	margin: 67px 0 0 0;
}
.content .list.switch-sides .container .item .bg + .description > .title {
	color:  var(--brown);
	margin: 0;
	line-height: 1;
}
.content .list.switch-sides .container .item .bg + .description .subtitle {
	margin: 21px 0 17px 0;
}
.content.ready .list.switch-sides .container .item:nth-child(odd) .bg + .description .subtitle {
	text-align: left;
}
.content.ready .list.switch-sides .container .item .bg + .description .subtitle {
	color: var(--green);
}
.content .container .item .price s {
	font-size: 16px;
}
.content .container .item .price > p:first-child {
	margin-bottom: 10px;
}
.content .container .item .price > p {
	font-size: 12px;
	line-height: 1;
	margin: 0;
}
.content .listing-meals .container .item .product-details,
.content .list.switch-sides .container .item .product-details {
	margin: 24px 0;
}
.content .list.switch-sides .container .item .product-details {
	font-size: 14px;
	font-weight: normal;
	color: var(--black);
}
.content.ready .list.switch-sides .container .item .product-details {
	margin: 14px 0 27px 0;
}

.content .container .item .price s,
.content .container .item .price > p {
	color: #a6a5a6;
	font-weight: normal;
}
.content .container .item .price span {
	font-weight: bold;
  	color: var(--brown);
}

.content .list.switch-sides .container .item .price{
	text-align: left;
}
.content .list.switch-sides .container .item .description::after {
	position: absolute;
    content: '';
    top: -70px;
    left: 50%;
    transform: translateX(-50%) rotateX(189deg) rotateY(0deg) rotateZ(-30deg);
    width: 31px;
    height: 58px;
	background: url(/images/icons/recipe_arrow-black.svg) 0%/contain no-repeat;
}
.content .container .item .bg .product-stamp {
	position: absolute;
	display: flex;
	width: 100%;
	height: 90px;
	right: 0px;
	top: 0; 
	justify-content: flex-end;
}
.content .container .item .bg .product-stamp > *:last-child {
	margin-right: 0;
}
body section.content .container .item .bg .product-stamp > img:not([data-src]) {
	margin: 0 6px;
	height: 100%;
	width: 70px;
	position: relative;
	filter: blur(0);
	object-fit: contain;
}
.products-list > .list .item.red {
	color: var(--red);
}
.products-list > .list .item.light-blue {
	color: #4dc4e4;
}

/* COLORS */
.list .item.blue {
	color: #006cb7;
}
.list .item.yellow {
	color: #ef9c00;
}
.list .item.pink {
	color: #ad4886;
}
.list .item.red {
	color: var(--red);
}
.list .item.green {
	color: var(--green);
}
.list .item.dry-green {
	color: var(--dry-green);
}
.list .item.aquamarine {
	color: #02b398;
}
/****/

.list .item .button {
	color: inherit;
}
.list .item .button span {
	color: var(--brown);
}
.list .item .subtitle {
	color: inherit;
}
.products-list .related > a {
	margin-top: 30px;
}
.content .related {
	padding: 45px 0 70px 0;
}

.btns-wrapper .button {
	color: var(--product-color);
}

.product.summary .button.filled::before,
.related .button.filled::before {
	background: var(--green);
	border: 0;
}
.button.filled::before {
	background: currentColor;
}

.button.filled span {
	color: white;
	font-weight: 300;
}
.related .top-container .subtitle {
	font-size: 22px;
}
.related.others .item .hover > * {
	color: white;
	position: relative;
	z-index: 2;
} 
.related.others .recipes .item .hover .subtitle {
	font-size: 20px;
	font-weight: normal;
	text-align: center; 
	width: 100%;
	color: white;
}
.related.others .recipes .item .hover p.title {
	margin: 13px 0;
	font-size: 32px;
}
.related.others .recipes .item .hover .subtitle a::before {
	border: 2px dotted var(--green);
}
.related.others .recipes .item .hover .subtitle a {
	font-size: 11px;
	font-weight: 800;
	font-family: var(--font-family-4);
}
.related.others .recipes .item .hover .button-sm {
	color: white;
	margin-top: auto;
}
.related.others .recipes .item .hover .button-sm::before {
	border-color: var(--green);
}
.related.others .recipes .item-container > a {
	display: block;
}

.banner + .product .btns-container .ammount {
    width: 100%;
    max-width: 116px;
    position: relative;
	border: 2px dotted white;
    border-radius: 30px;
    padding: 13px 20px;
	height: 100%;
	margin: 28px auto 22px auto;
    transition: all 0.4s ease;
}
.banner + .product .btns-container .ammount .ammount-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.banner + .product .btns-container .ammount .number {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-40%);
    color: var(--secondary);
    font-weight: normal;
	font-size: 20.5px;
}
.banner + .product .btns-container .ammount .ammount-btns > * {
	align-self: center;
	position: relative;
	cursor: pointer;
}
.banner + .product .btns-container .ammount .ammount-btns .less.disabled {
    pointer-events: none;
    opacity: 0.2;
}
.banner + .product .btns-container .ammount .ammount-btns .less {
    transition: all 0.3s ease;
	opacity: 1;
	width: 10px;
	padding: 7px;
}
.banner + .product .btns-container .ammount .ammount-btns > .less::after {
    width: 100%;
    height: 1px;
    top: 50%;
	left: 0;
    position: absolute;
    content: '';
    background: #76bd1d;
}
.banner + .product .btns-container .ammount .ammount-btns > .more {
    position: relative;
    width: 10px;
    height: 10px;
}
.banner + .product .btns-container .ammount .ammount-btns > .more::after,
.banner + .product .btns-container .ammount .ammount-btns > .more::before {
    width: 100%;
    position: absolute;
    top: 50%;left: 0;
    height: 1px;
    background: var(--green);
    content: '';
    transform: translateY(-50%);
}
.banner + .product .btns-container .ammount .ammount-btns > .more::before {
    transform: translateY(-50%) rotate(90deg);
}

.banner + .product.summary {
	padding: 40px 0;
	background: #231f20;
	color: white;
}
.banner + .product.summary > .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.banner + .product.summary .subtitle {
	color: var(--green);
	margin-bottom: 10px;
}
.banner + .product.summary .title {
	color: white;
}
.banner + .product.summary .price {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
}
.price span {
	color: var(--green);
	font-family: 'Apex New';
	font-weight: bold;
}
.banner + .product.summary .price p {
	margin: 5px 0 0 0;
	font-size: 12px;
}
.product.page .template {
	background: transparent;
}
.product.page .template .template-module:first-of-type,
.content.ready .template .template-module:first-of-type{
	padding-top: 0px;
}
.product.page .template .template-module:last-of-type,
.content.ready .template .template-module:last-of-type{
	padding-bottom: 40px;
}
.content.ready .template{
	/*background: none;*/
}

.template .template-module .title{
	margin-bottom: 25px
}


@media(min-width:768px){
	.product.page .template .template-module:first-of-type,
	.content.ready .template .template-module:first-of-type{
		padding-top: 40px;
	}
	.product.page .template .template-module:first-of-type,
	.content.ready .template .template-module:first-of-type{
		padding-top: 80px;
	}
	.product.page .template .template-module:last-of-type,
	.content.ready .template .template-module:last-of-type{
		padding-bottom: 80px;
	}
	.content:not(.beige-bg) {
		background: url(/images/products-bg.jpg) 0%/contain repeat;
		background-attachment: fixed;
		background-size: cover;
	}
}
.content.range3 {
	background: url(/images/bg_range3.jpg) 0%/contain repeat;
	margin-top: -20px;
}
@media(min-width:992px){
	.content {
		padding: 100px 0;
	}
	.switch-sides .item {
		margin-bottom: 0;
	}
	.product.page .info-wrapper .template .template-module:first-of-type,
	.ready.page .info-wrapper .template .template-module:first-of-type{
		padding-top: 0px;
	}

	.page .info-wrapper .info .container > div:first-of-type .template .template-module{
		padding-bottom: 0px;
	}

	.page .info-wrapper .info .container > div:last-of-type .template .template-module{
		padding-bottom: 60px;
	}
	
	
	.product.page .template .template-module:first-of-type{
		padding-top: 100px;
	}
	
	.content.ready:not(.beige-bg) .template .template-module:first-of-type{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.content.ready.beige-bg div:not(.ready-module) .template .template-module:first-of-type{
		padding-top: 0px;
	}

	.content.ready.beige-bg.range2 .template .template-module:first-of-type,
	.content.ready.beige-bg.range3 .template .template-module:first-of-type{
		padding-top: 0;
	}
	
	.product.page .template .template-module:last-of-type,
	.content.ready .template .template-module:last-of-type{
		padding-bottom: 100px;
	}
	.product.page .preparation .template .template-module:last-of-type{
		padding-bottom: 0px;
	}
}

.product.page .template-module:first-of-type li{
	margin-bottom: 15px;
} 

.product.page .info > .container .template .template-module:last-of-type h2{
	margin-bottom: 0;
}
.product.page .info > .container .template .template-module:last-of-type h3{
	margin-top: 0;
}

.product.page .info .preparation .template .template-module h2{
	margin-bottom: 20px;
}
.product.page .info .preparation .template .template-module h2 + h3{
	margin-top: 15px;
}
.product.page .info .preparation .template .template-module h3{
	margin-top: 30px;
	margin-bottom:	35px;
}

.product.page .template-module:last-of-type table,
.ready.page .template-module:last-of-type table {
    margin: 3em 0 .5em;
}

.product.page .template p small,
.ready.page .template p small{
	font-family: var(--font-family-5);
	font-size: 12px;
}
.page .btns-wrapper {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	padding: 0;
}

.page .btns-wrapper.dry-geen .button:not(.filled)::after {
	border-color: var(--dry-green);
}
.page .btns-wrapper.dry-geen .button.filled::after {
	background: var(--dry-green);
}
.filled span {
	color: white;
}
.page .btns-wrapper > *:first-child {
	margin-bottom: 10px;
}
.product.page .info-wrapper > .info > *:last-child {
	padding: 60px 0;
}

.page .info-wrapper > .info .ul p {
	color: var(--product-color);
}

.page .info-wrapper > .info .ul p {
	margin-top: 0;
	font-size: 24px;
	font-family: var(--font-family-1);
}
.page .info-wrapper > .info .ul ul {
	padding-left: 2em;
}
.page .info-wrapper > .info .ul ul li {
	position: relative;
	margin-bottom: 15px;
}
header.black {
	background-image: url(/images/header_shop.png);
    background-size: contain;
	background-repeat: repeat-x;
}
.content .template ul li img,
.content .template ul li svg {
	width: 22px;
	height: 20px;
	position: absolute;
	left: -32px;
}

.template-module table {
	margin: 6.5em 0;
}
.template-module table tbody tr:first-child td {
	color: var(--black);
	font-family: var(--font-family-2);
}
.template-module table tr td,
.template-module table tr th {
	background: rgba(255,255,255,0);
	padding: 18px 10px;
}
table {
	font-size: 12px;
	width: 100%;
	border-spacing: 0;
	border-color: rgba(211,211,211, 0.3);
	background: white;
}
table tr td {
	color: #929191;
	font-family: var(--font-family-5);
	text-align: left;
}
table tr td,
table tr th {
	background: rgba(255,255,255,0.9);
	padding: 18px 10px;
}
table tr th {
	font-family: var(--font-family-2);
	color: var(--black);
	text-transform: uppercase;
	text-align: left;
}
.product.page .preparation {
	padding: 50px 20px;
	position: relative;
}
.product.page .preparation >* {
	z-index: 1;
	position: relative;
}
.product.page .preparation::after {
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
	opacity: 0.85;
	background: var(--product-color);
	content: '';
}
.product.page .preparation img {
	padding: 0 15px;
	width: 100%;
}
.product.page .preparation .template p a {
	text-decoration: underline;
}
.product.page .preparation .template p a,
.product.page .preparation p,
.product.page .preparation h2,
.product.page .preparation h4,
.product.page .preparation h5,
.product.page .preparation li {
	color: white;
	font-weight: 300;
}
.product.page .preparation h3 {
	color: white;
	margin: 1rem 0;
}
.product.page .preparation img {
	margin-bottom: 55px;
}
.product.page .preparation .template  ul li{
	margin-bottom: 0;
}
.product.page .preparation .template ul li::before {
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: 9px;
    margin-left: -1.8em;
    content: '';
    background: url(/images/icons/arrow-white.svg) 0%/contain no-repeat;
}
.product.page .preparation .template ol li::before {
    content: counter(item) ".";
    display: inline-block;
    width: 2em;
    margin-left: -2em;
    color: white;
    font-weight: 800;
}
.product.page .template .template-module ul li::before{
	position: absolute;
	width: 12px;
	height: 12px;
    margin-top: 9px;
	margin-left: -1.8em;
	content: '';
	background: url('/images/icons/arrow-green.svg') 0%/contain no-repeat;
}
.content .template .template-module ol li::before {
	content: counter(item) ".";
	display: inline-block;
	width: 2em;
	margin-left: -2em;
    color: var(--green);
    font-weight: 800;
}
.product.page {
	padding-bottom: 0;
}
.product.page .related.others {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.product.page .related.others > a {
	transform: translate(0,0);
	left: 0;
}
.product.page .related.others > a:last-child {
	margin-top: 20px;
}
.content.where-buy .container,
.product.page .preparation .container,
.product.page .info-wrapper .container {
	max-width: 1084px;
}
.page .info-wrapper .info .container > div {
	margin-bottom: 60px;
}
.recipe .related {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.recipe .related .buttons-wrapper {
	margin-top: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.recipe .related .buttons-wrapper > a:last-child {
	margin-top: 20px;
}
.ready {
	padding: 80px 0 0 0;
}
.ready .top {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px 60px 20px;
}
.ready .details .top .subtitle {
	color: var(--green);
	margin: 0;
	text-align: center;
	font-weight: 300;
}
.ready .details .info .top .subtitle {
	color: var(--black);
}
.ready .details .icon-list {
	margin: 60px 0;
	font-family: var(--font-family-6);
}
.ready .details .icon-list > div {
	display: flex;
	align-items: flex-start;
	margin: 20px 0;
}
.ready .details .icon-list > div > p {
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 1.6;
	font-size: 16px;
	padding-top: 18px;
}
.ready .details .icon-list > div > img {
	max-width: 51px;
	max-height: 51px;
	margin-right: 30px;
}
.ready .switch-sides + .info {
	background: white;
}
.ready .switch-sides + .info .bg img {
	width: 100%;
}
.ready.range .details .info-wrapper,
.ready.page .details .preparation-method .info-wrapper {
	background: url(/images/ardosia.jpg) 0%/cover no-repeat;
}
.ready.range .details .info .top .subtitle {
	font-size: 25px;
	font-family: var(--font-family-8);
	display: inline-block;
	text-align: left;
	margin-left: 20px;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.ready.range .details .info .top .subtitle::after,
.ready.range .details .info .top .subtitle::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	background: url(/images/icons/arabisco.svg) 0%/contain no-repeat;
}
.ready.range .details .info .top .subtitle::before {
	top: 0;
	left: -10px;
}
.ready.range .details .info .top .subtitle::after {
	right: -10px;
	bottom: 0;
	transform: rotateY(
		175deg
		);
}
.ready.range .details .info .top + .template ul,
.ready.range .details .info .top .subtitle {
	color: white;
	position: relative;
}

.ready:not(.page) .details .info-wrapper {
	padding: 48px 0 70px 0;

}
.ready .details .info .top {
	padding-bottom: 40px;
}
.ready .details .info .top + .template {
	background: transparent;
}
.ready .details .info .top + .template ul {
	margin: 0;
}
.ready .details .info .top + .template ul li:first-child {
	margin-top: 0;
}
.ready .details .info .top + .template ul li:last-child {
	margin-bottom: 0;
}
.ready:not(.page) .details .info-wrapper ul li {
	font-size: 16px;
	margin: 36px 0;
}
.ready .details .preparation-method .info-wrapper ul li {
	font-size: 15px;
	margin: 5px 0;
}
.preparation-method .info-wrapper ul li::before{
	margin-top: 3px;
}
.ready .details .info-wrapper ul {
	padding-left: 2.1em;
}
.content.page .template ul li::before,
.ready.page .details .info-wrapper ul li::before {
	content: none;
}
.ready .details div:not(.preparation-method) .info-wrapper ul li::before {
	margin-left: -2em;
    margin-right: 0.6em;
	width: 23px;
	height: 21px;
	margin-top:0;
	background: url(/images/icons/check-green.svg) 0%/contain no-repeat;
}
.ready .feedback {
	position: relative;
}
.ready .feedback > img {
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	filter: brightness(0.2);
}
.ready .feedback > .slider-wrapper {
	position: relative;
	z-index: 1;
	color: white;
	padding: 117px 20px 130px 20px;
}
.ready .feedback > .slider-wrapper::before {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 40px;
	content: '';
	background: url(/assets/img/quote-green.svg) 0%/contain no-repeat;
}
.ready .feedback > .slider-wrapper .slide {
	text-align: center;
}
.ready .feedback > .slider-wrapper .slide > p:first-child {
	font-size: 16px;
	font-family: var(--font-family-2);
	font-weight: normal;
	line-height: 1.38;
	width: 100%;
	margin: 0 auto 20px auto;
}
.ready .feedback > .slider-wrapper .slider-arrows {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
	opacity: 0.1;
}
.ready .feedback > .slider-wrapper .slider-arrows > * {
	pointer-events: all;
	width: 46px;
	height: 46px;
	background: url(/assets/img/slider-arrow.svg) 0%/contain no-repeat;
}
.ready .feedback > .slider-wrapper .slider-arrows > *:last-child {
	transform: rotate(180deg);
}
.ready .feedback > .slider-wrapper .slide > .title {
	font-size: 22px;
    font-weight: normal;
}
.ready > .info-wrapper {
	background: white;
	padding: 80px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
} 
.ready > .info-wrapper .top {
	padding-bottom: 30px;
}
.ready > .info-wrapper .top + img {
	max-width: 110px;
	margin: 0 auto;
}
.ready > .info-wrapper .top + img + p {
	text-align: center;
	line-height: 1.57;
	font-size: 14px;
	width: 100%;
	color: #858484;
	margin: 39px auto 0 auto;
}
.recipe .related > a.button {
	padding: 15px 35px;
}
.ready .details .top .subtitle {
	margin-top: 12px;
}
.preparation-method {
	position: relative;
}
.preparation-method > img {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}
.preparation-method .container {
	position: relative;
	z-index: 1;
	padding: 0px 20px;
	color: white;
}
.preparation-method .container p {
	margin-bottom: 0px;
	font-weight: 300;
}
.range3 .preparation-method .container .option .header,
.preparation-method .container .title {
	font-weight: 300;
}
.preparation-method .container .title strong {
	color: var(--green);
	font-weight: 300;
}
.preparation-method .container .option .header {
	background: rgba(255,255,255,0.1);
	padding: 20px 10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	border-radius: 15px;
	font-family: var(--font-family-3);
}
.preparation-method .container .option {
	display: flex;
	flex-wrap: wrap;
}
.preparation-method .container .option .header {
	width: 100%;
	margin-bottom: 48px;
}
.preparation-method .container .option .steps {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	counter-reset: counter 0;
}
.preparation-method .container .option .steps > * {
	width: 100%;
	padding-bottom: 40px;
	counter-increment: counter 1;
	position: relative;
}
.preparation-method .container .option .steps > * ::after {
	position: absolute;
	content: counter(counter);
	top: -15px;
	left: 0;
	right: 0;
	height: 30px;
	width: 30px;
	margin: auto;
	border-radius: 100%;
	text-align: center;
	color: #492905;
	font-size: 20px;
	font-weight: bold;
	justify-content: center;
	display: flex;
    align-items: center;
 	font-weight: bold;
	background: white;
	font-family: var(--font-family-3);
}

.content.range2 .preparation-method .container .option .steps > * img + p {
	margin-top: 27px;
}
.content.range2 .preparation-method .container .option .steps > * .step {
	padding: 37px 0 26px 0;
}
.preparation-method .container .option .steps > * .step {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,0.3);
	padding: 40px 0;
}
.preparation-method .container .option .steps > * img {
	height: 81px;
	padding: 0;
}
.preparation-method .container .option .steps > * img + p {
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	padding: 0 40px;
	line-height: 1.56;
}
.preparation-method > .container > .row > *:last-child {
	margin-top: 40px; 
}
.preparation-method .container > .title {
	margin-bottom: 40px;
}
.listing-meals {
	padding: 40px 0;
}
.listing-meals > .container img {
	width: 100%;
	transition: var(--transition);
}
.listing-meals > .container .bg a:hover img {
	transform: scale(1.02);
}
.listing-meals > .container .items {
	margin: 0 -20px;
}
.listing.listing-meals .items > *:not(hr):not(.button) {
	background: transparent;
}
.content .container .item .subtitle {
	color: var(--green);
}
.ready .details .template {
	background: transparent;
}
header .menu .wrapper .selected > span {
	font-size: 10px;
	color: white;
	text-transform: uppercase;
}
footer .top > .container > div > ul {
	margin: 20px 0 0 0;
}
footer ul {
    list-style: none;
    text-align: center;
    padding: 0;
	display: flex;
    margin-bottom: 20px;
}
footer .social + ul li img {
	filter: grayscale(1);
	opacity: 0.3;
}
.banner .bg + div.play-btn {
	padding: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	bottom: 40px;
	padding: 16px 30px;
}
.banner .play-btn span {
	padding-left: 25px;
	color: white;
	font-weight: 300;
}
.content.range2:not(.page):not(.beige-bg) {
	padding: 0;
}
.content.range2:not(.page):not(.beige-bg),
.content.range2.page .preparation-method {
	background: url(/images/range2_bg.jpg) 0%/contain repeat;
}
.banner .play-btn::after {
	position: absolute;
	top: 0;bottom: 0;left: 30px;
	margin: auto;
	width: 11px;
	content: '';
	background: url(/images/icons/play.svg) 0%/contain no-repeat;
}
.content.range2 .small-details {
	padding: 50px 30px;
	position: relative;
} 
.content.range2 .preparation-method::before,
.content.range2 .small-details::before {
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
	content: '';
	background: #c7873d;
	mix-blend-mode: multiply;
}
.content.range2 .preparation-method::before {
	opacity: 0.79;
}
.content.range2 .small-details::before {
	opacity: 0.2;
}
.content.range2 .small-details .container {
	margin: -20px;
	padding: 0;
	width: auto;
}
.content.range2 .small-details .container > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content.range2 .small-details .container > div > * {
	max-width: 50%;
	padding: 20px;
}
.content.range2 .small-details > * img {
	width: 100%;
}
.content.range2 .small-details > * p {
	color: var(--light-brown);
	text-align: center;
	font-family: var(--font-family-6);
}
.content.range2 .small-details > * img + p {
	text-transform: uppercase;
	letter-spacing: -0.36px;
	font-size: 18px;
	margin: 20px 0 10px 0;
}
.content.range2 .small-details > * img + p + p {
	font-size: 14px;
	letter-spacing: -0.28px;
}
.content.range2 .small-details + .details {
	padding: 75px 0 0 0;
}
.content.range2.ready .details .slider-container .top .title,
.content.range2.ready .details .top .subtitle {
	color: #c7873d;
}
.content.ready .list.switch-sides .container .item .button {
    padding: 14px 33px;
}
.content .list.switch-sides .container > .item:nth-of-type(even) .description::after {
    transform: translateX(-50%) rotateX(
	189deg
	) rotateY(
	-180deg
	) rotateZ(
	-30deg
	);
}
.content.range2.ready .list.switch-sides .container > .item:nth-of-type(1) .button::before {
	border-color: var(--marrom);
}
.content.range2.ready .list.switch-sides .container > .item:nth-of-type(1) .subtitle {
	color: var(--marrom);
}

.content.range2.ready .list.switch-sides .container > .item:nth-of-type(2) .button::before {
	border-color: var(--sandstone);
}
.content.range2.ready .list.switch-sides .container > .item:nth-of-type(2) .subtitle {
	color: var(--sandstone);
}

.content.range2.ready .list.switch-sides .container > .item:nth-of-type(3) .button::before {
	border-color: var(--marigold);
}
.content.range2.ready .list.switch-sides .container > .item:nth-of-type(3) .subtitle {
	color: var(--marigold);
}

.content.range2.ready .list.switch-sides .container > .item:nth-of-type(4) .button::before {
	border-color: var(--dry-green);
}
.content.range2.ready .list.switch-sides .container > .item:nth-of-type(4) .subtitle {
	color: var(--dry-green);
}
.content.range2.ready .slider-container {
	background-color: #1b1b1b;
	padding: 51px 8px 70px 8px;
}
.content.range2.ready .details .slider-container .top .subtitle {
	color: white;
}
.content.range2.ready .slider-container .item {
	display: flex;
	flex-direction: column;
}
.content.range2.ready .slider-container .slider-wrapper {
	position: relative;
}
.content.range2.ready .slider-container .slider .item {
	color: white;
	text-align: center;
	padding: 0 12px;
}
.content.range2.ready .slider-container .slider .item img {
	max-width: 160px;
	margin: 0 auto 17px auto;
}
.content.range2.ready .details .slider-container .top .title {
	margin: 17px 0;
}
.content.range2.ready .details .slider-container .top p:not(.title) {
	margin: 0;
}
.content.range2.ready .details .slider-container img ~ div {
	line-height: 1.38;
	font-size: 16px;
}
.content.range2.ready .details .slider-container .item .subtitle {
	font-size: 25px;
	letter-spacing: -0.5px;
	text-align: center;
	margin-bottom: 30px;
}
.banner .bg + div.play-btn {
	cursor: pointer;
}
.content.range2.ready .preparation-method .container .option .header {
	color: #492905;
}
.related .top-container .subtitle {
	font-weight: 300;
}
.preparation-method .container > .title {
	text-align: center;
	font-weight: 300;
}
.content .listing-meals .container .item .description h3 {
	padding-right: 0;
}
.preparation-method .container > .row {
	justify-content: center;
}
.content.range2 .slider-wrapper .slider-arrows .preview,
.content.where-buy .listing .container .item .description::after {
	display: none;
}
.content.where-buy .container .item .description .title {
	color: var(--black);
}
.content.where-buy .container .item .description .subtitle,
.content.where-buy .listing .container .item .description,
.content.where-buy .container .item .description .button-sm {
	color: inherit;
}
.content.where-buy .container .item .description .button-sm {
	cursor: pointer;
}
.content.where-buy .container .item .description .button-sm span {
	user-select: none;
}
.content.where-buy .item .logos-wrapper {
	position: absolute;
	background: white;
	width: 100%;
	left: 0;right: 0;
	top: calc(100% + 20px);
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	pointer-events: none;
}
.content.where-buy .item .logos-wrapper > * {
	padding: 20px;
	width: 100%;
	position: relative;
}
.content.where-buy .item .logos-wrapper > * .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	pointer-events: all; 
	z-index: 1;
}
.content.where-buy .item .logos-wrapper > * .close::after,
.content.where-buy .item .logos-wrapper > * .close::before {
	position: absolute;
	content: '';
	top: 0;left: 0;right: 0;bottom: 0;
	margin: 5px;
	height: 2px; 
	background: var(--black);
	opacity: 0.3;
}
.content.where-buy .item .logos-wrapper > * .close::after {
	transform: translateY(5px) rotate(-45deg);
}
.content.where-buy .item .logos-wrapper > * .close::before {
	transform: translateY(5px) rotate(45deg);
}
.content.where-buy .item.expand .logos-wrapper {
	opacity: 1;
	pointer-events: all;
}
.content.where-buy .logos-wrapper .logos {
	margin: -10px;
}
.content.where-buy .logos-wrapper .logos .container {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.content.where-buy .logos-wrapper .logos .container > * {
	padding: 10px;
	max-width: 50%;
}
.content.where-buy .logos-wrapper .logos .container > * img {
	object-fit: contain;
}
.content .listing-meals .container .item .description {
	position: relative;
}
.content.where-buy .item.expand .description::before {
	opacity: 1;
}
.content.where-buy .listing > .top > .title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 30px;
}
.content.where-buy .item .description::before {
    border-left: 44px solid transparent;
    border-right: 44px solid transparent;
    border-top: 20px solid white;
	opacity: 0;
	transform: rotateX(
		180deg
		);
	bottom: calc(-100% + 80px);
	position: absolute;
	content: '';
	z-index: 1;
}
.article-nav .nav .row > * {
	transition: all 0.4s ease;
}
.article-nav .nav .row > *.disabled {
	opacity: 0.4;
	pointer-events: none;
}
.content.beige-bg.article {
	padding-bottom: 0;
}
.hp-tips .video-container > .slider {
	max-width: 719px;
	margin: auto;
	padding: 0 20px;
}
.hp-tips .video-container .slick-dots {
	z-index: 3;
}
.hp-products-slider .bg + div.container {
	max-width: 1500px;
	padding: 0 20px;
	margin: 0 auto;
}
.hp-products-slider .slider-container {
	max-width: 1420px;
	margin: 52px auto 0 auto;
}
.ready .details .top + div .template .template-module p,
.ready .details .info .info-wrapper .top + .template .template-module li {
	font-family: var(--font-family-2);
}
.content:not(.beige-bg).vertical-bg {
	background-attachment: fixed;
}
.content .recipe .main .template li {
	font-family: var(--font-family-2);
}
.page .info-wrapper > .info > .container > div:last-child .template .template-module ul li::before {
	display: none;
}
.banner:not(.big) .bg::after { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	pointer-events: none;
	z-index: 1; 
	background: rgb(0 0 0 / 75%);
}
header .menu > ul:last-child li.displ_block .store{
	display: none;
}

.ready .details .preparation-method .info-wrapper{
	padding: 60px 0 50px 0;
}
.info.preparation-method .container .template-module{
	display: flex;
	flex-wrap: nowrap;
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 0;
	flex-direction: column;
}

.info.preparation-method .container .template-module:first-of-type {
	margin-top: 0px;
	padding-top: 40px;
}

.info.preparation-method .container .template-module:last-of-type {
	padding-bottom: 0;
}

.info.preparation-method .container .template-module:not(.noflex) > *:first-of-type,
.info.preparation-method .container .template-module:not(.noflex) > *:first-of-type img{
	max-width: 170px;
}

.info.preparation-method .container .template-module > *:first-of-type{
	margin-right: 54px;
}

.info.preparation-method .container .template-module p + ul{
	margin-top: 0;
}

.info.preparation-method .container .template-module > *:last-of-type{
	flex: 1;
	margin-top: 20px;
}

.info.preparation-method .container .template-module h3{
	font-family: 'Apex New';
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	color: #76b82a;
}

.content.range2 .info.preparation-method .container .template-module h3,
.content.range2 .info.preparation-method .container .template-module ol li:before{
	color: #96550b;
}

.content.range2 .preparation-method::before{
	background: rgba(199,135,61,0.75);
}
.content.range2 .details .info-wrapper,
.content.range2 .details .preparation-method .info-wrapper{
	background:none
}

.info.preparation-method .container .template-module li,
.info.preparation-method .container .template-module p,
.info.preparation-method .container .template-module p strong{
	color: #ffffff;
	
}
.info.preparation-method .container .template-module ol li::before{
	font-weight: bold;
	font-family: 'Apex New';
}

.info.preparation-method .container .template-module.noflex{
	flex-wrap: wrap;
	flex-direction: column;
}

@media(min-width: 300px) {
	.title {
		font-size: 40px;
	}
}

@media(min-width: 330px) {
	
	.hp-banners .subtitle,
	.hp-recipes .top .subtitle {
		font-size: 22px;
	}
	.description {
		font-size: 14px;
	}
	.hp-banners .slick-dots {
		bottom: 49vh;
	}
}
@media(min-width: 768px) {
	.content .template ul li svg {
		width: 26px;
		height: 24px;
		left: -40px;
	}
	.page .info-wrapper > .info .ul ul {
		padding-left: 2.2em;
	}
	.content:not(.beige-bg).vertical-bg {
		background: url('/images/bg.jpg') 0%/contain;
		background-attachment: fixed;
	}
	.ready .details .icon-list > div > p {
		font-size: 18px;
		padding-top: 13px;
	}
	.content.where-buy .item .logos-wrapper {
		top: 44%;
	}
	.content.where-buy .listing .container .items .item {
		position: static;
	}
	.content.where-buy .logos-wrapper .logos .container > * {
		max-width: 25%;
	}
	.content.range2 .small-details .container {
		margin: 0 auto;
		max-width: 950px;
	}
	.content.range2.ready .details .slider-container img ~ div {
		line-height: 1.4;
		font-size: 20px;
	}
	.content.range2.ready .slider-wrapper {
		max-width: 80vw;
		margin: 0 auto;
	}
	.content.range2.ready .list.switch-sides .container .item .bg {
		max-width: 50vw;
	}
	.content.range2.ready .preparation-method > .container > .row:last-child .steps > *,
	.preparation-method > .container > .row:last-child .steps > * {
		flex: 1;
		max-width: 100%;
	}
	.content h1 {
		font-size: 55px;
	}
	.content.range2 .small-details .container > div >* {
		max-width: 25%;
	}
	.ready.range .details .info .top .subtitle::before {
		left: -20px;
	}
	.ready.range .details .info .top {
		padding-left: 40px;
		padding-right: 40px;
	}
	.ready.range .details .info .top .subtitle {
		margin-right: -40px;
	} 
	.ready.range .details .info .top .subtitle::after {
		position: relative;
		display: inline-block;
		top: 10px;
	}
	.content .listing-meals  + .info:not(.preparation-method) {
		display: flex;
	}
	.content .listing-meals  + .info > *:first-child {
		order: 1;
	}
	.content .listing-meals  + .info:not(.preparation-method) > *:first-child {
		max-width: 60%;
	}
	.content .listing-meals  + .info > *:last-child{
		flex: 1;
	}
	
	.preparation-method .container .option .steps > * ::after {
		font-size: 25px;
	}
	.preparation-method > .container > .row:last-child .steps > * {
		max-width: 50%;
		padding: 15px;
	}
	.preparation-method > .container > .row > *:last-child {
		margin-top: 0;
	}	
	.content.ready .list.switch-sides .container .item .button {
		padding: 21px 40px;
	}
	.content.ready .list.switch-sides .container .item .button span {
		font-size: 15.5px;
		font-weight: 800;
		letter-spacing: normal;
	}
	.ready .feedback > .slider-wrapper .slide > p:first-child,
	.ready > .info-wrapper .top + img + p {
		max-width: 60vw;
	}
	.content .list.switch-sides {
		margin: 70px auto;
	}
	.recipe .related .buttons-wrapper {
		flex-direction: row;
		margin-top: 76px;
	}
	.recipe .related .buttons-wrapper > a:last-child {
		margin: 0 0 0 20px;
	}
	.product.page .preparation img {
		max-width: 220px;
		padding: 0;
		margin: 0;
	}
	.product.page .preparation img + div {
		padding-left: 50px;
	}
	.product.page .preparation > .container {
		display: flex;
    	align-items: flex-start;
	}
	.banner + .product.summary {
		position: absolute;
		top: calc(100vh - 449px);
		width: 100%;
		background: rgba(35,31,32,0.7);
		padding: 60px 0;
	}
	.banner + .product.summary .subtitle {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.content .list.switch-sides .container > .item .product-details {
		font-size: 18px;
		line-height: 1.56;
		text-align: left;
	}
	.content .list.switch-sides .container > .item .bg + .description > .title {
		font-size: 45px;
	}
	.related.others .recipes {
		margin: -2.5px;
		justify-content: center;
	}
	.related.others .recipes .item-container {
		padding: 2.5px;
	}
	.content .list.switch-sides .container > .item:nth-of-type(even) .bg {
		order: 1;
	}
	.content .list.switch-sides .container > .item:nth-of-type(even) .product-details {
		text-align: right;
	}
	.content .list.switch-sides .container > .item:nth-of-type(even) .bg + .description {
		padding: 60px 60px 0 0;
		align-items: flex-end;
	}
	.content .list.switch-sides .container > .item:nth-of-type(even) .bg + .description .price > p:first-child {
		text-align: right;
	}
	.content .list.switch-sides .container > .item:nth-of-type(odd) .bg + .description .price > p:first-child {
		text-align: left;
	}
	.content .list.switch-sides .container > .item:nth-of-type(even) .description::after {
		left: auto;
		right: -10px;
		transform: translateX(0) rotateX(
			0deg
			) rotateY(
			-190deg
			) rotateZ(
			70deg
			);
	}
	.content .list.switch-sides > .container {
		padding: 0 20px;
		max-width: 1244px;
		margin: 0 auto;
	}
	.content .list.switch-sides .container .item {
		display: flex;
		align-items: center;
	}
	.content .list.switch-sides .container .item .bg {
		max-width: 35vw;
	}
	.content .list.switch-sides .container > .item .description::after {
		top: 20px;
		left: -10px;
		transform: translateX(0) rotateX(0deg) rotateY(0deg) rotateZ(70deg);
		width: 80px;
		height: 60px;
	}
	.content .list.switch-sides .container > .item .bg + .description {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: baseline;
		justify-content: flex-end;
		margin: 0; 
		padding: 60px 0 0 60px;
		height: 100%;
	}
	.banner.big {
		height: calc(100vh - 42px);
	}
	.recipe-page .content .recipe .img-wrapper {
		position: relative;
		z-index: 0;
	}
	.recipe-page .top-wrapper {
		position: absolute;
		top: -133px;
		width: 100%;
		z-index: 1;
		background: rgba(35, 31, 32, 0.9);
	}
	.recipe-page .recipe .img::after {
		bottom: 80px;
		right: -30px;
		transform: rotateX(0deg) rotateY(200deg) rotateZ(230deg);
	}
	.recipe-page .banner {
		height: calc(100vh - 42px);
	}
	.recipe-page .recipe .img {
		z-index: 2;
		left: -230px;
		width: 196px;
		height: 196px;
		top: -50px;
	}
	.recipe-page .top .info {
		max-width: 100%;
	}
	.recipe-page .recipe .top-wrapper {
		padding: 30px 20px;
	}
	.recipe-page .content .recipe .img-wrapper {
		position: relative;
		z-index: 1;
	}
	.recipe-page .top .details {
		margin: 0 -7px;
		order: -1;
		height: 100%;
	}
	.recipe-page .top-wrapper .top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.recipes {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		width: 100%;
		/* max-height: 430px;
		overflow: hidden; */
	}
	.container {
		max-width: 1064px; /* 1024px + 40 padding */
	}
	
	.recipes .listing .load-more {
		margin: 80px 0 0 0;
	}
	.recipes-listing >.template > .recipes + .template {
		padding: 100px 0;
	}
	.content.subscribe .form .template .form .row > .lower {
		margin-bottom: 10px;
	}
	.content.subscribe .form-container > .form {
		padding: 30px;
	}
	.content.subscribe .form .template .form .row a {
		left: 50%;
		transform: translateX(-50%);
	}
	.article-nav .nav .row {
		width: 100%;
	}
	.article-nav .nav .row > * {
		margin: 0;
	}
	.banner .article-info > *:last-of-type {
		margin-top: 0;
	}
	.content > .stamp {
		position: fixed;
		width: 134px;
		height: 134px;
		right: 10px;
		bottom: 8vh;
	}
	.article .related-container {
		width: 100%;
	}
	.content .template * + .listing.related {
		margin-top: 80px;
		display: flex;
	}
	.article-nav {
		margin-top: 90px;
	}
	.article-nav .nav .row > *:nth-child(3) {
		text-align: right;
	}
	.content.contacts .template .form .row > div.m-right-auto {
		margin-right: auto;
	} 
	.filter {
		margin: -5px;
		width: auto;
	}
	.filter + div {
		margin-top: 60px;
	}
	.hp-tips .tips-container .slick-dots {
		position: absolute;
		top: auto;
		bottom: 50px;
		margin-bottom: 0;
		max-width: 50%;
		right: 0;
	} 
	.hp-tips .tips-container .slider .item {
		display: flex;
	}
	.hp-tips .tips-container img {
		position: relative;
	}
	.hp-tips .tips-container .slider-container img {
		max-width: 50%;
	}
	.hp-tips .tips-container .slider-container .text-container {
		padding-bottom: 70px;
		max-width: 50%;
		margin: 0 auto;
	}
	.hp-tips .tips-container .slider-container .text-container > div {
		display: flex;
		align-items: center;
		flex-direction: column;
		height: 100%;
		justify-content: center;
	}
	.button,
	.button:hover,
	.button:focus {
		padding: 14px 26px;
	}
	.related .recipes .item-container:last-child,
	.recipes .item-container {
		max-width: 50%;
		padding: 2.5px;
	}
	.hp-banners .slide .container {
		padding: 80px 20px 30px 20px;
	}
	.hp-banners .slide .container .stamp {
		max-width: 119px;
		top: -75px;
	}
	.button, 
	.button:hover, 
	.button:focus {
		padding: 17px 32px;
	}
	.hp-banners .slide .container .description {
		font-size: 18px;
	}
	.hp-banners .subtitle, 
	.hp-recipes .top .subtitle {
		font-size: 30px;
	}
	.hp-banners .slide .container p.title {
		margin: 20px 0;
		font-size: 50px;
	}
	.hp-banners .slick-dots {
		right: 30px;
	}
	.hp-banners {
		height: 100vh;
	}
	.hp-banners .slick-dots {
		top: 63vh;
		bottom: auto;
	}
	.hp-banners .slide .image {
		max-height: 60vh;
	}
	.hp-banners .slick-track,
	.hp-banners .slick-list,
	.hp-banners .slider,
	.hp-banners .slide {
		height: 100%;
	}
	footer .top {
		padding: 10px 20px 69px 20px;
	}
	footer .top >div:first-of-type {
		max-width: 80vw;
	}
	body > .stamp {
		max-width: 111px;
		max-height: 111px;
	}
	.hp-tips .slider-container > .stamp {
		top: 80px;
		right: 40px;
	}
	.hp-tips .slider-container .stamp img {
		margin: 0;
		max-width: 100%;
	}
	.hp-tips .tips-container {
		padding-top: 0;
		display: flex;
	}
	.hp-tips .tips-container .slider-container {
		width: 100%;
	}
	.hp-recipes .top {
		padding: 47px 0;
	}
	.recipe .related .subtitle::after,
	.hp-recipes .top .subtitle::after {
		left: -70px;
		transform: rotateY(180deg);
	}
	.recipe .related .subtitle::before,
	.hp-recipes .top .subtitle::before {
		right: -70px;
	}
	.index .recipes .item-container:last-child {
		max-width: 100%;
	}
	.hp-gluten-free .container {
		max-width: 100vw;
	}
	.description ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.description ul li {
		margin: 5px 0;
	}
	.description ul li:not(:first-of-type) {
		margin-left: 15px;
	}
	.description ul li {
		padding-left: 30px;
	}
	.description ul li:not(:first-of-type) {
		margin-left: 40px;
	}
	.hp-products-slider .slider-container .slider {
		max-width: 1100px;
		margin: 0 auto;
	}
	.hp-products-slider .slider-container .slick-slide {
		margin: 0 10px;
	}
    header {
        padding-left: 30px;
	}
	:root {
		font-size: 14px;
	}
	.container.container-sm {
		max-width: 890px; /* 850 + 40 padding */
	}
	.ready.range .listing-meals >.container {
		max-width: 1244px;
	}
	.filter-container > .container.container-md {
		max-width: 1295px; /* 1255 + 40 padding */
	}
	.container.container-md {
		max-width: 1290px; /* 1250 + 40 padding */
	}
	.container.container-xxl {
		max-width: 1640px; /* 1600 + 40 padding */
	}
}
@media(min-width: 992px) {
	header .menu .sub .sub ul{
		max-height: 0;
		padding-left: 0;
		margin-top: 0;
		
	}
	.content.range2 .slider-wrapper .slider-arrows > *,
	.hp-products-slider .slider-container .arrow {
		height: 93px;
		width: 48px;
		opacity: 0.15;
	}
	.recipe .related > a.button {
		padding: 20px 40px;
	}
	.recipe .related > a.button span {
		font-size: 14px;
	}
	.ready > .info-wrapper .top + img {
		max-width: 154px;
	}
	.ready .feedback > .slider-wrapper::before {
		width: 50px;
		height: 50px;
		top: 85px;
	}
	.ready .feedback > .slider-wrapper {
		padding: 170px 0 90px 0;
	}
	.ready .feedback > .slider-wrapper .slider-arrows > * {
		width: 66px;
		height: 93px;
		cursor: pointer;
	}
	.ready .feedback > .slider-wrapper .slide > .title {
		font-size: 38px;
	}
	.ready .feedback > .slider-wrapper .slider-arrows {
		top: 0;
		bottom: 0;
		margin: auto;
		max-width: 80vw;
	}
	.ready .feedback > .slider-wrapper .slide > p:first-child {
		max-width: 670px;
		font-size: 20px;
		line-height: 1.4;
		margin: 0 auto 40px auto;
	}
	.ready > .info-wrapper {
		padding: 100px 0;
	}
	.ready > .info-wrapper .top + img + p {
		max-width: 870px;
		font-size: 18px;
	}
	.content .list.switch-sides .container .item {
		margin-bottom: 0;
	}
	.page .btns-wrapper {
		flex-direction: row;
		padding: 36px 0 0 0;
	}
	.page .btns-wrapper > *:first-child {
		margin: 0 10px 0 0;
	}
	.article-nav .nav .row {
		padding: 0;
	}
	.article-nav .nav .row > * {
		text-align: initial;
	}
	.related .button:not(.button-sm) span {
		font-size: 14px;
	}
	.banner .play-btn span {
		font-weight: 800;
	}
	.button:not(.button-sm) span {
		font-size: 12px;
	}
	.product.summary .button.filled span {
		font-size: 12px;
	}
	.products-list.recipe > .container {
		max-width: 80vw;
		margin: 0 auto;
	}
	.related.others .recipes {
		margin: 0 -5px;
	}
	.related.others .recipes .item-container {
		padding: 0 5px;
	}
	.related .recipes .item-container:last-child,
	.related .recipes .item-container {
		padding: 0;
		flex: 1;
		/* max-width: 533px; */
	}
	.content h1 {
		font-size: 110px;
	}
	.content h1,
	.banner h1 {
		max-width: 100%;
		text-align: center;
	}
	.banner h1 {
		font-size: 72px;
	}
	.recipe-page .main h1 + div {
		display: flex;
		margin: 0;
	}
	.recipe-page .main h1 + div > div:first-child {
		max-width: 360px;
	}
	.recipe-page .main h1 + div > div:last-child {
		flex: 1;
		padding-left: 87px;
	}
	.recipe .related > a {
		margin-top: 76px;
	}
	.stamp-tips {
		padding: 15px;
		width: 137px;
		height: 137px;
	}
	.recipe-page .main + .tips > .container > .top-container > p:first-child {
		font-size: 55px;
	}
	.recipe-page .main h1 {
		font-size: 72px;
		text-align: left;
	}
	.recipe-page .main {
		padding: 100px 20px;
	}
	header .search > div {
		position: absolute;
		left: 12px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 14px;
		height: 14px;
		background: url(/assets/img/lupe-white.svg) 0%/contain no-repeat;
	}
	.banner .subtitle {
		margin: 35px auto 0 auto;
	}
	.article-img {
		margin-bottom: 65px;
	}
	.contacts a {
		font-size: 18px;
	}
	.content.contacts .template .form .input-wrapper label {
		transform: translateY(25px);
	}
	.content.contacts .template .form .input-wrapper {
		padding-top: 4px;
	}
	.content.contacts .template .form .row > div:last-child a {
		padding: 17px 46px;
		left: 50%;
		transform: translateX(-50%);
	}
	.content.contacts > .form {
		padding: 100px 0;
	}
	.content.contacts > .form .title {
		margin-top: 0;
		font-size: 30px;
		margin-bottom: 12px;
	}
	.content.contacts > .form > .template p {
		text-align: center;
	}
	.contacts > .container > div i {
		font-size: 54px;
	}
	.contacts > .container > div h2 {
		margin: 44px 0 10px 0;
		font-size: 20px;
	}
	.contacts > .container {
		display: flex;
		padding: 80px 0 90px 0;
	}
	.contacts > .container > div,
	.contacts > .container > div:first-child {
		margin: 0 auto;
	}
	.contacts > .container > div {
		max-width: 290px;
		padding-top: 25px;
	}
	.filter .selected {
		padding: 23px 80px 23px 37px;
	}
	footer .top {
		padding: 20px;
	}
	footer > .top > .container > div:first-child {
		margin: 30px 88px 30px 32px;
	}
	header {
		display: flex;
	}
	.hp-banners .slide .container {
		height: 40vh;
		display: flex;
		align-items: center;
	}
	.recipes .item .hover .subtitle {
		font-size: 20px;
		display: block;
	}
	.index .recipes .item-container {
		max-width: 33.333%;
	}
	.recipes .item-container > div {
		height: 100%;
		overflow: hidden;
		padding: 0;
	}
	.recipes .item-container > div img {
		object-fit: cover;
	}


	.recipes.count_less .item-container > div {
		max-height: 430px;
	}


	.related .recipes.count_less .item-container > div,
	.related .recipes .item-container > div {
		height: 500px;
	}



	.recipe-page .related .recipes .item-container:last-child {
		max-width: 33.333%;
	}
	
	body > .stamp {
		max-width: 134px;
		max-height: 134px;
	}
	.hp-banners .slide .container p.title {
		font-size: 73px;
	}
	header .logo {
		align-self: baseline;
		width: 100%;
		max-width: 253px;
	}
	:root {
		font-size: 16px;
	}

	header .upper > div > a.contact-us {
		padding: 20px 30px;
        padding-left: 65px;
        font-size: 22px;
	}
	header .upper > div > a.contact-us::after {
		left: 30px;
	}

    .button,
	.button:hover,
	.button:focus {
		padding: 20px 45px;
	}

	.info.preparation-method .container .template-module{
		flex-direction: row;
		padding-bottom: 30px;
	}

	.info.preparation-method .container .template-module:first-of-type {
		margin-top: 70px;
		padding-top: inherit;
	}

	.info.preparation-method .container .template-module > *:last-of-type{
		margin-top: 0;
	}
	.ready .details .preparation-method .info-wrapper{
		padding: 100px 0 65px 0;
	}

	.content .info.preparation-method > *:last-child {
		flex: 1;
	}
	.content .info.preparation-method > *:last-child {
		position: relative;
	}
	.content .info.preparation-method > *:last-child img{
		position: absolute;
	}

	.content .info.preparation-method {
		display: flex;
	}
	.content .info.preparation-method > *:first-child {
		order: 1;
	}
	.content .info.preparation-method > *:first-child {
		max-width: 60%;
	}
	.content .listing-meals  + .info > *:last-child{
		flex: 1;
	}
}
@media(min-width: 1024px) {
	.content.recipes-listing {
		padding-bottom: 0;
	}
	.recipe-page .banner .bg + div.top-wrapper {
		top: initial;
		bottom: 0;
		padding: 30px 20px;
		position: absolute;
	}
	.content > .stamp {
		right: 25px;
    	bottom: 30px;
	}
	.banner + .product.summary .title {
		max-width: 350px;
		margin: 0 auto;
	}
	.ready .details div:not(.preparation-method) .info-wrapper ul li::before {
		width: 26px;
	}
	.content .list.switch-sides .container .item:nth-child(even) {
		justify-content: flex-end;
	}

	.content .list.switch-sides .container .item:nth-child(even) .subtitle,
	.content .list.switch-sides .container .item:nth-child(even) .price {
		text-align: right;
	}
	.content.where-buy .item .description::before {
		left: 50%;
		/* bottom: calc(-100% + 84px); */
		bottom:auto;
		top: calc(100% + 25px);
		transform: rotateX(
			180deg
			) translatex(-50%);
	}
	.content.where-buy .logos-wrapper .logos .container > * {
		max-width: 16.6667%;
	}
	.content.where-buy .item .logos-wrapper > * {
		padding: 30px;
	}
	.content.where-buy .item .logos-wrapper {
		/* bottom: calc(-100% + 50px);
		top: auto; */
		top: calc(100% + 15px)
	}

	.content.where-buy .container > .top {
		margin-bottom: 40px;
	}
	.content.where-buy .listing > .top > .title {
		margin-bottom: 45px;
		font-size: 50px;
	}
	.content.range2.ready .details .slider-container .top *:first-child {
		font-size: 36px;
	}
	.content.range2.ready .details .slider-container .top *:nth-child(2) {
		font-size: 100px;
		font-weight: 300;
		margin: 7px 0;
	}
	.content.range2.ready .details .slider-container .top *:last-child {
		font-size: 30px;
	}
	.banner .bg + div.play-btn::after {
		width: 16px;
	}
	.banner .bg + div.play-btn {
		padding: 20px 37px;
		right: 19.8vw;
		left: auto;
		bottom: 80px;
	}
	footer .social + ul {
		align-items: center;
		justify-content: flex-end;
	}
	footer .social + ul li {
		margin: 0 6px;
	}
	footer .social + ul li:nth-last-child(2) img,
	footer .social + ul li:last-child img {
		width: 53px;
	}
	footer .social + ul li img {
		width: 40px;
		height: 30px;
	}
	.preparation-method > .container > .row .steps {
		margin: -15px;
	}
	.preparation-method > .container > .row + .row {
		margin-top: 40px;
	}
	.preparation-method > .container > .row .steps > * {
		flex: 1;
		padding: 15px;
	}
	.ready.range .details >*:first-child {
		margin-bottom: 60px;
	}
	.ready.range .details .info-wrapper .top + div > *:first-child {
		padding: 0;
	}
	.ready.range .details .info .top {
		padding-left: 0;
		padding-right: 0;
	}
	.content .listing-meals + .info > *:first-child{
		max-width: 50%;
		display: flex;
		align-items: center;
	}
	.content .info.preparation-method > *:first-child{
		width: 50%;
	}
	.content .container .item .price > p:first-child {
		font-size: 16px;
		text-align: center;
	}
	.preparation-method .container {
		padding: 90px 20px;
	}
	.preparation-method > .container > .row:last-child .steps > *,
	.preparation-method .container .option .steps > * {
		flex: 1;
		max-width: 100%;
	}
	.preparation-method .container p {
		margin-bottom: 0;
	}
	.preparation-method .container > .title {
		margin-bottom: 60px;
	}
	.ready .switch-sides + .info {
		position: relative;
	}
	.ready .switch-sides + .info .bg {
		position: absolute;
		top: 0;left: 0;
		width: 100%;
		height: 100%;
	}
	.ready .switch-sides + .info .info-wrapper {
		padding: 0;
	}
	.ready .switch-sides + .info .info-wrapper .container {
		max-width: 1244px;
	}
	.ready .switch-sides + .info .info-wrapper .container > div {
		max-width: 680px;
		margin-left: auto;
		background: white;
		padding: 80px;
	}
	.ready .switch-sides + .info .bg + div {
		position: relative;
		z-index: 1;
	}
	.content .list.switch-sides {
		margin: 100px auto;
	}
	.ready .details .top .subtitle {
		font-size: 30px;
		margin-top: 0;
	}
	.ready .details .top + div {
		display: flex;
	} 
	.ready .details .top + div > * {
		flex: 1;
	}
	.ready .details .info .info-wrapper .top p.subtitle {
		font-size: 24px;
	}
	.ready .details .info .info-wrapper .top {
		padding-bottom: 70px;
	}
	.ready .details .info .info-wrapper .top + .template .template-module {
		padding-right: 0;
		padding-bottom: 20px;
	}
	.ready .details .top + div > *:first-child:not(.slider) {
		padding-right: 90px;
	}
	.ready .details .top + div > *:last-child {
		margin-top: 0;
	}
	.banner + .product.summary .price + .btns-container {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center ;
		margin-top: 37px;
	}
	.banner + .product .btns-container > * {
		text-align: center;
	}
	.banner + .product .btns-container > .button {
		padding: 20px 41px;
	}
	.banner + .product .btns-container .ammount {
		margin: 0 10px 0 0;
		max-width: 145px;
		padding: 21px 23px;
	}
	.banner + .product.summary .price span {
		margin-left: 5px;
	}
	.banner + .product.summary .price > p:first-child {
		font-size: 20px;
	}
	.banner + .product.summary .title {
		font-size: 55px;
		margin-bottom: 14px;
	}
	.banner + .product.summary .subtitle {
		margin-bottom: 35px;
	}
	.banner + .product.summary {
		width: 40vw;
		height: 100vh;
		top: 0; 
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		background: transparent;
	}
	.banner + .product .btns-container > * {
		padding-top: 17px !important;
		padding-bottom: 17px !important; 
	}
	.banner + .product .btns-container > .ammount {
		padding-top: 14px !important;
		padding-bottom: 14px !important; 
	}
	.banner + .product.summary > .container {
		z-index: 2;
		position: relative;
		max-width: 440px;
		margin: 0 auto;
	}
	.banner + .product.summary::after {
		opacity: 0.92;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		z-index: 1;
		mix-blend-mode: multiply;
		background-color: #231f20;
	}
	.recipe-page .related .recipes .item-container,
	.recipe-page .related .recipes .item-container:last-child {
		max-width: 25%;
	}
	.recipe .related .title {
		font-size: 55px;
	}
	.recipe .related .subtitle {
		font-size: 30px;
	}
	.recipe .related .top-container {
		margin-bottom: 45px;
	}
	.content .products-list .related {
		padding: 55px 0 100px 0;
	}
	.recipe .related {
		padding: 55px 0 70px 0;
	}
	.subtitle {
		display: inline-block;
	}
	.stamp-tips {
		top: -180px;
	}
	.recipe-page .main + .tips {
		padding: 140px 0;
	}
	.recipe-page .main + .tips > .container {
		display: flex;
	}
	.recipe-page .main + .tips .template {
		flex: 1;
		padding-left: 150px;
	}
	.recipe-page .main + .tips .template p {
		margin: 0;
	}
	.recipe-page .recipe .img::after {
		bottom: 100px;
		right: 20px;
		transform: rotateX(0deg) rotateY(200deg) rotateZ(230deg);
	}
	.recipe-page .top .info p + a {
		margin-top: 15px;
	}
	.recipe-page .top .info p {
		margin-bottom: 0;
	}
	.recipe-page .recipe .img {
		z-index: 2;
		left: -260px;
		top: -85px;
		width: 250px;
	    height: 250px;
	}
	.recipe-page .top .info {
		margin: 0;
		max-width: 100%;
	}
	.recipe-page .top .details > *> img {
		width: 60px;
		margin-right: 10px;
	}
	.recipe-page .top .details > * > span {
		font-size: 24px;
		max-width: 57px;
	}
	.recipe-page .top-wrapper .top {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
	}
	.recipe-page .top-wrapper {
		padding: 0;
	}
	.recipe-page .top .details > * {
		padding: 0 20px;
		max-width: 33.333%;
		width: initial;
	}
	.recipe-page .top .details {
		padding: 0;
		order: -1;
		margin: 0 -20px;
		height: 100%;
	}
	.recipe-page .top + div {
		padding-top: 121px;
	}
	.select-parent .close {
		right: 45px;
	}
	.filter {
		font-size: 16px;
	}
}
@media(min-width: 1200px) {
	.hp-products-slider .slider-container .arrow.prev {
		left: 0; 
	}
	.hp-products-slider .slider-container .arrow.next {
		right: 0;
	}
	.hp-products-slider .slider-container .arrow {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.recipe-page .main h1 + div > div:first-child .template li {
		margin: 8px 0;
	}
	.content .listing-meals .container .item .description::after {
		width: 40px;
   		height: 70px;
		top: -80px;
		left: calc(50% + 10px);
	}
	.banner + .product .btns-container .ammount .ammount-btns > .more {
		height: 18px;
	}
	.banner + .product .btns-container .ammount .ammount-btns > .more,
	.banner + .product .btns-container .ammount .ammount-btns .less {
		width: 18px;
	}
	header .menu > ul > li h2 {
		position: relative;
	}
	header .menu > ul > li.selected.opened h2::after {
		opacity: 0;
		transition: all 0.2s ease;
	}
	header .menu > ul > li.selected h2::after {
		opacity: 1;
	}
	header .menu > ul > li h2::after {
		position: absolute;
		left: 0;right: 0;
		bottom: -18px;
		height: 4px;
		margin: auto;
		width: 100px;
		content: '';
		background: url('/images/icons/selected_page.svg') 0%/contain no-repeat;
		transform: rotate(180deg);
		opacity: 0;
		pointer-events: none;
		transition: all 0.2s ease 0.4s;
	}
	body section.content .container .item .bg .product-stamp > img:not([data-src]) {
		width: 90px;
	}
	
	.banner.big .bg::after { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 30%;
		content: '';
		pointer-events: none;
		z-index: 1;
		background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 0%));
	}
	body > .stamp {
		right: 25px;
		bottom: 40px; 
	}
	.hp-products-slider .slider-container .slick-slide {
		margin: 0;
	}
	.hp-products-slider .slider-container .slick-slide:first-child {
		left: 0;
	}  
	.hp-products-slider .slider-container .slick-track {
		margin: 0 auto; 
		height: 500px;
	} 
	.hp-tips .video-container {
		display: flex; 
	}
	.preparation-method .container .row {
		margin: 0 -20px;
	}
	.preparation-method .container .row > * {
		position: relative; 
		padding: 0 20px;
		display: flex;
	}
	.preparation-method .container .row .option {
		flex-direction: column;
		height: 100%;
	}
	.preparation-method .container .option .steps {
		flex-wrap: nowrap;
		height: 100%;
		flex: 1;
	} 
	.hp-gluten-free .container .images *:first-child {
		margin-right: 5px;
	}
	.hp-gluten-free .container .images * {
		max-width: initial;
		width: initial;
	}
	.hp-gluten-free .container .images *:last-child {
		margin-left: 5px;
	}
	.content.where-buy .container .listing .container .items .item {
		max-width: 33.333%;
	}
	.content.where-buy .container .listing:nth-child(2) .container .items .item {
		max-width: 25%;
	}
	.content .listing-meals .container .item .product-details {
		text-align: center;
	}
	.content.range2.ready .slider-container {
		padding: 51px 0 90px 0;
	}
	.content.range2 .slider-wrapper .slider-arrows img:not(.preview) {
		max-width: 119px;
		margin: 31px auto 14px;
		transform: translateX(0);
		transition: all 0.4s ease;
	}
	.content.range2 .slider-wrapper .slider-arrows .next:hover img:not(.preview) {
		transform: translateX(10px);
	}
	/* .content.range2 .slider-wrapper .slider-arrows .prev:hover img:not(.preview) {
		transform: rotate(180deg) translateX(10px);
	} */
	.content.range2 .slider-wrapper .slider-arrows img {
		position: relative;
		height: auto;
		filter: blur(0);
	}
	.ready.range2 .slider-wrapper .slider-arrows * > *.off {
		opacity: 0;
	}
	.ready.range2 .slider-wrapper .slider-arrows * > * {
		opacity: 1;
		transition: all 0.3s ease-in-out;
	}
	.content.range2 .slider-wrapper .slider-arrows .preview {
		display: block;
		user-select: none;
	}
	.content.range2 .slider-wrapper .slider-arrows p {
		font-size: 24px;
		font-weight: normal;
		color: white;
		margin: 0;
	}
	.content.range2 .slider-wrapper .slider-arrows > .disabled {
		opacity: 0.3;
		pointer-events: none;
	}
	.content.range2 .slider-wrapper .slider-arrows > * {
		width: 10vw;
		height: 100%;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 6%;
		opacity: 1;
		transition: all 0.4s ease;
	}
	.content.range2 .slider-wrapper .slider-arrows img.preview {
		width: 100%;
		padding: 0 24px;
		justify-content: center;
	}
	.ready .details .top + div > .slider {
		width: 80vw;
		max-width: 930px;
		margin: 0 auto;
	}
	.preparation-method .container > .title {
		font-size: 48px;
	}
	.banner + .product.summary {
		width: 35vw;
	}
	.content.range2 .slider-wrapper .slider-arrows {
		height: 100%;
	}
	.content.range2.ready .details .slider-container .item .subtitle {
		font-size: 36px;
	}
	.content.range2.ready .details .slider-container img ~ div {
		padding-top: 80px;
		text-align: left;
	}
	.content.range2.ready .slider-container .slider .item {
		flex-direction: row;
		width: 100%;
	}
	.content.range2.ready .slider-container .slider-arrows .title {
		font-size: 24px;
		font-weight: bold;
		margin-top: 17px;
	}
	.content.range2.ready .slider-container .slider .item.slick-current.slick-active img {
		max-width: 388px;
	}
	.content.range2.ready .slider-container .slider .item .subtitle + div {
		transition: all 0.4s ease;
		max-width: 100%;
		opacity: 1;
	}
	.content.range2.ready .slider-container .slider .item img {
		max-width: 388px;
		margin: 0 77px 0 0;
		height: 100%;
		transition: all 0.4s ease;
	} 
	.content.range2.ready .slider-container .slick-list {
		padding: 0 !important;
	}
	.content.range2.ready .slider-container .top {
		padding: 0;
		margin-bottom: 68px;
	}
	.content.range2.ready .slider-wrapper {
		max-width: 100%;
	}
	.preparation-method > .container > .row .steps > * {
		padding: 0 20px;
	}
	.preparation-method .container {
		max-width: 1094px;
	}
	.preparation-method > .container > .row:last-child .steps, 
	.preparation-method .container .option .steps,
	.preparation-method > .container > .row .steps,
	.content.range2 .preparation-method > .container > .row {
		margin: 0 -20px !important;
	}
	.preparation-method > .container > .row:last-child .steps > *, 
	.preparation-method .container .option .steps > * 
	.content.range3 .preparation-method > .container > .row > *,
	.content.range2 .preparation-method > .container > .row > * {
		padding: 0 20px;
	}
	.content.range2.ready .list.switch-sides .container .item .bg {
		max-width: 786px;
	}
	.content.range2 .small-details .container > div {
		margin: 0 -50px;
	}
	.content.range2 .small-details > * img + p {
		font-size: 28px;
	}
	.content.range2 .small-details > * img + p + p {
		font-size: 16px;
	}
	.content.range2 .small-details {
		padding: 85px 0;
	}
	.content.range2 .small-details .container > div > * {
		padding: 0 45px;
	}
	.content.range2 .small-details .container > div img {
		padding: 0 5px; 
	}
	footer .top > .container > div > ul {
		margin-top: auto;
	}
	.hp-banners .slick-dots {
		left: 0;
		justify-content: center;
		width: 45.5vw;
		top: auto;
		bottom: 24vh;
	}
	.content .listing-meals .container .item .description {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
	}
	.listing-meals {
		padding: 100px 0;
	}
	.preparation-method > .container > .row + .row {
		margin-top: 60px;
	}
	.preparation-method .container .option .header {
		height: fit-content;
		max-height: -moz-max-content;
		max-height: -webkit-max-content
	}
	.preparation-method .container .option .steps > * ::after {
		top: -16px;
	}
	.preparation-method .container .option .header {
		padding: 10px;
	}
	.ready.range .details >*:first-child {
		margin-bottom: 100px;
	}
	.preparation-method .container .option .steps > * ::after {
		font-size: 30px;
	}
	.product.page .info-wrapper > .info > *:last-child {
		padding: 100px 0;
	}
	.product.page .info-wrapper > .info .preparation {
		padding: 100px 0 70px;
	}
	.product.page .info-wrapper .info .preparation .container > div {
		padding-left: 87px;
	}
	.product.page .preparation img {
		max-width: 250px;
	}
	.page .btns-wrapper a span {
		font-size: 14px;
	}
	.page .info-wrapper .info .container > div {
		margin-bottom: 0;
		flex: 1;
	}
	.page .info-wrapper > .info > .container > div:last-child {
		padding-left: 89px;
	}
	.page {
		padding-top: 100px;
	}
	.product.page {
		padding-top: 80px;
	}
	.page .info-wrapper .info > .container:first-child {
		padding-bottom: 100px;
	}
	.page .info-wrapper .info .container {
		display: flex;
	}
	.banner.big {
		height: 100vh;
	}
	.related .top-container .subtitle {
		margin-bottom: 16px;
	}
	.hp-recipes .subtitle,
	.recipe .related .subtitle {
		padding-top: 15px;
	}
	.recipe .related .subtitle::before, 
	.hp-recipes .top .subtitle::before {
		right: -120px;
	}
	.recipe .related .subtitle::after, 
	.hp-recipes .top .subtitle::after {
		left: -120px;
	}
	.recipe .related .top-container > .subtitle::after, 
	.recipe .related .top-container > .subtitle::before, 
	.hp-recipes .top .subtitle::after, 
	.hp-recipes .top .subtitle::before {
		width: 91px;
		height: 63px;
	}
	.hp-recipes .top .subtitle::before
	.recipe .related.others .recipes .item .hover {
		padding: 30px 20px;
	}
	.related.others .recipes .item .hover .subtitle {
		text-align: left;
		font-size: 24px;
	}
	.related.others .recipes .item .hover p.title {
		margin-bottom: 0;
		font-size: 43px;
	}
	.related.others .recipes {
		margin: 0 auto;
	}
	.related.others .recipes .item .hover::after {
		opacity: 0;
	}
	.recipe .related.others .recipes .item .hover > div {
		flex-direction: row;
		justify-content: space-between;
	}
	.related.others .recipes .item .hover .subtitle {
		max-width: 100%;
		text-align: left;
		display: block;
	}
	.related.others .recipes .item .hover a {
		margin-top: auto;
		font-size: 11px;
	}
	.related.others .recipes .item .hover {
		padding: 30px 20px;
		left: 0;
		width: 100%;
		bottom: 0;
		transform: translate(0,0);
		top: auto;
		max-width: 100%;
		border-radius: 0;
		border: 0;
		max-height: 100%;
		opacity: 1;
		height: auto;
	}
	.related.others .recipes .item-container {
		padding: 0 25px;
	}
	.content .list.switch-sides .container > .item .product-details {
		margin: 18px 0 24px 0; 
	}
	.content .list.switch-sides .container > .item .description::after {
		top: 75px;
	}
	.content .list.switch-sides .container > .item .bg + .description {
		padding: 140px 0 0 60px;
		justify-content: center;
		max-width: 400px;
	}
	.content .list.switch-sides .container > .item:nth-of-type(even) .bg + .description{
		padding-top: 140px;
	}
	.content .list.switch-sides .container .item .bg {
		max-width: 660px;
	}
	.content .list.switch-sides {
		margin: 100px auto;
	}
	.products-list.recipe > .container {
		max-width: 1064px;
		margin: 0 auto;
	}
	.recipe-page .banner {
		height: 100vh;
	}
	.subscribe-us .description {
		margin-bottom: 0;
	}
	.recipes-listing >.template > .recipes {
		padding-bottom: 150px;
	}
	.filter .select .options > *:first-child {
		margin-top: 20px;
	}
	.filter .select .options > *:last-child {
		margin-bottom: 20px;
	}
	.select .options > * {
		transition: all 0.4s ease;
		opacity: 1;
		padding: 2px 25px;
		margin: 8px 0;
	}
	.select .options > *:hover {
		opacity: 0.5;
	}
	.banner .bg + div {
		padding: 270px 20px 70px 20px;
	}
	header {
		padding: 13px 0 40px 30px;
	}
	header .menu > ul:last-child li a:not(.icons-container):hover {
		color: var(--green);
	}
	body {
		margin-top: 0;
	}
	.select {
		padding: 13px 24px 13px 13px;
	}
	.fullscreen-video > .close {
		right: 40px;
	}
	.fullscreen-video > .video {
		margin: 100px;
	}
	.fullscreen-video > div iframe {
		height: 100%;
	}
	.hp-tips .slide {
		cursor: pointer;
	}
	footer {
		font-size: 15px;
	}
	footer .social i {
		font-size: 21px;
		transform: scale(1);
		transition: var(--transition);
	}
	footer .social i:hover {
		transform: scale(0.9);
	}
	footer .top .social {
		text-align: right;
	}
	footer .top > div:first-child > ul + div {
		display: flex;
	    flex-direction: column;
		margin-left: auto;
		padding-left: 0;
		text-align: right;
	}
	footer .top .email:hover,
	footer .top .menu li a:hover {
		color: rgb(32, 32, 32); 
	}
	footer .top {
		display: flex;
	}
	footer .top > div > div {
		max-width: 241px;
	}
	footer .top > div > div > *:first-child {
		margin-top: 0;
	}
	footer .top > div > div > * {
		margin: 20px 0;
	}
	footer .top .menu {
		display: flex;
		flex-direction: column;
		justify-content: end; 
	} 
	footer .top .menu li {
		text-align: left;
		margin: 4px 0;
	}
	footer .top > div:first-of-type {
		max-width: 1030px;
		margin: 0 auto;
		display: flex;
		padding: 0;
	}
	header .menu ul > li::before {
		position: absolute;
		top: 0;bottom: 0;
	}
	footer .bottom .container {
		padding: 0%;
		display: flex;
		max-width: 1030px;
		margin: 0 auto;
	}
	footer .bottom {
		padding: 30px 0;
	}
	footer .bottom .container p {
		width: auto;
		font-size: 15px;
	}
	footer .bottom .container p.bs {
		margin: 0 0 0 auto;
	}
	.subscribe-us .container > *:last-child {
		max-width: 435px;
		height: auto;
		justify-content: flex-end;
	}
	.subscribe-us a {
		top: 0;
		bottom: 0;
		width: 70px;
		height: auto;
		right: 0;
		left: auto;
	}
	.hp-tips .slider-container > .stamp {
		top: 40px;
	}
	.subscribe-us .container {
		display: flex;
		justify-content: space-between;
	}
	.subscribe-us .subtitle {
		font-size: 30px;
	}
	.subscribe-us {
		padding: 67px 0 79px 0;
	}
	.hp-tips .tips-container .slick-dots {
		margin-top: 80px;
	}
	.hp-tips .tips-container .slider-container .description {
		font-size: 20px;
		line-height: 1.5;
	}
	.hp-tips {
		display: flex;
		width: 100vw;
	}
	.hp-tips > * {
		width: 50%;
	}
	.hp-tips .video-container {
		padding: 0;
	}
	.hp-tips .tips-container > *,
	.hp-tips .video-container + div {
		max-width: 50vw;
	}
	.hp-tips .tips-container > img {
		object-fit: cover;
		object-position: right;
	}
	.hp-tips .tips-container .slider-container .slide {
		display: flex;
	}
	.hp-tips .tips-container .slick-slider .slick-list {
		height: 100%;
	} 
	.hp-tips .tips-container .slider-container .text-container{
		padding: 155px 40px 107px 40px ;
		position: relative;
		max-width: 50%;
	}
	.hp-tips .tips-container .slider .item,
	.hp-tips .tips-container .slick-track,
	.hp-tips .tips-container .slider-container .slider {
		height: 100%;
	}
	.hp-tips .tips-container .slider-container .slider {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	.hp-recipes a.button {
		margin: 80px 0;
	}
	.recipes .item .hover .time::before,
	.recipes .item .hover .subtitle::before {
		opacity: 0;
	}
	.recipes .item-container:hover .hover {
		opacity: 1;
		will-change: auto;
	}
	.recipes .listing .item .hover .time {
		margin-top: 0;
		height: auto;
	}
	.recipes .item .hover .time {
		position: relative;
		background: transparent;
		width: 100%;
		border: 0px solid black;
		max-width: 100%;
		left: 0;
		top: 0;
		margin-top: 43px;
		padding: 0;
	}
	.recipes .item .hover .subtitle {
		padding: 0;
		max-width: 180px;
		margin: 0 auto;
		align-self: auto;
	}
	.recipes .listing .item .hover::after {
		margin: 4px;
	}
	.recipes .item .hover::after {
		position: absolute;
		top: 0;left: 0;right: 0;bottom: 0;
		margin: 10px;
		background: black;
		content: '';
		border-radius: 100%;
	}
	.recipes .listing .item .hover .time span {
		font-size: 17px;
	}
	.recipes .item .hover .time span {
		font-size: 27px;
		width: 100%;
		text-align: center;
	}
	.recipes .item .hover {
		border: 2px solid black;
		border-radius: 100%;
		height: 100%;
		width: 100%;
		max-width: 269px;
		max-height: 269px;
		top: 50%;left: 50%;
		transform: translate(-50%, -50%);
		background: transparent;
		opacity: 0;
		transition: var(--transition);
		z-index: 2;
		flex-direction: column;
		display: flex;
	}
	.index .hp-recipes .recipes  {
		height: 852px;
	}
	.recipes-container + .item-container:last-child {
		max-height: 100%;
		flex: 1;
	}
	.recipes .item {
		margin: 0;
	}
	.hp-recipes .top {
		margin: 0;
	}
	.recipes-container {
		width: 75%;
		margin: 0;
		height: 100%;
	}
	.index .recipes .recipes-container .item-container {
		height: 50%;
	} 
	.recipe-page .related .recipes .item-container:last-child,
	.recipes .item-container {
		padding: 0;
	}
	.hp-recipes > .top > *:not(.bg) {
		position: relative;
		z-index: 2;
	}
	.hp-recipes .top .title {
		font-size: 55px;
	}
	.hp-recipes > .top > .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		filter: brightness(20%);
	}
	.hp-recipes > .top > .bg img {
		height: 100%;
		object-fit: cover;
	}
	.hp-products-slider a {
		margin-top: 0;
	}
	.hp-products-slider {
		padding: 0 0 80px 0;
	}
	section.hp-banners > img {
		z-index: 2;
		position: absolute;
		bottom: 0;
		left: 0;
		top: auto;
		height: auto;
		width: 100%;
	}
	.hp-gluten-free {
		background: #f6efe0;
	}
	.title {
		font-size: 50px;
	}
	.content.where-buy .listing .container .item .description .title {
		font-size: 35px;
		flex: 0;
	}
	.content.where-buy .container .item .subtitle {
		font-size: 20px;
		text-align: center;
		flex: 1;
	}
	.content.where-buy .container .item	.button:not(.button-sm) span {
		font-size: 12px;
	}
	.subtitle {
		font-size: 24px;
	}
	.description {
		font-size: 20px;
	}
	header .menu > ul > li {
		max-width: 200px;
	}
	header .menu .subtitle {
		margin: 0 auto 15px auto;
	}
	header .menu .subtitle,
	header .menu .subtitle + h2 a {
		text-align: center;
	}
	header .menu .sub ul {
		display: block;
		overflow: visible;
		transition: var(--transition);
		max-width: 350px;
	}
	header .menu .sub .sub:hover ul.activ > li,
	body header .menu > ul > .sub:hover > ul {
		opacity: 1;  
		pointer-events: all;
	}
	
	header .menu .sub .sub ul > li,
	header .menu > ul > .sub > ul {
		opacity: 0;
		pointer-events: none;
	}
	.description ul li::before {
		width: 26px;
		height: 24px;
	}
	header .menu .sub .sub ul a {
		margin: 0;
		padding: 0 40px;
	}
	header .menu .sub .sub ul > li:first-child {
		margin: 5px 0;
	}
	header .menu > ul > .sub > ul {
		width: calc(100% + 120px);
		transform: translateX(-60px);
	}
	header .menu .sub .sub ul {
		position: absolute;
	}
	header .menu .sub .sub ul > li {
		text-align: right;
	}
	header .menu .sub ul > li {
		display: block;
		text-align: center;
		margin: 4px auto;
	} 
	header .menu .sub .sub ul {
		left: 1px;
		transform: translateX(-100%);
		top: 0;
		width: 100%;
		max-width: 600px;
	}
	header .menu ul > li {
		margin: 0 20px;
		position: relative;
	}
	header .menu > ul > .sub > ul > li:last-child {
		margin-bottom: 0;
	}	
	header .menu > ul > .sub > ul > li:first-child {
		margin-top: 0;
	}
	header .menu .sub .sub.opened > ul {
		margin-top: 0;
	}
	header .menu .sub.opened > ul {
		margin-top: 27px;
		padding: 30px 0 20px 0;
	}
	header .menu ul > li > p {
		position: relative;
	}
	body header .menu > ul > .sub:hover > ul::before,
	header .menu ul > li.sub:hover > p::after {
		opacity: 1;
	}
	header .menu > ul > .sub > ul::before {
		border-left: 44px solid transparent;
		border-right: 44px solid transparent;
		border-top: 14px solid #000000;
		position: absolute;
		left: 50%;
		transform: translatex(-50%);
		top: 0;
		content: '';
		opacity: 0;
		transition: var(--transition);
	}
	header .menu ul > li > p::after {
		position: absolute;
		left: -5px;
		top: -10px;
		content: '';
		width: calc(100% + 10px);
		background: linear-gradient(to bottom, rgb(2 2 2 / 0%), #020202);
		opacity: 0;
		transition: var(--transition);
		height: calc(200% + 50px);
		z-index: -1;
	}
	header .menu > ul > .sub > ul li a {
		text-align: center;
		display: inline-block;
	}
	header .menu > ul > .sub > ul > .sub > ul li a {
		text-align: right;
		display: inline-block;
	}
	.hp-banners .slide .container .stamp {
		left: calc(45vw - 83px);
		max-width: 166px;
		top: -35px;
	}
	.hp-banners .slide {
		background: transparent;
	}
	.hp-banners .slide .image::before {
		background: linear-gradient(0deg, transparent 40%, rgba(0,0,0,1) 102%, rgba(0,0,0,0.8) -20% );
	}
	.hp-banners .slide .container {
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		padding: 0 90px;
		max-width: 45.5vw;
		justify-content: center; 
	}
	.hp-banners .slide .image::after {
		position: absolute;
		top: 0;left: 0;
		height: 100%;
		width: 45.5vw;
		content: '';
		background: rgba(0,0,0,.6);
		z-index: 1;
	}
	.hp-banners .slide .image {
		max-height: 100vh;
		position: relative;
	}
	header .menu {
		padding-bottom: 20px;
		position: relative;
		height: auto;
		width: 100%;
		transform: translateX(0);
		background: transparent;
		padding: 0;
		overflow: visible;
	}
	header .menu ul {
		display: flex;
		justify-content: flex-end;
		margin-right: 50px;
		order: 1;
	}
	header .menu .sub .sub span::after, 
	header .menu .sub > h2 span::after {
		background: transparent;
	}
	header .menu > ul:last-child {
		order: 0;
		margin: 0;
	}
	header .menu > ul:last-child li {
		margin: 0 15px;
		display: flex;
		align-items: center;
	}
	header .menu > ul:last-child li.displ_block{
		display: contents;
	}
	header .menu > ul:last-child li.displ_block .store{
		display: inline-flex;
	}
	header .icons-container {
		margin-left: 10px;
		margin-right: 5px;
	}
	header .menu .wrapper input {
		padding: 0px 0 0px 35px;
		height: 20px;
	}
	header .icons-container + a {
		color: white;
		padding: 5px 24px 3px;
		display: flex;
		align-items: center;
	}
	header .icons-container + a span {
		line-height: 1;
		color: white;
	}
	header .icons-container + a:hover span{
		color: white;
	}
	header .icons-container + a::after{
		content:"";
		background:var(--green);
		transition: var(--transition);
		border-radius: 30px;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		position:absolute;
		top:0;
		left:0;
		right: 0;
		bottom:0;
	}
	header .icons-container + a:hover::after{
		transform: scale(1.05);
	}
	header .menu .wrapper .search {
		max-width: 241px;
		margin-left: 30px;
		width: 100vw;
		padding: 10px 0;
	}
	header .menu .wrapper {
		width: auto;
		align-items: center;
	}
	.hp-gluten-free .container {
		max-width: 1384px;
		padding: 0 20px;
		margin: 130px auto;
		height: 690px;
	}
	.hp-gluten-free .container .images,
	.hp-gluten-free .container .images img {
		height: 100%;
		object-fit: contain;
		max-width: auto;
	}
	.hp-gluten-free .container .images {
		width: 100%;
	}
	.hp-gluten-free .text-container {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		max-width: 495px;
		padding: 0;
		z-index: 1;
		display: flex;
		height: 100%;
		align-items: center;
	}
	.hp-gluten-free .text-container .text {
		background: white;
		padding: 140px 70px 60px;
	}
	.hp-gluten-free .stamp {
		max-width: 105px;
		max-height: 105px;
		right: 40px;
		top: 120px;
	}
	.hp-products-slider .subtitle {
		font-size: 30px;
	}
	.hp-products-slider .title {
		font-size: 55px;
	}
	.description ul {
		margin: 35px auto;
		max-width: 1042px;
	}


	.related .recipes.count_less .item-container > div,
	.related .recipes .item-container > div {
		height: 600px;
	}
}

@media(min-width: 1400px) {
	.content.range2 .slider-wrapper .slider-arrows > * {
		width: 199px
	}
	.hp-banners .slide .container {
		max-width: 37.5vw;
		padding: 0 100px;
	}
	.hp-banners .slide .image::after ,
	.hp-banners .slick-dots{
		width: 37.5vw;
	}

	.hp-banners .slide .container .stamp {
		left: calc(42vw - 166px);
		max-width: 166px;
		top: -35px;
	}

}
@media(min-width: 1750px) {
	/* .range3 .preparation-method::after {
		top: 0;
		left: 0;
		width: 458px;
		height: 280px;
		background: url('/images/sopa_.png') 0%/contain no-repeat;
	}
	.range3 .preparation-method::before {
		width: 249px;
		height: 355px;
		bottom: 0;
		right: 0;
		background: url('/images/sopa.png') 0%/contain no-repeat;
	}
	.range3 .preparation-method::after,
	.range3 .preparation-method::before {
		position: absolute;
		content: '';
		z-index: 1;
	} */
} 

@media(max-width: 768px) {
	.banner.big .bg::after { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 30%;
		content: '';
		pointer-events: none;
		z-index: 1;
		background-blend-mode: multiply;
		background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	}
}

.slide-product .slick-slide {
	opacity:0;
	transition:opacity 1s ease-out;
}

.slide-product .slick-active {
	opacity:1!important;
	transition:opacity 1s ease-in;
}

.slide-product .slick-cloned {
opacity: 0.3;
}

.slide-product .slick .test {
	display: block;
	height: 100px;
	line-height: 100px;
	position: relative;
	text-align: center;
	transform: translate(0, 0) scale(.4);
	transition: all .4s ease;
	opacity: 1;
  }
  
  .slide-product .slick-slide .test{
	max-width:150px;
	margin: auto;
}
@media(min-width:768px){
	.slide-product .slick-slide .test{
		max-width:236px
	}
  .slide-product .slick-slide.lt3 {
	transform: translate(70%, 0) scale(.7);
	z-index: 2;
  }
  .slide-product .slick-slide.lt2 {
	transform: translate(40%, 0) scale(.8);
	z-index: 3;
  }
  .slide-product .slick-slide.lt1 {
	transform: translate(15%, 0)  scale(.9);
	z-index: 4;
  }
  .slide-product .slick-slide.gt1 {
	transform: translate(-15%, 0) scale(.9);
	z-index: 4;
  }
  .slide-product .slick-slide.gt2 {
	transform: translate(-40%, 0) scale(.8);
	z-index: 3;
  }
  .slide-product .slick-slide.gt3 {
	transform: translate(-70%, 0) scale(.7);
	z-index: 2;
  }
  .slide-product .slick-slide.slick-center {
	z-index: 5;
	transform: scale(1);
	opacity: 1;
  }
}

  .slide-product .slick-slide{
	position: relative;
	transition: var(--transition);
  }
  
  .slide-product .slick-prev,
  .slide-product .slick-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	appearance: none;
	margin-top: -10px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	color: transparent;
	outline: none;
	z-index: 100;
	height: 93px;
	width: 48px;
	background: url("/images/icons/hp-arrow.svg") 0%/contain no-repeat;
	opacity: 0.2;
	cursor: pointer;
	transition: all 0.4s ease;
  }

  
  .slide-product .slick-prev {
	left: 0;
  }
  .slide-product .slick-next {
	right: 0;
	transform: translateY(-50%) rotate(180deg);
  }

  .slide-product .slick-prev:hover,
  .slide-product .slick-next:hover{
	opacity: 0.5;
  }
  

  .content.shop .vazio_cart{
    margin: auto;
}

.content.shop .vazio_cart p{
	font-weight: 300;
    color: var(--black);
}
.content.shop .vazio_cart p{
		font-size: 20px;
	}
	.content.shop .vazio_cart .button{
		margin-top: 40px;
	}
@media (min-width: 768px){
	.content.shop .vazio_cart p{
		font-size: 20px;
	}
	.at4-share{
		right: 10px !important;
	}
	.atss.atss-right a {
		border-radius: 100%;
		margin-bottom: 10px;
		background: none !important;
	}
	.atss .at-share-btn:focus, .atss .at-share-btn:hover, .atss a:focus, .atss a:hover {
		width: 3pc !important; 
	}
}
