@charset "UTF-8";
/**********************/
/* poppins-300 - latin_latin-ext */
/* poppins-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins-v22-latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/poppins-v22-latin_latin-ext-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v40-latin_latin-ext-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v40-latin_latin-ext-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v40-latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v40-latin_latin-ext-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/**********************/
strong {
  font-weight: 600;
  color: #000;
}

.col-left {
  float: left;
  width: 50%;
}

.col-right {
  float: right;
  width: 50%;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.display-table {
  display: table;
}

.display-table-cell,
.display-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

html,
body {
  /*overflow-x: hidden;*/
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
  color: #3c3c3c;
  background-color: #14223d;
  overflow-x: hidden;
}

a {
  color: #0b8e36;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
a:hover {
  color: rgb(14.6666666667, 189.3333333333, 72);
  text-decoration: none;
}
a:active {
  color: rgb(9.9, 127.8, 48.6);
  text-decoration: none;
}

p {
  margin-top: 2rem;
  margin-bottom: 0;
}

p:first-child {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 0;
  color: #14223d;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align: left;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 5rem;
}

h2 {
  font-size: 4.4rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.8rem;
  text-transform: none;
}

h5 {
  font-size: 0.471rem;
}

h6 {
  font-size: 0.3535rem;
}

.main {
  position: relative;
  background-color: #fff;
  overflow-x: hidden;
}
.page-template-page_produkty .main {
  background-color: #fafafa;
}

#tablet-indicator,
#mobile-indicator {
  display: none;
}

.section {
  position: relative;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.section.first {
  padding-top: 15.5rem;
}

.nopadding-top {
  padding-top: 0;
}

.parallax {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 3rem;
  text-align: left;
  z-index: 5;
}
.inner.wide {
  max-width: 165rem;
}
.inner.medium {
  max-width: 150rem;
}
.inner.full {
  max-width: none;
}

.btn {
  position: relative;
  display: inline-block;
  margin-top: 2rem;
  padding: 1.8rem 3.4rem;
  border: 0;
  border-radius: 1px;
  background: #0b8e36;
  color: #fff;
  border-radius: 2.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.btn:hover {
  background-color: rgb(13.2, 170.4, 64.8);
  color: #fff;
}
.btn:active {
  background-color: rgb(9.5333333333, 123.0666666667, 46.8);
  color: #fff;
}
.btn.btn-icon-only {
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
.btn.btn-small {
  width: 2.8rem;
  padding: 0.4rem;
  line-height: 1.6rem;
  font-size: 1.2rem;
  vertical-align: text-bottom;
}
.btn.btn-icon-left {
  padding-left: 7rem;
}
.btn.btn-icon-left i {
  position: absolute;
  left: 0.8rem;
  top: 0.8rem;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  line-height: 4rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.btn.btn-icon-left i.icon-left {
  font-size: 1.6rem;
}
.btn.btn-icon-left i::before {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.btn.btn-icon-left:hover i.icon-left::before {
  -webkit-transform: translateX(-0.4rem);
  transform: translateX(-0.4rem);
}
.btn.btn-icon-right {
  padding-right: 7rem;
}
.btn.btn-icon-right i {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  line-height: 4rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.btn.btn-icon-right i.icon-right {
  font-size: 1.6rem;
}
.btn.btn-icon-right i::before {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.btn.btn-icon-right:hover i.icon-right::before {
  -webkit-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}
.btn.btn-border {
  padding-top: 1.7rem;
  padding-bottom: 1.7rem;
  border: 1px solid #bbb;
  background-color: transparent;
  color: #0b8e36;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-border:hover {
  background-color: transparent;
  border-color: #555;
}
.btn.btn-border:active {
  background-color: transparent;
  border-color: #000;
}
.btn {
  /*
  	&.btn-green {
  		color: #fff;
  		background: $green;
  		border-color: $green;

  		&:hover {
  			background-color: lighten($green, 8%);
  			color: #fff;
  		}

  		&:active {
  			background-color: darken($green, 2%);
  			color: #fff;
  		}
  	}

  	&.btn-border {
  		color: $dark;
  		background: transparent;

  		&:hover {
  			background-color: lighten($blue, 10%);
  			color: #fff;
  		}

  		&:active {
  			background-color: darken($blue, 3%);
  			color: #fff;
  		}
  	}


  	&.btn-narrow {
  		padding-left: 1.2rem;
  		padding-right: 1.2rem;

  		&.btn-icon-only {
  			padding-left: 1rem;
  			padding-right: 1rem;
  		}

  		&.btn-icon-left {
  			padding-left: 1rem;
  		}

  		&.btn-icon-right {
  			padding-right: 1rem;
  		}
  	}

  	&.btn-transparent {
  		padding-left: 0;
  		padding-right: 0;
  		border-color: transparent;
  		background-color: transparent;
  		color: #000;

  		&:hover {
  			background-color: transparent;
  			color: #666;
  		}

  		&:active {
  			background-color: transparent;
  			color: #000;
  		}
  	}
  */
}
.btn:disabled, .btn:disabled:hover, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:active {
  background: #778388;
  border-color: #778388;
  color: #acb1b3;
  cursor: default;
  pointer-events: none;
}
.btn:disabled::before, .btn:disabled:hover::before, .btn:disabled:active::before, .btn.disabled::before, .btn.disabled:hover::before, .btn.disabled:active::before {
  border-color: transparent #778388 transparent transparent;
}
.btn:disabled::after, .btn:disabled:hover::after, .btn:disabled:active::after, .btn.disabled::after, .btn.disabled:hover::after, .btn.disabled:active::after {
  border-color: transparent transparent transparent #778388;
}
.btn:disabled .chevron::before, .btn:disabled .chevron::after, .btn:disabled:hover .chevron::before, .btn:disabled:hover .chevron::after, .btn:disabled:active .chevron::before, .btn:disabled:active .chevron::after, .btn.disabled .chevron::before, .btn.disabled .chevron::after, .btn.disabled:hover .chevron::before, .btn.disabled:hover .chevron::after, .btn.disabled:active .chevron::before, .btn.disabled:active .chevron::after {
  background-color: #acb1b3;
}

.input {
  display: block;
  width: 100%;
  height: auto;
  padding: 1.3rem 1.4rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  background-color: rgba(0, 0, 0, 0.02);
  border: 0;
  border-bottom: 1px solid #000;
  border-radius: 0;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.02);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.02);
  color: #000;
}
.input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
.input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
.input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
.input:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.input {
  -webkit-appearance: none;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.input:hover {
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06);
}
.input:focus {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06);
}
.input.input-error {
  border-color: #e02900 !important;
}
.dark .input {
  background-color: transparent;
  border-color: #fff;
  color: #dfe3e9;
}
.dark .input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
.dark .input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
.dark .input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
.dark .input:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.dark .input:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.dark .input:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

textarea.input {
  height: 10rem;
}

.select {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.8rem 1.4rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: right 1.5rem top 1.4rem, right 1rem top 1.4rem;
  background-size: 0.5rem 0.5rem, 0.5rem 0.5rem;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
}
.select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
.select::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
.select:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
.select:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.select {
  -webkit-appearance: none;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.select:hover {
  background-color: transparent;
}
.select:focus {
  background-color: transparent;
}
.select.input-error {
  border-color: #e02900 !important;
}
.select option {
  color: #000;
}
.dark .select {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.dark .select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
.dark .select::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
.dark .select:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
.dark .select:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.dark .select:hover {
  background-color: transparent;
}
.dark .select:focus {
  background-color: transparent;
}
.dark .select option {
  color: #000;
}

label {
  display: block;
  margin-bottom: 0.4rem;
  padding-left: 1.4rem;
  color: #fff;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 8.5rem;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 999;
}
.header.fixed {
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
}
.header.open {
  min-height: 16rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}
body.admin-bar .header {
  top: 32px;
}

.logo {
  position: absolute;
  left: 3rem;
  top: 2.1rem;
  display: block;
  width: auto;
  height: 4.3rem;
  z-index: 20;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.logo svg {
  display: block;
  width: auto;
  height: 100%;
}
.logo svg .logo-svg {
  fill: #14223d;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.header-info {
  position: absolute;
  top: 1rem;
  right: 3rem;
  margin-right: 1.8rem;
  font-size: 1.4rem;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 30;
}
.header-info > div {
  display: inline-block;
  margin-left: 1.6rem;
  color: #5a6477;
  vertical-align: middle;
}
.header-info > div:first-child {
  margin-left: 0;
}
.header-info > div > i {
  margin-right: 1rem;
}
.header-info a {
  color: #5a6477;
}
.header-info .header-info-search a {
  margin-left: 0.5rem;
  font-size: 1.6rem;
}
.header-info .header-info-search a:first-child {
  margin-left: 0;
}
.header-info .header-info-languages {
  position: relative;
}
.header-info .header-info-languages a {
  text-transform: none;
  text-decoration: none;
  color: #5a6477;
}
.header-info .header-info-languages a i {
  margin-right: 1rem;
}
.header-info .header-info-languages ul {
  position: absolute;
  top: 80%;
  left: -2rem;
  right: -2rem;
  padding: 0.4rem 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(11, 142, 54, 0.08);
          box-shadow: 0 0 20px rgba(11, 142, 54, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out 0.3s;
  transition: all 0.15s ease-out 0.3s;
  z-index: 99;
}
.header-info .header-info-languages ul::before {
  position: absolute;
  content: " ";
  bottom: 100%;
  left: 50%;
  height: 10px;
  width: 0;
  margin-left: -12px;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 12px;
}
.header-info .header-info-languages ul::after {
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  content: " ";
  height: 1rem;
  width: 100%;
}
.header-info .header-info-languages ul li {
  float: none;
  display: block;
  width: 100% !important;
}
.header-info .header-info-languages ul li a {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.8rem 0.3rem;
  line-height: 1.2;
  font-size: 1.5rem;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  color: #009640;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.header-info .header-info-languages ul li a:hover {
  color: #000;
}
.header-info .header-info-languages:hover ul {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  visibility: visible;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  opacity: 1;
}

.menu-button {
  display: none;
  position: absolute;
  top: 1.3rem;
  right: 2.2rem;
  padding: 1rem;
  font-size: 0;
  line-height: 2.4rem;
  z-index: 331;
}
.menu-button .menu-button-button {
  position: relative;
  display: inline-block;
  width: 2.8rem;
  height: 100%;
  vertical-align: middle;
  height: 1.7rem;
}
.menu-button .menu-button-button span {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #14223d;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.menu-button .menu-button-button span:nth-child(1) {
  top: 0;
  margin-top: -1px;
}
.open .menu-button .menu-button-button span:nth-child(1) {
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-button .menu-button-button span:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.open .menu-button .menu-button-button span:nth-child(2) {
  opacity: 0;
}
.menu-button .menu-button-button span:nth-child(3) {
  bottom: 0;
  margin-bottom: -1px;
}
.open .menu-button .menu-button-button span:nth-child(3) {
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fixed .menu-button .menu-button-button span, .open .menu-button .menu-button-button span {
  background-color: #14223d;
}
.menu-button .menu-button-title {
  display: inline-block;
  margin-left: 1rem;
  font-size: 13px;
  text-decoration: none;
  color: #14223d;
  line-height: 1;
  vertical-align: middle;
}
.fixed .menu-button .menu-button-title, .open .menu-button .menu-button-title {
  color: #14223d;
}

.main-menu {
  position: relative;
  margin-top: 4rem;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 10;
}

.main-menu ul {
  position: relative;
  display: block;
  /* width: 100%; */
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 0;
}

.main-menu ul li {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
  list-style: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 4.5rem;
  margin: 0;
  padding: 0 1.8rem;
  line-height: 4.5rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  text-decoration: none;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.open .main-menu ul li a {
  color: #000;
}

.main-menu ul li a:hover {
  color: #000;
  text-decoration: none;
}

.main-menu ul li a:active {
  color: #000;
}

.main-menu ul li.active a {
  color: #000;
  text-decoration: underline;
}
.fixed .main-menu ul li.active a, .open .main-menu ul li.active a {
  color: #000;
}

.main-menu ul li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  margin-top: -3px;
  margin-left: 0.8rem;
  pointer-events: none;
  border: solid transparent;
  border-color: transparent;
  border-left-color: #000;
  border-width: 3px;
  vertical-align: middle;
}
.home .main-menu ul li.menu-item-has-children > a::after, .page-template-page_kontakt .main-menu ul li.menu-item-has-children > a::after {
  border-left-color: #000;
}
.fixed .main-menu ul li.menu-item-has-children > a::after, .open .main-menu ul li.menu-item-has-children > a::after {
  border-left-color: #000;
}

.main-menu ul li.buy {
  padding: 0 0.5rem;
}
.main-menu ul li.buy a {
  width: 9.3rem;
  height: 5.9rem;
  margin-top: 1.3rem;
  line-height: 5.9rem;
  background-image: url("../images/buy.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.main-menu ul li.cart a img {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 2rem;
  height: auto;
  vertical-align: middle;
}
.main-menu ul li.cart a .cart-count {
  position: absolute;
  top: 2.4rem;
  right: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  line-height: 1.6rem;
  background-color: #cba069;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(7, 13, 27, 0.6);
          box-shadow: 0 0 10px rgba(7, 13, 27, 0.6);
}
.main-menu ul li.cart a .cart-count.cart-count-0 {
  display: none;
}

.main-menu > ul > li > ul {
  position: absolute;
  top: 80%;
  left: 0;
  width: 22rem;
  padding: 0.8rem 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.02s ease-out 0.25s;
  transition: all 0.02s ease-out 0.25s;
  z-index: 99;
}
.main-menu > ul > li > ul::before {
  position: absolute;
  content: " ";
  bottom: 100%;
  left: 1.5rem;
  height: 10px;
  width: 0;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 12px;
}
.main-menu > ul > li > ul::after {
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  content: " ";
  height: 1rem;
  width: 100%;
}

.main-menu > ul > li:hover > ul {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  visibility: visible;
  -webkit-transition: all 0.15s ease-out 0.2s;
  transition: all 0.15s ease-out 0.2s;
  opacity: 1;
}

.main-menu > ul > li > ul li {
  position: relative;
  float: none;
  display: block;
  width: 100% !important;
}

.main-menu > ul > li > ul li a {
  display: block;
  width: 100%;
  height: auto !important;
  margin: 0;
  padding: 0.5rem 1.8rem;
  line-height: 1.2 !important;
  text-transform: none;
  text-align: left;
  color: #555 !important;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.main-menu > ul > li > ul li a:hover {
  color: #000 !important;
  background-color: #eee;
}

.main-menu > ul > li > ul li.active a {
  color: #000 !important;
}

.main-menu ul ul li.menu-item-has-children > a {
  position: relative;
  padding-right: 2rem;
}
.main-menu ul ul li.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  right: 0.7rem;
  top: 50%;
  display: inline-block;
  height: 0;
  width: 0;
  margin-top: -3px;
  pointer-events: none;
  border: solid transparent;
  border-color: transparent;
  border-left-color: #555;
  border-width: 3px;
  vertical-align: middle;
}
.home .main-menu ul ul li.menu-item-has-children > a::after, .page-template-page_kontakt .main-menu ul ul li.menu-item-has-children > a::after {
  border-left-color: #555;
}
.fixed .main-menu ul ul li.menu-item-has-children > a::after, .open .main-menu ul ul li.menu-item-has-children > a::after {
  border-left-color: #555;
}

.main-menu > ul ul > li > ul {
  position: absolute;
  top: -0.8rem;
  left: 100%;
  width: 22rem;
  padding: 0.8rem 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.02s ease-out 0.25s;
  transition: all 0.02s ease-out 0.25s;
  z-index: 99;
}
.main-menu > ul ul > li > ul::after {
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  content: " ";
  height: 1rem;
  width: 100%;
}

.main-menu > ul ul > li:hover > ul {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: all 0.15s ease-out 0.2s;
  transition: all 0.15s ease-out 0.2s;
  opacity: 1;
}

.breadcrumbs {
  position: absolute;
  top: 9.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.page-template-page_onas .breadcrumbs, .page-template-page_kontakt .breadcrumbs {
  display: none;
}
.has-page-header-photo .breadcrumbs {
  top: 70rem;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li a {
  color: #757575;
  text-decoration: none;
}
.breadcrumbs li a:hover {
  color: #000;
}
.breadcrumbs li::after {
  content: " | ";
  color: #757575;
  opacity: 0.6;
}
.breadcrumbs li:last-child::after {
  content: none;
}

.anchor {
  position: absolute;
  top: -8.5rem;
}

.lines {
  background-image: url("../images/bg-top.png");
  background-size: 1920px auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.home-top {
  padding-bottom: 15rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
  background-color: #14223d;
}
.home-top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 28rem;
  height: 100%;
  background-image: url("../images/dots-white.png");
  background-position: right top;
  opacity: 0.5;
  z-index: 1;
  pointer-events: none;
}
.home-top > img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: initial;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1080px) {
  .home-top > img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
  }
}
.home-top {
  /* &::after {
  	content: "";
  	position: absolute;
  	left: 0;
  	top: 0;
  	// right: 0;
  	width: 80%;
  	height: 100%;

  	background: -moz-linear-gradient(left, rgba(0,112,176,1) 0%, rgba(0,112,176,0) 100%); 
  	background: -webkit-linear-gradient(left, rgba(0,112,176,1) 0%,rgba(0,112,176,0) 100%); 
  	background: linear-gradient(to right, rgba(0,112,176,1) 0%,rgba(0,112,176,0) 100%); 
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070b0', endColorstr='#000070b0',GradientType=1 ); 
  	opacity: 0.5;
  } */
}

.home-top-title {
  max-width: 65rem;
  padding: 5rem 0;
}
.home-top-title p:first-child {
  margin-bottom: 1.2rem;
}
.home-top-title h1 {
  margin-top: 0;
  color: #fff;
}

.products-items {
  margin-top: 6rem;
}
body.home .products-items {
  margin-top: 0;
}

.products-item {
  position: relative;
  float: left;
  display: block;
  width: 33.333%;
  padding: 1rem 1rem;
  color: #3c3c3c;
  text-decoration: none;
}
.products-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3.5rem;
  bottom: 3.5rem;
  display: block;
  width: 1px;
  background-color: #dee0e4;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item:nth-child(3n+1) {
  clear: left;
}
.products-item:nth-child(3n+1)::before {
  content: none;
}
.products-item img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item .products-inner {
  position: relative;
  padding: 2rem 3rem;
}
.products-item .products-tag {
  display: inline-block;
  margin: 0 0.8rem 0.8rem 0;
  padding: 0.8rem 2rem;
  border: 0;
  color: #0b8e36;
  border: 1px solid #0b8e36;
  border-radius: 1.7rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item .products-text {
  min-height: 16rem;
  margin-top: 1rem;
  font-size: 1.4rem;
}
.products-item .products-text h2 {
  font-size: 2.4rem;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item .products-link {
  display: inline-block;
  margin-top: 2rem;
  margin-right: -0.4rem;
  text-decoration: none;
}
.products-item .products-link .products-link-title {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item .products-link .products-link-icon {
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: 1rem;
  border-radius: 50%;
  line-height: 4.4rem;
  font-size: 2rem;
  color: #0b8e36;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item:hover {
  color: #e4ecf3;
  text-decoration: none;
  background-color: #0b8e36;
}
.products-item:hover::before {
  opacity: 0;
}
.products-item:hover img {
  opacity: 0.8;
}
.products-item:hover .products-tag {
  color: #fff;
  border: 1px solid #fff;
}
.products-item:hover .products-text h2 {
  color: #fff;
}
.products-item:hover .products-link {
  text-decoration: none;
}
.products-item:hover .products-link .products-link-title {
  opacity: 1;
}
.products-item:hover .products-link .products-link-icon {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.page-header-image {
  position: relative;
  height: 76rem;
  margin-top: -15.5rem;
  margin-bottom: 6rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-header-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: calc(8rem + 1px);
  background-image: url("../images/water-drop.png");
  background-position: top center;
  background-size: auto 110px;
}

.page-header-images {
  position: relative;
  height: 76rem;
  margin-top: -15.5rem;
  margin-bottom: 6rem;
}
.page-header-images::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: calc(8rem + 1px);
  background-image: url("../images/water-drop.png");
  background-position: top center;
  background-size: auto 110px;
}
.page-header-images .page-header-images-item {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-header-images .slick-list,
.page-header-images .slick-track {
  height: 100%;
}
.page-header-images .slick-dots {
  position: absolute;
  bottom: 10rem;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: initial;
  z-index: 200;
}
.page-header-images .slick-dots li {
  display: inline-block;
}
.page-header-images .slick-dots li button {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  color: transparent;
  -webkit-box-shadow: 0px 0px 25px 3px #000;
  box-shadow: 0px 0px 25px 3px #000;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.page-header-images .slick-dots li.slick-active button {
  -webkit-box-shadow: 0px 0px 0px 8px #0b8e36;
  box-shadow: 0px 0px 0px 8px #0b8e36;
  opacity: 1;
}

.page-header h1 {
  margin-bottom: 4rem;
  text-align: center;
}
.page-header p {
  color: #0b8e36;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
.page-header p strong {
  color: #0b8e36;
}

.perex,
.with-perex > p:first-child,
.with-perex-and-heading > p:nth-child(2) {
  color: #0b8e36;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.5;
}
.perex strong,
.with-perex > p:first-child strong,
.with-perex-and-heading > p:nth-child(2) strong {
  color: #0b8e36;
}

.line {
  display: block;
  width: 100%;
  max-width: 15rem;
  height: 2px;
  margin: 1rem 0;
  border: 0;
  background: transparent;
  background-image: url("../images/line-grey.png");
  background-size: auto 2px;
  background-repeat: repeat-x;
  background-position: left center;
}
.line.line-grey {
  background-image: url("../images/line-grey.png");
}
.line.line-blue {
  background-image: url("../images/line-blue.png");
}

.links a,
.links span {
  margin-right: 2rem;
  text-decoration: underline;
  color: #3c3c3c;
}
.links a i,
.links span i {
  position: relative;
  top: 0.3rem;
  margin-left: 1rem;
  font-size: 2rem;
}
.links a:hover,
.links span:hover {
  color: #0b8e36;
}

.home-about-text {
  float: right;
  width: 50%;
}

.home-about-numbers-items {
  margin-top: 6rem;
  margin-left: 12%;
  background-color: #fff;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
}

.home-about-numbers-item {
  position: relative;
  display: inline-block;
  width: 33.333%;
  padding: 6rem 0 7rem 10rem;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  vertical-align: top;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.home-about-numbers-item .home-about-numbers-first {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.home-about-numbers-item .home-about-numbers-first .home-about-numbers-number {
  line-height: 1.2;
  font-size: 6rem;
  font-weight: 600;
  color: #14223d;
}
.home-about-numbers-item .home-about-numbers-first .home-about-numbers-title {
  margin-top: 0;
  font-size: 1.5rem;
  color: #0b8e36;
}
.home-about-numbers-item .home-about-numbers-second {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  padding: 6rem 6rem;
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.home-about-numbers-item .home-about-numbers-second p {
  font-size: 1.5rem;
  color: #fff;
}
.home-about-numbers-item:hover {
  background-color: #0b8e36;
}
.home-about-numbers-item:hover .home-about-numbers-first {
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
  opacity: 0;
}
.home-about-numbers-item:hover .home-about-numbers-second {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.home-about-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 44%;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: 0 1rem 1rem 0;
  z-index: 0;
}

.box {
  position: relative;
  padding: 10rem 10%;
  background-color: #14223d;
  background-image: url("../images/dots-blue.png");
  background-position: left top;
  background-repeat: repeat-y;
  border-radius: 3px;
}
.box > * {
  position: relative;
  z-index: 1;
}
.box,
.box a {
  color: #e4e4e4;
}
.box .btn {
  color: #fff;
}
.box h1,
.box h2,
.box h3,
.box h4,
.box strong {
  color: #fff;
}
.box.box-grey {
  background: #f4f4f4;
}
.box.box-grey::after {
  content: none;
}
.box.box-grey,
.box.box-grey a {
  color: #3c3c3c;
}
.box.box-grey .btn {
  color: #fff;
}
.box.box-grey h1,
.box.box-grey h2,
.box.box-grey h3,
.box.box-grey h4,
.box.box-grey strong {
  color: #14223d;
}

/*
.home-member {
	padding: 0;
}

	.home-member-left {
		float: left;
		width: 56%;
	}

	.home-member-right {
		float: left;
		width: 36%;
		margin-left: 8%;
	}

		.home-member-items {
			// display: none;

			&.slick-initialized {
				// display: block;
			}

			.slick-slide > div {
				margin-top: 4rem;

				&:first-child {
					margin-top: 0;
				}
			}

			.slick-dots {
				// position: absolute;
				// top: 0;
				// left: 0;
				width: 100%;
				margin: 4rem 0 -4rem 0;
				padding: 0;
				list-style: none;
				text-align: center;

				li {
					display: inline-block;

					button {
						display: block;
						width: 1.4rem;
						height: 1.4rem;
						margin: 1rem;
						padding: 0;
						border: 0;
						// border: 0.5rem solid transparent;
						border-radius: 50%;
						background-color: $blue;
						font-size: 0;
						line-height: 0;
						color: transparent;
						opacity: 0.5;
						@include transition();

					}

					&.slick-active {

						button {
							// border-color: rgba($blue, 0.5);
							@include boxshadow(0px 0px 0px 8px rgba($blue, 0.5));
							background-color: $blue;
							opacity: 1;
						}
					}
				}
			}
		}

			.home-member-item {
				position: relative;
				padding-top: 0.8rem;
				padding-left: 10rem;

				.home-member-image {
					position: absolute;
					top: 0;
					left: 0;
					width: 6.5rem;
					height: 6.5rem;

					&::after {
						content: "";
						position: absolute;
						top: 1.8rem;
						left: 2.2rem;
						width: 5.5rem;
						height: 5.5rem;
						border-radius: 50%;
						background-color: rgba(#000,0.15);
						z-index: 1;
					}

					img {
						position: relative;
						display: block;
						width: auto;
						max-width: 100%;
						height: auto;
						max-height: 100%;
						margin: 0 auto;
						z-index: 2;
					}
				}

				h3 {
					margin-top: 0;
				}

				p:first-child {
					margin-top: 0;
				}
			}
*/
.home-partners::before {
  content: "";
  position: absolute;
  top: -10rem;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
}
.home-partners::after {
  content: "";
  position: absolute;
  top: calc(-10rem + 15px);
  left: 0;
  right: 0;
  bottom: 10rem;
  display: block;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+100 */
  background: rgb(247, 247, 247); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 247, 247)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  z-index: 0;
}

.home-logos-items {
  margin-top: 6rem;
  opacity: 0;
}
.home-logos-items.slick-initialized {
  opacity: 1;
}
.home-logos-items:not(.slick-initialized) .home-logos-item:nth(n + 3) {
  display: none;
}

.home-logos-item {
  position: relative;
  padding: 0 1rem;
  height: 7rem;
  line-height: 7rem;
  text-align: center;
}
.home-logos-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #e4e4e4;
}
.home-logos-item:first-child::before {
  content: none;
}
.home-logos-item img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 14rem;
  max-height: 7rem;
  margin: 0 auto;
  vertical-align: middle;
}

.logos-items {
  display: none;
  padding-bottom: 6rem;
}
.logos-items.slick-initialized {
  display: block;
}
.logos-items .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.logos-items .slick-dots li {
  display: inline-block;
}
.logos-items .slick-dots li button {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #e3e3e3;
  font-size: 0;
  line-height: 0;
  color: transparent;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.logos-items .slick-dots li.slick-active button {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(11, 142, 54, 0.2);
  box-shadow: 0px 0px 0px 8px rgba(11, 142, 54, 0.2);
  background-color: #0b8e36;
  opacity: 0.6;
}
.logos-items .slick-slide > div > div {
  border: 1px solid #e4e4e4;
}
.logos-items .slick-slide > div:nth-child(1) > div:nth-child(1) {
  border-color: transparent;
}
.logos-items .slick-slide > div:nth-child(1) > div:nth-child(2) {
  border-color: transparent transparent transparent #e4e4e4;
}
.logos-items .slick-slide > div:nth-child(2) > div:first-child {
  border-color: #e4e4e4 transparent transparent transparent;
}
.logos-items .slick-slide > div:nth-child(2) > div:nth-child(2) {
  border-color: #e4e4e4 transparent transparent #e4e4e4;
}

.logos-item {
  position: relative;
  padding: 2rem;
}
.logos-item .logos-image {
  max-width: 14rem;
  height: 8rem;
  margin: 0 auto;
  line-height: 8rem;
  text-align: center;
}
.logos-item .logos-image img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}

.home-blocks::after {
  content: "";
  position: absolute;
  top: calc(-10rem + 15px);
  left: 0;
  right: 0;
  bottom: 50%;
  display: block;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+100 */
  background: rgb(247, 247, 247); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 247, 247)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  z-index: 0;
}

.home-blocks-item {
  margin-top: 10rem;
}
.home-blocks-item:first-child {
  margin-top: 0;
}
.home-blocks-item .home-blocks-left {
  float: left;
  width: 34%;
}
.home-blocks-item .home-blocks-right {
  float: left;
  width: 58%;
  margin-left: 8%;
  padding-top: 4rem;
}
.home-blocks-item .home-blocks-right img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  margin-left: auto;
}

.home-blocks-references .home-blocks-references-left {
  max-width: 70rem;
  margin-bottom: 10rem;
}
.home-blocks-references .home-blocks-right {
  padding-top: 0;
}
.home-blocks-references .references-usp-items {
  margin-top: 0;
}
.home-blocks-references .references-usp-item {
  position: relative;
  margin-top: 3.5rem;
  padding-top: 0.5rem;
  padding-left: 6.5rem;
}
.home-blocks-references .references-usp-item:first-child {
  margin-top: 0;
}
.home-blocks-references .references-usp-item .references-usp-image {
  position: absolute;
  top: -0.4rem;
  left: 1rem;
  width: 3.6rem;
  height: 3.6rem;
}
.home-blocks-references .references-usp-item .references-usp-image img {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  z-index: 2;
}
.home-blocks-references .references-usp-item h3 {
  margin-top: 0;
  font-size: 1.6rem;
}
.home-blocks-references .references-usp-item .line {
  opacity: 0.5;
}
.home-blocks-references .references-usp-item p:first-child {
  margin-top: 0;
}

.references::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: block;
  width: 36rem;
  height: 72rem;
  background-image: url("../images/dots-grey.png");
  background-position: left top;
  opacity: 0.6;
  z-index: 1;
}
.references .btn {
  margin-top: 6rem;
}

.references-left {
  position: relative;
  float: left;
  width: 34%;
}
.references-left .references-wrap {
  position: static;
}
.references-left .references-wrap.absolute {
  position: fixed;
}
.references-left p:first-child {
  margin-bottom: 1.2rem;
}
.references-left h2 {
  margin-top: 0;
}

.references-right {
  float: left;
  width: 58%;
  margin-left: 8%;
  padding-top: 4rem;
}

.references-usp-items {
  margin-top: 4rem;
}

.references-usp-item {
  position: relative;
  margin-top: 4rem;
  padding-top: 0.6rem;
  padding-left: 7.8rem;
}
.references-usp-item:first-child {
  margin-top: 0;
}
.references-usp-item .references-usp-image {
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 4rem;
  height: 4rem;
  /*   */
}
.references-usp-item .references-usp-image img {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  z-index: 2;
}
.references-usp-item h3 {
  margin-top: 0;
}
.references-usp-item p:first-child {
  margin-top: 0;
}

.references-item {
  display: block;
  margin-top: 4rem;
  color: #3c3c3c;
  text-decoration: none;
}
.references-item:first-child {
  margin-top: 0;
}
.references-item .references-image {
  position: relative;
  background-color: #0b8e36;
  border-radius: 3px;
  overflow: hidden;
}
.references-item .references-image::after {
  content: "\f002";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  padding: 1.7rem 0 0;
  background-color: #fff;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2rem;
  color: #14223d;
}
.references-item .references-image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.references-item .references-text {
  padding: 2rem;
}
.references-item .references-text .references-location {
  margin-bottom: 0.6rem;
  font-size: 1.3rem;
  color: #052435;
}
.references-item .references-text .references-location i {
  margin-right: 0.5rem;
  color: #b0b5bb;
}
.references-item .references-text h3 {
  margin-top: 0;
}
.references-item .references-text h3 i {
  margin-left: 1rem;
  color: #0b8e36;
}
.references-item .references-text h3 i::before {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.references-item:hover .references-image img {
  opacity: 0.5;
}
.references-item:hover .references-text h3 i::before {
  -webkit-transform: translateX(1rem);
  transform: translateX(1rem);
}

.references-archive .references-outer {
  margin-top: 10rem;
}

.article .text {
  max-width: 80rem;
}
.article .text ul {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  padding-left: 3rem;
  list-style: none;
}
.article .text ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
.article .text ul li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: -1.7rem;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
}
.article .text ol {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  padding-left: 3rem;
  list-style: none;
  counter-reset: ul;
}
.article .text ol li {
  position: relative;
  counter-increment: ul;
  margin: 0;
  padding: 0;
}
.article .text ol li::before {
  content: counter(ul) ".";
  position: absolute;
  left: -2.7rem;
  display: block;
  width: 2rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.article h2 {
  font-size: 2.8rem;
  text-transform: none;
}
.article h3 {
  font-size: 2rem;
  text-transform: none;
}
.article h2:first-child,
.article h3:first-child {
  margin-top: 0;
}
.article blockquote {
  position: relative;
  float: right;
  width: 34rem;
  margin: 2rem 0 2rem 2rem;
  padding: 4rem;
  padding-left: 5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  font-style: italic;
  line-height: 1.2;
  text-align: center;
}
.article blockquote::before, .article blockquote::after {
  content: "";
  position: absolute;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.article blockquote::before {
  left: 0;
  bottom: 0;
  width: 44px;
  height: 40px;
  background-image: url("../images/q1.png");
}
.article blockquote::after {
  right: 0;
  top: 0;
  width: 31px;
  height: 29px;
  background-image: url("../images/q2.png");
}
.article figure {
  margin: 0;
}
.article .wp-block-image,
.article .wp-block-gallery {
  position: relative;
  max-width: calc(100% + 4rem);
  margin: 5rem -2rem;
  padding: 0;
}
.article .wp-block-image:last-child,
.article .wp-block-gallery:last-child {
  margin-bottom: 0;
}
.article .wp-block-image img,
.article .wp-block-gallery img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1px;
  z-index: 5;
}
.article .wp-block-gallery {
  text-align: center;
  font-size: 0;
  list-style: none;
}
.article .wp-block-gallery .blocks-gallery-item {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
}
.article .wp-block-gallery .blocks-gallery-item::before {
  content: none;
}
.article .wp-block-gallery.columns-1 .blocks-gallery-item {
  width: 100%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
.article .wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(1n+1) {
  margin-left: 0;
}
.article .wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-2 .blocks-gallery-item {
  width: 49.4%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
.article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2n+1) {
  margin-left: 0;
}
.article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-3 .blocks-gallery-item {
  width: 32.5333333333%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n+1) {
  margin-left: 0;
}
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-4 .blocks-gallery-item {
  width: 24.1%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n+1) {
  margin-left: 0;
}
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(3) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item {
  width: 19.04%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+1) {
  margin-left: 0;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(3) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(4) {
  margin-top: 0;
}
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5) {
  margin-top: 0;
}
.article .article-meta {
  margin-top: -2rem;
  margin-bottom: 4rem;
  text-align: center;
}
.article .article-meta .fa {
  margin-right: 0.6rem;
}

.accordion-item {
  padding: 0 1.5rem;
  padding-right: 4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.accordion-item:first-child {
  border-top: 0;
}
.accordion-item .accordion-title {
  position: relative;
  margin: 0;
  padding: 2.5rem 0;
  font-size: 1.8rem;
  cursor: pointer;
}
.accordion-item .accordion-title::after {
  content: "\e806";
  position: absolute;
  right: -2.5rem;
  top: 2.4rem;
  font-family: "icons";
  src: url("../fonts/icons.eot?64331552");
  src: url("../fonts/icons.eot?64331552#iefix") format("embedded-opentype"), url("../fonts/icons.woff2?64331552") format("woff2"), url("../fonts/icons.woff?64331552") format("woff"), url("../fonts/icons.ttf?64331552") format("truetype"), url("../fonts/icons.svg?64331552#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-size: 2.2rem;
  color: #0b8e36;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.accordion-item .accordion-content {
  display: none;
  padding: 2.5rem 0;
  padding-top: 0;
}
.accordion-item .accordion-content .blocks-items {
  max-width: 80rem;
  margin: 0 auto;
}
.accordion-item .accordion-content .blocks-items .blocks-item {
  padding: 3rem 0;
  border-top: 0;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-title {
  width: 30%;
  padding: 0 2rem 0 0;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-title h4 {
  font-size: 1.8rem;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-text {
  width: 70%;
  padding: 0 0 0 2rem;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-text table {
  width: 100%;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-text table tr td {
  padding: 1rem 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  text-align: left;
  line-height: 1.5;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-text table tr td:last-child {
  text-align: right;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-text table tr:first-child td {
  border-top: 0;
}
.accordion-item .accordion-content .blocks-items .blocks-item .blocks-text table strong {
  color: #000;
}
.accordion-item.open .accordion-title::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.centering {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-sections .sections-items {
  margin-top: 4rem;
}
.page-sections .sections-items .sections-item {
  position: relative;
  padding: 6rem 0;
}
.page-sections .sections-items .sections-item:last-child {
  padding-bottom: 0;
}
.page-sections .sections-items .sections-item .anchor {
  top: -10.5rem;
}
.page-sections .tiles-item {
  position: relative;
  float: left;
  width: 32.666%;
  margin-left: 1%;
  margin-top: 6%;
  padding: 2.5rem 2.5rem;
  background-color: #f4f4f4;
}
.page-sections .tiles-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.page-sections .tiles-item .tiles-title {
  min-height: 6rem;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 300;
  color: #999;
}
.page-sections .tiles-item .tiles-text {
  min-height: 7.2rem;
  margin: 0;
  line-height: 7.2rem;
}
.page-sections .tiles-item .tiles-text > span {
  display: inline-block;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: 300;
  color: #000;
  vertical-align: bottom;
}
.page-sections .tiles-item .tiles-text > span > .tiles-text-title {
  font-size: 1.4rem;
  color: #999;
}
.single-produkty_cpt .page-sections .tiles-item .tiles-title {
  font-size: 1.8rem;
}
.single-produkty_cpt .page-sections .tiles-item .tiles-text > span {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
}
.page-sections .summary {
  margin-top: 8rem;
}
.page-sections .summary-left {
  float: left;
  width: 50%;
  padding: 1rem 6rem 1rem 0;
  border-right: 1px solid #e6e6e6;
}
.page-sections .summary-right {
  float: left;
  width: 50%;
  margin-left: -1px;
  padding: 1rem 0 1rem 6rem;
  border-left: 1px solid #e6e6e6;
}
.page-sections .gallery a {
  position: relative;
  display: block;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
}
.page-sections .gallery a .gallery-placeholder {
  display: block;
  width: 100%;
  height: auto;
}
.page-sections .gallery a .gallery-image {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.page-sections .gallery a .gallery-plus {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.page-sections .gallery a .gallery-plus span {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 5rem;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-sections .gallery.gallery-1 a {
  max-width: 120rem;
  margin: 0 auto;
}
.page-sections .gallery.gallery-2 a {
  float: left;
  width: 49.8%;
  margin-left: 0.4%;
}
.page-sections .gallery.gallery-2 a:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.page-sections .gallery.gallery-3 a {
  float: left;
}
.page-sections .gallery.gallery-3 a:nth-child(1) {
  width: 66.6%;
}
.page-sections .gallery.gallery-3 a:nth-child(n+2) {
  width: 33%;
  margin-left: 0.4%;
}
.page-sections .gallery.gallery-3 a:nth-child(n+3) {
  margin-top: 0.4%;
}
.page-sections .gallery.gallery-3 a:nth-child(n+4) {
  display: none !important;
}
.page-sections .blocks-item {
  padding: 6rem 0;
  border-top: 1px solid #e6e6e6;
}
.page-sections .blocks-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.page-sections .blocks-item:last-child {
  padding-bottom: 0;
}
.page-sections .blocks-item .blocks-title {
  float: left;
  width: 50%;
  padding: 1rem 2rem 1rem 0;
}
.page-sections .blocks-item .blocks-text {
  float: left;
  width: 50%;
  padding: 1rem 0 1rem 2rem;
}
.page-sections .citation.citation-with-image {
  padding: 12rem 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-sections .citation-text {
  position: relative;
  padding: 8rem 10rem;
  font-size: 2.8rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5;
  color: #fff;
}
.page-sections .citation-quote1,
.page-sections .citation-quote2 {
  position: absolute;
  font-weight: 600;
  font-style: normal;
  font-size: 20rem;
  color: #0b8e36;
  line-height: 1;
}
.page-sections .citation-quote1 {
  bottom: 0;
  left: 0;
}
.page-sections .citation-quote2 {
  top: -3rem;
  right: 0;
}
.page-sections .citation-name {
  float: right;
}
.page-sections .product-tiles h2 {
  text-align: center;
}
.page-sections .product-tiles-items {
  margin-top: 4rem;
}
.page-sections .product-tiles-item {
  position: relative;
  padding: 2.5rem 3rem;
  margin-top: 2rem;
  background-color: #f4f4f4;
}
.page-sections .product-tiles-item:first-child {
  margin-top: 0;
}
.page-sections .product-tiles-item .product-tiles-title {
  float: left;
  width: 28%;
}
.page-sections .product-tiles-item .product-tiles-title h3 {
  margin: 0;
}
.page-sections .product-tiles-item .product-tiles-text {
  float: left;
  width: 68%;
  margin-left: 4%;
}
.page-sections .product-tiles-item .product-tiles-text strong {
  color: #000;
}
.page-sections .product-3d {
  display: block;
  width: 100%;
  max-width: 80rem;
  height: 55rem;
  margin: 0 auto;
}
.page-sections .product-gallery-single {
  max-width: 70rem;
  margin: 0 auto 4rem;
}
.page-sections .product-gallery-single img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 40rem;
  margin: 0 auto;
}
.page-sections .product-gallery {
  position: relative;
  max-width: 70rem;
  height: 40rem;
  line-height: 34rem;
  margin: 0 auto 6rem;
  padding: 0 6rem 6rem;
  opacity: 0;
}
.page-sections .product-gallery.slick-initialized {
  opacity: 1;
}
.page-sections .product-gallery .slick-prev,
.page-sections .product-gallery .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  margin-top: -5.2rem;
  border: 1px solid #b3b2b2;
  border-radius: 50%;
  line-height: 4.2rem;
  color: #3c3c3c;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.page-sections .product-gallery .slick-prev:hover,
.page-sections .product-gallery .slick-next:hover {
  color: #fff;
  border-color: #0b8e36;
  background-color: #0b8e36;
}
.page-sections .product-gallery .slick-prev {
  left: 0;
}
.page-sections .product-gallery .slick-next {
  right: 0;
}
.page-sections .product-gallery .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: initial;
}
.page-sections .product-gallery .slick-dots li {
  display: inline-block;
}
.page-sections .product-gallery .slick-dots li button {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #e3e3e3;
  font-size: 0;
  line-height: 0;
  color: transparent;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.page-sections .product-gallery .slick-dots li.slick-active button {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(11, 142, 54, 0.2);
  box-shadow: 0px 0px 0px 8px rgba(11, 142, 54, 0.2);
  background-color: #0b8e36;
  opacity: 0.6;
}
.page-sections .product-gallery .slick-list,
.page-sections .product-gallery .slick-track {
  height: 100%;
}
.page-sections .product-gallery .product-gallery-image {
  width: 100%;
  height: 100%;
  text-align: center;
}
.page-sections .product-gallery .product-gallery-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.page-sections .text-image-block .text-image-block-left {
  float: left;
  width: 50%;
  padding: 1rem 2rem 1rem 0;
}
.page-sections .text-image-block .text-image-block-right {
  float: left;
  width: 50%;
  padding: 1rem 0 1rem 2rem;
  text-align: center;
}
.page-sections .text-image-block .text-image-block-right img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 45rem;
}
.page-sections .text-cols h2 {
  text-align: center;
}
.page-sections .text-cols-item {
  float: left;
  width: 48%;
  margin-left: 4%;
  margin-top: 4rem;
}
.page-sections .text-cols-item:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.page-sections .product-table {
  position: relative;
}
.page-sections .product-table::before {
  content: "";
  position: absolute;
  top: -6rem;
  left: 0;
  right: 0;
  bottom: -6rem;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
}
.page-sections .product-table .box {
  background-image: none;
}
.page-sections .product-table h2 {
  text-align: center;
}
.page-sections .product-table table {
  width: 100%;
  margin-top: 6rem;
}
.page-sections .product-table table tr td {
  padding: 1rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: right;
  line-height: 1.5;
}
.page-sections .product-table table tr td:first-child {
  text-align: left;
}
.page-sections .product-table table tr:first-child td {
  border-top: 0;
}
.page-sections .product-table table strong {
  color: #0b8e36;
}
.page-sections .product-table.search-table h3 {
  text-align: center;
}
.page-sections .product-table.search-table table {
  margin-top: 4rem;
}
.page-sections .product-table.search-table table tr td a {
  text-decoration: none;
}
.page-sections .product-table.search-table table tr td:last-child {
  text-align: right;
}
.page-sections .product-table.search-table table tr td:last-child a {
  color: #0b8e36;
}
.page-sections .product-files h2 {
  text-align: center;
}
.page-sections .product-files table {
  width: 100%;
  margin-top: 6rem;
}
.page-sections .product-files table tr td {
  padding: 1rem 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  vertical-align: middle;
  line-height: 1.5;
}
.page-sections .product-files table tr td:first-child {
  color: #14223d;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  opacity: 0.8;
}
.page-sections .product-files table tr td:first-child a {
  color: #14223d;
  text-decoration: none;
}
.page-sections .product-files table tr td:first-child a:hover {
  text-decoration: underline;
}
.page-sections .product-files table tr td:last-child {
  width: 1px;
  white-space: nowrap;
}
.page-sections .product-files table tr td a {
  color: #0b8e36;
  text-decoration: none;
}
.page-sections .product-files table tr td a i {
  position: relative;
  top: 0.2rem;
  margin-left: 1rem;
  font-size: 2.2rem;
}
.page-sections .product-files table tr td .fa {
  margin-left: 1rem;
  opacity: 0.4;
}
.page-sections .product-files table tr td .product-files-image {
  display: inline-block;
}
.page-sections .product-files table tr td .product-files-image img {
  display: inline-block;
  width: 15rem;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
}
.page-sections .product-files table tr:first-child td {
  border-top: 0;
}
.page-sections .product-files.member-files h3 {
  margin-top: 6rem;
  margin-bottom: 0;
}
.page-sections .product-files.member-files table {
  margin-top: 4rem;
}
.page-sections .product-files.prices-files {
  max-width: 66rem;
  margin-left: auto;
  margin-right: auto;
}
.page-sections .product-files.prices-files .product-files-image {
  display: block;
  text-align: center;
}
.page-sections .product-files.prices-files .product-files-image img {
  display: inline-block;
  width: 90%;
  max-width: 40rem;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
}
.page-sections .faq h2 {
  text-align: center;
}
.page-sections .faq .faq-items {
  margin-top: 6rem;
  counter-reset: faq;
}
.page-sections .faq .faq-item {
  margin-left: 12rem;
  padding-right: 12rem;
  counter-increment: faq;
}
.page-sections .faq .faq-item:first-child {
  border-top: 0;
}
.page-sections .faq .faq-item .faq-question::before {
  content: counter(faq);
  position: absolute;
  left: -12rem;
  top: 1.2rem;
  display: block;
  width: 4rem;
  font-size: 4rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.page-sections .faq .faq-item .faq-question::after {
  right: -10.5rem;
}
.page-sections .documents .documents-items {
  text-align: center;
}
.page-sections .documents .documents-item {
  display: inline-block;
  margin: 1.5rem;
}
.page-sections .documents .documents-item.type-image {
  vertical-align: middle;
}
.page-sections .documents .documents-item.type-image img {
  display: inline-block;
  width: auto;
  max-width: 20rem;
  height: auto;
  max-height: 30rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
}
.page-sections .documents .documents-item.type-file {
  width: 20rem;
  vertical-align: top;
}
.page-sections .documents .documents-item.type-file img {
  display: inline-block;
  width: auto;
  height: 6.4rem;
}
.page-sections .documents .documents-item.type-file p {
  margin-top: 1rem;
}
.page-sections .career .accordion-title span {
  font-weight: 300;
}
.page-sections .training-dates.box h2 {
  text-align: center;
}
.page-sections .training-dates.box .dates-items {
  margin-top: 6rem;
}
.page-sections .training-dates.box .dates-item .accordion-title {
  font-size: 0;
  text-align: left;
}
.page-sections .training-dates.box .dates-item .accordion-title span {
  display: inline-block;
  font-size: 1.8rem;
  vertical-align: top;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-title {
  width: 38%;
  padding-right: 2rem;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-availability {
  width: 42%;
  font-weight: 300;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-availability::before {
  content: "|";
  display: inline-block;
  margin-right: 1rem;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-availability.null::before {
  content: none;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-availability.empty {
  color: #2da024;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-date {
  width: 20%;
  font-weight: 300;
  color: #0b8e36;
  font-variant-numeric: tabular-nums;
}
.page-sections .training-dates.box .dates-item .accordion-title span.dates-date::before {
  content: "|";
  display: inline-block;
  margin-right: 1rem;
}
.page-sections .training-dates.box .dates-item.full .accordion-title,
.page-sections .training-dates.box .dates-item.full .accordion-title * {
  color: #a6a6a6 !important;
}
.page-sections .training-dates.box .dates-item .blocks-item-lecturer a {
  color: #0b8e36;
}
.page-sections .training-dates.box .dates-item .price {
  display: inline-block;
  margin-top: -1rem;
  color: #0b8e36;
  font-size: 2.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
.page-sections .lecturers h2 {
  text-align: center;
}
.page-sections .lecturers .lecturers-items {
  margin-top: 6rem;
}
.page-sections .lecturers .lecturers-item {
  position: relative;
}
.page-sections .lecturers .lecturers-item .lecturers-photo {
  float: left;
  width: 200px;
  height: auto;
  margin-top: -0.6rem;
  margin-right: 2.5rem;
}
.page-sections .lecturers .lecturers-item .lecturers-info {
  overflow: hidden;
}
.page-sections .lecturers .lecturers-item .lecturers-info h3 {
  margin-bottom: 0;
}
.page-sections .lecturers .lecturers-item .lecturers-info .lecturers-position {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.page-sections .lecturers .lecturers-item .lecturers-info .lecturers-contact {
  margin-top: 0;
}
.page-sections .lecturers .lecturers-item .lecturers-info .lecturers-contact i {
  margin-right: 1rem;
  color: #0b8e36;
}
.page-sections .lecturers .lecturers-item .lecturers-info .lecturers-contact i.invisible {
  opacity: 0;
  visibility: hidden;
}
.page-sections .text-button .page-header {
  text-align: center;
}
.page-sections .text-button .page-header h2 {
  text-align: center;
}
.page-sections .team .page-header {
  text-align: center;
}
.page-sections .team .page-header h2 {
  margin-bottom: 4rem;
  font-size: 5rem;
  text-align: center;
}
.page-sections .text-and-images::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 60rem;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
}
.page-sections .text-and-images .text-left {
  float: left;
  width: 48%;
  margin-bottom: 6rem;
}
.page-sections .text-and-images .image-right {
  float: left;
  display: block;
  width: 48%;
  height: auto;
  margin-left: 4%;
  margin-top: 16rem;
  margin-bottom: -16rem;
}
.page-sections .text-and-images .image-bottom {
  display: block;
  width: 100%;
  max-width: 90rem;
  height: auto;
}
.page-sections .image-claim {
  position: relative;
  height: calc(100vh - 16rem);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.page-sections .image-claim::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #14223d;
  opacity: 0.5;
  z-index: 1;
}
.page-sections .image-claim .centering {
  max-width: 96rem;
  margin: 0 auto;
  padding: 0 4rem;
  z-index: 5;
}
.page-sections .image-claim {
  font-size: 5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  text-shadow: 2px 2px 40px rgba(0, 0, 0, 0.3);
}
.page-sections .image-claim strong {
  font-size: 7rem;
  font-weight: 600;
  color: #009640;
}
.page-sections .image-text {
  position: relative;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-sections .image-text .page-header {
  text-align: center;
}
.page-sections .image-text .page-header h2 {
  margin-bottom: 4rem;
  font-size: 5rem;
  color: #fff;
  text-align: center;
}
.page-sections .image-text .page-header p {
  color: #009640;
}
.page-sections .history .page-header {
  text-align: center;
}
.page-sections .history .page-header h2 {
  margin-bottom: 4rem;
  font-size: 5rem;
  text-align: center;
}
.page-sections .history .history-item {
  margin-top: 6rem;
}
.page-sections .history .history-item .history-image {
  position: relative;
  width: 65%;
  border-radius: 10px;
  overflow: hidden;
}
.page-sections .history .history-item .history-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 80%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14223d+0,14223d+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgb(20, 34, 61)), to(rgba(20, 34, 61, 0)));
  background: linear-gradient(to right, rgb(20, 34, 61) 0%, rgba(20, 34, 61, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14223d', endColorstr='#0014223d',GradientType=1 ); /* IE6-9 */
  opacity: 0.5;
  z-index: 3;
}
.page-sections .history .history-item .history-image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}
.page-sections .history .history-item .history-image .history-year {
  padding: 0 4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 10rem;
  z-index: 5;
}
.page-sections .history .history-item .history-text {
  width: 30%;
  padding-top: 10%;
}
.page-sections .history .history-item:nth-child(2n+1) .history-image {
  float: right;
}
.page-sections .history .history-item:nth-child(2n+1) .history-image .history-year {
  text-align: left;
}
.page-sections .history .history-item:nth-child(2n+1) .history-text {
  float: left;
}
.page-sections .history .history-item:nth-child(2n) .history-image {
  float: left;
}
.page-sections .history .history-item:nth-child(2n) .history-image::after {
  left: auto;
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.page-sections .history .history-item:nth-child(2n) .history-image .history-year {
  text-align: right;
}
.page-sections .history .history-item:nth-child(2n) .history-text {
  float: right;
}
.page-sections .logos .page-header {
  text-align: center;
}
.page-sections .logos .page-header h2 {
  margin-bottom: 4rem;
  font-size: 5rem;
  text-align: center;
}
.page-sections .logos .bg {
  position: relative;
  margin-top: 6rem;
  padding: 10rem 0;
}
.page-sections .logos .bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
}
.page-sections .logos .logos-items {
  display: block;
  font-size: 0;
  text-align: left;
}
.page-sections .logos .logos-item {
  display: inline-block;
  width: 33.333%;
  margin: -1px 0 0 -1px;
  border: 1px solid #e4e4e4;
}
.page-sections .logos .logos-item:nth-child(-n+3) {
  border-top-color: transparent;
}
.page-sections .logos .logos-item:nth-child(3n+1) {
  border-left-color: transparent;
}
.page-sections .logos .logos-item:nth-child(3n) {
  border-right-color: transparent;
}
.page-sections .logos .logos-item:nth-last-child(-n+3) {
  border-bottom-color: transparent;
}
.page-sections .logos .logos-item .logos-image {
  max-width: 16rem;
  height: 10rem;
  line-height: 10rem;
}
.page-sections .member-how h2 {
  text-align: center;
}
.page-sections .member-how .member-how-items {
  margin-top: 2rem;
  font-size: 0;
  text-align: center;
}
.page-sections .member-how .member-how-item {
  position: relative;
  display: inline-block;
  width: 28%;
  min-width: 24rem;
  margin: 4rem 2% 0;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: top;
}
.page-sections .member-how .member-how-item .member-how-step {
  text-align: center;
}
.page-sections .member-how .member-how-item h3 {
  margin: 1rem 0 0;
  font-size: 2.8rem;
  font-weight: 300;
  color: #0b8e36;
  text-align: center;
}
.page-sections .member-how .member-how-item h3 a {
  color: #0b8e36;
}
.page-sections .member-how .member-how-item .member-how-circle {
  width: 3.4rem;
  height: 3.4rem;
  margin: 3rem auto 4rem;
  border: 6px solid #14223d;
  border-radius: 50%;
  background-color: #0b8e36;
  -webkit-box-shadow: 0px 0px 0px 1.5px #fff;
  box-shadow: 0px 0px 0px 1.5px #fff;
}
.page-sections .member-how .member-how-item .member-how-circle::before, .page-sections .member-how .member-how-item .member-how-circle::after {
  content: "";
  position: absolute;
  top: 11.6rem;
  display: block;
  height: 2px;
  background: #fff;
}
.page-sections .member-how .member-how-item .member-how-circle::before {
  right: 50%;
  left: -3rem;
  margin-right: 1.8rem;
}
.page-sections .member-how .member-how-item .member-how-circle::after {
  left: 50%;
  right: -3rem;
  margin-left: 1.8rem;
}
.page-sections .member-how .member-how-item p {
  max-width: 24rem;
  margin-left: auto;
  margin-right: auto;
}
.page-sections .member-how .member-how-item:first-child .member-how-circle::before {
  content: none;
}
.page-sections .member-how .member-how-item:last-child .member-how-circle::after {
  content: none;
}
.page-sections .member-reasons h2 {
  text-align: center;
}
.page-sections .member-reasons .btn {
  margin-top: 4rem;
}
.page-sections .member-reasons .member-reasons-items {
  margin-top: 2rem;
}
.page-sections .member-reasons .member-reasons-item {
  position: relative;
  float: left;
  width: 30.666%;
  margin-top: 6rem;
  margin-left: 4%;
  padding-left: 10rem;
}
.page-sections .member-reasons .member-reasons-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.page-sections .member-reasons .member-reasons-item .member-reasons-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.5rem;
  height: 6.5rem;
}
.page-sections .member-reasons .member-reasons-item .member-reasons-image::after {
  content: "";
  position: absolute;
  top: 1.8rem;
  left: 2.2rem;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
}
.page-sections .member-reasons .member-reasons-item .member-reasons-image img {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  z-index: 2;
}
.page-sections .member-reasons .member-reasons-item h3 {
  margin-top: 0;
}
.page-sections .member-reasons .member-reasons-item p:first-child {
  margin-top: 0;
}
.page-sections .login-register-text {
  position: relative;
}
.page-sections .login-register-text::before {
  content: "";
  position: absolute;
  top: -8rem;
  left: 0;
  right: 0;
  bottom: -16rem;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
}
.page-sections .login-register-text h2 {
  font-size: 3rem;
  text-align: center;
}
.page-sections .login-register-text p {
  text-align: center;
}
.page-sections .login-member-reasons h2 {
  font-size: 3rem;
  text-align: center;
}
.page-sections.page-login .sections-items {
  margin-top: 0;
}
.page-sections.page-login .sections-items .sections-item:first-child {
  padding-top: 0;
}
.page-sections .service-map-wrap .page-header {
  text-align: center;
}
.page-sections .service-map-wrap .page-header h2 {
  margin-bottom: 4rem;
  font-size: 5rem;
  text-align: center;
}
.page-sections .service-map-wrap img {
  z-index: 5;
}
.page-sections .service-map-wrap .service-map-item {
  position: absolute;
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  margin: -1.7rem 0 0 -1.7rem;
  padding: 1rem;
  z-index: 10;
}
.page-sections .service-map-wrap .service-map-item .dot {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #14223d;
}
.page-sections .service-map-wrap .service-map-item .service-map-city {
  position: absolute;
  top: -1.8rem;
  left: 46%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  font-size: 1.8rem;
  color: #14223d;
}

.modal-service-map-contact {
  width: 44rem;
}

.service-map-contact {
  margin-top: 4rem;
}
.service-map-contact img {
  float: left;
  width: 12rem;
  height: auto;
  margin-right: 2.5rem;
}
.service-map-contact .service-map-contact-text {
  overflow: hidden;
}
.service-map-contact .service-map-contact-text h3 {
  margin-bottom: 0;
  text-align: left;
}
.service-map-contact .service-map-contact-text p {
  margin-top: 1rem;
  line-height: 1.5;
}
.service-map-contact .service-map-contact-text p span {
  white-space: nowrap;
}
.service-map-contact .service-map-contact-text p span i {
  margin-right: 1rem;
  color: #0b8e36;
}

.about-content {
  padding-top: 5rem;
}

.blue {
  color: #0b8e36;
}

.submenu {
  position: static;
  top: 8.5rem;
  border-bottom: 1px solid #e6e6e6;
  -webkit-transition: background-color 0.2s ease-out 0s;
  transition: background-color 0.2s ease-out 0s;
  z-index: 1000;
}
.submenu.fixed {
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
}
.submenu nav {
  position: relative;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 10;
}
.submenu nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 6rem;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  z-index: 1010;
}
.submenu nav::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 6rem;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  z-index: 1010;
}
.submenu nav ul {
  position: relative;
  display: block;
  /* width: 100%; */
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.submenu nav ul li {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
  list-style: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.submenu nav ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 6rem;
  margin: 0;
  padding: 0 1.8rem;
  line-height: 6rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  text-align: center;
  color: #757575;
  text-decoration: none;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.submenu nav ul li a:hover {
  color: #000;
  text-decoration: none;
}
.submenu nav ul li a:active {
  color: #000;
}
.submenu nav ul li.active a {
  color: #000;
  text-decoration: underline;
}

.submenu-placeholder {
  display: none;
}

.home-clients::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
}

.home-news {
  padding-top: 20rem;
}
.home-news h2 {
  text-align: center;
}

.news-item {
  float: left;
  display: block;
  width: 30.666%;
  margin-top: 4rem;
  margin-left: 4%;
  text-decoration: none;
  color: inherit;
}
.news-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.news-item .news-date {
  line-height: 1;
}
.news-item .news-image {
  background-color: #0b8e36;
  border-radius: 3px;
  overflow: hidden;
}
.news-item .news-image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.news-item .news-text {
  padding: 2rem;
}
.news-item .news-text .news-location {
  margin-bottom: 0.6rem;
  font-size: 1.3rem;
  color: #0b8e36;
}
.news-item .news-text .news-location i {
  margin-right: 0.5rem;
}
.news-item .news-text h3 {
  margin-top: 0;
}
.news-item .news-text h3 i {
  margin-left: 1rem;
}
.news-item .news-text h3 i::before {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.box .news-item .news-text .links a,
.box .news-item .news-text .links span {
  color: #fff;
}
.news-item:hover {
  color: inherit;
}
.news-item:hover .news-text h3 i::before {
  -webkit-transform: translateX(1rem);
  transform: translateX(1rem);
}

.home-news-image {
  position: absolute;
  left: 0;
  top: 10rem;
  width: 100%;
  height: 80rem;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 0;
}

.news-archive .inner.medium::before {
  content: "";
  position: absolute;
  top: 4rem;
  left: -100rem;
  right: -100rem;
  display: block;
  height: 60rem;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: -1;
}
.news-archive .news-items {
  margin-top: 2rem;
}
.news-archive .news-item {
  clear: none;
  float: left;
  margin-left: 4%;
}
.news-archive .news-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.news-archive .news-item .news-date {
  line-height: 1;
}
.news-archive .news-item .news-image {
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  height: 33rem;
  padding: 2rem;
  border-radius: 3px;
  line-height: 29rem;
  text-align: center;
}
.news-archive .news-item .news-image img {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  z-index: 5;
}
.news-archive .news-item .news-image.full {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.news-archive .news-item .news-text {
  padding: 2rem;
}
.news-archive .news-item .news-text .news-location {
  margin-bottom: 0.6rem;
  font-size: 1.3rem;
  color: #0b8e36;
}
.news-archive .news-item .news-text .news-location i {
  margin-right: 0.5rem;
}
.news-archive .news-item .news-text h3 {
  margin-top: 0;
}
.news-archive .news-item .news-text h3 i {
  margin-left: 1rem;
}
.news-archive .news-item .news-text h3 i::before {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.box .news-archive .news-item .news-text .links a,
.box .news-archive .news-item .news-text .links span {
  color: #fff;
}
.news-archive .news-item:hover .news-text h3 i::before {
  -webkit-transform: translateX(1rem);
  transform: translateX(1rem);
}
.news-archive.home-news .news-item .news-image {
  height: 28rem;
  line-height: 24rem;
}

.prev-post .page-header h1,
.prev-post .page-header h2 {
  margin-top: 0;
  margin-bottom: 4rem;
  text-align: center;
}
.prev-post .inner.full {
  background-color: #f4f4f4;
}

.prev-post-wrap {
  display: block;
  color: #3c3c3c;
  text-decoration: none;
}
.prev-post-wrap .prev-post-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.prev-post-wrap .prev-post-image img {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  z-index: 5;
}
.prev-post-wrap .prev-post-image.full {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.prev-post-wrap .prev-post-text {
  float: left;
  width: 46%;
  max-width: 50rem;
  margin-left: 54%;
  padding: 4rem 0;
}
.prev-post-wrap .prev-post-text .prev-post-date {
  color: #0b8e36;
}
.prev-post-wrap .prev-post-text .prev-post-date i {
  margin-right: 0.8rem;
}
.prev-post-wrap .prev-post-text h2 {
  font-size: 3rem;
}
.prev-post-wrap .prev-post-text .btn {
  margin-top: 4rem;
}
.prev-post-wrap:hover {
  color: #3c3c3c;
  text-decoration: none;
}

.home-project-text {
  float: left;
  display: block;
  width: 56%;
}
.home-project-text h2 {
  margin-top: 1rem;
  font-size: 2.4rem;
}
.home-project-text p:nth-child(n+2) {
  margin-top: 1rem;
  line-height: 1.5;
}

.home-project-image {
  float: right;
  display: block;
  width: 40%;
  max-width: 46rem;
  height: auto;
  margin-left: 4%;
}

.home-project-bottom hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #bababa;
}

.newsletter {
  padding-top: 0;
}

.newsletter-text {
  float: left;
  width: 42%;
}
.newsletter-text h2 {
  font-size: 3rem;
}
.newsletter-text p {
  color: #0b8e36;
}

.newsletter-form {
  float: left;
  width: 50%;
  margin-left: 8%;
  padding-top: 2rem;
}
.newsletter-form form {
  margin: 0;
  border-bottom: 1px solid #ccc;
}
.newsletter-form form input {
  display: inline-block;
  width: calc(100% - 4rem);
  padding: 1.2rem 0.6rem;
  font-size: 1.5rem;
  line-height: 2rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  vertical-align: middle;
}
.newsletter-form form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
.newsletter-form form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
.newsletter-form form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
.newsletter-form form input:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.newsletter-form form button {
  width: 4rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 2rem;
  vertical-align: middle;
}
.newsletter-form form .ajax-loader {
  position: absolute;
  display: none !important;
}
.newsletter-form form .wpcf7-not-valid-tip,
.newsletter-form form .wpcf7-response-output {
  display: none !important;
}
.newsletter-form form.invalid {
  border-color: #ff2339;
}
.newsletter-form form.sent {
  border-color: #2da024;
}

.cats-items {
  margin-top: 4rem;
}

.cats-item {
  position: relative;
  float: left;
  width: 32.333%;
  margin-top: 4rem;
  margin-left: 1.5%;
  background-color: #fff;
  text-decoration: none;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}
.cats-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.cats-item a {
  text-decoration: none;
}
.cats-item a:hover {
  text-decoration: none;
}
.cats-item img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
}
.cats-item h2 {
  position: relative;
  font-size: 2rem;
  z-index: 2;
}
.cats-item h2 .icon-cat {
  display: inline-block;
  margin-right: 0.5rem;
  color: #b3b2b2;
  font-size: 2.6rem;
  vertical-align: middle;
}
.cats-item h2 .icon-right {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  color: #0b8e36;
  font-size: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.cats-item .cats-text {
  padding: 1.5rem 1rem;
}
.cats-item .cats-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem 1.6rem;
  padding-bottom: 1rem;
  background-color: #14223d;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 5;
}
.cats-item .cats-overlay h2 {
  margin-left: -0.6rem;
  color: #fff;
}
.cats-item .cats-overlay h2 .icon-cat {
  color: #0b8e36;
}
.cats-item .cats-overlay .cats-subcats {
  margin-top: 1.5rem;
}
.cats-item .cats-overlay .cats-subcats a {
  position: relative;
  display: block;
  margin: 0 -0.4rem;
  padding: 1rem 0.4rem;
  padding-right: 3rem;
  border-top: 1px solid #24314a;
  font-size: 1.4rem;
  color: #e4e4e4;
  text-decoration: none;
}
.cats-item .cats-overlay .cats-subcats a:first-child {
  border-top: 0;
}
.cats-item .cats-overlay .cats-subcats a i {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  color: #0b8e36;
  font-size: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.cats-item .cats-overlay .cats-subcats a:hover {
  color: #fff;
  text-decoration: none;
}
.cats-item .cats-overlay .cats-subcats a:hover i {
  color: #fff;
}
.cats-item .cats-overlay .cats-link {
  display: inline-block;
  margin-top: 1rem;
  margin-right: -0.2rem;
  color: #e4e4e4;
  text-decoration: none;
}
.cats-item .cats-overlay .cats-link i {
  display: inline-block;
  margin-left: 1.2rem;
  font-size: 2rem;
  color: #0b8e36;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.cats-item .cats-overlay .cats-link:hover {
  color: #fff;
  text-decoration: none;
}
.cats-item .cats-overlay .cats-link:hover i {
  color: #fff;
}
.cats-item:hover {
  text-decoration: none;
}
.cats-item:hover .cats-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.cat-label {
  height: 2.6rem;
  padding: 0 1rem 0 1.4rem;
  border: 1px solid #c5c5c5;
  border-radius: 1.4rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
  color: #b5b5b5;
}
.cat-label i {
  margin-left: 0.4rem;
}
.cat-label:hover {
  border-color: #888;
  color: #888;
}

.subcats-item {
  background-color: transparent;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.subcats-item .cats-image {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  height: 33rem;
  padding: 2rem;
  padding-bottom: 4rem;
  border-radius: 3px;
  line-height: 27rem;
  text-align: center;
}
.subcats-item .cats-image img {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  z-index: 5;
}
.subcats-item .cats-image .cats-image-a {
  display: block;
  width: 100%;
  height: 100%;
}
.subcats-item .cats-image .cat-label {
  position: absolute;
  bottom: 0.8rem;
  left: 0.8rem;
  z-index: 7;
}
.subcats-item .cats-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 3.5rem 4rem;
  padding-bottom: 0;
  background-color: rgba(11, 142, 54, 0.9);
  color: #fff;
  line-height: 1.8;
  text-align: left;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 15;
  pointer-events: none;
}
.subcats-item h2 {
  padding-right: 4rem;
}
.subcats-item:hover {
  text-decoration: none;
}
.subcats-item:hover .cats-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.about {
  height: 100vh;
  background-color: #14223d;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.about::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14223d+0,14223d+100&0+0,1+67 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 34, 61, 0)), color-stop(67%, rgb(20, 34, 61)), to(rgb(20, 34, 61)));
  background: linear-gradient(to bottom, rgba(20, 34, 61, 0) 0%, rgb(20, 34, 61) 67%, rgb(20, 34, 61) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0014223d', endColorstr='#14223d',GradientType=0 ); /* IE6-9 */
  opacity: 0.5;
}
.about .centering {
  top: 55%;
}
.about .page-header {
  text-align: center;
}
.about .page-header h1 {
  color: #fff;
}
.about .page-header p {
  color: #fff;
}
.about .page-header a {
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  margin-top: 4rem;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 4.1rem;
  color: #fff;
  text-align: center;
}

.login-register {
  margin-top: -2rem;
  text-align: center;
}

.account-links a {
  display: inline-block;
  margin: 0 2rem;
}
.account-links a i {
  margin-right: 1rem;
}

.user-form {
  margin-top: 6rem;
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 4rem;
}
.register .user-form {
  max-width: 86rem;
}
.register .user-form .form-row {
  float: left;
  width: 48%;
  margin-left: 4%;
  margin-bottom: 2rem;
}
.register .user-form .form-row:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.login .user-form {
  max-width: 50rem;
}
.login .user-form .form-row {
  margin-bottom: 2rem;
}
.login .user-form .forgot-password {
  text-align: right;
}
.user-form h2 {
  font-size: 2rem;
  margin: 4rem 0 2rem;
}
.user-form label {
  color: #000;
}
.user-form .login-button {
  margin-top: 4rem;
  text-align: right;
}
.user-form .login-button .btn {
  margin-top: 0;
}

.page-search .search-form,
.search .search-form {
  margin-top: 0;
  margin-left: -0.6rem;
}
.page-search .search-form input,
.search .search-form input {
  display: inline-block;
  width: calc(100% - 6rem);
  padding: 1.2rem 0.6rem;
  font-size: 2rem;
  line-height: 2.4rem;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #000;
  border-radius: 0;
  vertical-align: middle;
}
.page-search .search-form input::-webkit-input-placeholder,
.search .search-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
.page-search .search-form input::-moz-placeholder,
.search .search-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
.page-search .search-form input:-ms-input-placeholder,
.search .search-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
.page-search .search-form input:-moz-placeholder,
.search .search-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.page-search .search-form button,
.search .search-form button {
  width: 6rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 2.2rem;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.page-search .search-form button:hover,
.search .search-form button:hover {
  color: #0b8e36;
}
.page-search .subcats-item:hover,
.search .subcats-item:hover {
  background: transparent;
}
.page-search .products-item:before,
.search .products-item:before {
  display: none;
}
.page-search .cats-overlay strong,
.search .cats-overlay strong {
  color: white;
}

.search-cats .cats-items {
  margin-top: 0;
}

.contact .box {
  padding-bottom: 6rem;
}

.wpcf7 input[type=checkbox],
.checkbox {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.wpcf7 input[type=checkbox] + span,
.checkbox + label {
  position: relative;
  display: inline-block;
  margin-left: 0.8rem;
  padding-left: 3rem;
  cursor: pointer;
}

.wpcf7 input[type=checkbox] + span::before,
.checkbox + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  /* top: 0.12em; */
  display: block;
  width: 2rem;
  /* width: 1.2em; */
  height: 2rem;
  /* height: 1.2em; */
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.wpcf7 input[type=checkbox]:checked + span::before,
.checkbox:checked + label::before {
  background-color: #0b8e36;
  border-color: #fff;
}

.wpcf7 input[type=checkbox] + span::after,
.checkbox + label::after {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 2.1rem;
  /* width: 1.4em; */
  height: 2.3rem;
  /* height: 1.6em; */
  line-height: 2.3rem;
  /* line-height: 1.6em; */
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  /* font-size: 0.9em; */
  font-family: "FontAwesome";
  text-rendering: auto;
  /* -webkit-font-smoothing: antialiased; */
  /* -moz-osx-font-smoothing: grayscale; */
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.wpcf7 input[type=checkbox]:checked + span::after,
.checkbox:checked + label::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.contact-form {
  position: relative;
}
.contact-form::before {
  content: "";
  position: absolute;
  top: 42rem;
  left: 0;
  right: 0;
  bottom: 28rem;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
  opacity: 0.6;
  z-index: 1;
  pointer-events: none;
}
.contact-form h2 {
  text-align: center;
}
.contact-form .contact-contacts {
  margin-top: 4rem;
  margin-bottom: 6rem;
  text-align: center;
}
.contact-form .contact-contacts > div {
  display: inline-block;
  margin: 1rem 1.5rem;
  font-size: 2rem;
}
.contact-form .contact-contacts > div i {
  margin-right: 1rem;
  color: #0b8e36;
  font-size: 2.2rem;
}
.contact-form .contact-form-tabs {
  font-size: 0;
}
.contact-form .contact-form-tabs a {
  display: inline-block;
  width: 50%;
  padding: 2rem;
  padding-top: 2.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  font-size: 2.2rem;
  color: #14223d;
  background-color: #f6f6f6;
  vertical-align: bottom;
  text-align: center;
  text-decoration: none;
}
.contact-form .contact-form-tabs a:hover {
  background-color: #eee;
}
.contact-form .contact-form-tabs a:active {
  background-color: #e5e5e5;
}
.contact-form .contact-form-tabs a.active {
  color: #fff;
  background-color: #14223d;
}
.contact-form .contact-form-tab {
  display: none;
}
.contact-form .contact-form-tab.active {
  display: block;
}
.contact-form .box,
.contact-form .contact-form-heading {
  border-radius: 0;
  background-image: none;
}
.contact-form .box h1,
.contact-form .box h2,
.contact-form .contact-form-heading h1,
.contact-form .contact-form-heading h2 {
  text-align: center;
  color: #fff;
}
.contact-form .box > p,
.contact-form .contact-form-heading > p {
  color: #0b8e36;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
.contact-form .contact-form-heading {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
.contact-form div.wpcf7 {
  max-width: 100rem;
  margin: 0 auto;
}
.contact-form div.wpcf7 label {
  display: block;
  margin-bottom: 0.4rem;
  color: #fff;
}
.contact-form div.wpcf7 .wpcf7-acceptance span {
  margin-left: 0;
}
.contact-form div.wpcf7 .wpcf7-acceptance a {
  color: #fff;
  text-decoration: underline;
}
.contact-form div.wpcf7 .wpcf7-acceptance a:hover {
  text-decoration: none;
}
.contact-form div.wpcf7 p {
  margin: 0;
}
.contact-form div.wpcf7 .row {
  float: left;
  width: 48%;
  margin-left: 4%;
}
.contact-form div.wpcf7 .row:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.contact-form div.wpcf7 .input,
.contact-form div.wpcf7 .select {
  margin-bottom: 2rem;
}
.contact-form div.wpcf7 .right {
  position: relative;
}
.contact-form div.wpcf7 .ajax-loader {
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.contact-form div.wpcf7 div.wpcf7-response-output {
  margin: 1.5rem 0 0 0;
  padding: 1rem 1.4rem;
  border: 0;
  background-color: #ff2339;
  color: #fff;
}
.contact-form div.wpcf7 div.wpcf7-mail-sent-ok {
  border: 0;
  background-color: #2da024;
}
.contact-form div.wpcf7 div.wpcf7-mail-sent-ng,
.contact-form div.wpcf7 div.wpcf7-aborted {
  border: 0;
  background-color: #ff2339;
}
.contact-form div.wpcf7 div.wpcf7-spam-blocked {
  border: 0;
  background-color: #ff9900;
}
.contact-form div.wpcf7 div.wpcf7-validation-errors,
.contact-form div.wpcf7 div.wpcf7-acceptance-missing {
  border: 0;
  background-color: #fdd614;
}
.contact-form div.wpcf7 span.wpcf7-not-valid-tip {
  display: block;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
  padding-left: 1.4rem;
  color: #ff2339;
  font-size: 1.5rem;
  font-weight: 400;
}

.contacts::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 8rem;
  background-image: url("../images/dots-grey.png");
  background-position: center bottom;
  opacity: 0.9;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.contacts .blocks-item .blocks-title {
  width: 28%;
}
.contacts .blocks-item .blocks-text {
  width: 72%;
}

.contacts-text {
  margin-bottom: 6rem;
}
.contacts-text.contacts-text-bottom {
  margin-top: 6rem;
  margin-bottom: 0;
}
.contacts-text.contacts-text-bottom a i {
  margin-left: 1rem;
  font-size: 1.8rem;
}
.contacts-text .contacts-text-col {
  float: left;
  padding-left: 1rem;
}
.contacts-text .contacts-text-col:nth-child(2n+1) {
  clear: left;
  width: 40%;
}
.contacts-text .contacts-text-col:nth-child(2n) {
  width: 58%;
  margin-left: 2%;
  padding-left: 3.5rem;
}

.contacts-item {
  position: relative;
  border-top: 1px solid #e6e6e6;
  font-size: 0;
  text-align: left;
}
.contacts-item > div {
  display: inline-block;
  vertical-align: middle;
  padding: 0.8rem 1rem;
  font-size: 1.5rem;
}
.contacts-item > div i {
  margin-right: 1rem;
  color: #0b8e36;
}
.contacts-item > div i.invisible {
  opacity: 0;
  visibility: hidden;
}
.contacts-item > div:last-child {
  padding-right: 0.5rem;
}
.contacts-item .contacts-position {
  width: 36%;
  text-align: left;
}
.contacts-item .contacts-position h3 {
  font-size: 1.5rem;
}
.contacts-item .contacts-mail {
  width: 37%;
  text-align: left;
}
.contacts-item .contacts-phone {
  width: 24%;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.contacts-item .contacts-toggle {
  width: 6%;
  text-align: right;
  cursor: pointer;
}
.contacts-item .contacts-toggle i::before {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.contacts-item .contacts-full {
  width: 58%;
  padding-left: 3.5rem;
  text-align: left;
}
.contacts-item .contacts-info {
  display: none;
  padding: 2rem 3rem 3rem;
  font-size: 1.5rem;
}
.contacts-item .contacts-info img {
  float: left;
  width: 12rem;
  height: auto;
  margin-right: 2.5rem;
}
.contacts-item .contacts-info .contacts-info-text {
  padding-top: 1.8rem;
  overflow: hidden;
}
.contacts-item .contacts-info .contacts-info-text h4 {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.contacts-item .contacts-info .contacts-info-text p {
  margin-top: 1rem;
  line-height: 1.5;
}
.contacts-item.contacts-item-with-info .contacts-position {
  cursor: pointer;
}
.contacts-item.open .contacts-toggle i::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.map::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 20rem;
  display: block;
  width: 100%;
  background-image: url("../images/dots-grey.png");
  background-position: center bottom;
  opacity: 0.9;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

#map {
  height: 70rem;
}

.pagination {
  margin-top: 6rem;
  text-align: center;
}
.pagination .page-numbers {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  line-height: 3.8rem;
  border: 1px solid #0b8e36;
  border-radius: 1px;
  text-align: center;
  font-size: 1.6rem;
  color: #0b8e36;
  text-decoration: none;
}
.pagination .page-numbers:hover {
  background-color: rgb(14.6666666667, 189.3333333333, 72);
  color: #fff;
}
.pagination .page-numbers:active {
  background-color: rgb(9.9, 127.8, 48.6);
  color: #fff;
}
.pagination .page-numbers.current {
  background-color: #0b8e36;
  color: #fff;
}

.offset {
  padding-left: 4rem;
}
.offset > h1,
.offset > h2,
.offset > h3,
.offset > h4 {
  position: relative;
  left: -4rem;
}

.alert {
  position: relative;
  padding: 1.5rem 2.5rem;
}
.alert.alert-success {
  background-color: #d3f5d3;
  color: #008e00;
}
.alert.alert-error {
  background-color: #f9c7cc;
  color: #b30012;
}
.alert.alert-floating {
  position: fixed;
  top: 15rem;
  left: 50%;
  width: 100%;
  max-width: 62rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 500;
}
.alert i {
  position: absolute;
  top: 1.2rem;
  right: 1.4rem;
  font-size: 1.8rem;
  color: #000;
  opacity: 0.2;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.alert i:hover {
  opacity: 0.5;
}

hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 1.2rem 0;
  background: #e5e5e5;
  border: 0;
}

.input-check {
  display: block;
  margin-top: 3.2rem;
}
.input-check.check-ok {
  color: #2da024;
}
.input-check.check-warning {
  color: #fdb714;
}
.input-check.check-error {
  color: #ff2339;
}

@-webkit-keyframes bounce {
  0%, 6.667%, 17.667%, 26.667%, 33.333%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) rotate(135deg);
            transform: translateZ(0) rotate(135deg);
  }
  13.333%, 14.333% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) rotate(135deg);
            transform: translate3d(0, -30px, 0) rotate(135deg);
  }
  23.333% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) rotate(135deg);
            transform: translate3d(0, -15px, 0) rotate(135deg);
  }
  30% {
    -webkit-transform: translate3d(0, -4px, 0) rotate(135deg);
            transform: translate3d(0, -4px, 0) rotate(135deg);
  }
}

@keyframes bounce {
  0%, 6.667%, 17.667%, 26.667%, 33.333%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) rotate(135deg);
            transform: translateZ(0) rotate(135deg);
  }
  13.333%, 14.333% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) rotate(135deg);
            transform: translate3d(0, -30px, 0) rotate(135deg);
  }
  23.333% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) rotate(135deg);
            transform: translate3d(0, -15px, 0) rotate(135deg);
  }
  30% {
    -webkit-transform: translate3d(0, -4px, 0) rotate(135deg);
            transform: translate3d(0, -4px, 0) rotate(135deg);
  }
}
.fancybox-bg {
  background: black;
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.8;
}

.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 9rem;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
}

.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 9rem;
}

.modal {
  display: none;
  background-color: #0b8e36;
}
.modal,
.modal a {
  color: #e4e4e4;
}
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal strong {
  color: #fff;
  text-align: center;
}

#login {
  width: 40rem;
  padding: 0;
  background-color: transparent;
}
#login .user-form {
  margin: 0;
  padding-top: 5rem;
  padding-bottom: 4rem;
}
#login .user-form h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.8rem;
}
#login .user-form .login-register {
  margin-top: 0;
}
#login .user-form .forgot-password {
  text-align: right;
}
#login .user-form .form-row {
  margin-bottom: 2rem;
}

.footer {
  padding-bottom: 0;
  color: #3c3c3c;
}
.footer h2 {
  position: relative;
  left: -0.6rem;
  margin-bottom: 2.2rem;
  font-size: 1.8rem;
  text-align: left;
}
.footer a {
  color: #3c3c3c;
  text-decoration: none;
}
.footer a:hover {
  color: #0b8e36;
  text-decoration: none;
}
.footer .col {
  float: left;
  margin-left: 2%;
}
.footer .col.col1 {
  width: 26%;
  margin-left: 0;
}
.footer .col.col2 {
  width: 72%;
}
.footer .col.col20 {
  width: 23.5%;
  margin-bottom: 4rem;
}
.footer .col.col20:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}
.footer .footer-logo {
  display: block;
  width: 95%;
  max-width: 25rem;
  height: auto;
}
.footer .footer-logo svg {
  display: block;
  width: 100%;
  height: auto;
}
.footer .footer-logo svg .logo-svg {
  fill: #14223d;
}
.footer nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer nav ul li {
  margin: 0;
  padding: 0;
}
.footer nav ul li a {
  position: relative;
  display: block;
  padding: 0.4rem 0;
  color: #3c3c3c;
  text-decoration: none;
  line-height: 1.3;
}
.footer nav ul li a:hover {
  color: #0b8e36;
  text-decoration: none;
}
.footer nav ul + ul {
  margin-top: 1rem;
}
.footer nav ul + ul li a {
  text-transform: none;
}
.footer .footer-contact i {
  margin-right: 0.5rem;
}
.footer .social {
  margin-top: 0;
  text-align: right;
}
.footer .social a {
  display: inline-block;
  margin-left: 1rem;
  font-size: 2.2rem;
}
.footer .footer-companies {
  padding-top: 16rem;
  padding-bottom: 8rem;
  background-image: url("../images/dots-grey.png");
  background-position: center top;
}
.footer .footer-companies ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.footer .footer-companies ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.footer .footer-companies ul li a {
  display: block;
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.footer .footer-companies ul li a:hover {
  text-decoration: underline;
}
.footer .copyright {
  padding: 2rem 0;
  background-color: #070d1b;
  color: #dfe3e9;
}
.footer .copyright p {
  padding: 0 16rem;
  text-align: center;
}
.footer .copyright .legal {
  margin-top: 0.5rem;
  color: #94979c;
}
.footer .copyright .legal a {
  color: #94979c;
  text-decoration: underline;
}
.footer .copyright .legal a:hover {
  color: #dfe3e9;
}
.footer .copyright .created-by {
  position: absolute;
  right: 3rem;
  top: 0.2rem;
  display: block;
  font-size: 1.4rem;
  color: #94979c;
  opacity: 0.9;
}
.footer .copyright .created-by img {
  display: inline-block;
  width: 8rem;
  height: auto;
  margin-top: -0.3rem;
  margin-left: 1rem;
  vertical-align: middle;
}
.footer .copyright .created-by:hover {
  opacity: 1;
}

.bottom-bar {
  display: none;
  padding: 1.5rem 0;
  background-color: #0b8e36;
  font-size: 0;
  z-index: 999;
}
.bottom-bar .bottom-bar-left {
  display: inline-block;
  width: 68%;
  vertical-align: middle;
  font-size: 1.5rem;
}
.bottom-bar .bottom-bar-left .bottom-bar-title {
  display: inline-block;
  vertical-align: middle;
  width: 28%;
  margin-right: 4%;
}
.bottom-bar .bottom-bar-left .bottom-bar-title h2 {
  color: #fff;
  font-size: 2.8rem;
}
.bottom-bar .bottom-bar-left .bottom-bar-text {
  display: inline-block;
  width: 64%;
  color: #cbdef0;
  vertical-align: middle;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .bottom-bar .bottom-bar-left .bottom-bar-text {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) {
  .bottom-bar .bottom-bar-left {
    width: 100%;
    text-align: center;
  }
}
.bottom-bar .bottom-bar-right {
  display: inline-block;
  width: 32%;
  text-align: right;
  vertical-align: middle;
  font-size: inherit;
}
.bottom-bar .bottom-bar-right .bottom-bar-button {
  display: inline-block;
  vertical-align: middle;
}
.bottom-bar .bottom-bar-right .bottom-bar-button .btn {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .bottom-bar .bottom-bar-right {
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
  }
}
.bottom-bar .fa-times {
  position: absolute;
  top: 1.2rem;
  right: 1.4rem;
  font-size: 1.8rem;
  color: #000;
  opacity: 0.2;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.bottom-bar .fa-times:hover {
  opacity: 0.5;
}
.bottom-bar.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}
.bottom-bar.fake {
  opacity: 0 !important;
}
.bottom-bar .btn {
  background: white;
  color: #0b8e36;
}
.bottom-bar .btn i {
  color: #009640;
}

.grecaptcha-badge {
  opacity: 0;
}

.arrow-left,
.arrow-right,
.arrow-top,
.arrow-down {
  display: block;
  width: 3rem;
  height: 3rem;
  border: 5px solid #000;
  border-color: #e7aa52;
  border-color: #d7d7d7;
  border-width: 5px 5px 0 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.arrow-left:hover,
.arrow-right:hover,
.arrow-top:hover,
.arrow-down:hover {
  border-color: #e7aa52;
}
.arrow-left.disabled, .arrow-left.slick-disabled,
.arrow-right.disabled,
.arrow-right.slick-disabled,
.arrow-top.disabled,
.arrow-top.slick-disabled,
.arrow-down.disabled,
.arrow-down.slick-disabled {
  border-color: #f4f4f4;
  pointer-events: none;
}

.arrow-left {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.arrow-right {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow-down {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.arrow-up {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.text {
  text-align: left;
}

div#cookie-bar {
  -webkit-box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #222;
}

img.alignnone {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
img.aligncenter {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto 0 auto;
}
img.alignright {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 5px 0 20px 20px;
}
img.alignleft {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 5px 20px 20px 0;
}
img.ikonky-odpovednost {
  float: left;
  width: 5rem;
  height: auto;
  margin: 4rem 6rem 0 0;
}

.leaves {
  margin: 4rem 0 0 0;
  padding: 0;
  list-style: none;
}
.leaves li {
  position: relative;
  margin: 0;
  padding: 0.4rem 0;
  padding-left: 2.8rem;
  line-height: 1.5;
}
.leaves li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1em;
  display: block;
  width: 12px;
  height: 7px;
  margin-top: -3px;
  background-image: url("../images/li.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.home-search-cats {
  padding-top: 0;
  z-index: 1;
}
.home-search-cats .water-drop {
  position: absolute;
  top: -6rem;
  left: 8%;
  display: block;
  width: 3500px;
  height: calc(6rem + 1px);
  background-image: url("../images/water-drop.png");
  background-position: top center;
  background-size: auto 110px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.home-search-cats .inner {
  z-index: 5;
}

.home-search {
  float: left;
  width: 28%;
  padding-top: 4rem;
  font-size: 1.4rem;
}
.home-search h2 {
  font-size: 2.2rem;
}
.home-search span i {
  margin-right: 1rem;
  color: #ccc;
}

.home-cats {
  float: left;
  width: 100%;
}
.home-cats .home-cats-item {
  float: left;
  width: 25%;
  margin-left: 0;
  padding: 0 2rem;
  padding-top: 4rem;
}
.home-cats .home-cats-item h2 {
  position: relative;
  font-size: 2.2rem;
  min-height: 5.3rem;
}
.home-cats .home-cats-item .home-cats-subcats {
  margin-top: 3rem;
}
.home-cats .home-cats-item .home-cats-subcats .leaves {
  margin-top: 0;
}
.home-cats .home-cats-item .home-cats-link {
  display: inline-block;
  margin-top: 2rem;
  color: #0b8e36;
  text-decoration: none;
}
.home-cats .home-cats-item .home-cats-link .home-cats-link-title {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.home-cats .home-cats-item .home-cats-link .home-cats-link-icon {
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: 1rem;
  border: 1px solid #b3b2b2;
  border-radius: 50%;
  line-height: 4.2rem;
  color: #3c3c3c;
  text-align: center;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.home-cats .home-cats-item .home-cats-link:hover {
  text-decoration: none;
}
.home-cats .home-cats-item .home-cats-link:hover .home-cats-link-title {
  opacity: 1;
}
.home-cats .home-cats-item .home-cats-link:hover .home-cats-link-icon {
  color: #fff;
  border-color: #0b8e36;
  background-color: #0b8e36;
}

.search-type-tag {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
  padding: 0.3rem 0.9rem;
  border-radius: 1.2rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 600;
  color: #fff;
  pointer-events: none;
  background-color: #0080c9;
}
.search-section-title {
  width: 100%;
  margin: 0 0 2rem 0;
  font-size: 1.8rem;
  color: #14223d;
}
.search-filter {
  margin-top: 1.6rem;
  text-align: center;
}
.search-filter a {
  display: inline-block;
  margin: 0.3rem 0.4rem;
  padding: 0.5rem 1.4rem;
  border-radius: 2rem;
  border: 1px solid #c5c5c5;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #888;
  text-decoration: none;
  -webkit-transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
}
.search-filter a:hover {
  border-color: #0080c9;
  color: #0080c9;
}
.search-filter a.active {
  border-color: #0080c9;
  background-color: #0080c9;
  color: #fff;
  font-weight: 600;
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot?64331552");
  src: url("../fonts/icons.eot?64331552#iefix") format("embedded-opentype"), url("../fonts/icons.woff2?64331552") format("woff2"), url("../fonts/icons.woff?64331552") format("woff"), url("../fonts/icons.ttf?64331552") format("truetype"), url("../fonts/icons.svg?64331552#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "icons";
    src: url("../font/icons.svg?64331552#icons") format("svg");
  }
}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-water:before {
  content: "\e800";
} /* '' */
.icon-gas:before {
  content: "\e801";
} /* 'Ó†A' */
.icon-industry:before {
  content: "\e802";
} /* 'Ó†a' */
.icon-services:before {
  content: "\e803";
} /* '' */
.icon-left:before {
  content: "\e804";
} /* 'Ó†Ą' */
.icon-right:before {
  content: "\e805";
} /* 'Ó†Ö' */
.icon-down:before {
  content: "\e806";
} /* '' */
.icon-up:before {
  content: "\e807";
} /* '' */
.icon-phone:before {
  content: "\e808";
} /* 'Ó†ą' */
.icon-plus:before {
  content: "\e809";
} /* 'Ó†Č' */
.icon-mail:before {
  content: "\e80a";
} /* '' */