html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.valign-parent {
  -moz-transform-style: reserve-3d;
  -webkit-transform-style: reserve-3d;
  transform-style: reserve-3d; }

.valign, .products-block .products-block-inner .product .product-link:hover .product-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .grower-image-caption {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  display: block;
  margin-top: 0;
  margin-bottom: 0; }

.valign-reset {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  top: auto; }

@media all and (max-width: 1023px) {
  .valign-on-desktop {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: block;
    margin-top: 0;
    margin-bottom: 0; }

  .valign-reset-on-desktop {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto; } }
@media all and (max-width: 767px) {
  .valign-on-tablet {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: block;
    margin-top: 0;
    margin-bottom: 0; }

  .valign-reset-on-tablet {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto; } }
@media all and (max-width: 479px) {
  .valign-on-mobile {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: block;
    margin-top: 0;
    margin-bottom: 0; }

  .valign-reset-on-mobile {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto; } }
::selection, ::-moz-selection {
  color: #fff;
  background: #333333; }

html {
  display: block;
  width: 100%;
  font-size: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  color: #4c303f;/*#333333;*/
  font-family: "proxima-nova", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #fff; }
  body:before {
    position: absolute;
    left: -99999px;
    content: "desktop"; }
  body:after {
    position: absolute;
    left: -99999px;
    content: "1023px"; }
  @media all and (max-width: 1023px) {
    body {
      padding-top: 85px; }
      body:before {
        content: "desktop"; }
      body:after {
        content: "1023"; } }
  @media all and (max-width: 767px) {
    body:before {
      content: "tablet"; }
    body:after {
      content: "767"; } }
  @media all and (max-width: 479px) {
    body {
      padding-top: 70px; }
      body:before {
        content: "mobile"; }
      body:after {
        content: "479"; } }

@font-face {
  font-family: 'icon';
  src: url("../fonts/icon.eot?na9tbp");
  src: url("../fonts/icon.eot?na9tbp#iefix") format("embedded-opentype"), url("../fonts/icon.ttf?na9tbp") format("truetype"), url("../fonts/icon.woff?na9tbp") format("woff"), url("../fonts/icon.svg?na9tbp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-name:before {
  content: "\e900"; }

.icon-logo:before {
  content: "\e901"; }

.icon-arrow-d:before {
  content: "\e800"; }

.icon-arrow-l:before {
  content: "\e801"; }

.icon-arrow-r:before {
  content: "\e802"; }

.icon-arrow-u:before {
  content: "\e803"; }

.icon-calendar:before {
  content: "\e804"; }

.icon-check:before, .check-field-wrap .check-field-label .check-field:checked ~ span:before {
  content: "\e805"; }

.icon-close:before {
  content: "\e806"; }

.icon-download:before {
  content: "\e807"; }

.icon-external-link:before {
  content: "\e808"; }

.icon-facebook:before {
  content: "\e809"; }

.icon-hamburger:before {
  content: "\e80a"; }

.icon-home:before {
  content: "\e80b"; }

.icon-info:before {
  content: "\e80c"; }

.icon-bulb:before {
  content: "\e80d"; }

.icon-recepten:before {
  content: "\e80e"; }

.icon-search:before {
  content: "\e80f"; }

.icon-star:before {
  content: "\e810"; }

.icon-twitter:before {
  content: "\e811"; }

.icon-plus:before {
  content: "\e114"; }

.icon-testcentre:before {
  content: "\e900"; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*!
 * jQuery UI Datepicker 1.9.0
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  display: none;
  padding: .2em .2em 0;
  width: 17em;
  background-color: white; }

.ui-datepicker .ui-datepicker-header {
  padding: .2em 0;
  position: relative; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  height: 1.8em;
  position: absolute;
  top: 2px;
  width: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 10px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 9px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
  background-color: transparent; }

.ui-datepicker table {
  border-collapse: collapse;
  font-size: .9em;
  margin: 0 0 .4em;
  width: 100%; }

.ui-datepicker th, .ui-datepicker th:first-child {
  border: 0;
  font-weight: bold;
  padding: .7em .3em;
  text-align: center;
  width: auto; }

.ui-datepicker td, .ui-datepicker td:first-child {
  border: 0;
  padding: 1px;
  width: auto; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker td.ui-state-disabled {
  opacity: 0.3; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: .7em 0 0 0;
  padding: 0 .2em; }

.ui-datepicker .ui-datepicker-buttonpane button {
  cursor: pointer;
  float: right;
  margin: .5em .2em .4em;
  overflow: visible;
  padding: .2em .6em .3em .6em;
  width: auto; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto .4em;
  width: 95%; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  font-size: 0em;
  width: 100%; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  filter: mask();
  /*must have*/
  height: 200px;
  /*must have*/
  left: -4px;
  /*must have*/
  position: absolute;
  /*must have*/
  top: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  z-index: -1;
  /*must have*/ }

.logo--pepper .logo-icon {
  fill: #F1C400; }

.logo--tomato .logo-icon {
  fill: #BA0C2F; }

.logo--light .logo-icon {
  fill: #fff; }

.logo--cucumber .logo-icon {
  fill: #009639; }

.tabs .tab {
  margin: 0 1px 0 0 !important; }
  .tabs .tab .tab-link:hover {
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    opacity: .9; }
  .tabs .tab.tab-active .tab-link {
    color: #fff !important;
    background-color: #4c303f !important; }
.tabs.on-dark-bg .tab.tab-active .tab-link {
  color: inherit !important;
  background-color: #fff !important;
  opacity: 1; }
  .tabs.on-dark-bg .tab.tab-active .tab-link:hover {
    opacity: 1; }

p {
  margin-top: 5px; }
  p:first-child, p:first-of-type {
    margin-top: 0; }

a, a:active, a:visited {
  color: inherit;
  text-decoration: none; }

.ff--main {
  font-family: "proxima-nova", sans-serif; }

.ff--special, #quote .rich-text-content h1, #breadcrumb .breadcrumb-list, #breadcrumb .breadcrumb-list .crumb:last-child, #breadcrumb .breadcrumb-list .crumb.active {
  font-family: "Bryant-400", sans-serif; }
  .ff--special.fw--bold, strong.ff--special, #breadcrumb strong.breadcrumb-list, b.ff--special, #breadcrumb b.breadcrumb-list, #quote .rich-text-content h1.fw--bold, #quote .rich-text-content #product-slider .product-slides .product-slide .product-image-wrap h1.product-image-caption, #product-slider .product-slides .product-slide .product-image-wrap #quote .rich-text-content h1.product-image-caption, #quote .rich-text-content .products-block .products-block-inner .product .product-link h1.product-image-caption, .products-block .products-block-inner .product .product-link #quote .rich-text-content h1.product-image-caption, #quote .rich-text-content #product-growers .product-growers-inner .grower .grower-link h1.grower-image-caption, #product-growers .product-growers-inner .grower .grower-link #quote .rich-text-content h1.grower-image-caption, #breadcrumb .fw--bold.breadcrumb-list, #breadcrumb #product-slider .product-slides .product-slide .product-image-wrap .breadcrumb-list.product-image-caption, #product-slider .product-slides .product-slide .product-image-wrap #breadcrumb .breadcrumb-list.product-image-caption, #breadcrumb .products-block .products-block-inner .product .product-link .breadcrumb-list.product-image-caption, .products-block .products-block-inner .product .product-link #breadcrumb .breadcrumb-list.product-image-caption, #breadcrumb #product-growers .product-growers-inner .grower .grower-link .breadcrumb-list.grower-image-caption, #product-growers .product-growers-inner .grower .grower-link #breadcrumb .breadcrumb-list.grower-image-caption, #breadcrumb .breadcrumb-list .crumb:last-child, #breadcrumb .breadcrumb-list .crumb.active, #product-slider .product-slides .product-slide .product-image-wrap .ff--special.product-image-caption, #product-slider .product-slides .product-slide .product-image-wrap #breadcrumb .breadcrumb-list .product-image-caption.crumb:last-child, #breadcrumb .breadcrumb-list #product-slider .product-slides .product-slide .product-image-wrap .product-image-caption.crumb:last-child, #product-slider .product-slides .product-slide .product-image-wrap #breadcrumb .breadcrumb-list .product-image-caption.crumb.active, #breadcrumb .breadcrumb-list #product-slider .product-slides .product-slide .product-image-wrap .product-image-caption.crumb.active, .products-block .products-block-inner .product .product-link .ff--special.product-image-caption, #product-growers .product-growers-inner .grower .grower-link .ff--special.grower-image-caption, #product-growers .product-growers-inner .grower .grower-link #breadcrumb .breadcrumb-list .grower-image-caption.crumb:last-child, #breadcrumb .breadcrumb-list #product-growers .product-growers-inner .grower .grower-link .grower-image-caption.crumb:last-child, #product-growers .product-growers-inner .grower .grower-link #breadcrumb .breadcrumb-list .grower-image-caption.crumb.active, #breadcrumb .breadcrumb-list #product-growers .product-growers-inner .grower .grower-link .grower-image-caption.crumb.active {
    font-family: "Bryant-700", sans-serif; }

.fc--light, #home-farm #innovation .innovation-inner:hover, #home-farm #history .history-inner:hover .history-text, #home-farm #cookbook .cookbook-inner:hover .cookbook-text, #home-farm .category .category-inner:hover .category-name, #products-hero #breadcrumb, #products-hero, .products-block .products-block-inner .product .product-link:hover .product-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .grower-image-caption {
  color: #fff 						!important; }

.fc--medium, #downloads .download-title .file-meta, #product-slider .product-slider-arrow {
  color: #909090 !important; }

.fc--dark {
  color: #333333 !important; }

.fc--1, #products-detail-hero .hero-bottom .tags-wrap .tag, #content-hero .hero-bottom .tags-wrap .tag {
  color: #81bc00 !important; }

.fc--2, #hero-detail #breadcrumb .breadcrumb-list .crumb:last-child, #hero-detail #breadcrumb .breadcrumb-list .crumb.active {
  color: #4c303f !important; }

.fc--2--light {
  color: #c3a3b5 !important; }

.fc--2--medium, #hero-detail #breadcrumb {
  color: #9c8c97 !important; }

.fc--2--dark {
  color: #3f2835 !important; }

.fc--3 {
  color: #f9f9f9 !important; }

.fc--4 {
  color: #BA0C2F !important; }

.fc--5 {
  color: #F1C400 !important; }

.fc--aubergine {
  color: #4c303f !important; }

.fc--aubergine-light {
  color: #c3a3b5 !important; }

.fc--aubergine-medium {
  color: #9c8c97 !important; }

.fc--aubergine-dark {
  color: #3f2835 !important; }

.fc--mushroom {
  color: #f9f9f9 !important; }

.fc--apple, .page-404 .search-form .search-form-field-wrap .search-form-submit-button {
  color: #81bc00 !important; }

.fc--tomato {
  color: #BA0C2F !important; }

.fc--pepper {
  color: #F1C400 !important; }

.fc--cucumber {
  color: #009639 !important; }

.fc--cherry {
  color: #A50050 !important; }

.fc--berry {
  color: #500778 !important; }

.fc--strawberry {
  color: #DA291C !important; }

.fc--special {
  color: #ED8B00 !important; }

.fc--facebook {
  color: #3b5998 !important; }

.fc--twitter {
  color: #33ccff !important; }

.fs--1, #quote .rich-text-content h1 {
  font-size: 4.8rem; }
  @media all and (max-width: 479px) {
    .fs--1, #quote .rich-text-content h1 {
      font-size: 2.5rem; } }

.fs--2, .rich-text-content h1, #breadcrumb .breadcrumb-list .crumb:last-child, #breadcrumb .breadcrumb-list .crumb.active {
  font-size: 3rem; }
  @media all and (max-width: 479px) {
    .fs--2, .rich-text-content h1, #breadcrumb .breadcrumb-list .crumb:last-child, #breadcrumb .breadcrumb-list .crumb.active {
      font-size: 2.4rem; } }

.fs--3, .rich-text-content h2 {
  font-size: 2.4rem; }
  @media all and (max-width: 479px) {
    .fs--3, .rich-text-content h2 {
      font-size: 1.8rem; } }

.fs--4, .rich-text-content h3, .products-block .products-block-inner .product .product-link:hover .product-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .grower-image-caption {
  font-size: 1.8rem; }
  @media all and (max-width: 479px) {
    .fs--4, .rich-text-content h3, .products-block .products-block-inner .product .product-link:hover .product-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .grower-image-caption {
      font-size: 1.6rem; } }

.fs--5, .rich-text-content h4, .rich-text-content p, .rich-text-content li, .rich-text-content td {
  font-size: 1.6rem; }
  @media all and (max-width: 479px) {
    .fs--5, .rich-text-content h4, .rich-text-content p, .rich-text-content li, .rich-text-content td {
      font-size: 1.4rem; } }

.fs--6, .fs--default, body, .rich-text-content h5, .rich-text-content h6, #downloads .download-title .file-meta {
  font-size: 1.4rem; }
  @media all and (max-width: 479px) {
    .fs--6, .fs--default, body, .rich-text-content h5, .rich-text-content h6, #downloads .download-title .file-meta {
      font-size: 1.3rem; } }

.fs--95p {
  font-size: 95%; }

.fs--90p {
  font-size: 90%; }

.fs--85p {
  font-size: 85%; }

.fs--80p {
  font-size: 80%; }

.fs--75p {
  font-size: 75%; }

.fs--70p {
  font-size: 70%; }

.fs--50p {
  font-size: 50%; }

.fs--normal {
  font-style: normal; }

.fs--italic, em, i {
  font-style: italic; }

.fw--regular, body {
  font-weight: 500; }

.fw--bold, strong, b, #breadcrumb .breadcrumb-list .crumb:last-child, #breadcrumb .breadcrumb-list .crumb.active, #product-slider .product-slides .product-slide .product-image-wrap .product-image-caption, .products-block .products-block-inner .product .product-link .product-image-caption, #product-growers .product-growers-inner .grower .grower-link .grower-image-caption {
  font-weight: 700; }

.lh--1 {
  line-height: 4.8rem; }
  @media all and (max-width: 479px) {
    .lh--1 {
      line-height: 3rem; } }

.lh--2 {
  line-height: 3rem; }
  @media all and (max-width: 479px) {
    .lh--2 {
      line-height: 2.4rem; } }

.lh--3 {
  line-height: 2.4rem; }
  @media all and (max-width: 479px) {
    .lh--3 {
      line-height: 1.8rem; } }

.lh--4 {
  line-height: 1.8rem; }
  @media all and (max-width: 479px) {
    .lh--4 {
      line-height: 1.6rem; } }

.lh--5 {
  line-height: 1.6rem; }
  @media all and (max-width: 479px) {
    .lh--5 {
      line-height: 1.4rem; } }

.lh--6 {
  line-height: 1.4rem; }
  @media all and (max-width: 479px) {
    .lh--6 {
      line-height: 1.3rem; } }

.lh--none {
  line-height: 1; }

.ta--l {
  text-align: left; }

.ta--r {
  text-align: right; }

.ta--c {
  text-align: center; }

.no-wrap {
  white-space: nowrap; }

.caps {
  text-transform: uppercase; }

.screen-reader {
  position: absolute;
  top: 0;
  left: -99999px;
  display: block; }

.compartiment--1 {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  width: 12.5%; }
  @media all and (max-width: 1023px) {
    .compartiment--1 {
      width: 16.66667%; }
      .compartiment--1.shrink-on-desktop {
        width: 16.66667%; } }
  @media all and (max-width: 767px) {
    .compartiment--1 {
      width: 25%; }
      .compartiment--1.shrink-on-desktop {
        width: 25%; }
      .compartiment--1.shrink-on-tablet {
        width: 25%; } }
  @media all and (max-width: 479px) {
    .compartiment--1 {
      width: 33.33333%; }
      .compartiment--1.shrink-on-desktop {
        width: 33.33333%; }
      .compartiment--1.shrink-on-tablet {
        width: 33.33333%; }
      .compartiment--1.shrink-on-mobile {
        width: 33.33333%; } }

.compartiment--2 {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  width: 25%; }
  @media all and (max-width: 1023px) {
    .compartiment--2 {
      width: 33.33333%; }
      .compartiment--2.shrink-on-desktop {
        width: 16.66667%; } }
  @media all and (max-width: 767px) {
    .compartiment--2 {
      width: 50%; }
      .compartiment--2.shrink-on-desktop {
        width: 25%; }
      .compartiment--2.shrink-on-tablet {
        width: 25%; } }
  @media all and (max-width: 479px) {
    .compartiment--2 {
      width: 66.66667%; }
      .compartiment--2.shrink-on-desktop {
        width: 33.33333%; }
      .compartiment--2.shrink-on-tablet {
        width: 33.33333%; }
      .compartiment--2.shrink-on-mobile {
        width: 33.33333%; } }

.compartiment--3 {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  width: 37.5%; }
  @media all and (max-width: 1023px) {
    .compartiment--3 {
      width: 50%; }
      .compartiment--3.shrink-on-desktop {
        width: 33.33333%; } }
  @media all and (max-width: 767px) {
    .compartiment--3 {
      width: 75%; }
      .compartiment--3.shrink-on-desktop {
        width: 25%; }
      .compartiment--3.shrink-on-tablet {
        width: 50%; } }
  @media all and (max-width: 479px) {
    .compartiment--3 {
      width: 100%; }
      .compartiment--3.shrink-on-desktop {
        width: 33.33333%; }
      .compartiment--3.shrink-on-tablet {
        width: 33.33333%; }
      .compartiment--3.shrink-on-mobile {
        width: 66.66667%; } }

.compartiment--4 {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  width: 50%; }
  @media all and (max-width: 1023px) {
    .compartiment--4 {
      width: 66.66667%; }
      .compartiment--4.shrink-on-desktop {
        width: 50%; } }
  @media all and (max-width: 767px) {
    .compartiment--4 {
      width: 100%; }
      .compartiment--4.shrink-on-desktop {
        width: 50%; }
      .compartiment--4.shrink-on-tablet {
        width: 75%; } }
  @media all and (max-width: 479px) {
    .compartiment--4 {
      width: 100%; }
      .compartiment--4.shrink-on-desktop {
        width: 33.33333%; }
      .compartiment--4.shrink-on-tablet {
        width: 66.66667%; }
      .compartiment--4.shrink-on-mobile {
        width: 100%; } }

.compartiment--5 {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  width: 62.5%; }
  @media all and (max-width: 1023px) {
    .compartiment--5 {
      width: 66.66667%; }
      .compartiment--5.shrink-on-desktop {
        width: 50%; } }
  @media all and (max-width: 767px) {
    .compartiment--5 {
      width: 100%; }
      .compartiment--5.shrink-on-desktop {
        width: 50%; }
      .compartiment--5.shrink-on-tablet {
        width: 75%; } }
  @media all and (max-width: 479px) {
    .compartiment--5 {
      width: 100%; }
      .compartiment--5.shrink-on-desktop {
        width: 33.33333%; }
      .compartiment--5.shrink-on-tablet {
        width: 66.66667%; }
      .compartiment--5.shrink-on-mobile {
        width: 100%; } }

.compartiment, .compartiment--10, .compartiment--20, .compartiment--25, .compartiment--30, .compartiment--33, .compartiment--40, .compartiment--50, .compartiment--60, .compartiment--66, .compartiment--70, .compartiment--75, .compartiment--80, .compartiment--90 {
  position: relative;
  z-index: 1;
  float: left;
  display: block;
  width: 100%; }

.compartiment--10 {
  width: 10%; }

.compartiment--20 {
  width: 20%; }

.compartiment--25 {
  width: 25%; }

.compartiment--30 {
  width: 30%; }

.compartiment--33 {
  width: 33.33333%; }

.compartiment--40 {
  width: 40%; }

.compartiment--50 {
  width: 50%; }

.compartiment--60 {
  width: 60%; }

.compartiment--66 {
  width: 66.66667%; }

.compartiment--70 {
  width: 70%; }

.compartiment--75 {
  width: 75%; }

.compartiment--80 {
  width: 80%; }

.compartiment--90 {
  width: 90%; }

.tray {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%; }
  .tray .tray-inner {
    position: absolute ;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #FFF; }
    .tray .tray-inner--borderless {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      border: none; }
    .tray .tray-inner--overflow-top {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: auto;
      bottom: 0;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray .tray-inner--overflow-bottom {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: 0;
      bottom: auto;
      z-index: 9;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray .tray-inner .tray-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%; }

.tray--rect {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 50%; }
  .tray--rect .tray-inner {
    position: absolute ;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #FFF; }
    .tray--rect .tray-inner--borderless {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      border: none; }
    .tray--rect .tray-inner--overflow-top {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: auto;
      bottom: 0;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray--rect .tray-inner--overflow-bottom {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: 0;
      bottom: auto;
      z-index: 9;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray--rect .tray-inner .tray-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%; }
  .compartiment--3 .tray--rect {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.66667%; }
    .compartiment--3 .tray--rect .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .compartiment--3 .tray--rect .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .compartiment--3 .tray--rect .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .compartiment--3 .tray--rect .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .compartiment--3 .tray--rect .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

.tray--rect-halve {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 25%; }
  .tray--rect-halve .tray-inner {
    position: absolute ;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #FFF; }
    .tray--rect-halve .tray-inner--borderless {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      border: none; }
    .tray--rect-halve .tray-inner--overflow-top {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: auto;
      bottom: 0;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray--rect-halve .tray-inner--overflow-bottom {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: 0;
      bottom: auto;
      z-index: 9;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray--rect-halve .tray-inner .tray-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%; }

.tray--third {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 33.33333%; }
  .tray--third .tray-inner {
    position: absolute ;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #FFF; }
    .tray--third .tray-inner--borderless {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      border: none; }
    .tray--third .tray-inner--overflow-top {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: auto;
      bottom: 0;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray--third .tray-inner--overflow-bottom {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF;
      top: 0;
      bottom: auto;
      z-index: 9;
      height: auto;
      min-height: 100%;
      border: none; }
    .tray--third .tray-inner .tray-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%; }

.show-on-desktop, .show-on-tablet, .show-on-mobile {
  display: none !important; }

.hide-on-desktop, .hide-on-tablet, .hide-on-mobile {
  display: block; }

@media all and (max-width: 1024px) {
  .show-on-desktop {
    display: block !important; }

  .hide-on-desktop {
    display: none  !important; }

  .clear-on-desktop {
    clear: left; }

  .tray-reset-on-desktop {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto !important;
    padding-top: 0 !important; }
    .tray-reset-on-desktop .tray-inner {
      position: relative !important;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .tray-reset-on-desktop .tray-inner--borderless {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .tray-reset-on-desktop .tray-inner--overflow-top {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-reset-on-desktop .tray-inner--overflow-bottom {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-reset-on-desktop .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .compartiment-reset-on-desktop {
    width: 100% !important; }

  .to-100-on-desktop {
    width: 100% !important; }

  .to-66-on-desktop {
    width: 66.66667% !important; }

  .to-50-on-desktop {
    width: 50% !important; }

  .to-33-on-desktop {
    width: 33.33333% !important; }

  .to-25-on-desktop {
    width: 25% !important; }

  .to-15-on-desktop {
    width: 16.66667% !important; }

  .rect-to-square-on-desktop {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%; }
    .rect-to-square-on-desktop .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .rect-to-square-on-desktop .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .rect-to-square-on-desktop .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-desktop .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-desktop .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .square-to-rect-on-desktop {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50%; }
    .square-to-rect-on-desktop .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .square-to-rect-on-desktop .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .square-to-rect-on-desktop .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .square-to-rect-on-desktop .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .square-to-rect-on-desktop .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; } }
@media all and (max-width: 768px) {
  .show-on-tablet {
    display: block !important; }

  .hide-on-tablet {
    display: none  !important; }

  .clear-on-tablet {
    clear: left; }

  .tray-reset-on-tablet {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto !important;
    padding-top: 0 !important; }
    .tray-reset-on-tablet .tray-inner {
      position: relative !important;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .tray-reset-on-tablet .tray-inner--borderless {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .tray-reset-on-tablet .tray-inner--overflow-top {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-reset-on-tablet .tray-inner--overflow-bottom {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-reset-on-tablet .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .tray-to-third-on-tablet {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 33.33333%; }
    .tray-to-third-on-tablet .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .tray-to-third-on-tablet .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .tray-to-third-on-tablet .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-to-third-on-tablet .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-to-third-on-tablet .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .compartiment-reset-on-tablet {
    width: 100% !important; }

  .to-100-on-tablet {
    width: 100% !important; }

  .to-75-on-tablet {
    width: 75% !important; }

  .to-66-on-tablet {
    width: 66.66667% !important; }

  .to-50-on-tablet {
    width: 50% !important; }

  .to-33-on-tablet {
    width: 33.33333% !important; }

  .to-25-on-tablet {
    width: 25% !important; }

  .rect-to-square-on-desktop {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50%; }
    .rect-to-square-on-desktop .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .rect-to-square-on-desktop .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .rect-to-square-on-desktop .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-desktop .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-desktop .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .rect-to-square-on-tablet {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%; }
    .rect-to-square-on-tablet .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .rect-to-square-on-tablet .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .rect-to-square-on-tablet .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-tablet .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-tablet .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .square-to-rect-on-tablet {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50%; }
    .square-to-rect-on-tablet .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .square-to-rect-on-tablet .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .square-to-rect-on-tablet .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .square-to-rect-on-tablet .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .square-to-rect-on-tablet .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; } }
@media all and (max-width: 479px) {
  .show-on-mobile {
    display: block !important; }

  .hide-on-mobile {
    display: none  !important; }

  .clear-on-mobile {
    clear: left; }

  .tray-reset-on-mobile {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto !important;
    padding-top: 0 !important; }
    .tray-reset-on-mobile .tray-inner {
      position: relative !important;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .tray-reset-on-mobile .tray-inner--borderless {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .tray-reset-on-mobile .tray-inner--overflow-top {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-reset-on-mobile .tray-inner--overflow-bottom {
        position: relative !important;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-reset-on-mobile .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .tray-bottom-reset-on-mobile {
    position: static !important; }

  .tray-to-third-on-mobile {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 33.33333%; }
    .tray-to-third-on-mobile .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .tray-to-third-on-mobile .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .tray-to-third-on-mobile .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-to-third-on-mobile .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .tray-to-third-on-mobile .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .compartiment-reset-on-mobile {
    width: 100% !important; }

  .to-100-on-mobile {
    width: 100% !important; }

  .to-75-on-mobile {
    width: 75% !important; }

  .to-66-on-mobile {
    width: 66.66667% !important; }

  .to-50-on-mobile {
    width: 50% !important; }

  .to-33-on-mobile {
    width: 33.33333% !important; }

  .to-25-on-mobile {
    width: 25% !important; }

  .rect-to-square-on-desktop {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50%; }
    .rect-to-square-on-desktop .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .rect-to-square-on-desktop .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .rect-to-square-on-desktop .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-desktop .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-desktop .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .rect-to-square-on-mobile {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%; }
    .rect-to-square-on-mobile .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .rect-to-square-on-mobile .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .rect-to-square-on-mobile .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-mobile .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .rect-to-square-on-mobile .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; }

  .square-to-rect-on-mobile {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50%; }
    .square-to-rect-on-mobile .tray-inner {
      position: absolute ;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #FFF; }
      .square-to-rect-on-mobile .tray-inner--borderless {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        border: none; }
      .square-to-rect-on-mobile .tray-inner--overflow-top {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 100%;
        border: none; }
      .square-to-rect-on-mobile .tray-inner--overflow-bottom {
        position: absolute ;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFF;
        top: 0;
        bottom: auto;
        z-index: 9;
        height: auto;
        min-height: 100%;
        border: none; }
      .square-to-rect-on-mobile .tray-inner .tray-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%; } }
.list {
  display: block;
  list-style: none; }
  .list:before, .list:after {
    display: table;
    content: ' '; }
  .list:after {
    clear: both; }
  .list .list-item {
    display: block;
    margin-bottom: 7px;
    margin-right: 0;
    list-style: none; }
    .list .list-item:last-child {
      margin-bottom: 0;
      margin-right: 0; }

.list--h {
  display: block;
  list-style: none; }
  .list--h:before, .list--h:after {
    display: table;
    content: ' '; }
  .list--h:after {
    clear: both; }
  .list--h .list-item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1px;
    list-style: none; }
    .list--h .list-item:last-child {
      margin-bottom: 0;
      margin-right: 0; }

.list--tags {
  display: block;
  list-style: none; }
  .list--tags:before, .list--tags:after {
    display: table;
    content: ' '; }
  .list--tags:after {
    clear: both; }
  .list--tags .list-item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1px;
    list-style: none; }
    .list--tags .list-item:last-child {
      margin-bottom: 0;
      margin-right: 0; }
  .list--tags .list-item {
    margin-right: 7px; }

.list--bullet .list-item {
  position: relative;
  margin-left: 20px;
  list-style-type: disc; }

.list--downloads {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px; }
  @media all and (max-width: 767px) {
    .list--downloads {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  .list--downloads .list-item {
    position: relative;
    z-index: 1;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 10px;
    padding-left: 30px; }
    .list--downloads .list-item .icon {
      position: absolute;
      top: 3px;
      left: 0;
      z-index: 0; }

input[type="text"]::-ms-clear {
  display: none; }

input[type="text"], input[type="email"], input[type="url"], input[type="number"] {
  padding: 0;
  font-size: inherit;
  line-height: 1;
  border: none;
  outline: none;
  background: none; }

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  white-space: pre;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #404040 !important;
  -moz-text-fill-color: #404040 !important;
  text-fill-color: #404040 !important;
  -webkit-box-shadow: 0 0 0px 1000px #f3f3f3 inset;
  -moz-box-shadow: 0 0 0px 1000px #f3f3f3 inset;
  box-shadow: 0 0 0px 1000px #f3f3f3 inset; }

button {
  margin: 0;
  padding: 0;
  font-size: inherit;
  border: none;
  background: none; }

select, textarea {
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  resize: none; }

:focus {
  outline: none; }

.text-field-wrap {
  position: relative;
  display: block;
  padding: 0 1px; }
  .text-field-wrap .text-field-label {
    display: block;
    margin-bottom: 10px;
    color: #909090;
    font-style: italic;
    font-size: 15px;
    line-height: 1; }
  .text-field-wrap .text-field {
    display: block;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 5px;
    color: #404040;
    font-size: 15px;
    line-height: 1;
    background-color: #f3f3f3; }
  .text-field-wrap.next-to-eachother:before, .text-field-wrap.next-to-eachother:after {
    display: table;
    content: ' '; }
  .text-field-wrap.next-to-eachother:after {
    clear: both; }
  .text-field-wrap.next-to-eachother .text-field-label {
    float: left;
    width: 35px;
    padding: 10px 0; }
  .text-field-wrap.next-to-eachother .text-field {
    width: 30%;
    float: left;
    margin-right: 20px; }

.select-field-wrap {
  position: relative;
  top: 25px;
  z-index: 1; }
  .select-field-wrap:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #f3f3f3; }
  .select-field-wrap .select-arrow {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    color: #82bc00;
    line-height: 2.8; }
  .select-field-wrap .select-field-label {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #909090;
    font-style: italic;
    font-size: 15px;
    line-height: 1; }
  .select-field-wrap .select-field {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 5px;
    color: #82bc00;
    font-size: 15px;
    line-height: 1;
    background-color: transparent; }

.text-area-wrap {
  display: block; }
  .text-area-wrap .text-area-label {
    display: block;
    margin-bottom: 10px;
    color: #909090;
    font-style: italic;
    font-size: 15px;
    line-height: 1; }
  .text-area-wrap .text-area-field {
    display: block;
    width: 100%;
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 5px;
    color: #404040;
    font-size: 15px;
    line-height: 1;
    font-style: italic;
    background-color: #f3f3f3; }

.radio-wrap {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: 20px; }
  .radio-wrap .radio-field-label {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 5px; }
    .radio-wrap .radio-field-label > span {
      color: #909090;
      margin-right: 20px;
      float: left;
      padding-left: 30px; }
    .radio-wrap .radio-field-label .radio-field {
      position: absolute;
      top: 0;
      left: -9999px; }
      .radio-wrap .radio-field-label .radio-field + span {
        position: absolute;
        left: 0;
        background-color: #f3f3f3;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        padding: 0;
        float: left;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        cursor: pointer; }
      .radio-wrap .radio-field-label .radio-field:checked + span {
        padding: 4px; }
        .radio-wrap .radio-field-label .radio-field:checked + span:after {
          content: '';
          display: block;
          width: 12px;
          height: 12px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          border-radius: 50px;
          background-color: #404040; }

@media all and (max-width: 479px) {
  .radio-wrap .radio-field-label {
    width: 100%; } }
.check-field-wrap {
  position: relative;
  z-index: 1;
  display: block; }
  .check-field-wrap .check-field-label {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 5px; }
    .check-field-wrap .check-field-label .check-field-txt {
      color: #909090; }
    .check-field-wrap .check-field-label .check-field {
      position: absolute;
      top: 0;
      left: -9999px;
      margin-right: 20px; }
      .check-field-wrap .check-field-label .check-field ~ span {
        background-color: #f3f3f3;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        float: left;
        cursor: pointer; }
      .check-field-wrap .check-field-label .check-field:checked ~ span {
        background-color: #404040;
        font-family: "icon", sans-serif; }
        .check-field-wrap .check-field-label .check-field:checked ~ span:before {
          display: block;
          background-color: #404040;
          color: #fff;
          text-align: center; }
  .check-field-wrap .text-field-wrap {
    margin-left: 25px; }

.form-submit {
  float: right;
  color: #fff;
  background-color: #82bc00 !important;
  cursor: pointer; }
  .form-submit .submit-arrow {
    margin-left: 10px; }
  @media all and (max-width: 767px) {
    .form-submit {
      height: 34px;
      line-height: 34px; } }

.the-form .error input, .the-form .error textarea, .the-form .error select {
  border: 1px solid #ff3131;
  color: #ff3131; }
.the-form .error .radio-field + span {
  border: 1px solid #ff3131; }
.the-form .error .check-field ~ span {
  border: 1px solid #ff3131; }
.the-form .error > * {
  color: #ff3131; }
.the-form .error .text-field-label, .the-form .error .radio-field-label, .the-form .error .text-area-label, .the-form .error .select-field-label {
  color: #909090; }
.the-form .errormessage {
  display: none;
  clear: both;
  background-color: transparent;
  color: #ff3131; }
  .the-form .errormessage.error {
    display: block; }
.the-form .check-field-wrap .errormessage {
  margin-left: 25px; }

.the-form .input-validation-error{
  border: 1px solid #ff3131;
  color: #ff3131; }
.the-form .field-validation-error {
  color: #ff3131; }

.input--text {
  display: inline-block;
  height: 50px;
  padding: 0 16px;
  line-height: 50px; }
  .input--text input[type="text"]:-moz-placeholder {
    color: #4c303f;
    text-align: center; }
  .input--text input[type="text"]::-moz-placeholder {
    color: #4c303f;
    text-align: center; }
  .input--text input[type="text"]:-ms-input-placeholder {
    color: #4c303f;
    text-align: center; }
  .input--text input[type="text"]::-webkit-input-placeholder {
    color: #4c303f;
    text-align: center; }

.form-types-wrap .form-types .form-type {
  background-color: #000; }
  .form-types-wrap .form-types .form-type .form-type-cta {
    color: #81bc00;
    background-color: #f9f9f9; }
  .form-types-wrap .form-types .form-type:hover .form-type-cta {
    opacity: .95; }
  .form-types-wrap .form-types .form-type.active-tab .form-type-cta {
    color: #fff;
    background-color: #4c303f; }

form .info-tooltip-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  margin-bottom: 5px;
  margin-right: -29px;
  text-align: center; }
  form .info-tooltip-icon:before {
    color: #4c303f;
    font-size: 2.4rem; }
  form .info-tooltip-icon .info-tooltip {
    bottom: 40px; }
    form .info-tooltip-icon .info-tooltip.offset .tooltip-chevron {
      right: 14px; }

.video-wrap .video {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }
  .video-wrap .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%; }

table {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2); }

  table th {
    padding: 10px 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }
    table th:first-child {
      width: 40%; }
  table td {
    width: 50%;
    padding: 10px;
    vertical-align: top; }
    table td:first-child {
      width: 40%; }
  table tbody tr {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }

#news-detail-content table {
	/*border: 1px solid rgba(0, 0, 0, 0.2) !important;*/
}
#news-detail-content table tbody tr {
	border-top: inherit;
}
#news-detail-content table tbody tr td {
	border: 1px solid rgba(0, 0, 0, 1) !important;
}

.barn:before, .barn:after, .cf:before, .cf:after {
  display: table;
  content: ' '; }
.barn:after, .cf:after {
  clear: both; }

.maxw--small {
  max-width: 700px; }

.maxw--medium {
  max-width: 800px; }

.maxw--large, #main-content {
  max-width: 1180px; }

.centered, #main-content {
  margin-left: auto;
  margin-right: auto; }

.btn, .form-submit, .btn--small, .btn--tag, .add-field-submit {
  -moz-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 50px;
  padding: 0 20px;
  line-height: 51px;
  background-color: #000;
  cursor: pointer; }
  @media all and (max-width: 767px) {
    .btn, .form-submit, .btn--small, .btn--tag, .add-field-submit {
      height: 34px;
      line-height: 34px; } }
  .btn:hover, .form-submit:hover, .btn--small:hover, .btn--tag:hover, .add-field-submit:hover {
    opacity: .95; }
  .btn[disabled], [disabled].form-submit, [disabled].btn--small, [disabled].btn--tag, [disabled].add-field-submit, .btn.disabled, .disabled.form-submit, .disabled.btn--small, .disabled.btn--tag, .disabled.add-field-submit {
    opacity: .5 !important;
    cursor: default !important; }

.btn--small {
  height: 34px;
  padding: 0 15px;
  line-height: 35px; }

.btn--search {
  display: block;
  padding: 9px 20px;
  font-size: 22px;
  line-height: 22px;
  color: #81bc00;
  text-decoration: none;
  border: none;
  outline: none;
  background: none;
  cursor: pointer; }
  .btn--search:focus {
    outline: none; }

.btn--offcanvas {
  position: relative;
  z-index: 1;
  display: block;
  width: 42px;
  height: 42px;
  padding: 0;
  outline: none;
  cursor: pointer; }
  .btn--offcanvas span {
    -moz-transition: background-color, 200ms;
    -o-transition: background-color, 200ms;
    -webkit-transition: background-color, 200ms;
    transition: background-color, 200ms;
    position: absolute;
    top: 50%;
    left: 8px;
    right: 8px;
    z-index: 1;
    display: block;
    height: 2px;
    margin-top: -2px;
    background-color: #81bc00;
    -webkit-touch-callout: none; }
    .btn--offcanvas span:before, .btn--offcanvas span:after {
      -moz-transition: -moz-transform, 300ms;
      -o-transition: -o-transform, 300ms;
      -webkit-transition: -webkit-transform, 300ms;
      transition: transform, 300ms;
      position: absolute;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      background: #81bc00; }
    .btn--offcanvas span:before {
      -moz-transform: translateY(-390%);
      -ms-transform: translateY(-390%);
      -webkit-transform: translateY(-390%);
      transform: translateY(-390%); }
    .btn--offcanvas span:after {
      -moz-transform: translateY(390%);
      -ms-transform: translateY(390%);
      -webkit-transform: translateY(390%);
      transform: translateY(390%); }
  .nav-is-open .btn--offcanvas span {
    background-color: transparent; }
    .nav-is-open .btn--offcanvas span:before {
      -moz-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
      -webkit-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg); }
    .nav-is-open .btn--offcanvas span:after {
      -moz-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
      -webkit-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg); }

.btn--tag {
  border: 2px solid;
  background-color: transparent; }
  .btn--tag .btn--tag-label {
    position: relative;
    top: -2px; }
    @media all and (max-width: 767px) {
      .btn--tag .btn--tag-label {
        top: -1px; } }

svg {
  display: block;
  width: 100%; }

.bg-visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: auto;
  height: 100%; }

.visual {
  display: block;
  width: 100%;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
  .visual.bg-visual {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%; }
  .visual.bg-visual--trans {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background-size: auto 100%;
    background-position: right center; }
    .visual.bg-visual--trans:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-color: inherit;
      opacity: .85; }

.shifted-list {
  display: block;
  margin-right: 0;
  list-style: none; }
  .shifted-list:before, .shifted-list:after {
    display: table;
    content: ' '; }
  .shifted-list:after {
    clear: both; }
  .shifted-list .shifted-list-item {
    display: block;
    width: 50%;
    float: left;
    position: relative; }
    .shifted-list .shifted-list-item:nth-child(2) {
      margin-top: 74px; }
    .shifted-list .shifted-list-item.shifty {
      margin-top: 74px !important; }
    .shifted-list .shifted-list-item.odd {
      float: left;
      clear: left; }
      .shifted-list .shifted-list-item.odd .shifted-image {
        left: 0; }
      .shifted-list .shifted-list-item.odd .shifted-content {
        margin-left: 25%; }
    .shifted-list .shifted-list-item.even {
      float: right;
      clear: right; }
      .shifted-list .shifted-list-item.even .shifted-image {
        right: 0; }
        .shifted-list .shifted-list-item.even .shifted-image:after {
          right: 0;
          left: -10.71429px; }
  .shifted-list .shifted-content {
    width: 75%;
    padding: 20px 30px;
    float: left;
    min-height: 148px;
    border: 1px solid #FFF; }
    .shifted-list .shifted-content .shifted-sub-content {
      margin-top: 20px; }
      .shifted-list .shifted-content .shifted-sub-content:before, .shifted-list .shifted-content .shifted-sub-content:after {
        display: table;
        content: ' '; }
      .shifted-list .shifted-content .shifted-sub-content:after {
        clear: both; }
      .shifted-list .shifted-content .shifted-sub-content > * {
        float: left; }
  .shifted-list .shifted-image {
    position: absolute;
    top: 0;
    width: 25%;
    float: left;
    border: 1px solid #FFF; }
    .shifted-list .shifted-image img {
      width: 100%;
      display: block; }
    .shifted-list .shifted-image:after {
      position: absolute;
      top: 50%;
      z-index: 1;
      right: -10.71429px;
      display: block;
      width: 15px;
      height: 15px;
      margin-top: -7.5px;
      content: '';
      background-color: #f9f9f9;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

@media all and (max-width: 767px) {
  .shifted-list .shifted-list-item {
    width: 100%; }
    .shifted-list .shifted-list-item:nth-child(2) {
      margin-top: 0; }
    .shifted-list .shifted-list-item .shifted-content-only {
      width: 100%;
      margin-left: 0 !important; } }
.underlined--light {
  position: relative;
  z-index: 1;
  color: #FFF; }
  .underlined--light:after {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #FFF;
    opacity: 0.3; }

.underlined--dark {
  position: relative;
  z-index: 1;
  color: #333333; }
  .underlined--dark:after {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #333333;
    opacity: 0.3; }

.fancy-line, .fancy-line--bottom, .fancy-line--top {
  position: relative;
  z-index: 1;
  display: block; }
  .fancy-line:after, .fancy-line--bottom:after, .fancy-line--top:after {
    position: absolute;
    left: 0;
    z-index: 1;
    display: block;
    width: 10%;
    max-width: 45px;
    height: 1px;
    content: '';
    border-bottom: 1px solid;
    opacity: .5; }
  .fancy-line.small:after, .small.fancy-line--bottom:after, .small.fancy-line--top:after {
    max-width: 30px; }

.fancy-line--bottom {
  margin-bottom: 0;
  padding-bottom: 10px; }
  .fancy-line--bottom:after {
    bottom: 0; }

.fancy-line--top:after {
  top: -5px; }

.fancy-line--after {
  position: relative;
  z-index: 1;
  margin-right: 20px;
  display: inline-block; }
  .fancy-line--after:after {
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    border-right: 1px solid;
    opacity: .5; }

.bgc--light, .products-block .products-block-inner .product .product-link .product-image {
  background-color: #fff 						!important; }

.bgc--medium {
  background-color: #909090 !important; }

.bgc--dark {
  background-color: #333333 !important; }

.bgc--1 {
  background-color: #81bc00 !important; }

.bgc--2 {
  background-color: #4c303f !important; }

.bgc--2--light {
  background-color: #c3a3b5 !important; }

.bgc--2--dark {
  background-color: #3f2835 !important; }

.bgc--2--medium {
  background-color: #f3f3f3 !important; }

.bgc--3 {
  background-color: #f9f9f9 !important; }

.bgc--4 {
  background-color: #BA0C2F !important; }

.bgc--5 {
  background-color: #F1C400 !important; }

.bgc--aubergine {
  background-color: #4c303f !important; }

.bgc--aubergine--light {
  background-color: #c3a3b5 !important; }

.bgc--aubergine--dark {
  background-color: #3f2835 !important; }

.bgc--mushroom {
	background-color: #f9f9f9 !important; }

.bgc--mushroom--medium {
  background-color: #f3f3f3 !important; }

.bgc--tomato {
  background-color: #BA0C2F !important; }

.bgc--tomato--light {
  background-color: #e53a28 !important; }

.bgc--pepper {
  background-color: #F1C400 !important; }

.bgc--apple, #home-farm #innovation .innovation-inner:hover {
  background-color: #81bc00 !important; }

.bgc--cucumber {
  background-color: #009639 !important; }

.bgc--cherry {
  background-color: #A50050 !important; }

.bgc--berry {
  background-color: #500778 !important; }

.bgc--strawberry {
  background-color: #DA291C !important; }

.bgc--special {
  background-color: #ED8B00 !important; }

.mt--xsmall {
  margin-top: 5px !important; }

.mt--small {
  margin-top: 20px !important; }

.mt--medium, #products-hero .hero-bottom .hero-desc, #products-hero .hero-bottom .visual-wrap, #products-detail-hero .hero-bottom .hero-desc, #content-hero .hero-bottom .hero-desc {
  margin-top: 30px !important; }
  @media all and (max-width: 767px) {
    .mt--medium, #products-hero .hero-bottom .hero-desc, #products-hero .hero-bottom .visual-wrap, #products-detail-hero .hero-bottom .hero-desc, #content-hero .hero-bottom .hero-desc {
      margin-top: 20px !important; } }

.mt--large {
  margin-top: 75px !important; }
  @media all and (max-width: 767px) {
    .mt--large {
      margin-top: 30px !important; } }

.mt--xlarge {
  margin-top: 120px !important; }
  @media all and (max-width: 767px) {
    .mt--xlarge {
      margin-top: 75px !important; } }

.mb--xsmall, .rich-text-content h1, .rich-text-content h2, .rich-text-content h3, .rich-text-content h4, .rich-text-content h5, .rich-text-content h6, .rich-text-content p, .rich-text-content li, .rich-text-content td {
  margin-bottom: 5px !important; }

.mb--small {
  margin-bottom: 20px !important; }

.mb--medium {
  margin-bottom: 30px !important; }
  @media all and (max-width: 767px) {
    .mb--medium {
      margin-bottom: 20px !important; } }

.mb--large {
  margin-bottom: 75px !important; }
  @media all and (max-width: 767px) {
    .mb--large {
      margin-bottom: 30px !important; } }
  @media all and (max-width: 479px) {
    .mb--large {
      margin-bottom: 20px !important; } }

.mb--xlarge {
  margin-bottom: 120px !important; }
  @media all and (max-width: 767px) {
    .mb--xlarge {
      margin-bottom: 75px !important; } }
  @media all and (max-width: 479px) {
    .mb--xlarge {
      margin-bottom: 30px !important; } }

.pt--xsmall {
  padding-top: 5px; }

.pt--small {
  padding-top: 20px; }

.pt--medium {
  padding-top: 30px; }
  @media all and (max-width: 767px) {
    .pt--medium {
      padding-top: 20px; } }

.pt--large {
  padding-top: 75px; }
  @media all and (max-width: 767px) {
    .pt--large {
      padding-top: 30px; } }

.pt--xlarge {
  padding-top: 120px; }
  @media all and (max-width: 767px) {
    .pt--xlarge {
      padding-top: 75px; } }

.pb--xsmall {
  padding-bottom: 5px; }

.pb--small {
  padding-bottom: 20px; }

.pb--medium {
  padding-bottom: 30px; }
  @media all and (max-width: 767px) {
    .pb--medium {
      padding-bottom: 20px; } }

.pb--large {
  padding-bottom: 75px; }
  @media all and (max-width: 767px) {
    .pb--large {
      padding-bottom: 30px; } }

.pb--xlarge {
  padding-bottom: 120px; }
  @media all and (max-width: 767px) {
    .pb--xlarge {
      padding-bottom: 75px; } }

.p--xsmall {
  padding: 5px; }

.p--small {
  padding: 20px; }

.p--medium {
  padding: 30px; }
  @media all and (max-width: 767px) {
    .p--medium {
      padding: 20px; } }

.p--large {
	padding-top: 75px;
    padding-right: 75px;
    padding-bottom: 0px;
    padding-left: 75px;}
  @media all and (max-width: 767px) {
    .p--large {
     padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px; } }
  @media all and (max-width: 479px) {
    .p--large {
      padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px; } }

.p--xlarge {
  padding: 120px; }
  @media all and (max-width: 767px) {
    .p--xlarge {
      padding: 75px; } }
  @media all and (max-width: 479px) {
    .p--xlarge {
      padding: 30px; } }

.p--h--xsmall {
  padding-left: 5px;
  padding-right: 5px; }

.p--h--small {
  padding-left: 20px;
  padding-right: 20px; }

.p--h--medium {
  padding-left: 30px;
  padding-right: 30px; }
  @media all and (max-width: 767px) {
    .p--h--medium {
      padding-left: 20px;
      padding-right: 20px; } }

.p--h--large {
  padding-left: 75px;
  padding-right: 75px; }
  @media all and (max-width: 767px) {
    .p--h--large {
      padding-left: 30px;
      padding-right: 30px; } }

.p--h--xlarge {
  padding-left: 120px;
  padding-right: 120px; }
  @media all and (max-width: 767px) {
    .p--h--xlarge {
      padding-left: 75px;
      padding-right: 75px; } }

.p--v--xsmall {
  padding-top: 5px;
  padding-bottom: 5px; }

.p--v--small {
  padding-top: 20px;
  padding-bottom: 20px; }

.p--v--medium {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media all and (max-width: 767px) {
    .p--v--medium {
      padding-top: 20px;
      padding-bottom: 20px; } }

.p--v--large {
  padding-top: 75px;
  padding-bottom: 75px; }
  @media all and (max-width: 767px) {
    .p--v--large {
      padding-top: 30px;
      padding-bottom: 30px; } }

.p--v--xlarge {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media all and (max-width: 767px) {
    .p--v--xlarge {
      padding-top: 75px;
      padding-bottom: 75px; } }

.pull--l {
  float: left; }

.pull--r {
  float: right; }

.cl--b {
  clear: both; }

.cl--l {
  clear: left; }

.cl--r {
  clear: right; }

.timeline {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: 0;
  list-style: none; }
  .timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #e0e0e0; }

.timeline-item.odd {
  position: relative;
  z-index: 1;
  width: 50%;
  display: block;
  float: left;
  clear: left;
  margin-bottom: 20px;
  padding: 0 10px 0 0; }
  .timeline-item.odd:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: 10px;
    margin-right: -4px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #81bc00; }
  .timeline-item.odd .timeline-content {
    background-color: #f9f9f9; }
    .timeline-item.odd .timeline-content > * {
      padding: 20px 20px 0; }
      .timeline-item.odd .timeline-content > *:last-child {
        padding-bottom: 20px; }
    .timeline-item.odd .timeline-content img {
      display: block;
      width: 100%;
      padding: 20px 0 0 !important; }
  .timeline-item.odd .timeline-title {
    text-align: right; }
  .timeline-item.odd .timeline-title-arrow {
    float: right;
    margin: 0 0 0 10px;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    color: #909090; }
  @media all and (max-width: 767px) {
    .timeline-item.odd {
      display: block;
      width: 100%;
      float: none;
      clear: both;
      padding: 0 0 0 20px; }
      .timeline-item.odd:before {
        right: 100%;
        margin-right: -15px; }
      .timeline-item.odd .timeline-content {
        background-color: #f9f9f9; }
      .timeline-item.odd .timeline-title {
        text-align: left; }
      .timeline-item.odd .timeline-title-arrow {
        float: left;
        margin: 0 10px 0 0;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); } }
.timeline-item.even {
  position: relative;
  z-index: 1;
  width: 50%;
  display: block;
  float: right;
  clear: right;
  margin-bottom: 20px;
  padding: 0 0 0 10px; }
  .timeline-item.even:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 100%;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: 10px;
    margin-right: -4px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #81bc00; }
  .timeline-item.even .timeline-content {
    background-color: #f9f9f9; }
    .timeline-item.even .timeline-content > * {
      padding: 20px 20px 0; }
      .timeline-item.even .timeline-content > *:last-child {
        padding-bottom: 20px; }
    .timeline-item.even .timeline-content img {
      display: block;
      width: 100%;
      padding: 20px 0 0 !important; }
  .timeline-item.even .timeline-title {
    text-align: left; }
  .timeline-item.even .timeline-title-arrow {
    float: left;
    margin: 0 10px 0 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #909090; }
  @media all and (max-width: 767px) {
    .timeline-item.even {
      display: block;
      width: 100%;
      float: none;
      clear: both;
      padding: 0 0 0 20px; }
      .timeline-item.even:before {
        right: 100%;
        margin-right: -15px; }
      .timeline-item.even .timeline-content {
        background-color: #f9f9f9; }
      .timeline-item.even .timeline-title {
        text-align: left; }
      .timeline-item.even .timeline-title-arrow {
        float: left;
        margin: 0 10px 0 0;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .timeline-item.even .timeline-content {
        background-color: #fff; } }
.timeline-item.timeline-offset {
  margin-top: 40px; }

@media all and (max-width: 767px) {
  .timeline:before {
    left: 10px; } }
.info-tooltip-icon {
  position: relative;
  width: 14px;
  cursor: pointer; }
  .info-tooltip-icon .info-tooltip {
    position: absolute;
    bottom: 30px;
    right: 0;
    display: none;
    padding: 10px;
    margin-right: -68px;
    width: 150px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #333333;
    font-size: 1.2rem; }
    .info-tooltip-icon .info-tooltip .tooltip-chevron {
      position: absolute;
      bottom: -5px;
      right: 50%;
      display: block;
      width: 10px;
      height: 10px;
      margin-top: -5px;
      margin-left: -5px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-bottom: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      background-color: #fff; }
    .info-tooltip-icon .info-tooltip.offset {
      right: -10px;
      margin-right: 0; }
      .info-tooltip-icon .info-tooltip.offset .tooltip-chevron {
        right: 10px; }

.rich-text-content h1 {
  line-height: 1.25; }
.rich-text-content h2 {
  line-height: 1.25; }
.rich-text-content h3 {
  line-height: 1.25; }
.rich-text-content h4 {
  line-height: 1.25; }
.rich-text-content h5 {
  line-height: 1.25; }
.rich-text-content h6 {
  line-height: 1.25; }
.rich-text-content p, .rich-text-content li, .rich-text-content td {
  color: inherit; }
  .rich-text-content p a, .rich-text-content li a, .rich-text-content td a, .rich-text-content div a {
    color: #81bc00;
    text-decoration: underline; }
    .bgc--tomato .rich-text-content p a, .rich-text-content p a.fc--light, .rich-text-content p #home-farm #innovation a.innovation-inner:hover, #home-farm #innovation .rich-text-content p a.innovation-inner:hover, .rich-text-content p #home-farm #history .history-inner:hover a.history-text, .rich-text-content p #home-farm #cookbook .cookbook-inner:hover a.cookbook-text, #home-farm #history .history-inner:hover .rich-text-content p a.history-text, .rich-text-content p #home-farm .category .category-inner:hover a.category-name, #home-farm .category .category-inner:hover .rich-text-content p a.category-name, .rich-text-content p #products-hero a#breadcrumb, #products-hero .rich-text-content p a#breadcrumb, .rich-text-content p a#products-hero, .rich-text-content p .products-block .products-block-inner .product .product-link:hover a.product-image-caption, .products-block .products-block-inner .product .product-link:hover .rich-text-content p a.product-image-caption, .rich-text-content p #product-growers .product-growers-inner .grower .grower-link:hover a.grower-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .rich-text-content p a.grower-image-caption, .bgc--tomato .rich-text-content li a, .rich-text-content li a.fc--light, .rich-text-content li #home-farm #innovation a.innovation-inner:hover, #home-farm #innovation .rich-text-content li a.innovation-inner:hover, .rich-text-content li #home-farm #history .history-inner:hover a.history-text, #home-farm #history .history-inner:hover .rich-text-content li a.history-text, .rich-text-content li #home-farm .category .category-inner:hover a.category-name, #home-farm .category .category-inner:hover .rich-text-content li a.category-name, .rich-text-content li #products-hero a#breadcrumb, #products-hero .rich-text-content li a#breadcrumb, .rich-text-content li a#products-hero, .rich-text-content li .products-block .products-block-inner .product .product-link:hover a.product-image-caption, .products-block .products-block-inner .product .product-link:hover .rich-text-content li a.product-image-caption, .rich-text-content li #product-growers .product-growers-inner .grower .grower-link:hover a.grower-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .rich-text-content li a.grower-image-caption, .bgc--tomato .rich-text-content td a, .rich-text-content td a.fc--light, .rich-text-content td #home-farm #innovation a.innovation-inner:hover, #home-farm #innovation .rich-text-content td a.innovation-inner:hover, .rich-text-content td #home-farm #history .history-inner:hover a.history-text, #home-farm #history .history-inner:hover .rich-text-content td a.history-text, .rich-text-content td #home-farm .category .category-inner:hover a.category-name, #home-farm .category .category-inner:hover .rich-text-content td a.category-name, .rich-text-content td #products-hero a#breadcrumb, #products-hero .rich-text-content td a#breadcrumb, .rich-text-content td a#products-hero, .rich-text-content td .products-block .products-block-inner .product .product-link:hover a.product-image-caption, .products-block .products-block-inner .product .product-link:hover .rich-text-content td a.product-image-caption, .rich-text-content td #product-growers .product-growers-inner .grower .grower-link:hover a.grower-image-caption, #product-growers .product-growers-inner .grower .grower-link:hover .rich-text-content td a.grower-image-caption {
      color: inherit; }
.rich-text-content img {
  padding: 20px; }
.rich-text-content em, .rich-text-content i {
  font-style: italic; }
.rich-text-content strong, .rich-text-content b {
  font-weight: bold; }
.rich-text-content small {
  font-size: 70%; }
.rich-text-content ul {
  padding-left: 20px;
  list-style-type: disc; }
.rich-text-content ol {
  padding-left: 20px;
  list-style-type: decimal; }
.rich-text-content ul ul, .rich-text-content ol ul {
  list-style-type: circle;
  margin-left: 15px; }
.rich-text-content ol ol, .rich-text-content ul ol {
  list-style-type: lower-latin;
  margin-left: 15px; }
.rich-text-content.light h1, .rich-text-content.light h2, .rich-text-content.light h3, .rich-text-content.light h4, .rich-text-content.light h5, .rich-text-content.light h6, .rich-text-content.light p, .rich-text-content.light li {
  color: #fff !important; }
#quote .rich-text-content h1 {
  line-height: 1.5; }
#quote .rich-text-content p a {
  text-decoration: none; }

#home-farm {
  border: 1px solid #fff; }
  @media all and (max-width: 1023px) {
    #home-farm #news .news-inner {
      padding: 20px; } }
  #home-farm #membership .membership-inner {
    height: 50%;
  }
  #home-farm #membership a {
	height: 100%;
	display: inline-block;
  }
  #home-farm #membership a.w--halve {
    width: 50%;
  }
  #home-farm #membership a.w--halve:first-of-type {
    border-right: 1px solid white;
  }
  
  @media all and (max-width: 1250px) {
    #home-farm #grower-image .grower-image-inner {
      font-size: 2rem; } }
  @media all and (max-width: 1023px) {
    #home-farm #grower-image .grower-image-inner {
      padding: 15px; } }
  @media all and (max-width: 767px) {
    #home-farm #grower-image .grower-image-inner {
      padding: 0px; } }
  @media all and (max-width: 1023px) {
    #home-farm #grower-content .grower-content-inner {
      padding: 20px; } }
  #home-farm #grower-content .grower-content-inner .grower-bottom {
    padding: 0; }
  #home-farm #innovation .innovation-inner .innovation-icon {
    font-size: 6rem; }
    @media all and (max-width: 1023px) {
      #home-farm #innovation .innovation-inner .innovation-icon {
        font-size: 5.3rem; } }
	 #home-farm #cookbook .cookbook-inner {
    background-color: rgba(256, 256, 256, 0.7); }
  #home-farm #history .history-inner:hover,
  #home-farm #cookbook .cookbook-inner:hover {
    background-color: rgba(76, 48, 63, 0.7); }
  @media all and (max-width: 1023px) {
    #home-farm #cookbook .cookbook-inner .cookbook-text {
      font-size: 1.7rem !important; } }
  #home-farm .category .category-logo {
    position: relative;
    width: 50%;
    height: 67px;
    margin-left: auto;
    margin-right: auto; }
    #home-farm .category .category-logo > * {
      position: absolute;
      bottom: 0;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
    @media all and (max-width: 479px) {
      #home-farm .category .category-logo {
        height: 47px; } }
  #home-farm .category .category-inner:hover .category-visual {
    opacity: .3; }
  #home-farm .category .category-inner:hover .category-logo {
    fill: #fff; }
    #home-farm .category .category-inner:hover .category-logo .logo-icon {
      fill: #fff; }
  #home-farm .category#category-peppers .category-inner:hover {
    background-color: rgba(241, 196, 0, 0.85); }
  #home-farm .category#category-tomatoes .category-inner:hover {
    background-color: rgba(186, 12, 47, 0.85); }

#splash-options {
  position: absolute;
  z-index: 1;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Bryant-400", sans-serif;
  text-align: center;
  width: 100%; }
  #splash-options .splash-options-list {
    display: inline-block;
    margin: 0 auto; }
    #splash-options .splash-options-list:before, #splash-options .splash-options-list:after {
      display: table;
      content: ' '; }
    #splash-options .splash-options-list:after {
      clear: both; }
    #splash-options .splash-options-list .splash-options-list-item {
      display: block;
      float: left;
      padding-left: 20px;
      padding-right: 20px;
      border-right: 1px solid #e0e0e0; }
      #splash-options .splash-options-list .splash-options-list-item:first-child {
        padding-left: 5px; }
      #splash-options .splash-options-list .splash-options-list-item:last-child {
        padding-right: 5px;
        border: none; }
      #splash-options .splash-options-list .splash-options-list-item a {
        color: #333333; }
        #splash-options .splash-options-list .splash-options-list-item a:hover {
          color: #81bc00; }

#search-results .the-result > * {
  float: left;
  overflow: hidden; }
#search-results .the-result.txt-only .the-result-content {
  width: 100%; }
#search-results .the-result.with-visual .the-result-visual {
  width: 20%;
  padding-right: 20px; }
#search-results .the-result.with-visual .the-result-content {
  width: 80%; }
#search-results .the-result.with-icon .the-result-icon {
  width: 5%; }
#search-results .the-result.with-icon .the-result-content {
  width: 95%; }

@media all and (max-width: 767px) {
  #search-results .the-result.with-icon .the-result-icon {
    width: 10%; }
  #search-results .the-result.with-icon .the-result-content {
    width: 90%; } }
#recipe-detail {
  		/* .recipe-detail-visual {
  			padding: 0 $space-small;
  		}
  
  		.recipe-detail-content {
  			padding: 0 $space-small;
  		} */ }

.page-404 .page-404-main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%; }
.page-404 .page-404-inner {
  max-width: 650px; }
.page-404 .hero-visual {
  height: 0;
  padding-top: 81.74%;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain; }
.page-404 .page-404-content .title {
  font-size: 3.6rem; }
  @media all and (max-width: 479px) {
    .page-404 .page-404-content .title {
      font-size: 2.9rem; } }
.page-404 .search-form .search-form-field-wrap {
  position: relative;
  z-index: 1; }
  .page-404 .search-form .search-form-field-wrap .search-form-field {
    padding: 14px 25px 13px; }
  .page-404 .search-form .search-form-field-wrap .search-form-submit-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    width: 50px;
    height: 100%;
    text-align: center;
    font-size: 2rem; }

#downloads .download-section {
  margin-top: 20px; }
#downloads .download-section .downloads-inner {
    display: inline-block; }
#downloads .download-title .file-meta {
  font-weight: normal; }

.form-step-3 [data-period] {
  display: none; }
  .form-step-3 [data-period]:first-child {
    display: block; }
.form-step-3 .delete-period {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-left: -15px;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  text-decoration: none; }

#header {
  position: relative;
  z-index: 9; }
  #header .logo .logo-icon {
    fill: #81bc00; }
  #header .logo .logo-text {
    fill: #4c303f; }
  #header .logo .logo-baseline {
    fill: #81bc00; }

#top-bar {
  display: block;
  width: 100%;
  background: #fff;
  overflow: visible;
  z-index: 2; }
  .page-splash #top-bar {
    background: transparent; }
  #top-bar .top-bar-inner {
    position: relative;
    z-index: 2;
    padding-left: 133px; }
    #top-bar .top-bar-inner:before, #top-bar .top-bar-inner:after {
      display: table;
      content: ' '; }
    #top-bar .top-bar-inner:after {
      clear: both; }
    #top-bar .top-bar-inner .logo-wrap {
      position: absolute;
      left: 30px;
      top: 15px;
      z-index: 2; }
      #top-bar .top-bar-inner .logo-wrap .logo {
        display: block;
        width: 133px;
        height: 75px; }
        #top-bar .top-bar-inner .logo-wrap .logo .logo-vertical-baseline {
          margin-top: 5px; }
        #top-bar .top-bar-inner .logo-wrap .logo img {
          display: block;
          width: 100%; }
    #top-bar .top-bar-inner .hamburger-wrap {
      display: none;
      float: right; }
    #top-bar .top-bar-inner .lang-wrap {
      float: right;
      background: #f9f9f9;
      margin: 0;
      padding: 12px 20px 12px 0; }
      #top-bar .top-bar-inner .lang-wrap ul {
        border-left: 1px solid #e0e0e0;
        padding-left: 20px; }
        #top-bar .top-bar-inner .lang-wrap ul:before, #top-bar .top-bar-inner .lang-wrap ul:after {
          display: table;
          content: ' '; }
        #top-bar .top-bar-inner .lang-wrap ul:after {
          clear: both; }
        #top-bar .top-bar-inner .lang-wrap ul li {
          float: left;
          font-size: 1.4rem;
          line-height: 18px;
          text-transform: uppercase;
          margin: 0 0 0 15px; }
          #top-bar .top-bar-inner .lang-wrap ul li a {
            display: block;
            color: #b4b4b4;
            text-decoration: none; }
            #top-bar .top-bar-inner .lang-wrap ul li a.active, #top-bar .top-bar-inner .lang-wrap ul li a.active:hover {
              color: #4c303f;
              cursor: default; }
            #top-bar .top-bar-inner .lang-wrap ul li a:hover {
              color: #81bc00; }
          #top-bar .top-bar-inner .lang-wrap ul li:first-child {
            margin-left: 0; }
    #top-bar .top-bar-inner .button-wrap {
      float: right; }
      #top-bar .top-bar-inner .button-wrap:before, #top-bar .top-bar-inner .button-wrap:after {
        display: table;
        content: ' '; }
      #top-bar .top-bar-inner .button-wrap:after {
        clear: both; }
      #top-bar .top-bar-inner .button-wrap .links-wrap {
        float: left; }
        #top-bar .top-bar-inner .button-wrap .links-wrap ul:before, #top-bar .top-bar-inner .button-wrap .links-wrap ul:after {
          display: table;
          content: ' '; }
        #top-bar .top-bar-inner .button-wrap .links-wrap ul:after {
          clear: both; }
        #top-bar .top-bar-inner .button-wrap .links-wrap ul li {
          float: left;
          font-size: 1.4rem;
          line-height: 18px;
          margin: 0 0 0 15px; }
          #top-bar .top-bar-inner .button-wrap .links-wrap ul li a {
            display: block;
            padding: 11px 20px 13px;
            background: #f9f9f9;
            color: #4c303f;
            text-decoration: none; }
            #top-bar .top-bar-inner .button-wrap .links-wrap ul li a:before, #top-bar .top-bar-inner .button-wrap .links-wrap ul li a:after {
              display: table;
              content: ' '; }
            #top-bar .top-bar-inner .button-wrap .links-wrap ul li a:after {
              clear: both; }
            #top-bar .top-bar-inner .button-wrap .links-wrap ul li a .icon-element {
              display: inline-block;
              float: left;
              font-size: 1.8rem;
              line-height: 18px;
              margin: 0 10px 0 0; }
            #top-bar .top-bar-inner .button-wrap .links-wrap ul li a .text-desc {
              display: inline-block;
              float: left;
              margin: 1px 0 0 0; }
            #top-bar .top-bar-inner .button-wrap .links-wrap ul li a:hover {
              background: #81bc00;
              color: #fff; }
            .page-splash #top-bar .top-bar-inner .button-wrap .links-wrap ul li a {
              background: transparent;
              color: #81bc00; }
          #top-bar .top-bar-inner .button-wrap .links-wrap ul li:first-child {
            margin-left: 0; }
      #top-bar .top-bar-inner .button-wrap .search-wrap {
        float: left;
        position: relative;
        z-index: 2; }
        #top-bar .top-bar-inner .button-wrap .search-wrap:before, #top-bar .top-bar-inner .button-wrap .search-wrap:after {
          display: table;
          content: ' '; }
        #top-bar .top-bar-inner .button-wrap .search-wrap:after {
          clear: both; }
        #top-bar .top-bar-inner .button-wrap .search-wrap .btn--search {
          float: right;
          position: relative;
          z-index: 2; }
          #top-bar .top-bar-inner .button-wrap .search-wrap .btn--search i {
            position: relative;
            z-index: 2; }
          #top-bar .top-bar-inner .button-wrap .search-wrap .btn--search:after {
            content: "";
            display: block;
            width: 0%;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            background: #81bc00;
            z-index: 1;
            -moz-transition: width 75ms 180ms;
            -o-transition: width 75ms 180ms;
            -webkit-transition: width 75ms;
            -webkit-transition-delay: 180ms;
            transition: width 75ms 180ms; }
        #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap {
          width: 0px;
          background: #81bc00;
          overflow: hidden;
          position: absolute;
          right: 100%;
          top: 0;
          z-index: 1;
          -moz-transition: width 200ms;
          -o-transition: width 200ms;
          -webkit-transition: width 200ms;
          transition: width 200ms; }
          #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text] {
            width: 100%;
            height: 43px;
            padding: 5px 20px;
            background: none;
            color: #fff;
            border: none;
            outline: none; }
            #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text]:-moz-placeholder {
              color: #ffffff;
              font-style: italic; }
            #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text]::-moz-placeholder {
              color: #ffffff;
              font-style: italic; }
            #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text]:-ms-input-placeholder {
              color: #ffffff;
              font-style: italic; }
            #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text]::-webkit-input-placeholder {
              color: #ffffff;
              font-style: italic; }
            #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text]:focus {
              outline: none; }
        #top-bar .top-bar-inner .button-wrap .search-wrap.is-open .btn--search {
          color: #fff; }
          #top-bar .top-bar-inner .button-wrap .search-wrap.is-open .btn--search:after {
            width: 100%;
            -moz-transition: width 75ms 0ms;
            -o-transition: width 75ms 0ms;
            -webkit-transition: width 75ms;
            -webkit-transition-delay: 0ms;
            transition: width 75ms 0ms; }
        #top-bar .top-bar-inner .button-wrap .search-wrap.is-open .input-wrap {
          width: 205px;
          -moz-transition: width 200ms 75ms;
          -o-transition: width 200ms 75ms;
          -webkit-transition: width 200ms;
          -webkit-transition-delay: 75ms;
          transition: width 200ms 75ms; }
          #top-bar .top-bar-inner .button-wrap .search-wrap.is-open .input-wrap.full-width {
            width: 1000px; }

