/* Default */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #85C44B;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #85C44B !important;
  color: #fff;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

/* General */
body { font-family: 'Times New Roman', serif; line-height: 1.5; color: #000; font-size: 90%; }


@media (min-width: 48em) {
  body { font-size: 100%; }
}

.container { max-width: 80em; margin-left: auto; margin-right: auto; padding-left: 1.5em; padding-right: 1.5em; box-sizing: border-box; }

@media (min-width: 32em) {
  .container { padding-left: 2em; padding-right: 2em; }
}

.img-box {}
.img-box--left { float: left; margin-left: 0; margin-top: 0; margin-right: 2em; margin-bottom: 2em; }
.img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; }

/* Helpers */
.is-hidden,
[hidden] {
  display: none !important;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.clear {
  clear: both;
}

/* === Components === */

/* Page Title */
.page-title { margin: 0 0 2rem 0; padding: 0; font-size: 2em; }

/* Form */
.form { padding: 2em; background-color: #fafafa; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }

/* Form row */
.form-row { display: grid; grid-template-columns: 1fr; grid-gap: 1em; margin-bottom: 1em; }
.form-row--btn-bar { display: block; margin-top: 2em; text-align: center; }

@media (min-width: 64em) {
    .form-row--has-2-col { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 64em) {
    .form-row--has-3-col { grid-template-columns: 1fr 1fr 1fr; }
}

/* Form legend */
.form-legend { margin-bottom: 1.5rem; font-size: 1.5em; font-family: "BreeSerifRegular", serif; }

/* Form label */
.form-label { display: inline-block; vertical-align: baseline; margin-bottom: 0.1em; font-size: 0.9375em; font-weight: normal; }

/* Form control */
.form-control { display: block; width: 100%; padding: 0.6875rem 0.7rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #002046; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 45, 70, 0.2);; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-sizing: border-box; }
.form-control--sm { padding: 0.781325rem 0.875rem; font-size: 0.875rem; }
.form-control:-webkit-autofill { -webkit-text-fill-color: #002046 !important; }
.form-control:focus:-webkit-autofill { -webkit-text-fill-color: #002046 !important; }
.form-control--select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-control--textarea { min-height: 8rem; }

/* Buttons */
.btn { display: inline-block; vertical-align: middle; margin: 0; padding: 0.4375em 1.5em; text-decoration: none; font-weight: 400; line-height: 1.5; color: #fff; background-color: #999; border: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 0.05em; font-size: 1em; text-transform: none; text-align: center; letter-spacing: 0.03em; box-shadow: none; }
.btn:hover,
.btn:focus { color: #fff; }
.btn:hover { cursor: pointer; box-shadow: none; }
.btn:focus { outline-offset: 0.3em; box-shadow: none; }

.btn--primary { background-color: #85C44B; border-color: #6DA63B; }
.btn--primary:hover,
.btn--primary:focus,
.btn--primary:active { background-color: #222; border-color: #000; }

/* Tab */
.tab { display: grid; grid-template-columns: 1fr; grid-gap: 2em; }
.tab__nav-list { margin: 0; padding: 0; list-style: none; }
.tab__nav-item:not(:first-child) { margin-top: 0.4rem; }
.tab__nav-link { display: block; }

.tab__content-list { margin: 0; padding: 0; list-style: none; }
.tab__content-item {}
.tab__content-item:not(.tab__content-item--is-active) { display: none; }

@media (min-width: 48em) {
  .tab { display: grid; grid-template-columns: 12rem 1fr; grid-gap: 2em; }
}

/* Cookie Law */
.cookie-law { display: block; position: fixed; left: 0; bottom: 0; right: 0; color: #fff; background: #5a5a5a; z-index: 10000; padding: 1em 2em; font-size: 1em; line-height: 1.4; box-sizing: border-box; text-align: center; opacity: 0.9 } /*background: #5a5a5argba(41, 51, 10, 0.9);*/
.cookie-law--is-hidden { display: none; }
.cookie-law__container { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; align-items: center; max-width: 64em; margin-left: auto; margin-right: auto; }
.cookie-law__desc { text-align: center; }
.cookie-law__btn-bar { text-align: center; }

@media (min-width: 48em) {
    .cookie-law__container { grid-template-columns: 1fr auto; }
    .cookie-law__desc { text-align: left; }
}

/* Product */
.product { margin-top: 3em; }
.product__img-box { margin: 2em auto; }
.product__img-link {}
.product__img {}
.product__body { margin-top: 1em; }
.product__btn-bar { clear: both; margin-top: 4em; }
.product__btn {}

@media (min-width: 48em) {
    .product__img-box { float: left; margin-left: 0; margin-top: 0; margin-right: 2em; margin-bottom: 2em; }
}



/* Pagination */
.pagination { font-family: sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pagination--top { margin-bottom: 2em; }
.pagination--bottom { margin-top: 2em; }
.pagination__list { margin: 0; padding: 0; list-style: none; font-size: 0; text-align: center; }
.pagination__item { display: inline-block; margin-left: 4px; margin-right: 4px; font-size: 14px; }

.pagination__link { display: block; min-width: 30px; background-color: #85C44B; border: 1px solid #6DA63B; padding: 5px; text-decoration: none; color: #fff; border-radius: 3px; }
.pagination__link:hover,
.pagination__link:focus { background-color: #6DA63B; border-color: #5e8f32; color: #fff; }
.pagination__link:active { background-color: #222; border-color: #000; color: #fff; }
.pagination__item--is-active .pagination__link { background-color: #6DA63B; border-color: #5e8f32; color: #fff; cursor: default; }

.pagination__link--dots { background-color: transparent; min-width: 0; }
.pagination__link--dots:hover { background-color: transparent; color: inherit; cursor: default; }

.pagination__btn { display: block; background-color: #85C44B; border: 1px solid #6DA63B; padding: 5px 13px; text-decoration: none; color: #fff; border-radius: 3px; }
.pagination__btn:hover,
.pagination__btn:focus { background: #6DA63B; border-color: #5e8f32; color: #fff; }
.pagination__btn:active { background: #222; border-color: #000; color: #fff; }

.pagination__btn[disabled] { opacity: 0.5; cursor: not-allowed; }
.pagination__btn[disabled]:hover { background: transparent; color: #fff; border-color: #666; }


/* Typography */
h1, h2, h3, h4 { margin: 0; padding: 0; color: #2B2A2A; font-weight: normal; font-family: "BreeSerifRegular", serif; }
h1 { margin-top: 0; margin-bottom: 1rem; font-size: 2.5em; line-height: 1.15; }
h2 { margin-top: 2rem; margin-bottom: 1rem; font-size: 2em; line-height: 1.2; }
h3 { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.5em; line-height: 1.3; }
h4 { margin-top: 1rem; margin-bottom: 1rem; font-size: 1em; line-height: 1.5; }

h1 + h2 { margin-top: 1rem; }
h2 + h3 { margin-top: 1rem; }

.main__header_default { padding-left: 0; } /*padding-left: 1em;*/
.main__header .page-title { margin-bottom: 0; }

p { margin: 1em 0; padding: 0; font-size: 1em; }

ul { margin: 1rem 0; padding: 0; list-style-position: inside; }
ol { margin: 1rem 0; padding: 0; list-style-position: inside; }

ul ul,
ul ol,
ol ol,
ol ul { margin-left: 1rem; }

.dynamic-content li:not(:first-child) { margin-top: 0.25rem; }

a { color: #85C44B; text-decoration: none; }
a:hover,
a:focus { color: #85C44B; text-decoration: none; }
a:active { color: #85C44B; text-decoration: none; }

.page-title { font-size: 2.5em; line-height: 1.15; }

/* Layout */
.header { position: relative; height: 452px; overflow: hidden; }
.header:before { position: absolute; z-index: 1000; top: 1em; left: 0; right: 0; height: 135px; content: ''; display: block; background: url(../img/bg-header.png) no-repeat -992px 0; opacity: 0.7; }
.header:after { display: block; position: absolute; z-index: 1; pointer-events: none; height: 40px; bottom: 0; left: 0; right: 0; content: ''; background: url(../img/bg-slider-shadow.png) no-repeat 50% 0; background-size: 74em 50px; }
.header__container { position: relative; z-index: 1000; }
.header__body { position: absolute; z-index: 1; top: 0; left: 0; right: 0; padding-left: 1em; padding-right: 1em; }
.header__top { padding-top: 1.34em; display: flex; align-items: flex-end; justify-content: space-between; }
.header__logo { display: flex; align-items: center; height: 76px; }

.logo {}
.logo__link { display: block; text-decoration: none; }
.logo__img { display: block; max-width: 100%; height: auto; }


@media (min-width: 64em) {
  .header:before { background-position: 50% 0; }
}

.lang { font-family: sans-serif; }
.lang__list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; font-weight: 800; }
.lang__item { font-size: 0; white-space: nowrap; }
.lang__item:not(:first-child):before { display: inline-block; vertical-align: middle; content: '|'; font-size: 0.75rem; padding: 0; color: #85C44B; }
.lang__link { display: inline-block; vertical-align: middle; padding: 0.5em; font-size: 0.75rem; color: #85C44B; text-decoration: none; }
.lang__link:hover,
.lang__link:focus { color: #2C84C7; text-decoration: none; }
.lang__link:active { color: #2C84C7; text-decoration: none; }
.lang__link--is-active { color: #2C84C7; }
.lang__link--is-active:hover,
.lang__link--is-active:focus { color: #2C84C7; }
.lang__link--is-active:active { color: #2C84C7; }

.nav { display: block; margin-left: -1em; margin-right: -1em; }
.is-nav-active .nav { display: block; }

.nav-toggle { display: flex; justify-content: flex-end; }
.nav-toggle__btn { position: relative; display: flex; justify-content: center; align-items: center; margin: 0; padding: 1.05em; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0); transition: background-color 0.25s ease; }
.nav-toggle__btn-icon { display: block; width: 1.5625rem; height: 1.25rem; fill: #fff; line-height: 1; transition: fill 0.25s ease; }

.nav-toggle__btn:hover { cursor: pointer; }
.nav-toggle__btn:focus { outline: 0; }
.nav-toggle__btn:hover,
.nav-toggle__btn:focus,
.nav-toggle__btn--active { background-color: rgba(0, 0, 0, 0.5); }
.nav-toggle__btn:hover .nav-toggle__btn-icon,
.nav-toggle__btn:focus .nav-toggle__btn-icon,
.nav-toggle__btn--active .nav-toggle__btn-icon { fill: #fff; }
.nav-toggle__btn:-moz-focusring { outline: 0; }
.nav-toggle__btn::-moz-focus-inner { border: 0; padding: 0; }

.nav__list { display: none; width: 100%; margin: 0; padding: 0; list-style: none; background-color: #222; }
.nav__item { display: block; }
.nav__link { display: block; padding: 0.8725em; text-transform: uppercase; text-align: center; font-family: 'BreeSerifRegular', serif; font-size: 0.9375em; text-decoration: none; letter-spacing: 0.05em; color: #fff; background-color: rgba(0, 0, 0, 0); transition: background-color 0.25s ease; }
.nav__link:hover,
.nav__link:focus { color: #85C44B; text-decoration: none; background-color: rgba(0, 0, 0, 0.15); }
.nav__link:active { color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.5); }
.nav__item--is-active { background-color: rgba(0, 0, 0, 0.15); }

.is-nav-active .nav__list { display: block; }
.is-nav-active .nav-toggle__btn { background-color: rgba(0, 0, 0, 0.8); }

@media (min-width: 36em) {
  .nav { width: 20rem; margin-left: auto; }
}

@media (min-width: 64em) {
  .is-nav-active .nav__list { display: table; }
  .nav { margin: 0; width: auto; }
  .nav-toggle { display: none; }
  .nav__list { display: table; background-color: transparent; }
  .nav__item { display: table-cell; vertical-align: middle; }
  .nav__link { padding: 1.05415em; }
  .nav__link:hover,
  .nav__link:focus { color: #fff; }
}

.breadcrumb { margin-bottom: 3rem; padding: 1em; font-family: sans-serif; font-size: 0.8725em; letter-spacing: 0.02em; background: rgba(0, 0, 0, .05); border-bottom: 1px solid rgba(0, 0, 0, 0.025); }
.breadcrumb__list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.breadcrumb__item:not(:last-child):after { display: inline-block; vertical-align: baseline; content: '»'; padding-right: 0.275em; }

.main {}
.main__container { padding-top: 0; padding-bottom: 5em; }

.slider { position: relative; font-family: 'BreeSerifRegular', serif; }
.slider__list { position: static !important; }
.slider .nivo-caption { left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; width: auto; background-color: transparent; color: #fff; opacity: 1 !important; }
.slider .nivo-caption p { padding: 0; color: #fff; }
.slider .nivo-caption-container { display: block; }
.slider__caption-title { display: table; border-bottom: 2px dotted #fff; padding: 0; text-shadow: 1px 1px 0.25rem #000; font-size: 1.5em; text-transform: uppercase; color: #fff; letter-spacing: 0.1em; }
.slider__caption-desc { display: table; padding: 0.5em 0 2em 0; text-shadow: 1px 1px 0.25rem #000; font-size: 0.8725em; color: #fff; letter-spacing: 0.1em; }

/* Footer */
/*.footer { background-color: #222; text-align: center; }*/
.footer { background-color: #5a5a5a; text-align: center; }

.footer__container { position: relative; padding-top: 2em; padding-bottom: 2em; display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-height: 85px; }
.footer__body {}
.footer__nav {}
.footer__nav-list { margin: 0; padding: 0; list-style: none; }
/*.footer__nav-link { display: inline-block; padding: 0.3125em; color: #838383; font-size: 1.25em; font-family: 'MyriadProCondensed', sans-serif; text-decoration: none; }*/
.footer__nav-link { display: inline-block; padding: 0.3125em; color: #ffffff; font-size: 1.25em; font-family: 'MyriadProCondensed', sans-serif; text-decoration: none; }
.footer__nav-link:first-child { padding-left: 0em; }
.footer__nav-link:last-child { padding-right: 0em; }
.footer__nav-link:hover,
.footer__nav-link:focus { color: #85C44B; text-decoration: none; }
.footer__nav-link:active { color: #85C44B; text-decoration: none; }
.footer__nav-link--is-active { color: #85C44B; text-decoration: none; }
.footer__logo { margin-bottom: 2em; }
.footer__copyright-info { margin-top: 2em; color: #E6E0CF; font-size: 0.75em; font-family: sans-serif; opacity: 0.7; }


@media (min-width: 56em) {
  .footer { padding-top: 0; padding-bottom: 0; text-align: left; }
  .footer__container { flex-direction: row; }
  .footer__body { order: -1; }
  .footer__copyright-info { margin-top: 0.5em; }
  .footer__logo { margin-bottom: 0; }
  .footer__nav-link { padding: 0 0.3125em; }
  .footer__nav-item { display: inline-block; }
  .footer__nav-item:not(:first-child):before { display: inline-block; content: '|'; color: #414141; }
}

/* === Pages === */

/* Contact */
.contact {}
.contact .form__btn { min-width: 12rem; }
.contact .tab__nav-item--is-active .btn--primary { background-color: #4b712a; border-color: #5e8f32; } /*4b712a*/

/* Category */
.category {}
.category__list { margin: 3em 0 0 0; padding: 0; list-style: none; }
.category__item { background-color: #fff; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
.category__item:not(:first-child) { margin-top: 2rem; }
.category__img-box { padding-top: 2em; text-align: center; }
.category__img-link { display: block; }
.category__img { display: inline-block; vertical-align: middle; }
.category__content { padding: 2em 1em; }
.category__title { margin: 0 0 0.25rem 0; padding: 0; font-size: 1em; color: #005B90; text-align: center; }
.category__title-link { color: inherit; }
.category__desc { margin-top: 1rem; margin-bottom: 1rem; text-align: center; }
.category__btn-bar { text-align: center; }
.category__btn-icon { display: inline-block; vertical-align: middle; }
.category__btn-icon--next { width: 1.25rem; height: 1.25rem; fill: #fff; }

@media (min-width: 48em) {
    .category__item { display: grid; grid-template-columns: auto 1fr; }
    .category__img-box { padding-top: 0; display: flex; align-items: center; overflow: hidden; }
    .category__img-link { display: flex; justify-content: center; height: 100%; }
    .category__img { object-fit: cover;}
    .category__content { padding: 1em; }
    .category__title { text-align: left; font-size: 1.25em; }
    .category__desc { text-align: left; }
    .category__btn-bar { text-align: right; }
}

/* Product */
.product { margin-top: 3em; }
.product__img-box { margin: 2em auto; }
.product__img-link {}
.product__img {}
.product__body { margin-top: 1em; }
.product__btn-bar { clear: both; margin-top: 4em; }
.product__btn {}

@media (min-width: 48em) {
    .product__img-box { float: left; margin-left: 0; margin-top: 0; margin-right: 2em; margin-bottom: 2em; }
}

/* Print */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

table tr td ul {margin: 0;}