html,
body,
div,
span,
header,
nav,
main,
footer,
section,
h1,
h2,
h3,
h5,
p,
a,
ul,
li {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  min-height: 100%;
  background: #111;
}

body {
  min-width: 1000px;
  min-height: 100%;
  color: #101314;
  background: #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}

.site-wrap {
  width: 100%;
  overflow: hidden;
}

.sub-header {
  position: relative;
  z-index: 0;
  height: 488px;
  background-color: #111;
  background-image: url("subsite-assets/header.png"), url("subsite-assets/hero-black.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, center 104px;
  background-size: auto, 1042px 336px;
  animation: header-kenburns 45s infinite ease-in-out;
}

@keyframes header-kenburns {
  0%,
  18% {
    background-image: url("subsite-assets/header.png"), url("subsite-assets/hero-black.jpg");
    background-position: top center, center 104px;
    background-size: auto, 1042px 336px;
  }

  22%,
  38% {
    background-image: url("subsite-assets/header.png"), url("subsite-assets/slider/komkommers.jpg");
    background-position: top center, center 98px;
    background-size: auto, 1094px 353px;
  }

  42%,
  58% {
    background-image: url("subsite-assets/header.png"), url("subsite-assets/slider/tomatoes.jpg");
    background-position: top center, center 110px;
    background-size: auto, 1084px 349px;
  }

  62%,
  78% {
    background-image: url("subsite-assets/header.png"), url("subsite-assets/slider/tomatoes_boxes.jpg");
    background-position: top center, center 101px;
    background-size: auto, 1100px 355px;
  }

  82%,
  100% {
    background-image: url("subsite-assets/header.png"), url("subsite-assets/slider/measuring_arm.jpg");
    background-position: top center, center 108px;
    background-size: auto, 1068px 344px;
  }
}

.top-nav {
  position: relative;
  width: 1000px;
  height: 45px;
  margin: 0 auto;
  padding-top: 50px;
}

.top-nav ul {
  float: right;
  margin-right: 80px;
}

.top-nav li,
.main-nav li {
  float: left;
  height: 26px;
}

.top-nav li.separator,
.main-nav li.separator {
  width: 1px;
  background: url("subsite-assets/menuseparator.png") no-repeat center center;
}

.top-nav a,
.main-nav a {
  display: block;
  height: 26px;
  padding: 0 18px;
  color: #8e9699;
  line-height: 26px;
  text-align: center;
  transition: color 0.2s linear;
}

.top-nav a:hover,
.main-nav a:hover {
  color: #dde2e4;
}

.logo-text {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -252px;
  color: #a1aaad;
  font-size: 14px;
  font-weight: bold;
}

.header-object {
  position: absolute;
  left: 50%;
  top: 397px;
  width: 513px;
  height: 65px;
  margin-left: 7px;
  background: url("subsite-assets/header-object.png") no-repeat 0 0;
}

.main-nav {
  position: relative;
  z-index: 10;
  width: 1000px;
  height: 26px;
  margin: -61px auto 35px;
}

.main-nav ul {
  margin-left: 50px;
}

.main-nav a {
  color: #1b2a32;
  padding: 0 12px;
}

.main-nav a:hover,
.main-nav .active a {
  color: #dde2e4;
}

.sheet {
  position: relative;
  width: 1042px;
  min-height: 35px;
  margin: 0 auto;
  background: #a2a2a2;
}

.sheet-body {
  min-height: 43px;
  padding: 13px 23px;
}

.postheader {
  color: #191d1f;
  font-size: 24px;
  line-height: 28px;
}

.postcontent,
.postcontent p,
.postcontent li,
.postcontent a {
  color: #191d1f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.35;
}

.postcontent {
  margin-top: 12px;
}

.postcontent p {
  margin: 12px 0;
}

.postcontent h4 {
  margin: 20px 0;
  color: #101314;
  font-size: 16px;
  font-weight: bold;
}

.postcontent a {
  color: #2d4753;
  text-decoration: none;
}

.postcontent a:hover {
  color: #497488;
  text-decoration: underline;
}

.postcontent img {
  max-width: 100%;
  border: 2px solid #d0d6db;
  margin: 7px;
  vertical-align: top;
}

.sub-copy {
  max-width: 760px;
  margin-top: 16px;
  color: #263034;
  line-height: 1.45;
}

.sub-copy p {
  margin: 8px 0;
}

.footer {
  position: relative;
  width: 100%;
  min-height: 318px;
  background: url("subsite-assets/footbottom.png") no-repeat center -60px;
}

.footer::before {
  position: absolute;
  inset: 0;
  content: "";
  background: url("subsite-assets/footertop.png") no-repeat top center;
  pointer-events: none;
}

.footer-body {
  position: relative;
  width: 1044px;
  height: 190px;
  margin: 0 auto;
  padding-top: 5px;
}

.footer-column {
  float: left;
  width: 33%;
  height: 190px;
  color: #000;
  font-size: 11px;
}

.footer-column-inner {
  margin-top: 20px;
  margin-left: 20%;
}

.footer-column h5 {
  margin-bottom: 0;
  font-size: 13px;
}

.footer-column p,
.footer-column div {
  line-height: 1.35;
}

.footer-column a {
  color: #2d4753;
  font-size: 12px;
}

.footer-buttons {
  position: relative;
  top: 26px;
  clear: both;
  width: 745px;
  height: 61px;
  margin: 0 auto;
}

.footer-buttons li {
  float: left;
  margin-left: 10px;
}

.footer-buttons a {
  display: block;
  width: 139px;
  height: 61px;
  background-position: 0 -61px;
  background-repeat: no-repeat;
  transition: background-position 0.2s linear;
}

.footer-buttons a:hover {
  background-position: 0 2px;
}

.footer-buttons .t1 {
  background-image: url("subsite-assets/btn1.png");
}

.footer-buttons .t2 {
  background-image: url("subsite-assets/btn2.png");
}

.footer-buttons .t3 {
  background-image: url("subsite-assets/btn3.png");
}

.footer-buttons .t4 {
  background-image: url("subsite-assets/btn4.png");
}

.footer-buttons .t5 {
  background-image: url("subsite-assets/btn5.png");
}

.copyright {
  position: relative;
  top: 26px;
  clear: both;
  padding-top: 10px;
  color: #394347;
  font-size: 11px;
  text-align: center;
}

.copyright a {
  color: #2d4753;
}

.clear {
  clear: both;
}