@media all and (max-width: 1023px) {
  #top-bar {
    border-bottom: 2px solid #f9f9f9;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 21; }
    .page-splash #top-bar {
      background: #fff; }
    #top-bar .top-bar-inner {
      padding: 12px 14px 12px 20px; }
      #top-bar .top-bar-inner .logo-wrap {
        position: relative;
        left: 0;
        top: 0;
        float: left; }
        #top-bar .top-bar-inner .logo-wrap .logo {
          width: 92px;
          height: 55px; }
      #top-bar .top-bar-inner .hamburger-wrap {
        display: block;
        margin: 12px 0 0 25px; }
      #top-bar .top-bar-inner .lang-wrap {
        display: none; }
      #top-bar .top-bar-inner .button-wrap .links-wrap {
        float: right;
        margin: 12px 0 0 0; }
        #top-bar .top-bar-inner .button-wrap .links-wrap ul li a {
          padding: 9px 5px 10px;
          background: none;
          color: #81bc00; }
          #top-bar .top-bar-inner .button-wrap .links-wrap ul li a .icon-element {
            display: block;
            font-size: 2.4rem;
            line-height: 24px;
            margin-right: 0; }
          #top-bar .top-bar-inner .button-wrap .links-wrap ul li a .text-desc {
            display: none; }
          #top-bar .top-bar-inner .button-wrap .links-wrap ul li a:hover {
            background: none;
            color: #81bc00; }
      #top-bar .top-bar-inner .button-wrap .search-wrap {
        float: right;
        margin: 12px 0 0 28px; }
        #top-bar .top-bar-inner .button-wrap .search-wrap .btn__search {
          padding: 10px 5px; }
        #top-bar .top-bar-inner .button-wrap .search-wrap .input-wrap input[type=text] {
          height: 43px; } }
