@font-face {
	font-family: 'OpenSans Regular';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-regular.woff') format('woff'),
		 url('../fonts/opensans-regular.ttf') format('truetype'),
		 url('../fonts/opensans-regular.svg#SeanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans Light';
	src: url('../fonts/opensans-light.eot');
	src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-light.woff') format('woff'),
		 url('../fonts/opensans-light.ttf') format('truetype'),
		 url('../fonts/opensans-light.svg#SeanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body { font-family: 'OpenSans Regular'; font-size: 16px; color: #333; }
body { display: flex; flex-direction: column; min-height: 100vh; }
.max-width { max-width: 1200px; margin: 0 auto; justify-content: space-between; }
.max-width.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.max-width.flex.middle { align-items: center; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
New Responsive Flex
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.flex-container { padding: 0px; justify-content: space-between; }
.flex-container-sub { padding: 0px; }
.flex-item { position:relative; margin: 1% 0px; min-width: unset; }
.flex-item>div { padding: 0px; }
.flex-item.w10 { flex: unset; width: 9%; }
.flex-item.w20 { flex: unset; width: 19%; }
.flex-item.w25 { flex: unset; width: 24%; }
.flex-item.w30 { flex: unset; width: 29%; }
.flex-item.w35 { flex: unset; width: 34%; }
.flex-item.w33 { flex: unset; width: 32%; }
.flex-item.w40 { flex: unset; width: 39%; }
.flex-item.w50 { flex: unset; width: 49%; }
.flex-item.w60 { flex: unset; width: 59%; }
.flex-item.w65 { flex: unset; width: 64%; }
.flex-item.w66 { flex: unset; width: 65%; }
.flex-item.w70 { flex: unset; width: 69%; }
.flex-item.w75 { flex: unset; width: 74%; }
.flex-item.w80 { flex: unset; width: 79%; }
.flex-item.w90 { flex: unset; width: 89%; }
.flex-item.w100 { flex: unset; width: 100%; }
.flex-item.flex1 { flex: 1; }

@media only screen and (max-width: 850px) {
	.flex-item.w33 { flex: unset; width: 49%; }
	.flex-item.w50 { flex: unset; width: 49%; }
	.flex-item.w66 { flex: unset; width: 49%; }
	.flex-item.w100 { flex: unset; width: 100%; }
}

@media only screen and (max-width: 650px) {
	.flex-item { flex: unset; width: 100% !important; }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hamburger { display: block; width: 75px; cursor: pointer; height: 50px; position: relative; margin-left: auto; margin-right: auto; border-radius: 4px; transition: border-radius .5s; transition: 0.2s; transform-origin: center; }
.line { position: absolute; left:10px; height: 4px; width: 55px; background: #E20011; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; width: 30px; }
body.nav-opened .hamburger .line:nth-child(1){ transform: translateY(12px) rotate(-45deg); }
body.nav-opened .hamburger .line:nth-child(2){ opacity:0; }
body.nav-opened .hamburger .line:nth-child(3){ transform: translateY(-12px) rotate(45deg); width: 55px; }
body.nav-opened #navigation { transform: translateY(0%); }

#header { position: fixed; z-index: 10; top: 0px; right: 0px; left: 0px; background: #FFF; padding: 20px 0px; box-shadow: 0px 0px 10px #000; transition: 0.6s;  }
#header .max-width { position: relative; }
#header-logo { display: flex; align-items: flex-start; justify-content: flex-start; }
#header-logo div.first { width: 200px; padding-top: 8px; overflow: hidden; transition: 0.5s; }
#header-logo div.last { width: 27px; min-height: 55px; transition: 0.5s;  }
#header-logo img { width: 100%; }
#header-nav-icons { display: flex; align-items: center; }
#header-nav-icons .icon { margin: 0px 20px 0px 0px; padding: 10px 0px; border-bottom: 3px solid #FFF; transition: all 0.5s; }
#header-nav-icons .icon:hover { border-bottom: 3px solid #E20011; }
#header-nav-icons .i18n-switcher { margin: 0px 20px 0px 0px; padding: 10px 0px; position: relative; }
#header-nav-icons .i18n-switcher .actual { margin: 0px 0px 0px 0px; }
#header-nav-icons .i18n-switcher .actual a { padding: 0px; }
#header-nav-icons .i18n-switcher .dropdown { display: none; position: absolute; z-index: 1; box-shadow: 0px 0px 10px rgba(0,0,0,0.0); border-radius: 5px; background: #FFF; border: 2px solid #CCC; left: 50%; bottom: 0px; padding: 10px 5px; transform: translate(-50%, 105%); }
#header-nav-icons .i18n-switcher:hover .dropdown { display: block; }
#header-nav-icons .i18n-switcher .dropdown a { display: flex; align-items: center; padding: 5px 1rem; }
#header-nav-icons .i18n-switcher .dropdown a .flag { padding-right: 8px; }
#header-nav-icons .i18n-switcher .dropdown a:hover { background: #CCC; color: #222; }
#header-nav-icons .i18n-switcher img { width: 32px; height: 21px; display: block; border: 1px solid #666; }
#header-nav-icons .i18n-switcher .dropdown::after { content: ''; width: 20px; height: 20px; border-left: 2px solid #CCC; border-top: 2px solid #CCC; position: absolute; left: 50%; top: 0px; transform: translate(-11px,-11px) rotate(45deg); background: #FFF; z-index: -1;  }
#header-nav-icons .i18n-switcher .dropdown::before { content: ''; left: 0px; right: 0px; top: -20px; height: 30px; position: absolute; z-index: -2; }
#header-nav-icons a { display: block; text-decoration: none; color: #333; padding-left: 30px; background-repeat: no-repeat; line-height: 22px; background-position: 0px 0px; background-size: 22px 22px; }
#header-nav-icons a.home { background-image: url(../images/home.svg); }
#header-nav-icons a.contact { background-image: url(../images/contact.svg); }
#header-nav-icons a.faq { background-image: url(../images/faq.svg); }
#navigation { position: fixed; z-index: 9; left: 0px; right: 0px; top: 105px; background: rgba(226, 0, 17, 0.8); color: #FFF; transform: translateY(-180%); transition: all 0.5s; padding: 10px 0px 0px 0px; }
#navigation .nav_level1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#navigation .nav_level1>div { flex: 1; text-align: center; color: #FFF; position: relative; }
#navigation .nav_level1>div>a { color: #FFF; text-decoration: none; display: block; padding: 56px 0px 10px 0px; background-repeat: no-repeat; background-position: center 10px; background-size: auto 36px; transition: all 0.5s; }
#navigation .nav_level1>div>a:hover, #navigation .nav_level1>div:hover>a { background-color: rgba(226, 0, 17, 1); }
#navigation .nav_level1>div>a.nav-point.nav-2 { background-image: url(../images/products.svg); }
#navigation .nav_level1>div>a.nav-point.nav-3 { background-image: url(../images/sale.svg); }
#navigation .nav_level1>div>a.nav-point.nav-4 { background-image: url(../images/team.svg); }
#navigation .nav_level1>div>a.nav-point.nav-5 { background-image: url(../images/career.svg); }
#navigation .nav_level1>div>a.nav-point.nav-6 { background-image: url(../images/press.svg); }
#navigation .nav_level1>div>a.nav-point.nav-7 { background-image: url(../images/recipes.svg); }
#navigation .nav_level1>div>a.nav-point.nav-21 { background-image: url(../images/quality.svg); }
#navigation .nav_level2 { max-height: 0px; overflow: hidden; transition: all 0.5s; position: absolute; background-color: #FFF; left: 0px; min-width: 100%; text-align: left; }
#navigation .nav_level2:before { content: ' '; position: absolute; top: 0px; left: 20px; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 13px 13px 0 13px; border-color: #e20013 transparent transparent transparent; }
#navigation .nav_level1>div.opened .nav_level2 { max-height: 200px; padding-top: 15px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#navigation .nav_level2>a { display: block; color: #E20011; text-decoration: none; line-height: 32px; padding: 0px 10px 0px 20px; white-space: nowrap; }
#navigation .nav_level2>a:hover { background-color: #E20011; color: #FFF; }

#slider { position: fixed; z-index: 1; top: 105px; right: 0px; left: 0px; }
#slider-spacer { position: relative; width: 100%; margin-top: 105px; }
#slider, #slider-spacer { height: calc(100vh - 105px); }
.swiper-slide { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; }
#slider .slider-overlay { position: absolute; right: 0px; left: 40%; bottom: 20%; background: rgba(255,255,255,0.70); font-size: 32px; color: #E20011; padding: 10px 20px; text-transform: uppercase; }

#slider .arrow { width: 60px; position: absolute; bottom: 7%; left: 50%; transform: translate(-50%,0); z-index: 10; animation: jump 3s infinite; }
#slider .arrow span.top { display: block; width: 30px; height: 30px; border-bottom: 5px solid #E20011; border-right: 5px solid #E20011; transform: rotate(45deg); margin: -10px; animation: color 3s infinite; }
#slider .arrow span.line { transform: rotate(90deg) translate(-30px,32px); }
/* #slider .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 5px solid #E20011; border-right: 5px solid #E20011; transform: rotate(45deg); margin: -10px; animation: animate 2s infinite; }
#slider .arrow span:nth-child(2){ animation-delay: -0.2s; }
#slider .arrow span:nth-child(3){ animation-delay: -0.4s; }
*/
@keyframes jump {
	0%{
		opacity: 1;
		transform: translate(0px,0px);
	}
	25%{
		opacity: 1;
		transform: translate(0px,-10px);
	}
	30%{
		opacity: 1;
		transform: translate(0px,10px);
	}
	35%{
		opacity: 1;
		transform: translate(0px,-10px);
	}
	40%{
		opacity: 1;
		transform: translate(0px,10px);
	}
	50%{
		opacity: 1;
		transform: translate(0px,0px);
	}
	100%{
		opacity: 1;
		transform: translate(0px,0px);
	}
}

@keyframes color {
	0%{
		border-color: #E20011;
	}
	25%{
		border-color: #E20011;
	}
	30%{
		border-color: #FFFFFF;
	}
	35%{
		border-color: #E20011;
	}
	40%{
		border-color: #FFFFFF;
	}
	50%{
		border-color: #E20011;
	}
	100%{
		border-color: #E20011;
	}
}


#content { position: relative; z-index: 5; flex: 1; margin-top: 105px; }
#content .bg { background-color: #FFF; }
#content .greeting { text-align: center; }
#content .greeting .USERtext { line-height: 2em; }

#content .breadcrumb-bg { background: #FFF; }
#content .breadcrumb { padding-top: 16px; padding-bottom: 16px; }
#content .breadcrumb a { text-decoration: none; color: #E20716; margin-right: 0.5rem; }
#content .breadcrumb a:after { content: '»'; color: #222; margin-left: 0.5rem; font-size: 1.3em; }
#content .breadcrumb a:last-child:after { display: none; }

/* #content blockquote { background: #f9f9f9; font-style: italic; font-size: 1.3em; border-left: 10px solid #f9f9f9; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; }
#content blockquote:before { color: #5DA331; content: open-quote; font-style: normal; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
#content blockquote p { display: inline; } */

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #5DA331;
  padding: 0.5em 1.5em 0.5em;
  margin: 1.5em 0;
  position: relative;
  font-style: italic;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #5DA331;
  text-align: center;
}
/* blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #e74c3c;
} */

#content li { list-style-type: none; background-image: url(../images/star.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: 0px 3px; padding-left: 20px; }

#content .USERtext a { color: #E20011; text-decoration: none; }
#content .USERtext a:hover { text-decoration: underline; }

.vegetables { position: relative; padding: 60px 0px 0px 0px; }
.vegetables .bg { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 70%; z-index: -1;
background-color: transparent; background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,0) 50%);
}
#three-vegetables { display: flex; justify-content: space-between; align-items: flex-end; padding: 0px 100px 30px 100px; }
#three-vegetables .one-vegetables:nth-child(1) { width: 25%; }
#three-vegetables .one-vegetables:nth-child(2) { width: 20%; padding-bottom: 40px; }
#three-vegetables .one-vegetables:nth-child(3) { width: 25%; padding-bottom: 40px; }
#three-vegetables .one-vegetables img { transition: all 0.5s ease-out; }
#three-vegetables .one-vegetables { position: relative; }
#three-vegetables .one-vegetables img { width: 100%; display: block; }
#three-vegetables .one-vegetables span { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; font-size: 26px; border-radius: 100px; }
#three-vegetables .one-vegetables:hover img { transform: translateY(-10%); }
#three-vegetables .one-vegetables:hover span { background-color: rgba(226, 0, 17, 0.8); color: #FFF; }
#three-vegetables a { color: #666; text-decoration: none; }

.full-teaser.img100 img { width: 100% !important; height: auto !important; }

table { border: none; border-collapse: collapse; }
table tr td { padding: 5px; border-bottom: 2px solid #FFF; cursor: default; }
table tr:nth-child(even){background-color: #f2f2f2; }
table tr:hover {background-color: #ddd; }
.table-scrollable { width: 100%; overflow-y: auto; margin: 0 0 1em; }
.table-scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.table-scrollable::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }

#footer { position: relative; z-index: 5; background: #FFF; font-family: 'OpenSans Light' !important; font-weight: lighter; }
#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: underline; }
body#page-22 #footer-top { display: none; }
#footer-top { text-align: center; padding: 30px 0px; background-color: #F5F5F5; color: #666; }
#footer-top .certified { padding: 10px 0px 30px 0px; }
#footer-top .certified-logos img { height: 116px; margin: 0px 20px; }
#footer-middle { background-color: #333333; color: #FFF; padding: 30px 0px 20px 0px; }
#footer-middle .col1 { width: 25%; padding: 10px 10px; font-size: 13px; }
#footer-middle .col1 .logo { text-align: center; }
#footer-middle .col1 .logo img { width: 90%; max-width: 300px; }
#footer-middle .col1 .address { padding: 10px 0px 0px 60px; }
#footer-middle .col2 { width: 50%; padding: 30px 10px; display: flex; flex-wrap: wrap; }
#footer-middle .col2 .col { width: 33%; }
#footer-middle .col2 .col .block { padding-bottom: 1em; }
#footer-middle .col2 .col a { display: block; }
#footer-middle .col3 { width: 25%; padding: 10px 10px; }
#footer-middle .col3>div { line-height: 32px; margin: 10px 0px; }
#footer-middle .col3>div img { width: 44px; vertical-align: middle; margin-right: 10px; }
#footer-bottom { background: #1A1A1A; color: #FFF; }
#footer-bottom .cr { text-align: center; padding: 10px 0px; line-height: 16px; }
#footer-bottom .cr img { height: 16px; vertical-align: middle; }

body.header-minimized #header { padding: 5px 0px; }
body.header-minimized #header-logo div.first { width: 0px; opacity: 0; }
body.header-minimized #header-logo div.last { width: 40px; }
body.header-minimized #navigation { top: 65px; }
body.with-slider #content { margin-top: 0px; }

@media all and (-ms-high-contrast:none) {
	body { display: block; }
	#header, #header * { transition: none !important; }
	#header-logo .first img[src*=".svg"] { width: 200px; height: 55px; }
	#header-logo .last img[src*=".svg"] { width: 27px; height: 35px; }
	body.header-minimized #header-logo .last img[src*=".svg"] { width: 40px; height: 52px; }
}

@media only screen and (max-width: 1200px) {
	#header .max-width, #content .max-width { padding: 0px 10px; }
	#slider .slider-overlay { left: 20%; bottom: 15%; }
	#footer-middle .col1, #footer-middle .col2 { width: 33.333333%; }
	#footer-middle .col2 .col { width: 50%; }
	#three-vegetables { padding: 0px 120px 30px 120px !important; }
	#three-vegetables .one-vegetables:nth-child(2) { padding-bottom: 30px; }
	#three-vegetables .one-vegetables:nth-child(3) { padding-bottom: 25px; }
	#three-vegetables .one-vegetables span { font-size: 20px; }
}

@media only screen and (max-width: 850px) {
	#navigation .nav_level1>div>a { font-size: 12px; }
	#three-vegetables .one-vegetables:nth-child(1) { padding-bottom: 10px; }
	#three-vegetables .one-vegetables:nth-child(2) { padding-bottom: 25px; }
	#three-vegetables .one-vegetables:nth-child(3) { padding-bottom: 25px; }
	#footer-middle { padding: 10px 0px 10px 0px; }
	#footer-middle .col1 { width: 100%; order: 1; border-bottom: 1px solid #111; padding-bottom: 20px; }
	#footer-middle .col2 { width: 75%; order: 2; padding-left: 30px; }
	#footer-middle .col3 { width: 25%; order: 3; font-size: 13px; }
	#footer-middle .col2 .col { width: 33.333333%; font-size: 13px; }
	#footer-middle .col1 { display: flex; align-items: flex-start; }
	#footer-middle .col1 .logo { width: 50%; text-align: left; padding-left: 30px; }
	#footer-middle .col1 .addresses { width: 50%; text-align: left; }
	#footer-middle .col1 .address { padding: 10px 0px 0px 0px; }
	#footer-middle .col3>div img { width: 32px; }
}

@media only screen and (max-width: 650px) {
	#header-nav-icons a span { display: none; }
	#navigation { background: rgba(226, 0, 17, 0.9); }
	#navigation .nav_level1 { flex-wrap: wrap; }
	#navigation .nav_level1>div { width: 100%; flex: unset; text-align: left; }
	#navigation .nav_level1>div>a { padding: 10px 0px 10px 56px; background-size: auto 26px; font-size: 18px; }
	#navigation .nav_level1>div>a.nav-point.nav-2 { background-position: 13px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-3 { background-position: 12px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-4 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-5 { background-position: 13px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-6 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-7 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-21 { background-position: 17px center;  }
	#navigation .nav_level2 { display: block; position: relative; background-color: #FFF; width: 100%; text-align: left; }
	#three-vegetables { padding: 0px 60px 30px 60px !important; }
	.vegetables .bg { top: 60%; }
}

@media only screen and (max-width: 550px) {
	#header { padding: 5px 0px; }
	#header-logo div.first { width: 0px; opacity: 0; }
	#header-logo div.last { width: 40px; }
	#navigation { top: 65px; }
	#slider { top: 65px; }
	#slider-spacer { margin-top: 65px; }
	#slider, #slider-spacer { height: calc(100vh - 65px); }
	#content { margin-top: 65px; }
	#slider .slider-overlay { left: 0px; bottom: 30%; }
	#slider .arrow { bottom: 15%; }
	#three-vegetables .one-vegetables:nth-child(1) { padding-bottom: 10px; }
	#three-vegetables .one-vegetables:nth-child(2) { padding-bottom: 15px; }
	#three-vegetables .one-vegetables:nth-child(3) { padding-bottom: 15px; }
	#footer-middle .col1 { width: 100%; order: 1; flex-wrap: wrap; text-align: center; }
	#footer-middle .col2 { width: 100%; order: 2; padding: 10px 20px 0px 20px; }
	#footer-middle .col3 { width: 100%; order: 3; display: flex; justify-content: center; flex-wrap: wrap; border-top: 1px solid #111; }
	#footer-middle .col3>h5 { width: 100%; text-align: center; margin: 0px; padding: 0px 0px 10px 0px; }
	#footer-middle .col3>div { margin: 0px 20px; }
	#footer-middle .col1 .logo { width: 100% !important; text-align: center; padding: 0px; }
	#footer-middle .col1 .logo img { width: 90%; max-width: 250px; }
	#footer-middle .col1 .addresses { width: 100% !important; text-align: center; }
	#three-vegetables .one-vegetables span { font-size: 16px; }
}

@media only screen and (max-width: 450px) {
	#footer-middle .col2 .col { width: 33%; font-size: 12px; }
}