@charset "UTF-8";
/* >> Import Fonts
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Import Variables
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Colors
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/*Footer colors*/
/*Menu colors*/
/* >> Other
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Animations variables
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Breakpoints
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Import functions
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Functions
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Import Mixins
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Mixins
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/*Button size*/
/*radius*/
/* >> Animations Mixins
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Import Groups
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Groups
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
footer:after, .flexItem:after, .attachFiles__itemWrapper:after, .attachFiles__blockTitle:after, .attachFiles:after, .attachmentWrapper:after, .videoWrapper__youtube .videoWrapper__youtube__container:after, .videoWrapper__youtube:after, .attachVideo:after, .thumbGallery__navigatorWrapper:after, .attachGallery:after, .responsiveMap .maps-container:after, .responsiveMap:after, .m-menuWrapper:after, .contactForm:after, .baseForms:after, .articleEnd__lead:after, .articleList__item__lead:after, .statText:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

body {
  /*Fix szelessegu footer eseten mukodik, ill kell bele a .contentWrapper csak IE-ben szetesik width: 100%-on*/
  display: flex;
  flex-direction: column;
}
body .stickyWrapper {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column wrap;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
body .stickyWrapper .pageWrapper {
  width: 100%;
  flex: 1 1 auto;
  padding: 2.2rem 0 0 0;
}
@media only screen and (min-width: 1024px) {
  body .stickyWrapper .pageWrapper {
    width: 100%;
    flex: 1 1 auto;
    padding: 5.5rem 0 0 0;
  }
}

.attachGallery, .articleEnd__lead, .articleList__item__lead, .baseForms, .statText {
  color: #ebebeb;
  line-height: 1.6;
  font-size: 0.875rem;
}
@media only screen and (min-width: 1200px) {
  .attachGallery, .articleEnd__lead, .articleList__item__lead, .baseForms, .statText {
    font-size: 0.9375rem;
  }
}
@media only screen and (min-width: 1400px) {
  .attachGallery, .articleEnd__lead, .articleList__item__lead, .baseForms, .statText {
    font-size: 1rem;
  }
}
.attachGallery p, .articleEnd__lead p, .articleList__item__lead p, .baseForms p, .statText p {
  font-size: 0.875rem;
  margin-bottom: 1em;
}
.attachGallery p:last-child, .articleEnd__lead p:last-child, .articleList__item__lead p:last-child, .baseForms p:last-child, .statText p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
  .attachGallery p, .articleEnd__lead p, .articleList__item__lead p, .baseForms p, .statText p {
    font-size: 0.9375rem;
  }
}
@media only screen and (min-width: 1400px) {
  .attachGallery p, .articleEnd__lead p, .articleList__item__lead p, .baseForms p, .statText p {
    font-size: 1rem;
  }
}
.attachGallery a, .articleEnd__lead a, .articleList__item__lead a, .baseForms a, .statText a {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  color: #487333;
}
.attachGallery a:hover, .articleEnd__lead a:hover, .articleList__item__lead a:hover, .baseForms a:hover, .statText a:hover {
  color: #5e9643;
}
.attachGallery i, .articleEnd__lead i, .articleList__item__lead i, .baseForms i, .statText i {
  font-style: italic;
}
.attachGallery b, .articleEnd__lead b, .articleList__item__lead b, .baseForms b, .statText b, .attachGallery strong, .articleEnd__lead strong, .articleList__item__lead strong, .baseForms strong, .statText strong {
  font-weight: 700;
}
.attachGallery ul, .articleEnd__lead ul, .articleList__item__lead ul, .baseForms ul, .statText ul,
.attachGallery ol,
.articleEnd__lead ol,
.articleList__item__lead ol,
.baseForms ol,
.statText ol {
  margin: 0.75em 0;
  line-height: 1.6;
}
@media only screen and (min-width: 1024px) {
  .attachGallery ul, .articleEnd__lead ul, .articleList__item__lead ul, .baseForms ul, .statText ul,
.attachGallery ol,
.articleEnd__lead ol,
.articleList__item__lead ol,
.baseForms ol,
.statText ol {
    line-height: 1.25;
  }
}
.attachGallery ul, .articleEnd__lead ul, .articleList__item__lead ul, .baseForms ul, .statText ul {
  list-style-type: none;
  margin: 0.75em 0;
  /*list-style-image: url("../images/svg-listImg.svg");*/
}
.attachGallery ol, .articleEnd__lead ol, .articleList__item__lead ol, .baseForms ol, .statText ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.attachGallery ol li, .articleEnd__lead ol li, .articleList__item__lead ol li, .baseForms ol li, .statText ol li {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}
.attachGallery ol li:last-child, .articleEnd__lead ol li:last-child, .articleList__item__lead ol li:last-child, .baseForms ol li:last-child, .statText ol li:last-child {
  margin-bottom: 0;
}
.attachGallery ul li, .articleEnd__lead ul li, .articleList__item__lead ul li, .baseForms ul li, .statText ul li {
  background: url(../images/icon/svg-listImg.svg) no-repeat top 0.125rem left 0.375rem;
  background-size: 0.9375rem 0.9375rem;
  margin-bottom: 0.5em;
  padding-left: 2em;
}
.attachGallery ul li:last-child, .articleEnd__lead ul li:last-child, .articleList__item__lead ul li:last-child, .baseForms ul li:last-child, .statText ul li:last-child {
  margin-bottom: 0;
}
.attachGallery table, .articleEnd__lead table, .articleList__item__lead table, .baseForms table, .statText table {
  display: table;
  overflow-x: auto;
}
@media only screen and (min-width: 720px) {
  .attachGallery table, .articleEnd__lead table, .articleList__item__lead table, .baseForms table, .statText table {
    display: table;
  }
}
.attachGallery img, .articleEnd__lead img, .articleList__item__lead img, .baseForms img, .statText img {
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.contactForm_submit, .flexItem, .contactForm, .attachFiles__itemWrapper, .attachmentWrapper, .attachVideo, .galleryList.--reference, .galleryList, .static__attachGallery .static__attachGallery__innerWrapper, .thumbGallery__bigImg, .thumbGallery__navigator, .thumbGallery, .tileList, .articleEnd .articleEnd__top, .articleList .articleList__column, .articleList .articleList__item, .articleList, .headerWrapper, .searchBox .searchBox__wrapper, .preHeader .preHeaderContainer, .flexText, .btn-floating, .buttonWrapper, .whyUs__list .whyUs__list__item, .contactForm .formItem__upload, .baseForms .formItem__upload {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.contactForm, .baseForms {
  /* --- --- --- */
  /* --- --- --- */
  /* --- --- --- */
  /* --- --- --- */
  /* --- --- --- */
  /* --- --- --- */
}
.contactForm .formItem, .baseForms .formItem {
  margin-bottom: 1rem;
}
.contactForm .formItem__title, .baseForms .formItem__title {
  margin-bottom: 0.25rem;
  color: #e9d091;
  font-size: 0.9375rem;
}
.contactForm .formItem__note, .baseForms .formItem__note {
  font-size: 0.8125rem;
  margin-top: 0.25rem;
}
.contactForm .formItem__alert, .baseForms .formItem__alert {
  display: block;
  position: relative;
  font-size: 0.6875rem;
  line-height: 1.6;
  font-weight: bold;
  background-color: #dc2626;
  color: white;
  margin: 0.3125rem 0 0;
  padding: 0 0.3rem;
  border: 0.0625rem solid #dc2626;
  border-radius: 0.1875rem;
}
.contactForm input, .baseForms input, .contactForm select, .baseForms select, .contactForm textarea, .baseForms textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  padding: 0 0.5rem;
  border: 0.0625rem solid #cdcdcd;
  outline-color: #e9d091;
  color: black;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1.125rem;
}
.contactForm input, .baseForms input, .contactForm select, .baseForms select {
  height: 3rem;
}
.contactForm input:read-only, .baseForms input:read-only {
  background-color: #ffffff;
  border-color: #e4e4e4;
}
.contactForm textarea, .baseForms textarea {
  min-height: 9.375rem;
  resize: vertical;
  padding: 0.5rem;
}
.contactForm select, .baseForms select {
  background: white url("../images/icon/svg-select.svg") no-repeat right 0.5rem center;
  background-size: 0.75rem;
  padding: 0 1.875rem 0 0.5rem;
}
.contactForm select option, .baseForms select option {
  line-height: 2.75rem;
}
.contactForm input::-ms-clear, .baseForms input::-ms-clear {
  display: none;
}
.contactForm .submit, .baseForms .submit {
  display: block;
  width: 8.125rem;
  height: 2.75rem;
  margin: 0 auto;
  line-height: inherit;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
}
.contactForm .btn--submitForm, .baseForms .btn--submitForm {
  display: block;
  width: 13.75rem;
  margin: 0 auto;
  color: #487333;
  background: #1f2937;
  border: none;
  cursor: pointer;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  padding: 0 0.75rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 3.75rem;
  height: 3.75rem;
  border-radius: 0.1875rem;
}
.contactForm .btn--submitForm:hover, .baseForms .btn--submitForm:hover {
  background: #445a79;
}
.contactForm .btn--submitForm:read-only, .baseForms .btn--submitForm:read-only {
  background-color: #e9d091;
  border: none;
  color: white;
}
.contactForm fieldset, .baseForms fieldset {
  width: 100%;
  padding: 0.625rem;
  background: transparent;
  margin-bottom: 0.9375rem;
  border: 0.0625rem solid #e0e0e0;
}
.contactForm fieldset legend, .baseForms fieldset legend {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.025em;
  color: white;
  padding: 0.375rem 0.625rem;
}
@media only screen and (min-width: 1024px) {
  .contactForm fieldset, .baseForms fieldset {
    padding: 1.25rem;
  }
}
.contactForm .formItem--checkBox, .baseForms .formItem--checkBox {
  margin-bottom: 0.75rem;
  /*extra*/
}
.contactForm .formItem--checkBox .regular-checkbox, .baseForms .formItem--checkBox .regular-checkbox {
  display: none;
  width: 100%;
}
.contactForm .formItem--checkBox .regular-checkbox + label, .baseForms .formItem--checkBox .regular-checkbox + label {
  display: inline-block;
  vertical-align: middle;
  width: 2.375rem;
  height: 2.375rem;
  background-color: white;
  padding: 0;
  position: relative;
  z-index: 2;
  border: 0.0625rem solid #cdcdcd;
}
.contactForm .formItem--checkBox .regular-checkbox + label:active, .baseForms .formItem--checkBox .regular-checkbox + label:active,
.contactForm .formItem--checkBox .regular-checkbox:checked + label,
.baseForms .formItem--checkBox .regular-checkbox:checked + label {
  border-color: #487333;
}
.contactForm .formItem--checkBox .regular-checkbox:checked + label:active, .baseForms .formItem--checkBox .regular-checkbox:checked + label:active {
  border-color: #487333;
}
.contactForm .formItem--checkBox .regular-checkbox:checked + label::after, .baseForms .formItem--checkBox .regular-checkbox:checked + label::after {
  background: #487333 url("../images/icon/checked.svg") no-repeat center center;
  background-size: 1.5rem 1.5rem;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
}
.contactForm .formItem--checkBox .checkbox-text, .baseForms .formItem--checkBox .checkbox-text {
  width: calc(100% - 3.125rem);
  line-height: 1.2em;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
  color: #000;
}
.contactForm .formItem--checkBox .checkbox-text a, .baseForms .formItem--checkBox .checkbox-text a {
  color: #000;
  text-decoration: underline;
}
.contactForm .formItem--checkBox .checkbox-text a:hover, .baseForms .formItem--checkBox .checkbox-text a:hover {
  color: #dc2626;
}
.contactForm .formItem--checkBox:last-child, .baseForms .formItem--checkBox:last-child {
  margin-bottom: 0;
}
.contactForm .formItem--checkBox .formItem__alert, .baseForms .formItem--checkBox .formItem__alert {
  margin-top: 0.625rem;
}
.contactForm .formItem--checkBox.formItem--checkBox--extra, .baseForms .formItem--checkBox.formItem--checkBox--extra {
  border-bottom: 0.0625rem solid #f5f5f5;
  border-top: 0.0625rem solid #f5f5f5;
  padding: 0.75rem 0;
}
.contactForm .formItem--checkBox.formItem--checkBox--extra input, .baseForms .formItem--checkBox.formItem--checkBox--extra input {
  margin: 0.625rem 0 0.3125rem;
}
.contactForm .formItem--btn_checkBox, .baseForms .formItem--btn_checkBox {
  margin-bottom: 0.75rem;
}
.contactForm .formItem--btn_checkBox label, .baseForms .formItem--btn_checkBox label {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: #fff;
  cursor: pointer;
}
.contactForm .formItem--btn_checkBox label span, .baseForms .formItem--btn_checkBox label span {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  padding: 0.625rem 0.5rem;
  border: 0.0625rem solid #eee;
}
.contactForm .formItem--btn_checkBox label input, .baseForms .formItem--btn_checkBox label input {
  display: none;
}
.contactForm .formItem--btn_checkBox label input:checked + span, .baseForms .formItem--btn_checkBox label input:checked + span {
  background: #e9d091;
  color: #fff;
  border: 0.0625rem solid #e9d091;
}
.contactForm .formItem--radioButton, .baseForms .formItem--radioButton {
  margin-bottom: 0.9375rem;
}
.contactForm .formItem--radioButton .regular-checkbox, .baseForms .formItem--radioButton .regular-checkbox {
  display: none;
  width: 100%;
}
.contactForm .formItem--radioButton .regular-checkbox + label, .baseForms .formItem--radioButton .regular-checkbox + label {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 0.0625rem solid #eee;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05), inset 0 -0.9375rem 0.625rem -0.75rem rgba(0, 0, 0, 0.05);
  padding: 0;
  position: relative;
  float: left;
  margin-right: 0.5em;
  z-index: 2;
  border-radius: 50%;
}
.contactForm .formItem--radioButton .regular-checkbox + label:active, .baseForms .formItem--radioButton .regular-checkbox + label:active,
.contactForm .formItem--radioButton .regular-checkbox:checked + label,
.baseForms .formItem--radioButton .regular-checkbox:checked + label {
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05), inset 0 -0.9375rem 0.625rem -0.75rem rgba(0, 0, 0, 0.05), inset 0.9375rem 0.625rem -0.75rem rgba(255, 255, 255, 0.1);
}
.contactForm .formItem--radioButton .regular-checkbox:checked + label:active, .baseForms .formItem--radioButton .regular-checkbox:checked + label:active {
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05), inset 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
}
.contactForm .formItem--radioButton .regular-checkbox:checked + label::after, .baseForms .formItem--radioButton .regular-checkbox:checked + label::after {
  background: url("../images/svg-radio.svg") no-repeat center center;
  background-size: 0.5rem;
  width: 100%;
  height: 100%;
  display: block;
  content: " ";
}
.contactForm .formItem--radioButton .checkbox-text, .baseForms .formItem--radioButton .checkbox-text {
  line-height: 1.25rem;
  text-align: left;
  display: block;
}
.contactForm .formItem--radioButton .checkbox-text a, .baseForms .formItem--radioButton .checkbox-text a {
  color: #000;
  text-decoration: underline;
}
.contactForm .formItem--radioButton .checkbox-text a:hover, .baseForms .formItem--radioButton .checkbox-text a:hover {
  color: #dc2626;
}
.contactForm .formItem--radioButton:last-child, .baseForms .formItem--radioButton:last-child {
  margin-bottom: 0;
}
.contactForm .formItem--btn_radioBox, .baseForms .formItem--btn_radioBox {
  display: block;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.contactForm .formItem--btn_radioBox label, .baseForms .formItem--btn_radioBox label {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: #fff;
  cursor: pointer;
}
.contactForm .formItem--btn_radioBox label span, .baseForms .formItem--btn_radioBox label span {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  padding: 0.75rem 0.625rem;
  border: 0.125rem solid #060904;
}
.contactForm .formItem--btn_radioBox label input, .baseForms .formItem--btn_radioBox label input {
  display: none;
}
.contactForm .formItem--btn_radioBox label input:checked + span, .baseForms .formItem--btn_radioBox label input:checked + span {
  background: #e9d091;
  color: #fff;
  border: 0.125rem solid #e9d091;
}
.contactForm .formItem--btn_radioBox.small label, .baseForms .formItem--btn_radioBox.small label {
  display: inline-block;
  width: auto;
  cursor: pointer;
}
.contactForm .formItem--btn_radioBox.small label span, .baseForms .formItem--btn_radioBox.small label span {
  display: inline-block;
  width: auto;
}
.contactForm .formItem__upload, .baseForms .formItem__upload {
  justify-content: space-between;
  margin-bottom: 1rem;
}
.contactForm .formItem__upload input, .baseForms .formItem__upload input {
  display: block;
  width: calc(100% - 2.5rem);
}
.contactForm .formItem__upload .btn--upload, .baseForms .formItem__upload .btn--upload {
  display: block;
  background: #e9d091 url("../images/icon-add.svg") no-repeat center center;
}
.contactForm .formItem__upload .btn--delete, .baseForms .formItem__upload .btn--delete {
  display: block;
  background: #dc2626 url("../images/icon-del.svg") no-repeat center center;
}
.contactForm .formItem__upload .btn--upload, .baseForms .formItem__upload .btn--upload, .contactForm .formItem__upload .btn--delete, .baseForms .formItem__upload .btn--delete {
  width: 2.25rem;
  height: 2.25rem;
  background-size: 1.25rem;
  cursor: pointer;
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

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

code {
  font-family: monospace;
}

b, strong {
  font-weight: bold;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearFix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

img {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  display: block;
}

a {
  outline: none;
  text-decoration: none;
}

.pswp {
  position: initial;
}

/* >> Main Layout
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
html {
  height: 100%;
  margin: 0;
  padding: 0;
  /*scroll-behavior: smooth;*/
  -webkit-overflow-scrolling: touch;
}

body {
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.2;
}
body ::selection {
  background: rgba(185, 15, 9, 0.5);
  /* WebKit/Blink Browsers */
}
body ::-moz-selection {
  background: rgba(185, 15, 9, 0.5);
  /* Gecko Browsers */
}
body .contentWrapper {
  width: 90%;
  max-width: 80rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
body .contentWrapper.contentWrapper--fullWidth {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
body .contentWrapper__galleryModified {
  margin: 15vh auto 1.875rem auto;
}
body .pageWrapper {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
}
.pageTitle {
  display: block;
  width: 100%;
  margin: 1rem auto;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #487333;
  font-weight: bold;
}
@media only screen and (min-width: 520px) {
  .pageTitle {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .pageTitle {
    font-size: 2rem;
  }
}
.pageTitle.pageTitle--error {
  font-size: 5.75rem;
  line-height: 1;
  text-align: center;
  margin: 1rem 0;
}
.pageTitle.pageTitle--error-second {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 300;
  color: #000;
  text-align: center;
  margin: 1rem 0;
}

.titleWrapper {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0rem 0 rem 0;
}
.titleWrapper.titleWrapper--page {
  text-align: center;
}
.titleWrapper .pageTitle {
  display: inline-block;
  width: auto;
  margin: 0rem 0 0.5rem 0;
}

.sectionTitle {
  position: relative;
  display: inline-block;
  margin: 0 auto 1.25rem;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1.625rem;
  line-height: 1.2;
  letter-spacing: 0.03125rem;
  color: #487333;
  font-weight: bold;
  text-transform: uppercase;
  /* &:before{content: ''; display: block; position: absolute; width: 80px; height: 2px; left: -100px; top: calc(50% - 1px); background: $color-active;}
  &:after{content: ''; display: block; position: absolute; width: 80px; height: 2px; right: -100px; top: calc(50% - 1px); background: $color-active;}*/
}
@media only screen and (min-width: 520px) {
  .sectionTitle {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .sectionTitle {
    font-size: 2.25rem;
  }
}
.sectionTitle.sectionTitle--white {
  color: white;
}
.sectionTitle.sectionTitle--white:before {
  background-color: white;
}
.sectionTitle.sectionTitle--white:after {
  background-color: white;
}

.pageContent {
  color: #e5e7eb;
  background-color: #ffffff;
}

.decoration-divider {
  display: flex;
  margin: 1.25rem;
  justify-content: center;
}
.decoration-divider div {
  width: 4rem;
  height: 0.25rem;
  border-radius: 999rem;
  background-color: #dc2626;
  display: inline-flex;
}

.subTitle {
  position: relative;
  display: block;
  margin: 0 auto 1.25rem;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.03125rem;
  color: #487333;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (min-width: 520px) {
  .subTitle {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .subTitle {
    font-size: 2rem;
  }
}
.subTitle.subTitle--white {
  color: white;
}
.subTitle.subTitle--color-light {
  color: #b0d49e;
}

.linkBox__item {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 0.5rem 0;
  padding: 0.5rem 1.125rem 0.5rem 0;
  color: white;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.4);
}
.linkBox__item:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 1rem;
  height: 100%;
  top: 0;
  right: 0;
  background-color: transparent;
  background-image: url("../images/icons/link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem 1rem;
  opacity: 0.5;
}
.linkBox__item:hover {
  border-bottom: 0.0625rem solid white;
  padding: 0.5rem 1.125rem 0.5rem 0.5rem;
}
.linkBox__item:hover:before {
  opacity: 1;
}

/*Staff*/
.staff {
  padding: 0 0 0;
}
.staff .sectionTitle {
  margin: 0;
}

.article {
  padding: 2rem 0;
}
@media only screen and (min-width: 1024px) {
  .article {
    padding: 4rem 0;
  }
}
.article .sectionTitle {
  margin: 0;
}

/* why choose us */
.whyUs {
  display: block;
  width: 100%;
  margin: 0;
  padding: 5rem 0;
  background-color: #487333;
  color: white;
}
.whyUs .titleWrapper {
  padding-bottom: 3rem;
}
.whyUs .whyUs__text {
  font-size: 1rem;
  line-height: 1.5;
  color: white;
  text-align: center;
}

.whyUs__list {
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1rem;
}
@media only screen and (min-width: 720px) {
  .whyUs__list {
    width: 90%;
    padding: 6rem 1rem 3rem;
  }
}
.whyUs__list .whyUs__list__item {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.whyUs__list .whyUs__list__item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 720px) {
  .whyUs__list .whyUs__list__item {
    margin-bottom: 6rem;
  }
}
.whyUs__list .whyUs__list__item .whyUs__list__item__number {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  display: inline-block;
  position: relative;
  width: 5.5rem;
  height: 5.5rem;
  margin: 0 auto;
  line-height: 5.5rem;
  font-size: 3.25rem;
  font-weight: bold;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: white;
  background-color: #325023;
  border-radius: 50%;
}
.whyUs__list .whyUs__list__item .whyUs__list__item__number:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.375rem;
  left: -0.375rem;
  z-index: -1;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  background-color: #639d46;
  opacity: 0.75;
}
@media only screen and (min-width: 720px) {
  .whyUs__list .whyUs__list__item .whyUs__list__item__number {
    margin: 0;
  }
}
.whyUs__list .whyUs__list__item .whyUs__list__item__content {
  display: block;
  width: 100%;
  margin: 2rem 0 0;
}
@media only screen and (min-width: 720px) {
  .whyUs__list .whyUs__list__item .whyUs__list__item__content {
    display: inline-block;
    width: calc(100% - 8.75rem);
  }
}
.whyUs__list .whyUs__list__item .whyUs__list__item__title {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: #b0d49e;
}
@media only screen and (min-width: 720px) {
  .whyUs__list .whyUs__list__item .whyUs__list__item__title {
    display: inline-block;
    text-align: left;
  }
}
.whyUs__list .whyUs__list__item .whyUs__list__item__lead {
  font-size: 1rem;
  line-height: 1.5;
  color: white;
}

/*Slider*/
#iwslider {
  margin: 0 auto;
  height: 80.75rem;
}
#iwslider:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  top: 0;
  left: 0;
  background: white;
  background: -moz-linear-gradient(180deg, rgba(95, 95, 95, 0) 0%, rgba(51, 51, 51, 0.5) 75%);
  background: -webkit-linear-gradient(1800deg, rgba(95, 95, 95, 0) 0%, rgba(51, 51, 51, 0.5) 75%);
  background: linear-gradient(180deg, rgba(95, 95, 95, 0) 0%, rgba(51, 51, 51, 0.5) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#544681", endColorstr="#544681", GradientType=1);
}
#iwslider .slide-url {
  /*z-index: 12!important;*/
}

.page__slider {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .page__slider {
    display: block;
  }
}

.iwslide__title {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: #000;
  max-width: 62.5rem;
  width: 90%;
  margin: 0 auto;
  padding-top: 2.375rem;
  padding-bottom: 1.875rem;
  background: transparent;
  z-index: 10;
  text-align: left;
  border-top: 0.125rem solid white;
  border-bottom: 0.125rem solid white;
}

/*Button style*/
.buttonWrapper {
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.buttonWrapper.buttonWrapper--center {
  justify-content: center;
}
.buttonWrapper.buttonWrapper--right {
  justify-content: flex-end;
}
.buttonWrapper.buttonWrapper--showMore {
  padding: 2rem 0 0;
}

.btn {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  background-color: #487333;
  color: white;
  border: none;
  padding: 0 1rem;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.1875rem;
}
.btn:hover {
  background-color: #324258;
}

.btn--webshop {
  font-size: 0.75rem;
  line-height: 32px;
  z-index: 1001;
}

.btn--office {
  font-size: 0.5rem;
  letter-spacing: 0;
  line-height: 1.625rem;
  padding: 0.1875rem 0.3125rem;
  text-align: left;
  background-color: transparent;
  border: 0.0625rem solid #487333;
  color: #487333;
}
.btn--office:hover {
  border: 0.0625rem solid #060904;
  color: #060904;
  background-color: transparent;
}
@media only screen and (min-width: 520px) {
  .btn--office {
    font-size: 0.75rem;
    padding: 0.1875rem 0.5rem 0.1875rem 2rem;
    background-image: url("../images/icons/btn-time.svg");
    background-repeat: no-repeat;
    background-position: left 0.375rem center;
    background-size: 1.1875rem 1.1875rem;
  }
  .btn--office:hover {
    background-image: url("../images/icons/btn-time-hover.svg");
  }
}

.btn--news {
  font-size: 8px;
  letter-spacing: 0;
  line-height: 1.625rem;
  padding: 0.1875rem 0.3125rem;
  text-align: left;
  background-color: transparent;
  border: 0.0625rem solid #487333;
  color: #487333;
}
.btn--news:hover {
  border: 0.0625rem solid #060904;
  color: #060904;
  background-color: transparent;
}
@media only screen and (min-width: 520px) {
  .btn--news {
    font-size: 0.75rem;
    padding: 0.1875rem 0.5rem 0.1875rem 2rem;
    background-image: url("../images/icons/btn-news.svg");
    background-repeat: no-repeat;
    background-position: left 0.375rem center;
    background-size: 1.1875rem 1.1875rem;
  }
  .btn--news:hover {
    background-image: url("../images/icons/btn-news-hover.svg");
  }
}

.btn--book {
  -webkit-box-shadow: 0px 4px 26px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 4px 26px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 4px 26px 0px rgba(50, 50, 50, 0.2);
  background: #372d57;
  background: -moz-linear-gradient(90deg, #372d57 0%, #544681 100%);
  background: -webkit-linear-gradient(90deg, #372d57 0%, #544681 100%);
  background: linear-gradient(90deg, #372d57 0%, #544681 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#372d57",endColorstr="#544681",GradientType=1);
  padding: 0;
  width: 2.375rem;
  line-height: 2.375rem;
  font-weight: 200;
  top: calc(50% - 1rem);
  border-radius: 2.75rem;
  text-indent: -900em;
  color: transparent;
}
@media only screen and (min-width: 1024px) {
  .btn--book {
    font-size: 0.9375rem;
    line-height: 2.75rem;
    text-indent: initial;
    width: auto;
    padding: 0 2rem;
    color: white;
  }
}
.btn--book:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/icons/btn--book.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.25rem 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .btn--book:before {
    display: none;
  }
}
.btn--circle {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  font-size: 0;
  margin: 0 0 0 auto;
  background-color: #060904;
  background-image: url("../images/icons/btn-circle.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem 1rem;
  border-radius: 2.75rem;
}
.btn--circle:hover {
  background-color: black;
}

.btn--border {
  background: transparent;
  font-weight: 200;
  padding: 0 2rem;
  border: 0.0625rem solid white;
  border-radius: 2.75rem;
}
.btn--border:hover {
  background-color: #e9d091;
}

.btn--big {
  line-height: 2.375rem;
  font-size: 0.9375rem;
  padding: 0 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .btn--big {
    line-height: 4.125rem;
    font-size: 1.125rem;
    padding: 0 1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .btn--big {
    line-height: 3rem;
    font-size: 1.5rem;
    padding: 0 1.5625rem;
  }
}

.btn--more {
  background: transparent;
  font-weight: 300;
  color: #487333;
  line-height: 2rem;
  font-size: 0.8125rem;
  padding: 0 0.5rem;
  border: none;
  margin-top: 0.625rem;
}
.btn--more:hover {
  background: #487333;
  color: white;
}

.btn-search {
  line-height: 3.125rem;
  height: 3.125rem;
  width: 7.5rem;
  border-radius: 0;
  -webkit-border-top-right-radius: 0.3125rem;
  -webkit-border-bottom-right-radius: 0.3125rem;
  -moz-border-radius-topright: 0.3125rem;
  -moz-border-radius-bottomright: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.btn--section {
  font-size: 1.125rem;
  line-height: 2rem;
  font-weight: normal;
  padding: 0 2rem;
  background: transparent;
  color: #487333;
  text-transform: none;
  background-image: url(../images/icons/btn-more-left.svg), url(../images/icons/btn-more-right.svg);
  background-position: left 0.75rem center, right 0.75rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: 0.75rem 0.75rem, 0.75rem 0.75rem;
}
.btn--showMore {
  background: transparent;
  border: none;
  color: white;
  background: #487333;
  border: 0.0625rem solid transparent;
  border-radius: 0.9375rem;
  padding: 0 2rem;
}

.btn--back {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: bold;
  background: #111827;
  color: #487333;
  padding: 0 2rem;
}

/* >> StaticPage
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.staticPage,
.pageEnd {
  display: block;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto 1rem;
  padding: 3.15rem 0 0;
  background: transparent;
}
.staticPage .contentWrapper,
.pageEnd .contentWrapper {
  width: 96%;
}
@media only screen and (min-width: 1024px) {
  .staticPage,
.pageEnd {
    padding: 8.8rem 0 0;
    margin: 0 auto 2rem;
  }
}

.staticPage__wrapper {
  display: block;
  width: 90%;
  max-width: 60rem;
  margin: 0 auto 2rem;
}

.listPage {
  display: block;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto 1rem;
  padding: 3.15rem 0 0;
  background: transparent;
}
.listPage .contentWrapper {
  width: 96%;
}
@media only screen and (min-width: 1024px) {
  .listPage {
    padding: 4.5rem 0 0;
    margin: 1.5625rem auto 2rem;
  }
}

.error-404 {
  display: block;
  width: 90%;
  max-width: 61.25rem;
}
.error-404 .contentWrapper {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.12);
  max-width: 32.5rem;
  padding: 2rem;
  margin: 2rem auto 0;
  border-radius: 0.625rem;
  background: #ffffff;
}

/*Regisztráció rejtett captcha*/
.captcha-box {
  height: 1.5625rem;
  left: -12.5rem;
  position: fixed;
  top: -3.125rem;
  width: 6.25rem;
}

.statText .ul--section li {
  margin-bottom: 1rem;
  background-position: left 0.5rem center;
  font-weight: normal;
  padding-left: 2rem;
  float: left;
}

/*Float backToTop button*/
.fixed-action-btn {
  position: fixed;
  right: 0.75rem;
  bottom: 0.75rem;
  padding-top: 0.9375rem;
  margin-bottom: 0;
  z-index: 9;
}
.fixed-action-btn img {
  width: 1.125rem;
}
@media only screen and (min-width: 1024px) {
  .fixed-action-btn {
    bottom: 1.5rem;
  }
}

.btn-floating.btn-large {
  width: 2rem;
  height: 2rem;
}
@media only screen and (min-width: 1024px) {
  .btn-floating.btn-large {
    width: 3.125rem;
    height: 3.125rem;
  }
}

.btn-floating {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0;
  background-color: #1c2c14;
  transition: 0.3s;
  cursor: pointer;
  opacity: 0.4;
  border-radius: 50%;
}
.btn-floating:hover {
  opacity: 1;
}

.scale-transition.scale-out {
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.2s !important;
  transition: transform 0.2s, -webkit-transform 0.2s !important;
}

/* >> Cookie bar style
--------------------------------------------*/
#cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  color: white;
  z-index: 10000000;
  height: auto;
  padding: 0.625rem 0.625rem;
}

.m-statText {
  display: block;
  font-size: 0.625rem;
  color: #ffffff;
  line-height: 1.2;
  padding-right: 0;
}

.m-statText a {
  display: inline-block;
  width: auto;
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.cookieButtonWrapper {
  display: block;
  text-align: center;
  margin-top: 0.625rem;
}

.jqs-enable {
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.6875rem;
  text-decoration: none;
  background: #487333;
  padding: 0.5625rem 0.75rem;
}

.jqs-enable:hover {
  background-color: #5e9643;
}

.cookieWrapper {
  display: table;
  width: 95%;
  max-width: 68.75rem;
  margin: 0 auto;
}

@media only screen and (min-width: 32.5rem) {
  #cookie-bar {
    padding: 0.625rem 0.625rem;
  }

  .cookieWrapper {
    display: block;
  }

  .m-statText {
    display: table-cell;
    padding-right: 1rem;
    font-size: 0.6875rem;
  }

  .cookieButtonWrapper {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
  }
}
@media only screen and (min-width: 45rem) {
  #cookie-bar {
    padding: 0.625rem 1.5625rem;
  }

  .m-statText {
    font-size: 0.875rem;
  }
}
.preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
}

.parallax-section {
  background-image: url("../images/index-parallax.jpg");
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  min-height: 40rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 5rem 1.5rem 0;
}
.parallax-section.--subPage {
  min-height: 20rem;
}
.parallax-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: black;
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
.parallax-section .inParallax-section {
  z-index: 50;
}
.parallax-section .inParallax-section h3 {
  font-size: 42px;
  text-align: center;
  margin-bottom: 15px;
}
.parallax-section .inParallax-section h5 {
  font-size: 28px;
  text-align: center;
}

.counter-section {
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
  padding: 2.25rem 0.625rem;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-evenly;
}
@media only screen and (min-width: 720px) {
  .counter-section {
    padding: 2.25rem 0;
  }
}
.counter-section .counter .counter-status {
  font-size: 2rem;
  line-height: 1;
}
@media only screen and (min-width: 720px) {
  .counter-section .counter .counter-status {
    font-size: 3rem;
    line-height: 1;
  }
}
.counter-section .counter .counter-status .counter-status_Number {
  display: inline-block;
  color: white;
}
.counter-section .counter .counter-status .counter-status_plus {
  color: #487333;
}
.counter-section .counter .counter_Type {
  color: #487333;
  font-weight: 700;
  padding-top: 1.125rem;
  letter-spacing: 0.025em;
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (min-width: 520px) {
  .counter-section .counter .counter_Type {
    font-size: 1rem;
  }
}

.why-us {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 1.125rem;
}
.why-us .why-us_Title_Container {
  margin-bottom: 4rem;
  text-align: center;
}
.why-us .why-us_Title_Container .why-us_Title {
  color: white;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: -0.025rem;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_Title_Container .why-us_Title {
    margin-bottom: 2rem;
    font-size: 2.75rem;
    line-height: 2.5rem;
    font-weight: 800;
    letter-spacing: 0.025em;
  }
}
@media only screen and (min-width: 1400px) {
  .why-us .why-us_Title_Container .why-us_Title {
    font-size: 4rem;
  }
}
.why-us .why-us_mainContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem auto;
  width: 100%;
}
.why-us .why-us_mainContainer .why-us_singleSection {
  width: 100%;
  transition: all;
  transition-duration: 700ms;
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .why-us_singleSection {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .why-us_singleSection {
    width: 33.333%;
  }
  .why-us .why-us_mainContainer .why-us_singleSection:hover {
    background-color: black;
    transform: scale(1.1);
    -webkit-box-shadow: 11px 14px 35px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 11px 14px 35px -8px rgba(0, 0, 0, 0.75);
    box-shadow: 11px 14px 35px -8px rgba(0, 0, 0, 0.75);
    z-index: 20;
    border-radius: 15px;
  }
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox {
  padding: 2.5rem 1.25rem;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) {
  .why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header {
    flex-direction: row;
  }
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 1200px) {
  .why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon {
    margin-bottom: 0;
  }
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon.icon-1 {
  background: url("../images/icon/runer-silhouette-running-fast.svg") no-repeat;
  background-position: center center;
  background-size: 2.5rem 2.5rem;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon.icon-2 {
  background: url("../images/icon/double-arrow.svg") no-repeat;
  background-position: center center;
  background-size: 2.5rem 2.5rem;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon.icon-3 {
  background: url("../images/icon/shield.svg") no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon.icon-4 {
  background: url("../images/icon/hand.svg") no-repeat;
  background-position: center center;
  background-size: 2.5rem 2.5rem;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon.icon-5 {
  background: url("../images/icon/rating.svg") no-repeat;
  background-position: center center;
  background-size: 2.5rem 2.5rem;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Icon.icon-6 {
  background: url("../images/icon/best-seller.svg") no-repeat;
  background-position: center center;
  background-size: 2.5rem 2.5rem;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Header .section_Header_Title {
  margin-left: 1rem;
  font-size: 1.5rem;
  color: white;
  font-weight: 700;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Content {
  color: white;
  font-weight: 600;
  font-size: 1rem;
  line-height: 2;
}
.why-us .why-us_mainContainer .why-us_singleSection .singleSection_ContentBox .section_Content .highlighted {
  color: #487333;
}
.why-us .why-us_mainContainer .box-1 {
  border-top: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  border-left: 0.125rem solid transparent;
  border-bottom: 0.125rem solid #487333;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .box-1 {
    border-top: 0.125rem solid transparent;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid transparent;
    border-bottom: 0.125rem solid #487333;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .box-1 {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid #487333;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid transparent;
  }
  .why-us .why-us_mainContainer .box-1:hover {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid transparent;
  }
}
.why-us .why-us_mainContainer .box-2 {
  border-top: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  border-left: 0.125rem solid transparent;
  border-bottom: 0.125rem solid #487333;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .box-2 {
    border-top: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid #487333;
    border-bottom: 0.125rem solid #487333;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .box-2 {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid #487333;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid #487333;
  }
  .why-us .why-us_mainContainer .box-2:hover {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid transparent;
  }
}
.why-us .why-us_mainContainer .box-3 {
  border-top: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  border-left: 0.125rem solid transparent;
  border-bottom: 0.125rem solid #487333;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .box-3 {
    border-top: 0.125rem solid #487333;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid transparent;
    border-bottom: 0.125rem solid #487333;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .box-3 {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid #487333;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid #487333;
  }
  .why-us .why-us_mainContainer .box-3:hover {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid transparent;
  }
}
.why-us .why-us_mainContainer .box-4 {
  border-top: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  border-left: 0.125rem solid transparent;
  border-bottom: 0.125rem solid #487333;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .box-4 {
    border-top: 0.125rem solid #487333;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid #487333;
    border-bottom: 0.125rem solid #487333;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .box-4 {
    border-top: 0.125rem solid #487333;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
  }
  .why-us .why-us_mainContainer .box-4:hover {
    border-left: 0.125rem solid transparent;
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
  }
}
.why-us .why-us_mainContainer .box-5 {
  border-top: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  border-left: 0.125rem solid transparent;
  border-bottom: 0.125rem solid #487333;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .box-5 {
    border-top: 0.125rem solid #487333;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .box-5 {
    border-top: 0.125rem solid #487333;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid #487333;
    border-left: 0.125rem solid #487333;
  }
  .why-us .why-us_mainContainer .box-5:hover {
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid transparent;
  }
}
.why-us .why-us_mainContainer .box-6 {
  border-top: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  border-left: 0.125rem solid transparent;
  border-bottom: 0.125rem solid #487333;
}
@media only screen and (min-width: 720px) {
  .why-us .why-us_mainContainer .box-6 {
    border-top: 0.125rem solid #487333;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid #487333;
    border-bottom: 0.125rem solid transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .why-us .why-us_mainContainer .box-6 {
    border-top: 0.125rem solid #487333;
    border-right: 0.125rem solid transparent;
    border-left: 0.125rem solid #487333;
    border-bottom: 0.125rem solid transparent;
  }
  .why-us .why-us_mainContainer .box-6:hover {
    border-left: 0.125rem solid transparent;
    border-top: 0.125rem solid transparent;
    border-bottom: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
  }
}

.safety-section {
  color: #000;
  background-color: #ffffff;
}
.safety-section .sectionContainer {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
  padding: 2.5rem 1.125rem;
}
.safety-section .sectionContainer .section_TitleContainer {
  text-align: center;
  margin-bottom: 3rem;
}
.safety-section .sectionContainer .section_TitleContainer .section_Title {
  color: #487333;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: -0.025rem;
}
@media only screen and (min-width: 720px) {
  .safety-section .sectionContainer .section_TitleContainer .section_Title {
    margin-bottom: 2rem;
    font-size: 2.75rem;
    line-height: 2.5rem;
    font-weight: 800;
    letter-spacing: 0.025em;
  }
}
@media only screen and (min-width: 1400px) {
  .safety-section .sectionContainer .section_TitleContainer .section_Title {
    font-size: 4rem;
  }
}
.safety-section .sectionContainer .statText {
  text-align: center;
}
.safety-section .sectionContainer .statText p {
  font-weight: 700;
  letter-spacing: 0.025em;
}

@media only screen and (min-width: 1024px) {
  .gray-parent:hover .gray-target {
    filter: grayscale(1) blur(2px);
  }

  .gray-parent .gray-target:hover {
    filter: grayscale(0) blur(0);
  }
}
.sectionTitleWrapper {
  text-align: center;
  margin: 1.875rem 0 1.875rem 0;
}
.sectionTitleWrapper .sectionTitle {
  line-height: 2.5rem;
}

.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 1rem 0 0 0;
  list-style: none;
  justify-content: flex-end;
  padding: 0px 1rem;
}
.breadcrumb-list li {
  font-size: 0.85rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}

/*

<div class="breadcrumb_container">
            <nav>
              <ol class="breadcrumb-list">
                <li class="breadcrumb-item">
                    <a href="#">Nyitólap</a>
                </li>
                <li class="breadcrumb-item active">Bonsai</li>
              </ol>
            </nav>
          </div>

*/
.breadcrumb-item:last-child {
  color: #487333;
}
.breadcrumb-item a {
  color: #a3a3a3;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  display: inline-block;
  padding: 0 0.5rem;
  color: #a3a3a3;
}

.paragraph_title {
  font-size: 24px;
  color: #487333;
  margin: 1rem 0;
  text-align: left;
}

.details {
  display: block;
  margin: 10px 0;
}

.flexText {
  flex-direction: row;
}
.flexText .list_block {
  display: block;
  margin: 10px 0;
}
.flexText .list_item {
  display: list-item;
  list-style-position: inside;
}
.flexText.--contact {
  text-align: center;
  justify-content: center;
  align-items: center;
}
.flexText.--contact .list_block {
  display: block;
  text-align: center;
}
.flexText.--withImage .flexText__text {
  padding: 1rem 1rem 1rem 0;
  width: 100%;
  line-height: 1.5;
  font-size: 18px;
}
.flexText.--withImage .flexText__text .highlighted_text {
  font-weight: 700;
  margin: 5px 0;
}
.flexText.--withImage .flexText__text .highlighted_text__block {
  display: inline-block;
  font-weight: 700;
  margin: 5px 0;
}
@media only screen and (min-width: 1024px) {
  .flexText.--withImage .flexText__text {
    width: 60%;
  }
}
.flexText.--withImage.--imgLeftside {
  flex-direction: row-reverse;
}
.flexText.--withImage.--imgLeftside .flexText__text {
  padding: 1rem 0 1rem 1rem;
}
.flexText.--withImage .flexText__image {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .flexText.--withImage .flexText__image {
    width: 40%;
  }
}
.flexText__text {
  padding: 1rem 0;
  width: 100%;
  line-height: 1.5;
  font-size: 18px;
}
.flexText__text .highlighted_text {
  font-weight: 700;
  margin: 5px 0;
}
.flexText__text .highlighted_text__block {
  display: inline-block;
  font-weight: 700;
  margin: 5px 0;
}

.--only-list > * {
  display: block;
  margin-bottom: 15px;
}
.--only-list > * :last-child {
  margin-bottom: 0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *\
Import BEM (Block - Element - Modifier)
\* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> Header Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.preHeader {
  width: 100%;
  background-color: #487333;
  color: white;
  transition: all ease-in-out;
  transition-duration: 250ms;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.preHeader .preHeaderContainer {
  flex-direction: row;
  max-width: 100%;
  padding: 10px 15px;
  align-items: center;
}
.preHeader .preHeaderContainer .preHeader_contacts_item {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px 0 24px;
  cursor: pointer;
  color: white;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
}
.preHeader .preHeaderContainer .preHeader_contacts_item.preHeader_contacts_item--map {
  background-image: url("../images/icon/map-marker-alt.svg");
}
.preHeader .preHeaderContainer .preHeader_contacts_item.preHeader_contacts_item--phone {
  background-image: url("../images/icon/phone-alt.svg");
}
.preHeader .preHeaderContainer .preHeader_contacts_item:hover {
  color: #060904;
}

.searchBox {
  /*@extend %flexBox;*/
  display: none;
  position: fixed;
  z-index: 1100;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease-out;
}
.searchBox .searchBox__wrapper {
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  z-index: 999;
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
}
.searchBox input[type=text] {
  width: calc(100% - 120px);
  line-height: 48px;
  font-size: 16px;
  padding: 0 12px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #487333;
}

.searchIcon {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  position: relative;
  margin: 0 4px 0 4px;
  border: 1px solid #487333;
  border-radius: 50%;
  background-image: url("../images//icon-search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  cursor: pointer;
}
@media only screen and (min-width: 520px) {
  .searchIcon {
    margin: 0 4px 0 4px;
  }
  .searchIcon:hover {
    transform: scale(1.075);
  }
}

.closeIcon {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -60px;
  right: 20px;
  margin: 0 auto;
  background-image: url("../images/search-close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 44px 44px;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .closeIcon {
    top: 0;
    right: -60px;
  }
}

header {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  display: block;
  width: 100%;
  background-color: white;
  top: 0;
  z-index: 99;
  position: absolute;
  left: 0;
}
header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
header .btn--webshop {
  display: inline-block;
  position: absolute;
  right: 72px;
  background-color: #487333;
}
@media only screen and (min-width: 1024px) {
  header .btn--webshop {
    display: none;
  }
}

/*Headerwrapper*/
.headerWrapper {
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0px auto;
  z-index: 10;
}
.headerWrapper .btn--book {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1024px) {
  .headerWrapper .btn--book {
    top: calc(50% - 22px);
    right: 16px;
  }
}
@media only screen and (min-width: 1400px) {
  .headerWrapper .btn--book {
    top: calc(50% - 22px);
    right: 0;
  }
}

.headerContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  z-index: 999;
  padding: 0px;
  margin: 15px 60px 15px 15px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .headerContainer {
    position: relative;
    top: 0;
    padding: 10px;
    margin: 0px;
  }
}

.menuWrapper {
  display: none;
  padding: 0;
  vertical-align: baseline;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  background-color: #f8fbf6;
}
@media only screen and (min-width: 1024px) {
  .menuWrapper {
    display: block;
  }
}

.header__middle {
  display: block;
  position: absolute;
  z-index: 999;
  top: 6px;
  left: 0;
  padding: 0;
  width: calc(100% - 70px);
}
@media only screen and (min-width: 1024px) {
  .header__middle {
    position: relative;
    padding: 12px 0;
    width: 100%;
    top: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .header__middle {
    padding: 12px 0;
  }
}

/*Logo*/
.logoContainer {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: inline-block;
  position: relative;
  margin: 0;
  z-index: 1001;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .logoContainer {
    margin: 0px;
    padding: 0;
    border: none;
  }
}

.seoWrapper {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  transition: all ease-in-out;
  transition-duration: 250ms;
  justify-content: flex-start;
}
@media only screen and (min-width: 1024px) {
  .seoWrapper {
    justify-content: center;
  }
}
.seoWrapper h1,
.seoWrapper h2 {
  display: none;
}
.seoWrapper img {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  width: 100%;
  max-width: 300px;
  display: inline-block;
  vertical-align: middle;
  transition: all ease-in-out;
  transition-duration: 250ms;
}
@media only screen and (min-width: 1024px) {
  .seoWrapper img {
    width: 100%;
    max-width: 700px;
  }
}

.red-highlight {
  color: #487333;
}

.logoContainer__text {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .logoContainer__text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
  }
}
.logoContainer__text h3,
.logoContainer__text h4,
.logoContainer__text p {
  display: none;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: camelcase;
  color: #487333;
}
@media only screen and (min-width: 720px) {
  .logoContainer__text h3,
.logoContainer__text h4,
.logoContainer__text p {
    display: block;
  }
}
.logoContainer__text h3 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 1px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .logoContainer__text h3 {
    font-size: 34px;
  }
}
.logoContainer__text h4 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #7e7e7e;
  margin-top: 9px;
}
@media only screen and (min-width: 1400px) {
  .logoContainer__text h4 {
    font-size: 32px;
  }
}
.logoContainer__text p {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1024px) {
  .logoContainer__text p {
    font-size: 12px;
  }
}

.langWrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1001;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .langWrapper {
    margin: 0;
    right: 0;
    top: 0;
  }
}
.langWrapper .lang-item {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0 4px;
  color: #487333;
  font-size: 8px;
  line-height: 26px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: bold;
  border: 1px solid #487333;
  border-radius: 0.1875rem;
}
.langWrapper .lang-item.active {
  background-color: #060904;
  border-color: #060904;
  color: white;
}
.langWrapper .lang-item:hover {
  background-color: #5e9643;
  color: white;
  border-color: #5e9643;
}
@media only screen and (min-width: 520px) {
  .langWrapper .lang-item {
    margin: 0 2px 0 0;
    padding: 0 5px;
    font-size: 13px;
    line-height: 26px;
  }
}

.languageSwitcher {
  font-weight: 800;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.languageSwitcher > * {
  padding: 0 5px;
}
.languageSwitcher a {
  color: white;
  display: inline-block;
  text-align: center;
}
.languageSwitcher a:hover {
  color: #487333;
}

.socialIcon {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  margin: 0 2px 0 0;
  padding: 0;
  border: 1px solid #487333;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 19px 19px;
}
.socialIcon.socialIcon--facebook {
  background-image: url("../images/icon/social-facebook.svg");
}
.socialIcon:last-child {
  margin: 0;
}
.socialIcon:hover {
  transform: scale(1.075);
}

/*STICKY*/
header.sticky {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
header.sticky .preHeader {
  display: none;
}
header.sticky .headerWrapper .headerContainer .seoWrapper img {
  transition: all ease-in-out;
  transition-duration: 250ms;
  max-width: 400px;
}
header.sticky .headerWrapper .headerContainer .seoWrapper .logoContainer__text {
  transition: all ease-in-out;
  transition-duration: 250ms;
}
header.sticky .headerWrapper .headerContainer .seoWrapper .logoContainer__text h4 {
  font-size: 20px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *\
dlMenu Style
\* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* >> dlMenu > Animation Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-23.28125rem) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
    transform: translateZ(-15.625rem) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-23.28125rem) rotateY(15deg);
    transform: translateZ(-23.28125rem) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    transform: translateZ(-31.25rem rotateY(0deg));
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0rem) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    transform: translateZ(-31.25rem) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
    transform: translateZ(-15.625rem) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0rem) rotateY(0deg);
    transform: translateZ(0rem) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-12.5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-12.5rem);
    transform: translateZ(-12.5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-12.5rem);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-12.5rem);
    transform: translateZ(-12.5rem);
    opacity: 0;
  }
}
.m-menuWrapper {
  margin-bottom: 16px;
  height: 48px;
  background-color: #000000;
}
.m-menuWrapper .mobilText {
  line-height: 44px;
  font-size: 20px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 5%;
  float: left;
}
@media only screen and (min-width: 1024px) {
  .m-menuWrapper .mobilText {
    display: none;
  }
}

/* >> dlMenu > mobilMenu Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.dl-menuwrapper {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 100;
  width: 100%;
  float: left;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  text-align: right;
}

.dlMenu__mobilMenu {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  background-color: transparent;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 999;
  position: absolute;
  right: 0;
}
.dlMenu__mobilMenu a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}
.dlMenu__mobilMenu .dl-menuwrapper button {
  position: relative;
  right: 12px;
  width: 50px;
  height: 50px;
  padding: 0;
  background: url("../images/icon/bg-mobilMenu.svg") no-repeat center center;
  background-size: 30px 30px;
  border: none;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  z-index: 2001;
  text-indent: -900em;
  margin: 0;
}
.dlMenu__mobilMenu .dl-menuwrapper button.dl-active {
  background: url("../images/icon/bg-mobilMenu-close.svg") no-repeat center center;
  background-size: 34px 34px;
}
.dlMenu__mobilMenu .dl-menuwrapper ul {
  background-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .dlMenu__mobilMenu {
    display: none;
  }
}
.dlMenu__mobilMenu .dl-menu.mobile_landscape {
  height: calc(100vh - 50px);
}

.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: left;
}

.dl-menuwrapper li {
  position: relative;
  border-bottom: 1px solid #595959;
  /* &:last-child{border-bottom: none;}*/
}
@media only screen and (min-width: 1024px) {
  .dl-menuwrapper li {
    border-color: #cdcdcd;
  }
}

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 12px 30px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.3;
}
@media only screen and (min-width: 1024px) {
  .dl-menuwrapper li a {
    border-bottom: none;
  }
}

.dl-menuwrapper li:last-child a {
  border-bottom: none;
}

/*.no-touch .dl-menuwrapper li a:hover {color: $color-green;}*/
.no-touch .dl-menuwrapper li:first-child > a {
  border-top: none;
}

.dl-menuwrapper li.dl-back > a {
  padding-left: 40px;
  color: #a4ce90;
  background: #2d4920;
}
@media only screen and (min-width: 1024px) {
  .dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: transparent;
    color: #131313;
  }
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: #a4ce90;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (min-width: 1024px) {
  .dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li.dl-back:after {
    color: #131313;
  }
}

.dl-menuwrapper li > a:after {
  right: 10px;
  color: #273e1b;
}

.dl-menuwrapper .dl-menu {
  margin: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1100;
  background-color: #1f2937;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  overflow-y: auto;
  opacity: 1;
  pointer-events: auto;
  top: 45px;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/*.dl-menuwrapper .dl-menu.dl-menu-toggle {opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px);	transform: translateY(0px);}*/
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}

/*When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered.*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: 0;
  /*top: 50px;*/
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: "";
}

header .page-menu_mobil .dl-menu {
  margin-top: 0;
}

.page-menu_pc {
  display: none;
}

.mobilmenu .chevron-down:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1200;
  background: url("../images/icon/chevron-sign-down-black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  left: 4px;
  margin: 0;
  top: calc(50% - 10px);
  opacity: 1;
}
.mobilmenu .chevron-down:hover:after,
.mobilmenu .chevron-down:active:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1200;
  background: url("../images/icon/chevron-sign-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  left: 4px;
  margin: 0;
  top: calc(50% - 10px);
  opacity: 1;
}

.chevron-down:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1200;
  background: url("../images/icon/chevron-sign-down-black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -5px;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.chevron-down:hover:after,
.chevron-down:active:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
  background: url("../images/icon/chevron-sign-down.svg");
  background-size: 12px 12px;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -5px;
  opacity: 1;
}

/* >> dlMenu > Animation Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-23.28125rem) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
    transform: translateZ(-15.625rem) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-23.28125rem) rotateY(15deg);
    transform: translateZ(-23.28125rem) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    transform: translateZ(-31.25rem rotateY(0deg));
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0rem) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-31.25rem) rotateY(0deg);
    transform: translateZ(-31.25rem) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-15.625rem) rotateY(30deg);
    transform: translateZ(-15.625rem) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0rem) rotateY(0deg);
    transform: translateZ(0rem) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-12.5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-12.5rem);
    transform: translateZ(-12.5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-12.5rem);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-18.75rem);
    transform: translateZ(-18.75rem);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0rem);
    transform: translateZ(0rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(18.75rem);
    transform: translateZ(18.75rem);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-12.5rem);
    transform: translateZ(-12.5rem);
    opacity: 0;
  }
}
/* >> dlMenu > pcMenu Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.dlMenu__pcMenu {
  display: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.dlMenu__pcMenu .dl-menuwrapper {
  width: auto;
  display: inline-block;
  float: none;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  font-weight: 600;
  /*3. szint*/
}
.dlMenu__pcMenu .dl-menuwrapper > a {
  position: relative;
  font-size: 1rem;
  line-height: 2.5rem;
  vertical-align: text-bottom;
  padding: 0.3125rem 0.625rem;
  margin: 0.625rem;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .dlMenu__pcMenu .dl-menuwrapper > a {
    font-size: 0.75rem;
    line-height: 1.5625rem;
  }
}
@media only screen and (min-width: 1200px) {
  .dlMenu__pcMenu .dl-menuwrapper > a {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1400px) {
  .dlMenu__pcMenu .dl-menuwrapper > a {
    font-size: 1.0625rem;
  }
}
.dlMenu__pcMenu .dl-menuwrapper:last-child > a:after {
  content: " ";
}
.dlMenu__pcMenu .dl-menuwrapper:hover, .dlMenu__pcMenu .dl-menuwrapper.selected {
  background: #487333;
}
.dlMenu__pcMenu .dl-menuwrapper:hover a, .dlMenu__pcMenu .dl-menuwrapper.selected a {
  color: white;
}
.dlMenu__pcMenu .dl-menuwrapper > .dl-submenu {
  background-color: rgba(255, 255, 255, 0.95);
  width: 23.75rem;
  text-transform: uppercase;
  will-change: opacity;
}
.dlMenu__pcMenu .dl-menuwrapper .dl-menu {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  margin-top: 0;
  display: table;
  width: 22.5rem;
  top: 3.4375rem;
  left: 0;
  background-color: rgba(255, 255, 255, 0.95);
  will-change: opacity;
}
.dlMenu__pcMenu .dl-menuwrapper .dl-menu a {
  text-align: left;
  color: #131313;
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
}
.dlMenu__pcMenu .dl-menuwrapper .dl-menu a:hover {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  background-color: white;
  color: #487333;
}
@media only screen and (min-width: 1200px) {
  .dlMenu__pcMenu .dl-menuwrapper .dl-menu {
    top: 3.4375rem;
  }
}
.dlMenu__pcMenu .dl-menuwrapper li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-bottom: none;
}
.dlMenu__pcMenu .dl-menuwrapper li:last-child a {
  border-bottom: 0;
}
.dlMenu__pcMenu .dl-menuwrapper li:last-child .dl-menu {
  right: 0;
}
.dlMenu__pcMenu .dl-menuwrapper .nav {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: block;
  position: relative;
  z-index: 2;
  color: #000;
}
.dlMenu__pcMenu .dl-menuwrapper .nav:hover {
  color: white;
}
@media only screen and (min-width: 1024px) {
  .dlMenu__pcMenu {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
}

/* >>BlogList Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.articleList {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 80rem;
  margin: 0 auto;
  width: 92%;
}
@media only screen and (min-width: 1024px) {
  .articleList {
    width: 100%;
  }
}
.articleList .articleList__item {
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0 auto 1.875rem;
}
@media only screen and (min-width: 520px) {
  .articleList .articleList__item {
    width: 46%;
    max-width: 46%;
    flex-basis: 46%;
    margin: 0 8% 1.25rem 0;
  }
  .articleList .articleList__item:nth-child(2n) {
    margin: 0 0 1.25rem 0;
  }
}
@media only screen and (min-width: 1024px) {
  .articleList .articleList__item {
    width: 48.5%;
    max-width: 48.5%;
    flex-basis: 48.5%;
    margin: 0 3% 1.875rem 0;
  }
  .articleList .articleList__item:nth-child(2n) {
    margin: 0 0 1.875rem 0;
  }
}
.articleList.articleList--home {
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem 0 0;
}
.articleList.articleList--home .articleList__item {
  box-shadow: none;
}
@media only screen and (min-width: 1024px) {
  .articleList.articleList--home {
    padding: 3rem 0 0;
  }
}
.articleList .articleList__column {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
@media only screen and (min-width: 1024px) {
  .articleList .articleList__column {
    width: 48.5%;
    max-width: 48.5%;
    flex-basis: 48.5%;
  }
}
.articleList .articleList__column.articleList__column--featured {
  margin: 0 0 2rem;
}
.articleList .articleList__column.articleList__column--featured .articleList__item {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__img {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  height: auto;
}
.articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__img img {
  width: 100%;
  height: auto;
}
.articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__content {
  display: block;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 0.75rem;
  position: relative;
  z-index: 5;
  top: -0.75rem;
  background-color: #446c30;
}
.articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__content .articleList__item__title {
  color: white;
  margin: 0;
}
.articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__content .articleList__item__title:hover {
  color: #bedcb0;
}
.articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__content .articleList__item__lead {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .articleList .articleList__column.articleList__column--featured .articleList__item .articleList__item__content {
    padding: 3rem 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .articleList .articleList__column.articleList__column--featured {
    margin: 0;
  }
}
.articleList .articleList__column .articleList__item {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0 0 1.25rem;
}
.articleList .articleList__column .articleList__item:last-child {
  margin: 0;
}
@media only screen and (min-width: 520px) {
  .articleList .articleList__column .articleList__item {
    width: 48.5%;
    max-width: 48.5%;
    flex-basis: 48.5%;
    margin: 0 3% 1.25rem 0;
  }
  .articleList .articleList__column .articleList__item:nth-child(2n) {
    margin: 0 0 1.25rem 0;
  }
}
@media only screen and (min-width: 1024px) {
  .articleList .articleList__column .articleList__item {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    margin: 0 0 1.875rem;
  }
  .articleList .articleList__column .articleList__item:nth-child(2n) {
    margin: 0 0 1.875rem 0;
  }
}
.articleList.articleList--competition .articleList__item__title {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  background: white;
  padding: 0.3rem;
  left: 0;
  border-radius: 0.125rem;
}
@media only screen and (min-width: 1024px) {
  .articleList.articleList--competition .articleList__item__title {
    left: -2rem;
  }
}

/* Blog stílus */
.articleList__item__title {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: block;
  position: relative;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1.125rem;
  line-height: 1;
  font-weight: bold;
  text-transform: none;
  padding: 0;
  color: white;
  margin: 0 0 0.625rem;
}
.articleList__item__title:hover {
  color: #487333;
}

.articleList__item__lead {
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: 500;
  color: #000;
  background: transparent;
  padding: 0;
  text-align: justify;
}

.articleList__item__content {
  position: relative;
  padding: 0.5rem 0 0;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .articleList__item__content {
    width: 62%;
    max-width: 62%;
    flex-basis: 62%;
  }
}

.articleList__item__img {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
  border-radius: 0.3125rem;
  overflow: hidden;
  position: relative;
}
.articleList__item__img img {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.articleList__item__img:hover img {
  transform: scale(1.05);
}
@media only screen and (min-width: 1024px) {
  .articleList__item__img {
    width: 36%;
    max-width: 36%;
    flex-basis: 36%;
  }
}

.articleList__item__link {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  background: transparent url("../images/item-link-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
}
.articleList__item__link:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 0.4375rem;
  width: 0.625rem;
  height: 0.9375rem;
  background: transparent url("../images/item-link-arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.625rem 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .articleList__item__link:hover {
    width: 3.4375rem;
    height: 3.4375rem;
  }
}

.articleList__item__date {
  display: block;
  padding: 0.2rem 0.5rem;
  color: white;
  font-style: italic;
  background-color: #000000;
  border-radius: 0.3125rem;
  max-width: 35%;
  text-align: center;
}

/* >> News End Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.articleEnd {
  display: block;
  width: 90%;
  max-width: 60rem;
  margin: 0 auto 2rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.articleEnd .articleEnd__top {
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  margin: 1rem 0;
}
@media only screen and (min-width: 520px) {
  .articleEnd .articleEnd__top {
    margin: 1rem 0 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .articleEnd .articleEnd__top {
    margin: 2rem 0;
  }
}
.articleEnd .articleEnd__title {
  display: block;
  width: 96%;
  max-width: 96%;
  margin: 0 auto;
  padding: 0.5rem;
  text-align: center;
  position: relative;
  z-index: 5;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1rem;
  line-height: 2.5rem;
  font-weight: bold;
  text-transform: none;
  background: transparent;
  color: white;
}
@media only screen and (min-width: 720px) {
  .articleEnd .articleEnd__title {
    font-size: 2rem;
    padding: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .articleEnd .articleEnd__title {
    width: 45%;
    max-width: 45%;
    font-size: 2rem;
    padding: 1rem;
    top: 0rem;
    margin-bottom: 1rem;
  }
}

.articleEnd__img {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  border-radius: 0.3125rem;
  overflow: hidden;
  display: block;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .articleEnd__img {
    width: 100%;
    max-width: 60%;
  }
}

.articleEnd__lead {
  font-size: 0.875rem;
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem;
  color: white;
  border-bottom: 0.25rem solid #487333;
  border-bottom-style: double;
}
@media only screen and (min-width: 1024px) {
  .articleEnd__lead {
    font-size: 1.125rem;
  }
}

.articleEnd__date {
  display: inline-block;
  position: absolute;
  bottom: 0.1875rem;
  right: 0.1875rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: white;
  font-style: italic;
  background-color: #487333;
  border-radius: 0.3125rem;
  z-index: 2;
}

/* >>BlogList Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.tileList {
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  margin: 1rem 0;
  width: 100%;
}
.tileList .tileList__item {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 0.5rem;
}
@media only screen and (min-width: 520px) {
  .tileList .tileList__item {
    width: 33%;
    max-width: 33%;
    flex-basis: 33%;
  }
}
@media only screen and (min-width: 768px) {
  .tileList .tileList__item {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .tileList .tileList__item {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }
}

/* Blog stílus */
.tileList__item__title {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  display: block;
  position: relative;
  width: 100%;
  top: -5px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  padding: 0.75rem 0.5rem;
  color: white;
  background-color: #487333;
}
.tileList__item__title:hover {
  background-color: #325023;
}

.tileList__item__img {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
  border-radius: 0.3125rem;
  overflow: hidden;
  position: relative;
}
.tileList__item__img img {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.tileList__item__img:hover {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

/* >> contact Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.responsiveMap {
  max-width: 100%;
  margin: 0 auto 1rem;
}
.responsiveMap .maps-container {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
  background: white;
  border-radius: 0.3125rem;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  /*Map magassága*/
  position: relative;
}
.responsiveMap .maps-container .overlay {
  background: transparent;
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  /* your iframe height */
  margin-top: -100%;
  /* your iframe height */
}
.responsiveMap .maps-container iframe, .responsiveMap .maps-container object, .responsiveMap .maps-container embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.responsiveMap .maps-container iframe.clicked {
  pointer-events: auto;
}
@media only screen and (min-width: 720px) {
  .responsiveMap .maps-container {
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 1024px) {
  .responsiveMap .maps-container {
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .responsiveMap .maps-container {
    padding-bottom: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .responsiveMap {
    margin: 0 auto 2rem;
  }
}

/* >> Attachment Video Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.attachGallery {
  margin: 0 auto 0;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  display: block;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin-bottom: 1.5rem;
  padding: 1rem 0.5rem;
  text-align: left;
  background-color: transparent;
}
.attachGallery figure {
  display: block;
  width: 100%;
}

.attachGallery__title {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-weight: normal;
  font-size: 1.5625rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.02em;
}

.attachGallery__noImg {
  width: 100%;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 0.125rem solid #cdcdcd;
  font-size: 0.875rem;
  font-weight: 300;
}
.attachGallery__noImg span {
  font-weight: bold;
  text-align: left;
}

/* >> Thumb Gallery Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.thumbGallery {
  justify-content: flex-start;
}

.thumbGallery__navigator {
  display: none;
}
@media only screen and (min-width: 720px) {
  .thumbGallery__navigator {
    display: flex;
    width: 18%;
    max-width: 18%;
    flex-basis: 18%;
    margin-right: 3%;
    align-content: space-between;
  }
}

.thumbGallery__navigatorWrapper__item {
  margin: 0.5rem 0;
}

.btn--pervThumb-img,
.btn--nextThumb-img {
  width: 100%;
  height: 2.25rem;
  cursor: pointer;
  background-size: 2.25rem;
  opacity: 0.6;
}
.btn--pervThumb-img:hover,
.btn--nextThumb-img:hover {
  opacity: 1;
}

.btn--pervThumb-img {
  background: url("../images/icon/icon-up.svg") no-repeat center center;
  opacity: 0.6;
}
.btn--pervThumb-img:hover {
  opacity: 1;
}

.btn--nextThumb-img {
  background: url("../images/icon/icon-down.svg") no-repeat center center;
}

.thumbGallery__bigImg {
  align-items: center;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
@media only screen and (min-width: 720px) {
  .thumbGallery__bigImg {
    width: 79%;
    max-width: 79%;
    flex-basis: 79%;
  }
}
.thumbGallery__bigImg img {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.12);
}

.thumbGallery__bigImg--enlarge {
  display: block;
  width: 2.625rem;
  height: 2.625rem;
  background: url("../images/icon/icon-search.svg") no-repeat center center;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0.6;
}
.thumbGallery__bigImg--enlarge:hover {
  opacity: 1;
}
@media only screen and (min-width: 720px) {
  .thumbGallery__bigImg--enlarge {
    bottom: 1.875rem;
  }
}
@media only screen and (min-width: 960px) {
  .thumbGallery__bigImg--enlarge {
    bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .thumbGallery__bigImg--enlarge {
    bottom: 1rem;
  }
}

.static__attachGallery__fullW {
  width: 100%;
  display: block;
  position: relative;
  background: transparent;
}

.static__attachGallery {
  background: transparent;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem 0;
  max-width: 87.5rem;
}
.static__attachGallery .static__attachGallery__innerWrapper {
  justify-content: space-between;
  align-items: flex-start;
  background: #324258;
  width: 100%;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 720px) {
  .static__attachGallery .static__attachGallery__innerWrapper {
    width: 100%;
  }
}
.static__attachGallery .static__attachGallery__slider {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
  position: relative;
}
.static__attachGallery .static__attachGallery__slider .slick-list {
  padding: 0;
}
@media only screen and (min-width: 720px) {
  .static__attachGallery .static__attachGallery__slider .slick-list {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 720px) {
  .static__attachGallery .static__attachGallery__slider {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }
}
.static__attachGallery .static__attachGallery__slider__item:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
.static__attachGallery .static__attachGallery__slider__item.slick-current {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  opacity: 1;
  z-index: 10;
}
.static__attachGallery .static__attachGallery__slider__item.slick-current:before {
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
.static__attachGallery .slick-arrow {
  z-index: 5;
  opacity: 0.75;
  top: 50%;
  width: 2rem;
  height: 2.75rem;
  background-color: transparent;
  background-size: 1.625rem 1.625rem;
  /*&.slick-disabled{display: none!important;}*/
}
.static__attachGallery .slick-prev {
  left: 0;
  background-image: url("../images/icon/slick-prev-static.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
.static__attachGallery .slick-next {
  right: 0;
  background-image: url("../images/icon/slick-next-static.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
.static__attachGallery .slick__item__num {
  display: block;
  position: absolute;
  color: #000;
  top: 1rem;
  right: 1rem;
}
@media only screen and (min-width: 520px) {
  .static__attachGallery .slick__item__num {
    top: 1rem;
    right: 1rem;
  }
}
@media only screen and (min-width: 720px) {
  .static__attachGallery .slick__item__num {
    top: auto;
    right: auto;
    bottom: 1.5rem;
    left: 2rem;
  }
}
.static__attachGallery .slick__item__num .slick__item__num__all:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.25rem;
  position: absolute;
  top: -0.125rem;
  left: 0;
  text-align: center;
  border-top-style: double;
  border-width: 0.25rem;
  border-color: #000;
}
.static__attachGallery .slick__item__num span {
  font-size: 0.8125rem;
  line-height: 2;
  font-weight: 800;
}
@media only screen and (min-width: 720px) {
  .static__attachGallery {
    padding: 2rem 0;
  }
}

.static__attachGallery__content {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  color: white;
  padding: 1rem;
  min-height: 6.25rem;
}
@media only screen and (min-width: 720px) {
  .static__attachGallery__content {
    width: 24%;
    max-width: 24%;
    flex-basis: 24%;
    padding: 1rem;
  }
}
.static__attachGallery__content .static__attachGallery__content__title {
  display: block;
  width: 90%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.6;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 720px) {
  .static__attachGallery__content .static__attachGallery__content__title {
    width: 100%;
    font-size: 0.875rem;
  }
}
.static__attachGallery__content .static__attachGallery__slider__item__alt {
  display: block;
  width: 90%;
  font-size: 0.6875rem;
  font-weight: 300;
  line-height: 1.6;
}
@media only screen and (min-width: 720px) {
  .static__attachGallery__content .static__attachGallery__slider__item__alt {
    width: 100%;
    font-size: 0.8125rem;
  }
}

/* >> Gallery List Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.galleryList {
  justify-content: center;
  align-items: stretch;
  max-width: 96%;
  margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
  .galleryList {
    max-width: 100%;
  }
}
.galleryList .galleryList__item {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  background: white;
}
.galleryList .galleryList__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 520px) {
  .galleryList .galleryList__item {
    width: 47%;
    margin-right: 3%;
  }
  .galleryList .galleryList__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  .galleryList .galleryList__item {
    width: 32%;
    margin-right: 2%;
  }
  .galleryList .galleryList__item:nth-child(2n) {
    margin-right: 2%;
  }
  .galleryList .galleryList__item:nth-child(3n) {
    margin-right: 0;
  }
  .galleryList .galleryList__item:hover .galleryList__item__title {
    color: #2d4920;
  }
}
.galleryList .galleryList__item__content {
  padding: 1rem;
}
.galleryList .galleryList__item__image {
  display: block;
  overflow: hidden;
}
.galleryList .galleryList__item__title {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  padding: 0.75rem;
  color: #000;
}
.galleryList .galleryList__item__lead {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 0.5rem;
}

.reference_category_title {
  font-size: 20px;
  color: white;
  background-color: #487333;
  font-weight: bold;
  padding: 1rem 1rem;
  margin: auto 0.5rem;
}
@media only screen and (min-width: 1024px) {
  .reference_category_title {
    margin: 0;
  }
}

.galleryList.--reference {
  justify-content: center;
  align-items: stretch;
  max-width: 96%;
  margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
  .galleryList.--reference {
    max-width: 100%;
  }
}
.galleryList.--reference .galleryList__item {
  box-shadow: none;
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  background: transparent;
}
.galleryList.--reference .galleryList__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 520px) {
  .galleryList.--reference .galleryList__item {
    width: 47%;
    margin-right: 3%;
  }
  .galleryList.--reference .galleryList__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  .galleryList.--reference .galleryList__item {
    width: 32%;
    margin-right: 2%;
  }
  .galleryList.--reference .galleryList__item:nth-child(2n) {
    margin-right: 2%;
  }
  .galleryList.--reference .galleryList__item:nth-child(3n) {
    margin-right: 0;
  }
  .galleryList.--reference .galleryList__item:hover .galleryList__item__title {
    color: #2d4920;
  }
}
.galleryList.--reference .galleryList__item__content {
  padding: 1rem;
}
.galleryList.--reference .galleryList__item__image {
  display: block;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.galleryList.--reference .galleryList__item__image:hover {
  transform: scale(1.01);
}
.galleryList.--reference .galleryList__item__title {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  padding: 0.75rem;
  color: #000;
  text-align: center;
}
.galleryList.--reference .galleryList__item__lead {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 0.5rem;
}

/* >> Attachment Video Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.attachVideo {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 960px) {
  .attachVideo {
    width: 21.875rem;
    flex-basis: 21.875rem;
    max-width: 21.875rem;
    margin-left: 2rem;
    margin-top: 0;
  }
}

.attachVideo__item {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.attachVideo__item .clearFix {
  display: block;
}
.attachVideo__item .play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 3.125rem;
}
.attachVideo__item iframe {
  display: block;
  width: 100%;
}

/* >> Home Video Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.videoWrapper {
  width: 100%;
  display: none;
  height: 100%;
  overflow: hidden;
}
.videoWrapper video {
  width: 100%;
  display: block;
  /*height: auto;*/
}
@media only screen and (min-width: 1024px) {
  .videoWrapper {
    height: 100vh;
  }
}
@media only screen and (min-width: 600px) {
  .videoWrapper {
    display: block;
    /*margin-bottom: -4px;*/
  }
}

/* >> Youtube Video Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.videoWrapper__youtube__container .play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
}
@media only screen and (min-width: 1024px) {
  .videoWrapper__youtube__container .play {
    width: 80px;
  }
}

.videoWrapper__youtube {
  width: 100%;
  margin: 0 0 0 0;
  z-index: 2;
}
.videoWrapper__youtube .videoWrapper__youtube__container {
  height: 0;
  overflow: hidden;
  padding-bottom: 54%;
  /*Video magassaga*/
  position: relative;
}
.videoWrapper__youtube .videoWrapper__youtube__container .overlay {
  background: transparent;
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  /* your iframe height */
  margin-top: -100%;
  /* your iframe height */
}
.videoWrapper__youtube .videoWrapper__youtube__container iframe, .videoWrapper__youtube .videoWrapper__youtube__container object, .videoWrapper__youtube .videoWrapper__youtube__container embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videoWrapper__youtube .videoWrapper__youtube__container iframe.clicked {
  pointer-events: auto;
}
.videoWrapper__youtube .video_img {
  background-size: cover;
  background-position: center center;
}

/* >> Attachment Files Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.attachmentWrapper {
  margin: 0 auto;
  padding: 1rem;
  max-width: 100%;
  background: #324258;
}

.attachFiles {
  width: 100%;
}
.attachFiles.isVideo {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .attachFiles.isVideo {
    width: calc(100% - 23.875rem);
  }
}

.attachFiles__blockTitle {
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 0.25rem solid #cdcdcd;
  border-bottom-style: double;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.6;
  font-weight: 800;
  text-transform: uppercase;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: #000;
}

.attachFiles__itemWrapper {
  justify-content: flex-start;
}

.attachFiles__itemWrapper__item {
  display: block;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 0.1875rem;
  padding: 0.875rem 0.75rem;
  color: #000;
  padding-left: 2.75rem;
  background: #374962 url("../images/icon/download.svg") no-repeat left 0.875rem top 0.875rem;
  background-size: 1.125rem 1.125rem;
}
.attachFiles__itemWrapper__item:hover {
  background-color: #e03e3e;
}

/* >> Contact Form Scss
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---*/
.contactForm {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.12);
  background-color: #324258;
  color: white;
  max-width: 100%;
  margin: 1.25rem auto 3.125rem;
  padding: 0.75rem;
  border-radius: 0.625rem;
}
@media only screen and (min-width: 720px) {
  .contactForm {
    max-width: 48.75rem;
    padding: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .contactForm {
    padding: 2.5rem 1.25rem;
  }
}

.contactForm__form__item {
  margin-bottom: 1rem;
  width: 100%;
  flex-basis: 100%;
}
.contactForm__form__item:last-child {
  margin-bottom: 0;
}

.contactForm__form__item__title {
  margin-bottom: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1em;
}

.contactForm input.btn--submitContact {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: block;
  margin: 1.25rem 0 0 auto;
  width: auto;
  height: 3rem;
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 3rem;
  padding: 0 1.375rem;
  border: 0.125rem solid #f5f5f5;
  color: #fff;
  background: #f5f5f5;
  cursor: pointer;
}

.flexItem {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 0;
  margin-bottom: 0;
}
.flexItem .contactForm__form__item {
  margin-bottom: 1rem;
  width: 100%;
  flex-basis: 100%;
  /*&:last-child{margin-bottom:0;}*/
}
@media only screen and (min-width: 720px) {
  .flexItem .contactForm__form__item {
    width: 49%;
    flex-basis: 49%;
    margin-right: 2%;
    max-width: 49%;
  }
  .flexItem .contactForm__form__item:nth-child(2n) {
    margin-right: 0;
    margin-top: 0;
  }
}

.contactForm textarea {
  min-height: 8.75rem;
  padding: 0.625rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.contactForm__info {
  background: #060904;
  padding: 0.5rem;
  text-align: center;
  color: white;
  font-weight: 600;
  border-radius: 0.1875rem;
}
.contactForm__info span {
  display: block;
  margin-bottom: 0.5rem;
}
.contactForm__info .btn--border:hover {
  background-color: black;
}
.contactForm__info.contactForm__info--primary {
  background: #487333;
}

.contactForm_submit {
  flex-direction: column;
}
.contactForm_submit .contactForm_data-error {
  background: #487333;
  border-top: 0.0625rem solid white;
  padding: 0.125rem 0.9375rem;
  margin: 1.5rem auto 0;
}

/* >> Footer Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
footer {
  width: 100%;
  box-shadow: 0 -3px 10px 3px rgba(0, 0, 0, 0.2);
  min-width: 100%;
  background-color: #76b557;
  color: white;
}
footer .footerWrapper {
  display: none;
}
@media only screen and (min-width: 1024px) {
  footer .footerWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: unset;
    padding: 0;
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
  }
}
footer .footerWrapper > * {
  padding: 25px;
}

.footerSection {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
.footerSection .contacts {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  max-width: 320px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.footerSection .contacts .contact_Item {
  display: block;
  color: white;
  padding: 5px 0;
}
.footerSection .contacts .contact_Item:hover .contact_Item_Icon, .footerSection .contacts .contact_Item:hover .contact_Item_Text {
  color: #487333;
}
.footerSection .contacts .contact_Item .contact_Item_Icon {
  display: inline-block;
}
.footerSection .contacts .contact_Item .contact_Item_Text {
  display: inline-block;
  color: white;
}

.footer_contacts_item {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px 0 24px;
  cursor: pointer;
  color: white;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
}
.footer_contacts_item.footer_contacts_item--map {
  background-image: url("../images/icon/map-marker-alt.svg");
}
.footer_contacts_item.footer_contacts_item--map:hover {
  background-image: url("../images/icon/map-marker-alt-hover.svg");
}
.footer_contacts_item.footer_contacts_item--phone {
  background-image: url("../images/icon/phone-alt.svg");
}
.footer_contacts_item.footer_contacts_item--phone:hover {
  background-image: url("../images/icon/phone-alt-hover.svg");
}
.footer_contacts_item:hover {
  color: #487333;
}

/* >> Footer > Pc Footer Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.pcFooter {
  padding: 0;
  display: none;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
.pcFooter .logo {
  display: block;
  width: 100%;
  max-width: 500px;
}
.pcFooter > * {
  padding: 15px;
}
@media only screen and (min-width: 1024px) {
  .pcFooter {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 2.25rem 0;
  }
}
.pcFooter img {
  max-width: 500px;
}

.pcFooter__menu {
  display: none;
  width: 100%;
  position: relative;
  z-index: 2;
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .pcFooter__menu {
    display: block;
  }
}

.pcFooter__menu__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  padding: 0 1.25rem;
  margin: 0 36px;
  color: white;
}
.pcFooter__menu__item:hover {
  color: #1c2c14;
}

.madeBy-IntroWeb {
  background-color: #487333;
  text-align: center;
  color: white;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  padding: 20px 0;
  font-size: 12px;
  line-height: 15px;
  display: none;
}
.madeBy-IntroWeb a {
  color: white;
}
.madeBy-IntroWeb a:hover {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  color: white;
}
@media only screen and (min-width: 1024px) {
  .madeBy-IntroWeb {
    display: block;
  }
}

/* >> Footer > Mobil Footer Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.mobilFooter {
  background-color: #76b557;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .mobilFooter {
    display: none;
  }
}

.mobilFooter__item {
  display: block;
  width: 100%;
  height: 44px;
  color: white;
  text-align: center;
  font-weight: bold;
  line-height: 44px;
  text-transform: uppercase;
}
.mobilFooter__item:last-child {
  border-bottom: none;
}

.mobilFooter__item--jumpTo {
  background: url("../images/svg-jumpTo.svg") no-repeat center center;
  background-size: 24px;
}

.ourProducts {
  max-width: 1280px;
  margin: 0 auto;
  padding: 36px 0;
}
.ourProducts .ourProducts_headerText {
  text-align: center;
  margin-bottom: 80px;
}
.ourProducts .ourProducts_headerText .title {
  margin-bottom: 16px;
  font-size: 36px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: -0.4px;
}
@media only screen and (min-width: 720px) {
  .ourProducts .ourProducts_headerText .title {
    font-size: 48px;
    line-height: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .ourProducts .ourProducts_headerText .title {
    font-size: 64px;
    line-height: 1;
  }
}
.ourProducts .ourProducts_productList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.ourProducts .ourProducts_productList .ourProducts_productList_itemContainer {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 40px 40px 64px 40px;
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .ourProducts .ourProducts_productList .ourProducts_productList_itemContainer {
    width: 45%;
  }
}
@media only screen and (min-width: 1024px) {
  .ourProducts .ourProducts_productList .ourProducts_productList_itemContainer {
    width: 26.333333%;
  }
}
.ourProducts .ourProducts_productList .ourProducts_productList_itemContainer .product {
  display: block;
  border-radius: 8px;
  background-color: #1f2937;
  padding: 16px;
  transform: translate(24px, -24px);
  transform-origin: center;
  transition: all;
  transition-duration: 300ms;
}
.ourProducts .ourProducts_productList .ourProducts_productList_itemContainer .product:hover {
  transform: translate(24px, -24px) rotate(-3deg);
}
.ourProducts .ourProducts_productList .ourProducts_productList_itemContainer .product .product_Title {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.25;
  color: white;
}
.ourProducts .ourProducts_productList .ourProducts_productList_itemContainer .product .devider div {
  height: 2px;
  width: 32px;
}
.ourProducts .ourProducts_productList .ourProducts_productList_itemContainer .product .product_Details {
  line-height: 1.625;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  color: white;
}

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