@media all and (max-width: 479px) {
  #top-bar .top-bar-inner {
    padding: 12px 12px 12px 20px; }
    #top-bar .top-bar-inner .logo-wrap {
      margin: 3px 0 0 0; }
      #top-bar .top-bar-inner .logo-wrap .logo {
        width: 80px;
        height: 37px; }
    #top-bar .top-bar-inner .button-wrap .search-wrap, #top-bar .top-bar-inner .button-wrap .links-wrap {
      margin-top: 0px; }
    #top-bar .top-bar-inner .button-wrap .search-wrap {
      margin-left: 11px; }
    #top-bar .top-bar-inner .hamburger-wrap {
      margin: 0 0 0 10px; }
    #top-bar .top-bar-inner .links-wrap {
      margin-left: 9px; } }
#navigation {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: #fff; }
  #navigation .navigation-inner {
    padding: 0 25px 0 160px; }
    #navigation .navigation-inner:before, #navigation .navigation-inner:after {
      display: table;
      content: ' '; }
    #navigation .navigation-inner:after {
      clear: both; }
    #navigation .navigation-inner .main-nav {
      float: left;
      width: 100%; }
      #navigation .navigation-inner .main-nav ul {
        float: right; }
        #navigation .navigation-inner .main-nav ul:before, #navigation .navigation-inner .main-nav ul:after {
          display: table;
          content: ' '; }
        #navigation .navigation-inner .main-nav ul:after {
          clear: both; }
        #navigation .navigation-inner .main-nav ul li {
          float: left;
          margin: 0;
          font-size: 1.6rem;
          line-height: 18px; }
          #navigation .navigation-inner .main-nav ul li a {
            display: block;
            padding: 10px 0 0;
            text-decoration: none;
            outline: none; }
            #navigation .navigation-inner .main-nav ul li a .text {
              -moz-transition: color 150ms 300ms, background-color 150ms 300ms;
              -o-transition: color 150ms 300ms, background-color 150ms 300ms;
              -webkit-transition: color 150ms, background-color 150ms;
              -webkit-transition-delay: 300ms, 300ms;
              transition: color 150ms 300ms, background-color 150ms 300ms;
              display: block;
              padding: 17px 25px;
              color: #81bc00;
              background-color: transparent; }
            #navigation .navigation-inner .main-nav ul li a .ico-holder {
              display: none;
              font-size: 1.5rem; }
              #navigation .navigation-inner .main-nav ul li a .ico-holder .ico-more {
                display: block; }
              #navigation .navigation-inner .main-nav ul li a .ico-holder .ico-less {
                display: none; }
          #navigation .navigation-inner .main-nav ul li .submenu {
            -moz-transition: opacity 150ms;
            -o-transition: opacity 150ms;
            -webkit-transition: opacity 150ms;
            transition: opacity 150ms;
            position: absolute;
            left: 0;
            top: 100%;
            z-index: 1;
            display: none;
            width: 100%;
            overflow: hidden;
            text-align: center;
            background: #4c303f; }
            #navigation .navigation-inner .main-nav ul li .submenu:before, #navigation .navigation-inner .main-nav ul li .submenu:after {
              display: table;
              content: ' '; }
            #navigation .navigation-inner .main-nav ul li .submenu:after {
              clear: both; }
            #navigation .navigation-inner .main-nav ul li .submenu li {
              float: none;
              display: inline-block; }
              #navigation .navigation-inner .main-nav ul li .submenu li a {
                -moz-transition: color 150ms, background-color 150ms;
                -o-transition: color 150ms, background-color 150ms;
                -webkit-transition: color 150ms, background-color 150ms;
                transition: color 150ms, background-color 150ms;
                padding: 22px 30px;
                color: #fff;
                background: none; }
                #navigation .navigation-inner .main-nav ul li .submenu li a:hover {
                  background: #81bc00; }
            #navigation .navigation-inner .main-nav ul li .submenu:before, #navigation .navigation-inner .main-nav ul li .submenu:after {
              position: absolute;
              top: 0;
              z-index: 1;
              display: block;
              width: 1000000px;
              height: 100%;
              content: '';
              background: #4c303f; }
            #navigation .navigation-inner .main-nav ul li .submenu:before {
              right: 100%; }
            #navigation .navigation-inner .main-nav ul li .submenu:after {
              left: 100%; }
          #navigation .navigation-inner .main-nav ul li:first-child {
            margin-left: 0; }
          #navigation .navigation-inner .main-nav ul li:hover a .text {
            background-color: #4c303f;
            color: #fff; }
  #navigation .lang-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    width: 100%;
    padding: 25px 25px;
    background: #3f2835; }
    #navigation .lang-nav:before, #navigation .lang-nav:after {
      display: table;
      content: ' '; }
    #navigation .lang-nav:after {
      clear: both; }
    #navigation .lang-nav ul {
      float: right;
      text-align: center; }
      #navigation .lang-nav ul li {
        float: left;
        margin: 0 0 0 25px;
        font-size: 1.4rem;
        line-height: 18px;
        text-transform: uppercase; }
        #navigation .lang-nav ul li a {
          display: block;
          color: #fff;
          text-decoration: none; }
          #navigation .lang-nav ul li a.active {
            color: #c3a3b5; }
          #navigation .lang-nav ul li a:hover {
            color: #81bc00; }
        #navigation .lang-nav ul li:first-child {
          margin-left: 0; }

