@charset "UTF-8";

body {
  	font-family: 'Quicksand', sans-serif;
	text-align: left;
	font-size: 16px;
	background: #f3eee1;
	color: #000000;
}

h1,h2,h3 { line-height: 50px; margin-bottom: .75em; font-weight: 700; font-size: 50px; }
h2 { font-size: 40px; line-height: 40px; text-align: center; }
h2 span { display: block; font-weight: 400; }
h3 { font-size: 40px; line-height: 40px; }
h3 span { display: block; font-size: 18px; }
a { text-decoration: none; color: #dc0032; }

.small-header { box-shadow: 0 0 6px #888; }

.container { overflow: hidden; position: relative; max-width: 1240px; width: 100%; margin: 0 auto; padding: 1em 20px; }
.page-content { padding-top: 138px; }
.page-content h1 { line-height: 40px;margin-bottom: 5px; font-size: 40px; text-align: center; }
.page-content .page-title { margin-bottom: 1em; }
.products .page-content .page-title { margin-bottom: 0; }
.page-content .page-title span { display: block; text-align: center; font-size: 18px; }

/* Placeholder */
::-webkit-input-placeholder { color: #95958e; font-style: italic; }
::-moz-placeholder { color: #95958e; font-style: italic; }
:-ms-input-placeholder { color: #95958e; font-style: italic; }
:-moz-placeholder { color: #95958e; font-style: italic; }

/* Inputs */
input {
	width: 100%;
    padding: 1em;
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    outline: none;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
}

/* BTN */
.button {
	overflow: hidden;
	position: relative;
	display: inline-block;
	margin: 15px 0;
	background: #dc0032;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	transition: background 5s cubic-bezier(0.19, 1, 0.22, 1),
	border 1s cubic-bezier(0.19, 1, 0.22, 1), color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.button a,
.button span {
	display: block;
	padding: .25em 1.25em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
.button button {
    width: 100%;
    padding: .5em 1.25em;
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    outline: none;	
}

.button .mask {
	position: absolute;
	width: 200px;
	height: 60px;
	background-color: #f3eee1;
	transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
	transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.button:hover { transition: background 0s; }
.button:hover .mask {
	background-color: #fff;
	transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

/* Slick */
.slick-prev,
.slick-next {
	z-index: 6;
	width: 50px !important;
	height: 50px !important;
	border-radius: 50%;
	background: transparent url(../../img/arrow.svg) no-repeat center center !important;
	background-size: 50% auto !important;
}
.slick-prev { left: -35px !important; }
.slick-next { right: -35px !important; }
.slick-prev { transform: translate(0, -50%) rotate(180deg) !important; -webkit-transform: translate(0, -50%) rotate(180deg) !important; }
.slick-prev:before,
.slick-next:before { content: none !important; }

/* Background text */
.wrap-bg-txt { position: relative; padding: 40px 0; }
.bg-txt {
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
	font-family: 'Allura', cursive;
	color: #e8e3d7;
	font-size: 200px;
    text-align: center;
}
.bg-txt.big { font-size: 200px; }
.bg-txt.medium { font-size: 150px; }
.bg-txt.small { font-size: 92px; }
.fr .bg-txt.small { font-size: 82px; }

/* Banners */
.banner { position: relative; width: 100%; height: 758px; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.banner .elements { position: absolute; right: 50px; bottom: -195px; }
.banner .slogan { position: absolute; left: 30px; bottom: 60px; }
.banner .container { overflow: inherit; height: 758px; padding-top: 230px; }
.banner h1 { line-height: 80px; font-size: 80px; color: #fff; font-weight: 300; }

/* Header */
.home .header-menu { background: transparent; }
.header-menu { z-index: 10; position: fixed; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; padding: 1.75em 0; background: #fff; }
.small-header.header-menu { padding: 1em 0; background: #fff; }
.header-menu .logo {
	display: block;
	background: url('../../img/logo.svg') left center no-repeat;
	background-size: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.home .header-menu .logo { background-image: url('../../img/logo-light.svg'); }
.small-header.header-menu .logo {
	background-image: url('../../img/logo.svg'); 
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.header-menu .container { overflow: inherit; padding-top: 0; padding-bottom: 0; }
.header-menu .menu { display: none; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.header-menu .menu.show { display: block; }
.header-menu .menu li { position: relative; display: inline-block; margin-right: 1em; }
.fr .header-menu .menu li { margin-right: .5em; }
.header-menu .menu li:last-child { margin-right: 0; }
.header-menu .menu li a { display: block; padding: 0 .5em; background: transparent; text-transform: uppercase; color: #000000; text-align: center; }
.fr .header-menu .menu li a { padding: 0 .25em; }
.header-menu .menu li a:hover { color: #dc0032; }
.header-menu .menu li.selected > a { font-weight: 700; }
.header-menu .menu li.has-submenu a { cursor: pointer; }
.header-menu .menu li .submenu { display: none; }
.header-menu .menu li .submenu.show { display: block; }
.header-menu .menu li .submenu li { width: 100%; margin-right: 0;}
.header-menu .menu li .submenu li a { padding: .5em 1em; text-align: left; text-transform: inherit; }
.home .header-menu .menu li a { color: #fff; }
.home .small-header.header-menu .menu li a { color: #000; }
.home .small-header.header-menu .menu li .submenu li a { color: #fff; }
.home .small-header.header-menu .menu li a.selected { color: #fff; }

.header-menu .wrap-nav-icon { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.header-menu .wrap-nav-icon .nav-icon { 
	position: relative;
	width: 40px;
	height: 24px;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.header-menu .wrap-nav-icon .nav-icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #000;
	border-radius: 12px;
	opacity: 1;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.header-menu .wrap-nav-icon .nav-icon span:nth-child(1) { top: 0px; left: 0; width: 40px; }
.header-menu .wrap-nav-icon .nav-icon span:nth-child(2) { top: 10px; left: 0; width: 40px; }
.header-menu .wrap-nav-icon .nav-icon span:nth-child(3) { top: 20px; right: 0; width: 40px; } 
.header-menu .wrap-nav-icon.open .nav-icon span:nth-child(1) {
	top: 8px;
	left: -3px;
	width: 40px;
	-webkit-transform: translateY(50%) rotate(135deg);
	transform: translateY(50%) rotate(135deg);
}
.header-menu .wrap-nav-icon.open .nav-icon span:nth-child(2) { opacity: 0; }
.header-menu .wrap-nav-icon.open .nav-icon span:nth-child(3) {
	top: 8px;
	left: -3px;
	width: 40px;
	-webkit-transform: translateY(50%) rotate(-135deg);
	transform: translateY(50%) rotate(-135deg);
}

/* Home */
.home-products { overflow: hidden; margin-top: -20px; margin-bottom: 2.5%; }
.home-products li { position: relative; float: left; width: calc(95%/3); margin-right: 2.5%; }
.home-products li:last-child { margin-right: 0; }
.home-products li a:after {
	opacity: 0;
	content: '';
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.home-products li h3 { margin-bottom: .25em; color: #fff; }
.home-products li .home-product-info {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.home-products li .home-product-info .wrap-bg-txt { padding: 0; }
.home-products li .home-product-info .wrap-bg-txt .bg-txt { top:calc(50% - 5px); color: rgba(132, 119, 103, 0.9); }
.home-products li a img { display: block; }

.home-recipe { position: relative; margin-bottom: 3em; }
.home-recipe a:after {
	opacity: 0;
	content: '';
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.home-recipe a img { display: block; }
.home-recipe .wrap-bg-txt {
	position: absolute;
	top: 50%;
	left: 7em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.home-recipe .wrap-bg-txt .bg-txt {
    left: 25px;
    top: 78px;
    transition: none;
    color: #dfe1d9;
}
.home-recipe .wrap-bg-txt h3 { margin-bottom: 0; color: #000; }

/* Home text */
.home-txt { padding: .5em 0; text-align: center; background: #fff; }
.home-txt .associations { width: 100%; border-bottom: 3px solid #f3eee1; }
.home-txt .associations ul li { display: inline-block; margin-right: 4em; }
.home-txt .associations ul li { display: inline-block; margin-right: 4em; }
.home-txt .associations ul li:last-child { margin-right: 0; }
.home-txt .home-desc { overflow: hidden; padding-top: 4em; padding-bottom: 3em; text-align: left; }
.home-txt .home-desc .home-left,
.home-txt .home-desc .home-right { float: left; width: calc( 92% / 2); margin-right: 8%; }
.home-txt .home-desc .home-right { margin-right: 0; }
.home-txt .home-desc .home-left .wrap-bg-txt { padding: 20px 0; }
.home-txt .home-desc .home-left .bg-txt { z-index: 0; top: calc(50% - 12px); color: #f3f3f3; font-size: 225px; }
.home-txt .home-desc .home-left h3 { position: relative; z-index: 1; }
.home-txt .home-desc .home-left h3 span { display: inline; font-size: 40px; font-weight: 400; }

/* Products */
.slick-slide { margin: 0 10px; }
.slick-list { margin: 0 -10px;}
.products .page-title h1 { margin-top: .5em; }
.products-list { max-width: 1860px; width: 100%; margin: 1em auto 1.25em; }
.products-list .item { position:relative; float: left; outline: none; }
.products-list .item:last-child { margin-right: 0; }
.products-list .item a,
.products-list .item a img { display: block; width: 100%; outline: none; }
.products-list .item a img { margin: 0 auto; }
.products-list .item a:after {
	content: '';
	opacity: 0;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.products-list .product-list-info {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
}
.products-list .product-list-info img { max-width: 45px; margin: 0 auto .5em !important; }
.products-list .product-list-info span { display: block; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 18px; }
.products-list a.selected { pointer-events: none; cursor: default; }
.products-list a.selected:after {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
     background: rgba(220,0,50,.7);
}
.products-list a.selected .product-list-info img { display: none; }
.products-list a.selected .product-list-info { z-index: 2; }
.products-list a.selected .product-list-info span { font-size: 35px; line-height: 35px; }

.detail-products { padding: 2.5em 0 0; background: #fff; }
.detail-products:nth-child(even) { margin: 0 1.5em; background: transparent; }
.detail-products .product-img,
.detail-products .product-desc { float: left; }
.detail-products .product-img { width: 30%; margin-right: 5%; }
.detail-products .product-desc { width: 65%; padding-top: 1em; }
.detail-products .product-desc h2 { margin-bottom: 1.25em; font-size: 25px; line-height: 25px; text-align: left; }
.detail-products .product-desc .block { clear: both; display: block; }
.detail-products .product-desc a { text-decoration: underline; font-weight: 700; color: #000; }
.detail-products .product-desc a:hover { text-decoration: none; }
.detail-products .product-desc .size { margin-bottom: 1.5em; }
.detail-products .product-desc .size td { padding-right: 6px; }
.detail-products .product-desc .desc-input { overflow: hidden; }
.detail-products .product-desc .desc-input input,
.detail-products .product-desc .desc-input .button { float: left; }
.detail-products .product-desc .desc-input input { width: 300px; margin-right: 1em; margin-top: 5px; }
.detail-products .product-desc .desc-input .button { background: #7b7b7b; }
.detail-products .product-desc .desc-input .button.valid-pass { background: #dc0032; cursor: pointer; pointer-events: inherit; }
.detail-products .product-desc .desc-input .button a { cursor: pointer; pointer-events: none; text-decoration: none; color: #fff; font-weight: 400; }
.detail-products .product-desc .desc-link { font-size: 15px; }

.detail-products.display-right .product-img { float: right; margin: 0 0 0 5%; }
.detail-products.display-right .product-desc h2,
.detail-products.display-right .product-desc p,
.detail-products.display-right .product-desc .block { text-align: right; }
.detail-products.display-right .product-desc .size { float: right; }
.detail-products.display-right .product-desc .desc-input input,
.detail-products.display-right .product-desc .desc-input .button { float: right; }
.detail-products.display-right .product-desc .desc-input input { margin-left: 1em; margin-right: 0; }

/* Recipes */
.recipes { background: #fff; }
.recipes .bg-txt { top: 50%; color: #f3f3f3; }
.recipes-list { margin-bottom: 3em; }
.recipes-list .item { position:relative; outline: none; cursor: pointer; }
.recipes-list .item a,
.recipes-list .item a img { display: block; outline: none; }

.recipes-list .recipe-title { position: absolute; bottom: 0; left: 0; width: 100%; min-height: 184px; padding: 1em 2em; background: rgba(255,255,255,.7); }
.recipe-txt { /*display: none;*/ margin-bottom: 3em; padding: 0 10px; }
.recipe-txt.active { display: block; }
.recipes-list .recipe-title .title,
.recipe-txt .title { display: block; margin-bottom: .25em; font-weight: 700; color: #dc0032; text-transform: uppercase; }
.recipes-list .recipe-title h2 { margin-bottom: .5em; line-height: 22px; font-size: 20px; text-align: left; }
.recipe-txt h2 { margin-bottom: .5em; line-height: 22px; font-size: 22px; text-align: left; }
.recipes-list .recipe-title .recipe-link { font-weight: 700; color: #dc0032; text-decoration: underline; }
.recipe-txt .recipe-elements { padding: .75em 0 .5em; }
.recipe-txt .recipe-elements li { margin-bottom: 1em; }
.recipe-txt .recipe-elements li span { margin-right: 5px; font-weight: 700; color: #dc0032; }
.recipes-list .button { position: absolute; top: 537px; right: 17px; }

.recipes-list .item:after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(220,0,50,.7);
}
.recipes-list .item.selected:after { opacity: 1; }
.recipes-list .item.selected .recipe-title {
	z-index: 1;
	bottom: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
   	background: none;
}
.recipes-list .item.selected .recipe-title .title,
.recipes-list .item.selected .recipe-title h2 { color: #fff; }
.recipes-list .item.selected .recipe-title .recipe-link { display: none; }

/* About & Label & Production */
.history .about-container,
.label .label-container,
.production .production-container { margin-bottom: 3em; padding-top: 2em; }
.history .wrap-bg-txt { padding: 25px 0; }
.history .bg-txt,
.label .bg-txt,
.production .bg-txt { top: 50%; text-align: left; }
.history .page-content h1,
.label .page-content h1,
.production .page-content h1 { text-align: left; font-weight: 400; }
.history .page-content .page-title span,
.label .page-content .page-title span,
.production .page-content .page-title span,
.agriculture .page-content .page-title span {
	margin-bottom: 1em;
	font-size: 16px;
	color: #dc0032;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
} 
.split-left,
.split-right { float: left; }
.split-left { width: 48%; margin-right: 8%; }
.split-right { width: 44%; }
.split-right { margin-right: 0; }
.split-right img { padding-top: 2em; }
.label-container .split-right { text-align: center; }

.about-gallery { overflow: hidden; padding: 20px 20px 10px 20px; background: #fff; }
.about-gallery img { float: left; width: 38%; margin-right: 2%; }
.about-gallery img:nth-of-type(2) { width: 20%; }
.about-gallery img:last-child { margin-right: 0; }

/* Contact */
.contact .page-content { position: relative; width: 100%; height: 895px; background-repeat: no-repeat; background-position: center 138px; background-color: #fff; }
.contact .page-content:before {
	content: '';
	position: absolute;
	top: 50px;
	left: 5%;
	width: 1017px;
	height: 1017px;
	background: url('../../img/bg-contact-circle.png') top center no-repeat;
	background-size: 100% auto;
}
.contact .page-content .container { overflow: inherit; height: 757px; }

.contact-txt {
	position: absolute;
	top: 50%;
	left: 0;
    transform: translateY(-50%);
    -webkit-transform:  translateY(-50%);
	width: 45%;
	color: #fff;
}
.contact-txt h1,
.contact-txt p { text-align: left; color: #fff; }
.contact-txt h1 { margin-bottom: .5em; }
.contact-txt .tel { margin-bottom: 2em; }
.contact-txt .tel li { display: inline-block; margin-right: .75em; padding-right: .75em; line-height: 13px; }
.contact-txt .tel li:first-child { border-right: 2px solid #e3423b; }
.contact-txt .tel li:last-child { display: block; margin-top: 10px; }
.contact-txt .tel li span { display: inline-block; color: #e3423b; font-weight: 700;}
.contact-txt .tel li a { color: #fff; font-weight: 700; }
.contact-txt .map { text-decoration: underline; font-weight: 700; color: #e3423b; }

/* Footer */
.footer { background: #000; }
.footer .wrap-borders { overflow: hidden; }
.footer .wrap-borders li { float: left; width: calc(100%/3); height: 10px; background: #fff; }
.footer .wrap-borders li:first-child { background: #328d4c; }
.footer .wrap-borders li:last-child { background: #dc0032; }

.footer .container { padding-top: 3em; padding-bottom: 3em; }
.footer .container p { color: #fff; }
.footer-info { float: left; width: 30%; margin-right: 5%; }
.footer-info .footer-logo { display: block; margin-bottom: 1.25em; }
.footer-info .footer-logo img { width: 285px; }
.footer-info .footer-contact .tel li { display: inline-block; margin-right: .75em; padding-right: .75em; line-height: 13px; }
.footer-info .footer-contact .tel li:first-child { border-right: 2px solid #e3423b; }
.footer-info .footer-contact .tel li span { display: inline-block; color: #e3423b; font-weight: 700;}
.footer-info .footer-contact .tel li a { color: #fff; font-weight: 700; }
.footer-links { float: left; width: 65%; padding-top: 1em; }
.footer-links ul { float: left; width: 30%; }
.footer-links ul li,
.footer-links ul li.title a { margin-bottom: .3em; color: #e3423b; }
.footer-links ul li:first-child { margin-bottom: .5em; text-transform: uppercase; font-weight: 700; }
.footer-links ul li a { color: #fff; }
.footer-links ul li a:hover { opacity: .8; }

.copyright { width: 100%; background: #fff;}
.copyright .container { overflow: hidden; padding-top: .5em; padding-bottom: .5em; }
.copyright .container p { float: left; margin: 0; }
.copyright .container p:last-child { float: right; }
.copyright .container p,
.copyright .container a { color: #000; }

.display_none{display: none;}

/* Print */
.wrap-print-logo,
.print-img { display: none; }
.wrap-print-logo { clear: both; width: 100%; margin-bottom: 40px; padding: 15px 0; border-bottom: 1px solid #000; }
.print-info { float: right; text-align: right; }
.print-info span { display: block; font-size: 14px; font-weight: 700; }

@media print {
	.wrap-print-logo { display: block; }
	.small-header { box-shadow: inherit; }
	.page-content { padding-top: 0; }
	.header-menu,
	.slick-slider,
	.recipes-container,
	.print_btn,
	footer { display: none !important; }
	.print-img { display: block; float: left; max-width: 200px; }
	.recipe-txt { padding-left: 240px; }
	.recipe-txt h2 { font-size: 18px; line-height: 18px; }
	.recipe-txt .title,
	.recipe-txt .recipe-elements li { font-size: 14px; }
}