@charset "UTF-8";

.page-content { padding-top: 86px; }

/* Banner */
.banner,
.banner .container { height: 360px; }
.banner .container { padding-top: 128px; padding-left: 250px; }
.banner .container h1 { line-height: 50px; font-size: 50px; }
.banner .elements { bottom: -105px; width: 220px; }
.banner .slogan { bottom: 30px; width: 100px; }

/* Slick */
.slick-prev,
.slick-next { background-color: #fff !important; box-shadow: 0 0 10px #dedede; }
.slick-prev { left: -10px !important; }
.slick-next { right: -10px !important; }

/* Background text */
.bg-txt.big { font-size: 180px; }
.bg-txt.medium { font-size: 115px; }
.bg-txt.small { font-size: 50px; }

/* Header */
.header-menu { padding: 1em 0; }
.header-menu .logo { width: 150px; height: 54px; }
.header-menu .menu {
	position: fixed;
	right: 0;
	top: 86px;
	transform: none;
    height: 100vh;
    min-height: 100vh;
	padding: 1em 2.5em 1em 1.5em;
	background: #fff;
}
.header-menu .menu li { display: block; margin-right: 0; margin-bottom: 1em; }
.header-menu .menu li a { text-align: left; }
.header-menu .menu li .submenu li { margin-top: 10px; }
.header-menu .menu li .submenu li a { margin-left: 15px; padding: 0 .5em; }
.header-menu .menu li .submenu li.selected a { background: transparent; color: #000; }
.header-menu .menu li.has-submenu > a:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	background: url(../../img/arrow.svg) no-repeat center center;
	background-size: 100% auto;
}
.header-menu .menu li.has-submenu.selected > a:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.header-menu .wrap-nav-icon { z-index: 2; }
.home .header-menu .wrap-nav-icon .nav-icon span { background: #fff; }
.home .header-menu.small-header .wrap-nav-icon .nav-icon span { background: #000; }
.home .header-menu .wrap-nav-icon.open .nav-icon span { background: #000; }
.home .header-menu .menu.show { top: 0; padding-top: 6em; }
.home .header-menu .menu.show li a,
.home .small-header.header-menu .menu li .submenu li a { color: #000; }
.home .header-menu .menu.show li a.selected { color: #fff; }

/* home */
.home-recipe .wrap-bg-txt { left: 6.25em; padding: 20px 0; }
.home-products li h3 { font-size: 35px; line-height: 35px; }
.fr .home-products li .home-product-info .wrap-bg-txt .bg-txt { font-size: 62px; }

/* Products */
.products-list .slick-prev,
.products-list .slick-next {
	z-index: 6;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50%;
	background: #fff url(../../img/arrow.svg) no-repeat center center !important;
	background-size: 50% auto !important;
}
.products-list .slick-prev { left: 10px !important; }
.products-list .slick-next { right: 10px !important; }
.products-list .slick-prev { transform: translate(0, -50%) rotate(180deg) !important; -webkit-transform: translate(0, -50%) rotate(180deg) !important; }
.products-list .slick-prev:before,
.products-list .slick-next:before { content: none !important; }
.products-list:before,
.products-list:after {
	content: '';
	z-index: 5;
	position: absolute;
	top: 0;
	display: block;
	width: 50px;
	height: 100%;
	background: rgba(255,255,255,.5);
}
.products-list:before { left: 0; }
.products-list:after { right: 0; }

.products-list a.selected:after { left: 0; width: 100%; }
.products-list a.selected .product-list-info span { font-size: 28px; line-height: 28px; }

.detail-products { padding: 2em 0; }
.detail-products .product-img { padding-top: 1em; text-align: center; }
.detail-products .product-img img { width: 225px; }

/* Recipes */
.recipes-container .bg-txt.big { font-size: 115px; }
.recipes-list .recipe-title { padding: 1em; }
.recipes-list .recipe-title h2 { font-size: 19px; }

/* About & Label */
.split-right img { width: 350px; padding-top: 3.5em; }
.label-container .split-right img { width: 270px; }

/* Contact */
.contact .page-content { height: 600px; background-size: cover; background-position: center 86px; }
.contact .page-content:before { background-image: none; background-color: rgba(10,35,11,.85); top: 86px; left: 0; width: 100%;}
.contact .page-content .container { height: inherit; }
.contact-txt { position: inherit; top: inherit; left: inherit; transform: inherit; padding: 3em 2em; width: 100%; }

/* Footer */
.footer-info { width: 25%; }
.footer-links { width: 70%; }
.footer-links ul { width: 32%; }
.footer-info .footer-logo img { width: 220px; }
.footer-info .footer-contact .tel li:first-child { border: none; }

/* Small tablet */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	/* Background text */
	.bg-txt.big { font-size: 150px; }
	.bg-txt.medium { font-size: 75px; }
	.bg-txt.small { font-size: 50px; }

	/* Slick */
	.slick-prev,
	.slick-next { width: 35px !important; height: 35px !important; }

	/* Banner */
	.banner,
	.banner .container { height: 320px; }
	.banner .container { padding-top: 128px; padding-left: 180px; }
	.banner .container h1 { line-height: 42px; font-size: 42px; }
	.banner .elements { bottom: -80px; width: 160px; }
	.banner .slogan { width: 85px; }

	/* Home */
	.fr .home-products li .home-product-info .wrap-bg-txt .bg-txt { font-size: 52px; }
	.home-txt .home-desc .home-left,
	.home-txt .home-desc .home-right { width: 100%; margin-right: 0; }
	.home-txt .home-desc .home-left { margin-bottom: 2em; }
	.home-txt .home-desc .home-right { text-align: center; }
	.home-txt .home-desc .home-right img { width: 300px; }

	/* Products */
	.products-list:before,
	.products-list:after { width: 48px; }

	/* Recipes */
	.recipes-list .recipe-title { min-height: 196px; padding: .75em; }
	.recipes-list .recipe-title h2 { font-size: 17px; }

	/* About & Label */
	.split-left,
	.history .split-left,
	.split-right { width: 100%; margin-right: 0; }
	.split-left { margin-bottom: 2em; }
	.split-right { text-align: center; }
	.split-right img { max-width: 30%; }

	/* Footer */
	.footer-links ul { width: 33%; }
}