@media all and (max-width: 1023px) {
  #navigation {
    -moz-transition: right 80ms;
    -o-transition: right 80ms;
    -webkit-transition: right 80ms;
    transition: right 80ms;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #3f2835; }
    .nav-is-open #navigation {
      -moz-transition: right 150ms;
      -o-transition: right 150ms;
      -webkit-transition: right 150ms;
      transition: right 150ms;
      right: 0; }
    #navigation .navigation-inner {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      padding: 83px 0 70px;
      overflow: auto; }
      #navigation .navigation-inner .main-nav ul {
        width: 100%; }
        #navigation .navigation-inner .main-nav ul li {
          width: 100%;
          margin: 0;
          text-align: left;
          font-size: 2.4rem;
          line-height: 30px;
          border-top: 2px solid #3f2835; }
          #navigation .navigation-inner .main-nav ul li a {
            position: relative;
            padding: 0;
            color: #fff; }
            #navigation .navigation-inner .main-nav ul li a .text {
              padding: 23px 76px 23px 50px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
            #navigation .navigation-inner .main-nav ul li a .ico-holder {
              position: absolute;
              right: 0;
              top: 0;
              z-index: 1;
              display: block;
              width: 76px;
              height: 100%;
              text-align: right; }
              #navigation .navigation-inner .main-nav ul li a .ico-holder i {
                -moz-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                position: absolute;
                right: 20px;
                top: 50%;
                z-index: 1; }
            #navigation .navigation-inner .main-nav ul li a:hover {
              background: #3f2835; }
          #navigation .navigation-inner .main-nav ul li ul {
            position: relative;
            left: 0;
            top: 0;
            z-index: 1;
            width: 100%; }
            #navigation .navigation-inner .main-nav ul li ul li, #navigation .navigation-inner .main-nav ul li ul li:first-child {
              width: 100%;
              float: left;
              font-size: 2.0rem;
              width: 100%; }
              #navigation .navigation-inner .main-nav ul li ul li a, #navigation .navigation-inner .main-nav ul li ul li:first-child a {
                padding: 12px 20px 12px 80px;
                background: #3f2835; }
                #navigation .navigation-inner .main-nav ul li ul li a:hover, #navigation .navigation-inner .main-nav ul li ul li:first-child a:hover {
                  background: #3f2835; }
            #navigation .navigation-inner .main-nav ul li ul:before, #navigation .navigation-inner .main-nav ul li ul:after {
              display: none; }
          #navigation .navigation-inner .main-nav ul li:first-child {
            border-top: none; }
          #navigation .navigation-inner .main-nav ul li.is-active a .ico-holder .ico-more {
            display: none; }
          #navigation .navigation-inner .main-nav ul li.is-active a .ico-holder .ico-less {
            display: block; }
          #navigation .navigation-inner .main-nav ul li.is-active ul {
            display: block; }
          #navigation .navigation-inner .main-nav ul li:hover a .text {
            background: none; }
          #navigation .navigation-inner .main-nav ul li:hover ul {
            display: none; }
          #navigation .navigation-inner .main-nav ul li:hover.is-active ul {
            display: block; }
    #navigation .lang-nav {
      display: block; } }
