/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries
	font-family: 'Caveat Brush', cursive;
	*/

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Roboto', sans-serif; font-size: 17px; color: #000; }
body { background: #fff; }
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 15px; color: #000; -moz-appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; }
img { max-width: 100%; border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Caveat Brush', cursive; font-weight: 400; }
h1 { font-size: 80px; }
h2 { margin-bottom: 40px; font-size: 70px; line-height: 0.99; }
p { font-weight: 300; line-height: 1.76; }
p strong { font-weight: 700; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.container { max-width: 100%; padding-right: calc((100% - 1140px) / 2); padding-left: calc((100% - 1140px) / 2); }
.slick-slider .slick-slide{ display: none; }
.slick-slider .slick-slide:first-child{ display: block; }
.slick-initialized.slick-slider .slick-slide,
.slick-initialized.slick-slider .slick-slide:first-child{ display: block; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 32px; position: relative; width: 100%; }
#headerCntr .logo { position: relative; }
#headerCntr .logo a { display: inline-block; position: relative; z-index: 9; }
#headerCntr .logo span { width: 512px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 35px; }
#headerCntr .logo span img { width: 512px; }
#headerCntr .logo img { width: 98px; }
#headerCntr .col { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
#headerCntr .left-menu { padding-top: 10px; padding-right: 75px; }
#headerCntr .right-menu { padding-top: 10px; padding-left: 113px; }
#headerCntr .language { padding-right: 13px; margin-top: 10px; margin-left: 50px; width: 38px; height: 24px; text-transform: uppercase; font-weight: 700; background: url(../img/select-arrow.svg) no-repeat right center; background-size: 18px; }
#headerCntr .cloud { position: absolute; left: 0; top: 115px; }
#headerCntr .cloud img { width: 235px; }
#headerCntr .mobileMenu { display: none; cursor: pointer; z-index: 15; width: 40px; height: 40px; position: absolute; right: 15px; transition: 0.2s; overflow: hidden; }
#headerCntr .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #000; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #000; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }

.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

	/* ### menu box ### */
	.menuBox:not(.mm-menu) { width: 100%; }
	.menuBox:not(.mm-menu) ul { display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.menuBox:not(.mm-menu) ul li { padding: 0 30px; text-transform: uppercase; font-weight: 700; font-size: 15px; }
	.menuBox:not(.mm-menu) ul li a { color: #000; }
	.menuBox:not(.mm-menu) ul li a:hover { color: #8d1352; text-decoration: none; }

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### banner box ### */
	.bannerBox { margin-bottom: -124px; width: 100%; text-align: center; }
	.bannerBox h1 { margin-top: 240px; margin-bottom: 25px; line-height: 0.9; }
	.bannerBox h1 span { font-size: 50px; }
	.bannerBox ul { margin-bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.bannerBox .tree { position: absolute; right: -206px; top: 14px; }
	.bannerBox li { margin: 0 15px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  }

	/* ### meat box ### */
	.meatBox { padding-top: 175px; width: 100%; height: 647px; text-align: center; background: url(../img/banner-bg.png) no-repeat top center; background-size: cover; }
	.meatBox h3 { padding-bottom: 44px; margin-bottom: 47px; font-size: 40px; font-family: 'Caveat Brush', cursive; position: relative; }
	.meatBox h3:before { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 373px; height: 10px; background: url(../img/line-img.svg) no-repeat top center; background-size: cover; }
	.meatBox h2 { margin-top: 15px; margin-bottom: 7px; }
	.meatBox h4 { margin-bottom: 5px; font-size: 30px; }
	.meatBox .item span { display: block; -webkit-transform: translate(-15%, 0) scale(0.85); transform: translate(-15%, 0) scale(0.85); transition: all .4s ease; }
	.meatBox .slick-slide.slick-center span { z-index: 1; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
	.meatBox .slick-slide.lt1 span { -webkit-transform: translate(15%, 0) scale(0.85); transform: translate(15%, 0) scale(0.85); }
	.meatBox .slick-slide{ overflow:hidden; }
	.meatBox .slick-slide.lt2 span { -webkit-transform: translate(15%, 0) scale(.85); transform: translate(15%, 0) scale(.85); }
	.meatBox .slick-slide.gt1 span { -webkit-transform: translate(-15%, 0) scale(.85); transform: translate(-15%, 0) scale(.85); }
	.meatBox .slick-slide.gt2 span { -webkit-transform: translate(-15%, 0) scale(0.85); transform: translate(-15%, 0) scale(0.85); }
	.meatBox .slick-arrow { width: 32px; height: 45px; position: absolute; top: 130px; color: transparent; border: 0; z-index: 99; background-size: cover; background-repeat: no-repeat; background-color: transparent; background-position: center; }
	.meatBox .slick-arrow:focus { outline: none; }
	.meatBox .slick-next { right: -15px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-image: url(../img/prev-arrow.svg); }
	.meatBox .slick-prev { left: -15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); background-image: url(../img/prev-arrow.svg); }
	.meatBox .content { margin-top: 35px; }
	.meatBox .slick-list { margin: 0 20px; }
	.meatBox .bottom { max-height: 410px; }

	/* ### hybrid box ### */
	.hybridBox { margin-top: 243px; }
	.hybridBox span { font-size: 22px; font-family: 'Caveat Brush', cursive; position: absolute; text-align: center; line-height: 1; }
	.hybridBox .quote { padding: 0 25px 25px; width: 200px; height: 186px; left: -88px; top: -38px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: url(../img/quote-img1.svg) no-repeat top center; background-size: cover; }
	.hybridBox .quote2 { padding: 28px 25px 25px; width: 263px; height: 160px; right: -55px; top: -18px; background: url(../img/quote-img2.svg) no-repeat top center; background-size: cover; }
	.hybridBox figure { margin-bottom: -18px; position: relative; bottom: -108px; }
	.hybridBox span em { font-style: normal; -webkit-transform: rotate(-6deg); transform: rotate(-6deg); display: block; }

	/* ### day box ### */
	.dayBox { padding-top: 125px; width: 100%; min-height: 415px; text-align: center; background: url(../img/daybox-shape.svg) no-repeat top center; background-size: cover; }
	.dayBox h3 { padding-bottom: 40px; margin-bottom: 47px; font-size: 40px; position: relative; color: #fff; }
	.dayBox h3:before { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 373px; height: 10px; background: url(../img/line-img2.svg) no-repeat top center; background-size: cover; }
	.dayBox h2 { margin-bottom: 5px; color: #fff; }

	/* ### benefit box ### */
	.benefitBox { width: 100%; }
	.benefitBox h2 { margin-top: 44px; margin-bottom: 27px; }
	.benefitBox figure { margin-left: -115px; margin-top: -56px; -webkit-transform: rotate(10deg); transform: rotate(10deg); }
	.benefitBox figure.last { margin-left: 0; margin-top: -45px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	.benefitBox li { font-weight: 300; position: relative; }
	.benefitBox .list { margin-bottom: 45px; }
	.benefitBox .list li { padding-left: 35px; margin-bottom: 5px; }
	.benefitBox .list li:before { content: ''; width: 18px; height: 18px; position: absolute; left: 0; top: 5px; background: url(../img/check-arrow.svg) no-repeat top center; background-size: cover; }
	.benefitBox .client { margin: 0 -20px; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.benefitBox .client li { padding: 0 20px; }
	.benefitBox span { width: 247px; text-align: center; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 30px; line-height: 1.1; font-family: 'Caveat Brush', cursive; position: absolute; right: 0; bottom: -93px; }
	.benefitBox span:before { content: ''; width: 75px; height: 75px; position: absolute; left: -64px; top: 2px; background: url(../img/line-img3.svg) no-repeat top center; background-size: cover; }
	.benefitBox .left { position: relative; }

	/* ### planet box ### */
	.planetBox { padding-top: 175px; padding-bottom: 155px; margin-top: -35px; width: 100%; min-height: 780px; background: url(../img/planet-bg.svg) no-repeat top center; background-size: cover; }
	.planetBox .bottom { width: 187px; height: 100px; padding-bottom: 10px; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url(../img/global-bg.svg) no-repeat left top; background-size: cover; }
	.planetBox .bottom img { margin-right: 8px; width: 55px; }
	.planetBox .bottom span { width: 55%; font-size: 20px; color: #fff; font-family: 'Caveat Brush', cursive; line-height: 1.1; }
	.planetBox p { margin-bottom: 26px; }

/* ### footer container ### */
#footerCntr { margin-top: -20px; overflow: hidden; width: 100%; }

	/* ### footer box ### */
	.footerBox { padding-bottom: 60px; width: 100%; }
	.footerBox .footer-logo { margin-right: 40px; }
	.footerBox .footer-logo img { width: 66px; }
	.footerBox .col { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.footerBox h4 { margin-bottom: 0; width: 100%; font-size: 30px; }
	.footerBox address { margin-bottom: 0; font-weight: 300; }
	.footerBox ul { margin: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.footerBox li { padding: 0 16px; font-family: 'Caveat Brush', cursive; font-size: 21px; }
	.footerBox li a { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; }
	.footerBox li a img { margin-right: 6px; width: 20px; }
	.footerBox li:nth-child a img { width: 24px; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 1599px) {

	h1 { font-size: 65px; }
	h2 { font-size: 60px; }
	#headerCntr .cloud img { width: 170px; }
	#headerCntr .logo span, #headerCntr .logo span img { width: 420px; }
	.bannerBox .tree { width: 370px; right: -135px; }
	.bannerBox h1 span { font-size: 35px; }
	.bannerBox li img { max-width: 230px; }
	.meatBox h3 { padding-bottom: 30px; margin-bottom: 40px; font-size: 32px; }
	.dayBox h3 { padding-bottom: 30px; margin-bottom: 40px; font-size: 32px; }
	.benefitBox span { width: 210px; font-size: 24px; }
	.benefitBox span:before { width: 55px; height: 55px; left: -48px; top: 2px;}
	.meatBox .content { margin-top: 25px; }
	.meatBox h4 { margin-bottom: 0; }

}

@media only screen and (max-width: 1399px) {

	h1 { font-size: 55px; }
	h2 { font-size: 50px; }
	.menuBox:not(.mm-menu) ul li { padding: 0 22px; }
	#headerCntr .language { margin-left: 20px; }
	.bannerBox h1 { margin-top: 200px; }
	.bannerBox .tree { width: 335px; right: -48px; }
	.meatBox h3, .dayBox h3 { padding-bottom: 23px; font-size: 26px; }
	.meatBox h3:before, .dayBox h3:before { width: 235px; height: 8px; }
	.meatBox { padding-top: 150px; height: 585px; }
	.dayBox h2 { margin-bottom: 10px; }
	.hybridBox { margin-top: 195px; }
	.hybridBox .quote { width: 180px; height: 167px; }
	.dayBox { padding-top: 120px; min-height: 365px; }
	.benefitBox figure { margin-left: -40px; }

}

@media only screen and (max-width: 1279px) {

	h1 { font-size: 50px; }
	h2 { margin-bottom: 30px; }
	.container { padding-left: 15px; padding-right: 15px; }
	#headerCntr .logo span, #headerCntr .logo span img { width: 340px; }
	#headerCntr .logo span { top: 50px; }
	#headerCntr .logo img { width: 85px; }
	.bannerBox h1 { margin-top: 175px; }
	.bannerBox .tree { width: 250px; right: 15px; bottom: 48px; top: inherit; }
	#headerCntr .cloud { left: 15px; }
	#headerCntr .cloud img { width: 145px; }
	.bannerBox h1 span { font-size: 28px; }
	.bannerBox li img { max-width: 205px; }
	.meatBox .item span { -webkit-transform: translate(-35%, 0) scale(0.85); transform: translate(-35%, 0) scale(0.85); }
	.meatBox .slick-slide.lt1 span { -webkit-transform: translate(35%, 0) scale(0.85); transform: translate(35%, 0) scale(0.85); }
	.meatBox .slick-slide.gt1 span { -webkit-transform: translate(-35%, 0) scale(.85); transform: translate(-35%, 0) scale(.85); }
	.meatBox .slick-arrow { width: 20px; height: 36px; }
	.meatBox .slick-prev { left: 0; }
	.meatBox .slick-next { right: 0; }
	.hybridBox span { font-size: 18px; }
	.hybridBox .quote { padding: 0 15px 25px; width: 139px; height: 130px; top: 5px; }
	.hybridBox .quote2 { padding: 18px 20px 25px; width: 200px; height: 120px; right: 15px; top: 1px; }
	.benefitBox .left { padding-left: 15px; }
	.footerBox li { padding: 0 12px; font-size: 20px; }
	.footerBox .footer-logo { margin-right: 20px; }
	.benefitBox figure { margin-left: 0; }
}

@media only screen and (max-width: 1023px) {

	h1 { font-size: 40px; }
	h2 { font-size: 38px; }
	html, body { font-size: 16px; }
	.menuBox:not(.mm-menu) ul li { padding: 0 10px; font-size: 14px; }
	#headerCntr .language { margin-left: 10px; font-size: 14px; }
	#headerCntr .logo span, #headerCntr .logo span img { width: 280px; }
	#headerCntr .left-menu { padding-right: 48px; }
	#headerCntr .right-menu { padding-left: 56px; }
	.bannerBox h1 span { font-size: 25px; }
	.bannerBox li img { max-width: 160px; }
	.bannerBox .tree { width: 190px; }
	.bannerBox h1 { margin-top: 130px; }
	.bannerBox { margin-bottom: -103px; }
	.meatBox .item span { -webkit-transform: translate(-12%, 0) scale(0.85); transform: translate(-12%, 0) scale(0.85); }
	.meatBox .slick-slide.lt1 span { -webkit-transform: translate(12%, 0) scale(0.85); transform: translate(12%, 0) scale(0.85); }
	.meatBox .slick-slide.gt1 span { -webkit-transform: translate(-12%, 0) scale(.85); transform: translate(-12%, 0) scale(.85); }
	.meatBox .slick-list { margin: 0; }
	.meatBox h4 { font-size: 22px; }
	.meatBox .content p { font-size: 15px; }
	.meatBox .content { margin-top: 15px; }
	.meatBox .slick-arrow { top: 67px; }
	.meatBox { padding-top: 122px; height: 433px; }
	.meatBox h3 { margin-bottom: 30px; }
	.hybridBox { margin-top: 140px; }
	.hybridBox .quote { left: -113px; }
	.meatBox h3, .dayBox h3 { padding-bottom: 18px; font-size: 23px; }
	.dayBox { padding-top: 95px; min-height: 300px; }
	.benefitBox .list li { padding-left: 26px; margin-bottom: 4px; }
	.benefitBox .list { margin-bottom: 25px; }
	.benefitBox .client li { padding: 0 14px; }
	.benefitBox .client { margin: 0 -13px; }
	.planetBox { padding-bottom: 132px; }
	.footerBox h4 { font-size: 26px; }
	.footerBox .footer-logo { margin-right: 15px; }
	.footerBox .footer-logo img { width: 55px; }
	.footerBox li { padding: 0 9px; font-size: 17px; }
	.footerBox li a img { margin-right: 5px; width: 15px; }
	.footerBox { padding-bottom: 50px; }
}

@media only screen and (max-width: 767px) {

	h2 { margin-bottom: 20px; }
	.menuBox:not(.mm-menu), #headerCntr .logo span, #headerCntr .left-menu, #headerCntr .right-menu { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .cloud { display: none; }
	#headerCntr .col { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	#headerCntr { padding-top: 15px; padding-bottom: 15px; background: #dfdfdf; }
	#headerCntr .logo img { width: 40px; }
	#headerCntr .logo { display: -webkit-flex; display: -ms-flexbox; display: flex; }
	#headerCntr .language { margin-top: 0; margin-left: 0; margin-right: 47px; }
	.bannerBox .tree { display: none; }
	.bannerBox h1 { margin-top: 30px; }
	.bannerBox li img { max-width: 130px; }
	.bannerBox { margin-bottom: -65px; }
	.meatBox h3, .dayBox h3 { padding-bottom: 15px; font-size: 22px; }
	.meatBox h3:before, .dayBox h3:before { width: 145px; height: 6px; }
	.meatBox .item span { -webkit-transform: translate(-3%, 0) scale(0.85); transform: translate(-3%, 0) scale(0.85); }
	.meatBox .slick-slide.lt1 span { -webkit-transform: translate(3%, 0) scale(0.85); transform: translate(3%, 0) scale(0.85); }
	.meatBox .slick-slide.gt1 span { -webkit-transform: translate(-3%, 0) scale(.85); transform: translate(-3%, 0) scale(.85); }
	.meatBox .slick-arrow { top: 33%; }
	.hybridBox { margin-top: 210px; }
	.hybridBox figure img { margin: auto; max-width: 270px; }
	.hybridBox .quote { left: 20px; }
	.hybridBox .quote2 { right: 25px; }
	.hybridBox figure { margin-bottom: 0; }
	.dayBox { padding-top: 120px; min-height: 320px; }
	.benefitBox span { display: none; }
	.planetBox figure { margin-top: 20px; margin-bottom: 0; }
	.planetBox { margin-top: 30px; padding-top: 35px; padding-bottom: 55px; background: #edf7fe; }
	#footerCntr { margin-top: 0; }
	.footerBox { padding-bottom: 35px; padding-top: 35px; }
	.footerBox ul { margin: 10px -9px 0; }
	.footerBox .footer-logo { display: none; }
	.benefitBox .client { margin: 0; }
	.benefitBox .left { padding: 0 15px; }
	.benefitBox figure.last { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.benefitBox figure.last img { height: auto; }
}

@media only screen and (max-width: 479px) {

	.bannerBox li { margin: 0 10px; }
	.meatBox .slick-slide.slick-center span { z-index: 1; -webkit-transform: 0; transform: 0; opacity: 1; }
	.meatBox { padding-top: 100px; }
	.hybridBox span { position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
	.hybridBox figure { bottom: 0; }
	.hybridBox .quote { left: 0; margin-bottom: 25px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
	.hybridBox .quote2 { right: 0; }
	.dayBox { padding-top: 85px; min-height: 320px; }
	.footerBox ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.footerBox li { width: 100%; }
	.meatBox .slick-slide.lt1 span { -webkit-transform: inherit; transform: inherit; }
	.meatBox .slick-slide.gt1 span { -webkit-transform: inherit; transform: inherit; }
	.meatBox .item span { height: 230px; }
	.benefitBox figure.last { margin-top: -10px; }
	.hybridBox { margin-top: 160px; }
}



/* Custom */
.sustainable-bottom {
    justify-items: center;
    align-items: center;
    display: flex;
}

.nutriscore {
    display: inline-flex;
    margin-left: auto;
}