@media all and (max-width: 0px) {
  #navigation .navigation-inner {
    padding-top: 72px; } }
@media all and (max-width: 479px) {
  #navigation .navigation-inner {
    padding-bottom: 36px; }
    #navigation .navigation-inner .main-nav ul li {
      font-size: 1.8rem; }
      #navigation .navigation-inner .main-nav ul li a {
        padding: 0; }
        #navigation .navigation-inner .main-nav ul li a .text {
          padding: 15px 24px; }
      #navigation .navigation-inner .main-nav ul li ul li, #navigation .navigation-inner .main-nav ul li ul li:first-child {
        font-size: 1.5rem; }
        #navigation .navigation-inner .main-nav ul li ul li a, #navigation .navigation-inner .main-nav ul li ul li:first-child a {
          padding: 10px 20px 10px 35px; }
  #navigation .lang-nav {
    padding-top: 10px;
    padding-bottom: 8px; } }
@media all and (min-width: 480px) and (max-width: 767px) {
  #navigation .navigation-inner {
    padding-bottom: 44px; }
    #navigation .navigation-inner .main-nav ul li {
      font-size: 2.2rem; }
      #navigation .navigation-inner .main-nav ul li a {
        padding: 0; }
        #navigation .navigation-inner .main-nav ul li a .text {
          padding: 20px 60px 20px 40px; }
      #navigation .navigation-inner .main-nav ul li ul li, #navigation .navigation-inner .main-nav ul li ul li:first-child {
        font-size: 1.7rem; }
        #navigation .navigation-inner .main-nav ul li ul li a, #navigation .navigation-inner .main-nav ul li ul li:first-child a {
          padding: 10px 20px 10px 60px; }
  #navigation .lang-nav {
    padding-top: 14px;
    padding-bottom: 12px; } }
@media all and (min-width: 1024px) and (max-width: 1180px) {
  #navigation .navigation-inner {
    padding-right: 0; }
    #navigation .navigation-inner .main-nav ul li a .text {
      padding-left: 20px;
      padding-right: 20px; } }
#breadcrumb {
  position: relative;
  z-index: 1;
  color: #333333; }
  #breadcrumb .home-link {
    position: absolute;
    top: 50%;
    right: 100%;
    z-index: 1;
    display: inline-block;
    margin-top: -12px;
    margin-right: 15px; }
  #breadcrumb .breadcrumb-list {
    line-height: 1; }
    #breadcrumb .breadcrumb-list .crumb:after {
      display: inline-block;
      margin-left: 15px;
      content: '-'; }
    #breadcrumb .breadcrumb-list .crumb:last-child:after, #breadcrumb .breadcrumb-list .crumb.active:after {
      display: none; }

@media all and (max-width: 767px) {
  #breadcrumb .home-link {
    display: none; } }
@media all and (max-width: 767px) {
  .page-link-highlight .page-link {
    width: 100%;
    margin-top: 20px; }
    .page-link-highlight .page-link:first-child {
      margin-top: 0; } }
@media all and (max-width: 479px) {
  .page-link-highlight .page-link {
    margin-top: 5px; } }

#map {
  position: relative; }
  #map .map-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%; }
  #map .map-inner {
    position: relative;
    z-index: 1; }
  #map .map-address-block {
    padding: 75px 30px; }
    #map .map-address-block .address-block-inner {
      background-color: #fff;
      padding: 75px 0; }
  #map .map-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    #map .map-wrap .the-map {
      width: 150%;
      height: 100%; }
  #map div.gmnoprint, #map div.gmnoprint:nth-child(8) > div:nth-child(2) > div:nth-child(4) > img:nth-child(1) {
    right: 35% !important; }

@media all and (max-width: 767px) {
  #map .map-address-block {
    padding: 0; }
    #map .map-address-block .address-block-inner {
      padding: 30px 0; }
  #map .map-overlay {
    top: auto;
    height: 300px; }
  #map .map-wrap {
    position: static;
    height: 300px; }
    #map .map-wrap .the-map {
      width: 100%; }
  #map div.gmnoprint, #map div.gmnoprint:nth-child(8) > div:nth-child(2) > div:nth-child(4) > img:nth-child(1) {
    right: 28px !important; } }
.add-field-submit {
  background-color: #4c303f !important;
  color: #fff; }
  .add-field-submit .submit-plus {
    border: 2px solid #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 2px;
    margin-left: 10px; }
  .add-field-submit[disabled] {
    opacity: .5;
    cursor: default; }

.add-field {
  position: relative; }
  .add-field .remove-field-icon {
    position: absolute;
    right: 0;
    z-index: 2;
    cursor: pointer; }

#pager {
  position: absolute;
  left: 0;
  right: 0; }
  #pager .pager-list {
    text-align: center; }
    #pager .pager-list .page {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-color: #f9f9f9; }
      #pager .pager-list .page > * {
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%;
        display: block;
        margin-top: 0;
        margin-bottom: 0; }
      #pager .pager-list .page.jump, #pager .pager-list .page.active {
        background-color: transparent; }
        #pager .pager-list .page.jump:hover, #pager .pager-list .page.active:hover {
          background-color: transparent; }
      #pager .pager-list .page:hover {
        background-color: #f3f3f3; }
      #pager .pager-list .page.disabled {
        color: #f3f3f3; }

@media all and (max-width: 479px) {
  #pager {
    position: static; } }
#back {
  position: relative;
  z-index: 1;
  display: inline-block;
  line-height: 50px; }
  #back .back-icon {
    margin-right: 5px; }

#load-more {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 50px; }
  #load-more .the-loader {
    position: relative; }
  #load-more .load-more-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin-right: 5px; }

#home-hero {
  position: relative;
  z-index: 1; }
  #home-hero .home-hero-visual {
    max-height: 400px;
    overflow: hidden; }
    #home-hero .home-hero-visual::after {
      display: block;
      width: 100%;
      height: 0;
      padding-top: 41.18%;
      content: ''; }
  #home-hero .home-hero-title {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    margin-top: -30px; }
    @media all and (max-width: bp-s) {
      #home-hero .home-hero-title {
        font-size: 2.4rem; } }

#products-hero {
  position: relative;
  z-index: 1;
  /*padding-bottom: 50px;*/ }
  @media all and (max-width: 767px) {
    #products-hero {
      padding-bottom: 34px; } }
  #products-hero .products-hero-visual {
    left: auto;
    right: 0;
    width: 40%;
    background-size: contain; }
    @media all and (max-width: 767px) {
      #products-hero .products-hero-visual {
        display: none; } }
  #products-hero .hero-visual {
    left: auto;
    right: 0; }
  #products-hero .hero-bottom {
    position: relative;
    z-index: 1; }
    #products-hero .hero-bottom:before, #products-hero .hero-bottom:after {
      display: table;
      content: ' '; }
    #products-hero .hero-bottom:after {
      clear: both; }
    #products-hero .hero-bottom .hero-desc {
      float: left;
      width: 70%;
      padding-right: 50px; }
      #products-hero .hero-bottom .hero-desc a {
        color: inherit !important; }
    #products-hero .hero-bottom .visual-wrap {
      position: relative;
      z-index: 1;
      display: block;
      float: right;
      width: 30%;
      text-align: center; }
      #products-hero .hero-bottom .visual-wrap .logo {
        display: block;
        width: 170px; }
        #products-hero .hero-bottom .visual-wrap .logo .logo-icon,
        #products-hero .hero-bottom .visual-wrap .logo .logo-text,
        #products-hero .hero-bottom .visual-wrap .logo .logo-baseline {
          fill: #fff; }
        #products-hero .hero-bottom .visual-wrap .logo svg {
          display: block;
          margin: 0 auto; }
      #products-hero .hero-bottom .visual-wrap .product-type-name {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        display: block;
        width: 170px;
        margin-top: 7px;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1;
        letter-spacing: 1px; }

@media all and (max-width: 767px) {
  #products-hero .hero-bottom .hero-desc {
    width: 100%;
    padding-right: 0; }
  #products-hero .hero-bottom .visual-wrap {
    display: none; } }
#products-detail-hero {
  color: #909090;
  background-position: right center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat; }
  #products-detail-hero .hero-bottom:before, #products-detail-hero .hero-bottom:after {
    display: table;
    content: ' '; }
  #products-detail-hero .hero-bottom:after {
    clear: both; }
  #products-detail-hero .hero-bottom .hero-desc {
    float: left;
    width: 60%;
    padding-right: 50px; }
  #products-detail-hero .hero-bottom .visual-wrap {
    float: right;
    width: 40%;
    text-align: center; }
    #products-detail-hero .hero-bottom .visual-wrap img {
      display: block;
      width: 100%;
      margin-top: 30px; }

@media all and (max-width: 767px) {
  #products-detail-hero .hero-bottom .hero-desc {
    float: none;
    width: 100%;
    padding-right: 0; }
  #products-detail-hero .hero-bottom .visual-wrap {
    float: none;
    width: 100%; }
    #products-detail-hero .hero-bottom .visual-wrap img {
      margin-top: 30px; } }
#product-slider {
  position: relative;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 50px;
  overflow: hidden; }
  @media all and (max-width: 767px) {
    #product-slider {
      padding-top: 50px;
      padding-bottom: 20px; } }
  #product-slider * {
    outline: none !important; }
    #product-slider *:active, #product-slider *:focus {
      outline: none !important; }
  #product-slider .product-slides:before, #product-slider .product-slides:after {
    display: table;
    content: ' '; }
  #product-slider .product-slides:after {
    clear: both; }
  #product-slider .product-slides .slick-list {
    overflow: inherit; }
  #product-slider .product-slides .product-slide {
    float: left; }
    #product-slider .product-slides .product-slide .product-image-wrap {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: 134px;
      text-align: center; }
      @media all and (max-width: 767px) {
        #product-slider .product-slides .product-slide .product-image-wrap {
          height: 74px; } }
      #product-slider .product-slides .product-slide .product-image-wrap .product-image {
        -moz-transition: -moz-transform, 250ms;
        -o-transition: -o-transform, 250ms;
        -webkit-transition: -webkit-transform, 250ms;
        transition: transform, 250ms;
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        position: absolute;
        top: 0;
        bottom: 30px !important;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        text-align: center;
        background-position: center bottom;
        -moz-background-size: contain;
        -o-background-size: contain;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat; }
      #product-slider .product-slides .product-slide .product-image-wrap .product-image-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #aeaeae;
        font-style: italic; }
    #product-slider .product-slides .product-slide.slick-center .product-image-wrap .product-image {
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      transform: scale(1.5); }
    #product-slider .product-slides .product-slide.slick-center-neighbour .product-image-wrap .product-image {
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -webkit-transform: scale(1.15);
      transform: scale(1.15); }
  #product-slider .product-slider-arrow {
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    height: 100%;
    cursor: pointer; }
    #product-slider .product-slider-arrow .icon {
      margin-top: 10px; }
    #product-slider .product-slider-arrow-prev {
      left: 30px; }
    #product-slider .product-slider-arrow-next {
      right: 30px; }
    @media all and (max-width: 767px) {
      #product-slider .product-slider-arrow {
        display: none !important; } }

.products-block {
  position: relative;
  z-index: 1; }
  @media all and (max-width: 767px) {
    .products-block {
      padding: 0; } }
  .products-block .products-block-tabs {
    position: absolute;
    bottom: 100%;
    right: 1px;
    z-index: 1; }
    @media all and (max-width: 767px) {
      .products-block .products-block-tabs {
        padding: 0; } }
  .products-block .products-block-inner {
    border: 1px solid #fff; }
    .products-block .products-block-inner .products-block-intro-inner .products-block-desc {
      padding-bottom: 70px; }
    .products-block .products-block-inner .product {
      -moz-transition: opacity 250ms;
      -o-transition: opacity 250ms;
      -webkit-transition: opacity 250ms;
      transition: opacity 250ms;
      position: relative;
      z-index: 1;
      text-align: center; }
      .products-block .products-block-inner .product .product-link {
        cursor: pointer; }
        .products-block .products-block-inner .product .product-link .product-image {
          position: absolute;
          top: 0;
          bottom: 25px !important;
          left: 0;
          z-index: 1;
          display: block;
          width: 100%;
          border: 1px solid #f9f9f9;
          background-position: center;
          -moz-background-size: 100%;
          -o-background-size: 100%;
          -webkit-background-size: 100%;
          background-size: 100%;
          background-repeat: no-repeat; }
          .products-block .products-block-inner .product .product-link .product-image.product-small {
            -moz-background-size: 80%;
            -o-background-size: 80%;
            -webkit-background-size: 80%;
            background-size: 80%; }
        .products-block .products-block-inner .product .product-link .product-image-caption {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 3;
          display: block;
          width: 100%;
          margin-bottom: 0;
          padding: 5px 10px;
          line-height: 1.1;
          color: #aeaeae;
          font-size: 1.4rem;
          font-style: italic;
          background-color: #f9f9f9;
          background-color: rgba(249, 249, 249, 0.7); }
        .products-block .products-block-inner .product .product-link .product-overlay {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
          display: block;
          width: 100%;
          height: 0%;
          opacity: 0; }
        .products-block .products-block-inner .product .product-link:hover .product-image-caption {
          background-color: transparent; }
        .products-block .products-block-inner .product .product-link:hover .product-overlay {
          height: 100%;
          opacity: 1; }
      .products-block .products-block-inner .product.disabled {
        opacity: .2; }
        .products-block .products-block-inner .product.disabled:after {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1;
          display: block;
          content: ''; }

#product-info .product-info-main {
  padding-left: 40px;
  padding-right: 40px; }
  #product-info .product-info-main .product-info-main-col {
    padding-left: 20px; }
    #product-info .product-info-main .product-info-main-col:first-child {
      padding-left: 0;
      padding-right: 20px; }
    @media all and (max-width: 767px) {
      #product-info .product-info-main .product-info-main-col {
        width: 100%;
        padding: 0; }
        #product-info .product-info-main .product-info-main-col:first-child {
          margin-bottom: 50px; } }
  @media all and (max-width: 767px) {
    #product-info .product-info-main {
      padding-left: 20px;
      padding-right: 20px; } }

#products-search {
  position: relative;
  z-index: 1; }
  #products-search .products-search-upper-wrap {
    position: relative;
    z-index: 1; }
  #products-search .products-search-hero {
    position: relative;
    z-index: 1;
    min-height: 500px; }
    @media all and (max-width: 479px) {
      #products-search .products-search-hero {
        min-height: 300px; } }
    #products-search .products-search-hero .hero-visual {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  #products-search .products-search-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%; }
  #products-search .products-search-bottom-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%; }
  #products-search .search-bottom {
    width: 100%;
    padding: 75px 30px 30px;
    background-color: #f9f9f9; }
    #products-search .search-bottom .search-bottom-title {
      width: 30%;
      float: left; }
    #products-search .search-bottom .search-bottom-content {
      width: 70%;
      float: left;
      padding-left: 30px; }
    #products-search .search-bottom .search-form {
      position: relative;
      float: right;
      margin-right: -30px;
      padding-right: 90px; }
      #products-search .search-bottom .search-form .search-info {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 85px;
        height: 100%;
        float: right;
        text-align: center;
        cursor: pointer; }
		#products-search .search-bottom .search-form a {
			margin-left:2px;
		}
    #products-search .search-bottom .search-info-the-info {
      display: none;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1;
      width: 85px;
      height: 85px;
      overflow: hidden;
      cursor: pointer; }
      #products-search .search-bottom .search-info-the-info.active {
        display: block; }
      #products-search .search-bottom .search-info-the-info .search-info-visual {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }

@media all and (max-width: 767px) {
  #products-search .products-search-bottom-wrap {
    position: static; }
    #products-search .products-search-bottom-wrap > div {
      position: static;
      padding: 0 !important; } }
#product-growers {
  position: relative;
  z-index: 1; }
  #product-growers .product-growers-inner {
    border: 1px solid #fff; }
    #product-growers .product-growers-inner .grower {
      -moz-transition: opacity 250ms;
      -o-transition: opacity 250ms;
      -webkit-transition: opacity 250ms;
      transition: opacity 250ms;
      position: relative;
      z-index: 1;
      text-align: center; }
      #product-growers .product-growers-inner .grower .grower-link {
        cursor: pointer; }
        #product-growers .product-growers-inner .grower .grower-link .grower-image {
          position: absolute;
          top: 0;
          bottom: 25px !important;
          left: 0;
          z-index: 1;
          display: block;
          width: 100%;
          border: 1px solid #f9f9f9;
          background-position: center;
          -moz-background-size: cover;
          -o-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          background-repeat: no-repeat; }
        #product-growers .product-growers-inner .grower .grower-link .grower-image-caption {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 3;
          display: block;
          width: 100%;
          margin-bottom: 0;
          padding: 5px 10px;
          line-height: 1.1;
          color: #aeaeae;
          font-size: 1.4rem;
          font-style: italic;
          background-color: #f9f9f9;
          background-color: rgba(249, 249, 249, 0.7); }
        #product-growers .product-growers-inner .grower .grower-link .grower-overlay {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
          display: block;
          width: 100%;
          height: 0%;
          opacity: 0; }
        #product-growers .product-growers-inner .grower .grower-link:hover .grower-image-caption {
          background-color: transparent; }
        #product-growers .product-growers-inner .grower .grower-link:hover .grower-overlay {
          height: 100%;
          opacity: 1; }
      #product-growers .product-growers-inner .grower.disabled {
        opacity: .2; }
        #product-growers .product-growers-inner .grower.disabled:after {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1;
          display: block;
          content: ''; }

#content-hero {
  color: #909090;
  background-position: right center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat; }
  #content-hero .hero-bottom:before, #content-hero .hero-bottom:after {
    display: table;
    content: ' '; }
  #content-hero .hero-bottom:after {
    clear: both; }
  #content-hero .hero-bottom .hero-desc {
    width: 60%; }

@media all and (max-width: 767px) {
  #content-hero .hero-bottom .hero-desc {
    width: 100%; } }
#quote {
  color: #fff;
  background-color: #81bc00; }
  #quote .quote-inner a {
    position: relative;
    z-index: 1;
    color: #fff; }
    #quote .quote-inner a:after {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 1px;
      content: '';
      background-color: #fff;
      opacity: 0.3; }

.content-general .content-general-inner {
  margin-left: 30px;
  margin-right: 30px; }
  @media all and (max-width: 1023px) {
    .content-general .content-general-inner {
      margin-left: 0;
      margin-right: 0; } }
  .content-general .content-general-inner .content-general-visuals .offset--top {
    margin-top: -50%; }
    @media all and (max-width: 1023px) {
      .content-general .content-general-inner .content-general-visuals .offset--top {
        margin-top: 0; } }
    @media all and (max-width: 479px) {
      .content-general .content-general-inner .content-general-visuals .offset--top {
        margin-top: -50%; }
        .content-general .content-general-inner .content-general-visuals .offset--top-on-mobile {
          margin-top: -50%; } }
.content-general.reversed .content-general-inner .spacer,
.content-general.reversed .content-general-inner .content-general-visuals,
.content-general.reversed .content-general-inner .content-general-content {
  float: right; }

@media all and (max-width: 1023px) {
  .content-highlight {
    padding-left: 0;
    padding-right: 0; } }

#related-items .related-items-date {
  margin-right: 20px; }

@media all and (max-width: 767px) {
  .item-highlight .item-highlight-visual-wrap {
    width: 100% !important; } }
.item-highlight .item-highlight-visual-wrap .item-highlight-bottom {
  margin-top: 20px; }

#news-detail-intro .news-detail-intro-featured-image .visual {
  display: block;
  width: 100%; }
#news-detail-intro .news-detail-intro-text {
  padding-left: 70px; }
  @media all and (max-width: 767px) {
    #news-detail-intro .news-detail-intro-text {
      padding-left: 0; } }

#history-hero {
  position: relative;
  z-index: 1;
  height: auto;
  overflow: hidden; }
  #history-hero .hero-visual {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  #history-hero .hero-inner {
    position: relative;
    z-index: 1;
    padding: 75px 30px; }
  #history-hero .hero-block {
    background-color: #fff;
    width: 50%;
    padding: 20px; }
    #history-hero .hero-block .hero-block-inner {
      padding: 30px; }
    #history-hero .hero-block .hero-top {
      padding-bottom: 20px; }

@media all and (max-width: 1023px) {
  #history-hero .hero-block {
    width: 60%; } }
@media all and (max-width: 767px) {
  #history-hero .hero-visual {
    position: static;
    height: 450px;
    margin-top: 80px; }
  #history-hero .hero-inner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 0; }
  #history-hero .hero-block {
    width: 100%;
    padding: 0; }
    #history-hero .hero-block .hero-block-inner {
      padding: 20px; }
    #history-hero .hero-block .hero-top {
      padding-bottom: 0; }
    #history-hero .hero-block .hero-bottom {
      display: none; }
  #history-hero .highlighted-in-hero {
    display: none; } }
@media all and (max-width: 479px) {
  #history-hero .hero-visual {
    height: 225px;
    margin-top: 74px; } }
#history-timeline .timeline-item.highlighted-in-timeline {
  margin-top: 0 !important;
  height: 40px; }
  #history-timeline .timeline-item.highlighted-in-timeline:before {
    top: -18px; }
  #history-timeline .timeline-item.highlighted-in-timeline > * {
    display: none; }

@media all and (max-width: 767px) {
  #history-timeline .timeline-item.highlighted-in-timeline {
    height: auto; }
    #history-timeline .timeline-item.highlighted-in-timeline > * {
      display: block; } }
#related-recipes .recipe-close {
  position: absolute;
  top: 5px;
  right: 5px; }
#related-recipes .recipe.disabled {
  display: none; }
#related-recipes .related-recipes-rating-stars .related-recipes-rating-star {
  margin-right: 5px; }
  #related-recipes .related-recipes-rating-stars .related-recipes-rating-star:last-child {
    margin-right: 0; }

#recipes-block .recipe-icon-block {
  float: right; }
#recipes-block .recipe-block-highlight .recipe-block-info {
  position: absolute;
  max-width: 40%; }
#recipes-block .recipes-block-desc {
  padding-bottom: 50px; }
#recipes-block .recipe-visual-pointer:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #f9f9f9; }
#recipes-block .recipe-visual-pointer.hide-pointer:before {
  display: none; }

@media all and (max-width: 1023px) {
  #recipes-block .recipe-visual-pointer.show-pointer-on-desktop:before {
    display: block; } }
@media all and (max-width: 479px) {
  #recipes-block .recipe-icon-block .recipes-icon-title {
    font-size: 11px; }
  #recipes-block .recipe-block-highlight .recipe-block-info {
    max-width: 100%; }
  #recipes-block .recipes-block-desc {
    padding-bottom: 25px; } }
#grower-info .grower-info-visual {
  padding: 0 20px;
  overflow: hidden; }
#grower-info .grower-info-content {
  padding: 0 20px; }

@media all and (max-width: 479px) {
  #grower-info .grower-info-visual {
    padding: 0; }
  #grower-info .grower-info-content {
    padding: 0;
    margin-top: 30px; } }
#footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: block;
  width: 100%; }
#footer .footer-top .logo-wrap {
  position: relative;
  z-index: 1;
  float: left;
  width: 75%;
  padding-left: 20px; }
  #footer .footer-top .logo-wrap .logo {
    display: block;
    max-width: 222px;
    fill: #fff; }
  #footer .footer-top .logo-wrap .to-top-link {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    display: none;
    margin-top: -16px; }
#footer .footer-top .footer-nav-wrap {
  float: right;
  width: 25%; }
  #footer .footer-top .footer-nav-wrap .to-top-link {
    display: none;
    margin-bottom: 15px;
    padding-bottom: 20px; }
#footer .footer-top .address-wrap {
  float: left;
  width: 25%; }
#footer .footer-top .contact-wrap {
  float: left;
  width: 25%; }
#footer .footer-top .social-wrap {
  float: left;
  width: 25%; }
  #footer .footer-top .social-wrap .social-link {
    display: block;
    height: 40px; }
    #footer .footer-top .social-wrap .social-link .icon, #footer .footer-top .social-wrap .social-link .text {
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      top: 50%;
      display: block;
      margin-top: 0;
      margin-bottom: 0;
      display: inline-block; }
    #footer .footer-top .social-wrap .social-link .icon {
      margin-right: 5px; }
#footer .footer-bottom .legal-wrap {
  opacity: .5; }

@media all and (max-width: 1023px) {
  #footer .footer-top .footer-nav-wrap .to-top-link {
    display: block; } }
@media all and (max-width: 767px) {
  #footer .footer-top {
    padding-bottom: 0; }
    #footer .footer-top .logo-wrap {
      width: 100%; }
      #footer .footer-top .logo-wrap .to-top-link {
        display: block; }
    #footer .footer-top .footer-nav-wrap {
      display: none; }
      #footer .footer-top .footer-nav-wrap .to-top-link {
        display: block; }
    #footer .footer-top .address-wrap {
      width: 50%; }
    #footer .footer-top .contact-wrap {
      width: 50%; }
    #footer .footer-top .social-wrap {
      width: 100%;
      margin-top: 20px;
      border-top: 1px solid rgba(195, 163, 181, 0.3); }
      #footer .footer-top .social-wrap:before, #footer .footer-top .social-wrap:after {
        display: table;
        content: ' '; }
      #footer .footer-top .social-wrap:after {
        clear: both; }
      #footer .footer-top .social-wrap .list-item {
        float: left;
        width: 33.33333%;
        margin-bottom: 0;
        padding: 10px 0;
        text-align: center; }
        #footer .footer-top .social-wrap .list-item .icon {
          margin-right: 0; } }
@media all and (max-width: 479px) {
  #footer .footer-top .logo-wrap {
    padding-left: 0; }
    #footer .footer-top .logo-wrap .logo {
      max-width: 170px; }
    #footer .footer-top .logo-wrap .to-top-link {
      margin-top: -12px; }
      #footer .footer-top .logo-wrap .to-top-link .text {
        display: none; }
  #footer .footer-top .footer-nav-wrap .list-item {
    width: 50%; } }

/*# sourceMappingURL=style.css.map */