:root {
  --light: #f9f9f9;
  --dark: #02180e;
  --green: #047940;
  --green-light-1: #b0d3c2;
  --green-light-2: #e1ece7;
}

body {
  background-color: var(--light);
  color: var(--dark);
  font-family: Generalsans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 140%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90px;
  font-weight: 400;
  line-height: 110%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 400;
  line-height: 110%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
}

h5 {
  letter-spacing: .02em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: 400;
  line-height: 120%;
}

p {
  letter-spacing: .03em;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.c-stylesheet {
  grid-row-gap: 40px;
  flex-direction: column;
  max-width: 1080px;
  margin: 40px auto 0;
  display: flex;
}

.p-big {
  letter-spacing: .03em;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
}

.p-big.indent {
  text-indent: 21%;
  font-size: 28px;
}

.c-h-tags {
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.section {
  grid-row-gap: 48px;
  background-color: var(--light);
  flex-direction: column;
  padding: 64px 40px;
  display: flex;
}

.section.s-hero {
  background-color: #0000;
  margin-bottom: 2px;
  padding: 0;
}

.section.s-ref {
  grid-row-gap: 24px;
  /* padding-top: 0; */
  padding-bottom: 0;
  position: relative;
}

.section.s-building {
  padding-top: 0;
}

.section.s-team {
  grid-row-gap: 100px;
}

.grid-33-66 {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 33% auto;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.grid-33-66.abs {
  height: auto;
  position: absolute;
  inset: 0%;
}

.c-rightalign {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.c-left {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.grid-cols {
  grid-column-gap: 20px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-card {
  grid-row-gap: 32px;
  color: var(--dark);
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.d-line {
  background-color: #02180e66;
  width: 100%;
  height: 1px;
}

.c-serviceicon {
  align-items: center;
  width: auto;
  height: 110px;
  display: flex;
}

.c-limittext {
  max-width: 70%;
}

.d-crosses {
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ico-cross {
  width: 16px;
  height: 16px;
}

.t-green {
  color: var(--green);
  -webkit-text-stroke-color: transparent;
}

.text-nr-l {
  font-family: Space Mono, sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 80%;
}

.c-hero {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 80px 32px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-hero-lvl1 {
  z-index: 2;
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ico-categ {
  width: 64px;
  max-width: none;
  height: 64px;
  display: block;
}

.c-icocateg {
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
}

.bg-green {
  background-color: var(--green);
}

.t-light {
  color: var(--light);
  -webkit-text-stroke-color: transparent;
}

.c-textcolors {
  display: flex;
}

.t-green-l1 {
  color: var(--green-light-1);
  -webkit-text-stroke-color: transparent;
}

.c-bgcolors {
  display: flex;
}

.h5 {
  letter-spacing: .02em;
  font-size: 23px;
  font-weight: 400;
  line-height: 120%;
}

.c-card-nr {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.bg-green-l2 {
  background-color: var(--green-light-2);
}

.img-team {
  width: 100%;
  height: auto;
  position: absolute;
}

.bg-green-l1 {
  background-color: var(--green-light-1);
}

.c-card-footer {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.c-card-footer.f-align-start {
  align-items: flex-start;
}

.text-base {
  color: var(--dark);
  letter-spacing: .03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-base.label-mobil {
  font-size: 12px;
}

.text-base.t-green {
  color: var(--green);
}

.c-links {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

._w-nav {
  z-index: 10;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-text-fill-color: inherit;
  background-color: #f9f9f980;
  background-clip: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
}

.c-nav-left {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.c-nav-right {
  grid-column-gap: 32px;
  display: flex;
}

.text-menuitem {
  color: var(--dark);
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.c-menuitem {
  grid-column-gap: 8px;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.circle {
  background-color: var(--green);
  border-radius: 4px;
  width: 8px;
  height: 8px;
  transition: all .2s;
}

.circle.active {
    width: 24px !important;
    height: 4px !important;
}

.btn-main {
  background-color: var(--green);
  color: var(--green-light-2);
  border-radius: 40px;
  flex-direction: column;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.btn-main.btn-kapcsolat {
  justify-content: center;
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-main.btn-kapcsolat-footer {
  justify-content: center;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.ico-mobilemenu {
  display: none;
}

.c-menuitems {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  align-self: auto;
  align-items: center;
  display: flex;
}

.text-title {
  color: var(--dark);
  order: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.grid-cols-ser {
  grid-column-gap: 20px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-section {
  font-size: 32px;
  font-weight: 400;
  line-height: 140%;
}

.text-section.text-hero-main {
  width: 50rem;
}

.footer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #edf2f0;
  flex-direction: column;
  padding: 80px 40px;
  display: flex;
}

.logo-wordmark {
  margin-top: 2px;
}

.bg-white {
  background-color: var(--light);
}

.c-serviceicon-big {
  grid-column-gap: 8px;
  transform-origin: 0 0;
  align-items: center;
  width: auto;
  height: 110px;
  display: flex;
  transform: scale(1.5);
}

.c-servicedesc {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.d-crosses2 {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.d-space {
  height: 64px;
  display: none;
}

.grid-50-50 {
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.grid-50-50.grid-ref {
  grid-template-columns: 1fr 1fr;
}

.c-coll-h {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 10vw auto;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.img-coll {
  height: auto;
}

.c-coll-texts {
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.grid-details {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 20% auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-minic {
  grid-column-gap: 10px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.img-minic {
  color: var(--green);
}

.c-hero-left {
  grid-row-gap: 32px;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.d-crosses2-vert {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.d-crosses2-vert.d-c-2 {
  opacity: 0;
  height: 100%;
}

.d-crosses2-vert.d-c-3 {
  display: none;
}

.d-line-vert {
  background-color: #02180e66;
  width: 1px;
  height: 420px;
}

.c-hero-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0;
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 40%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.c-hero-lvl2 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
}

.img-hero-symbol {
  z-index: 0;
  width: 520px;
  max-width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 8%;
  transform: scale(1);
}

.c-right {
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.c-card-contact {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.img-contact {
  width: 100%;
  height: auto;
  position: static;
  inset: 0%;
}

.wrap {
  grid-row-gap: 56px;
  flex-direction: column;
  padding: 0 40px;
  display: flex;
}

.c-coll-v {
  grid-column-gap: 0px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.grid-cols-coll {
  grid-column-gap: 20px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-timeline {
  grid-column-gap: 10px;
  grid-row-gap: 80px;
  flex-direction: column;
  height: auto;
  display: flex;
  position: relative;
}

.d-line-v {
  z-index: 0;
  background-color: #02180e66;
  width: 1px;
  height: 100%;
  position: static;
  left: 32%;
}

.c-date {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 45px;
  padding-right: 1px;
  display: flex;
}

.c-desc {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.c-buttons {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.btn-sec {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px solid var(--green);
  border-radius: 30px;
  flex-direction: row;
  align-items: center;
  height: 32px;
  padding-left: 16px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.text-btn {
  color: var(--dark);
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.ico {
  width: 24px;
  height: 24px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.ico.mirror {
  top: 16px;
  right: 16px;
}

.c-ico-arrow {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.ico-timeline {
  width: 24px;
  height: 24px;
}

.c-line-v {
  justify-content: flex-end;
  height: 100%;
  padding-right: 13px;
  display: flex;
}

.c-ref {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  height: 90vh;
  padding-top: 0;
  display: flex;
}

.c-map {
  background-color: var(--green-light-2);
}

.c-filter {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  flex: 0 auto;
  align-items: center;
  display: none;
  overflow: visible;
}

.c-reflist {
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: scroll;
}

.label-year {
  border: 1px solid var(--green);
  color: var(--dark);
  letter-spacing: .02em;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.c-labels {
  grid-column-gap: 8px;
  flex-direction: row;
  padding-left: 0;
  display: flex;
}

.label-tip {
  border: 1px solid var(--green);
  background-color: var(--green);
  color: var(--green-light-2);
  letter-spacing: .02em;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.label-categ {
  border: 1px none var(--green);
  background-color: var(--dark);
  color: var(--green-light-2);
  letter-spacing: .02em;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.grid-ref {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 64px auto 56px;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.c-ref-details {
  padding-top: 8px;
}

.c-reftitle {
  grid-column-gap: 0px;
  margin-bottom: 8px;
  display: flex;
}

.nr-ref {
  color: var(--green);
  letter-spacing: .05em;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  font-family: Space Mono, sans-serif;
  font-size: 14px;
  line-height: 161%;
  text-decoration: none;
  display: flex;
}

.btn-sec-chevron {
  transform: rotate(0deg);
  transition: transform 0.3s;
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px solid var(--green);
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.btn-sec-chevron:hover {
  background-color: var(--green-light-1);
}

.c-ref-ico {
  grid-column-gap: 0px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-right: 8px;
  display: flex;
}

.label {
  border: 1px none var(--green);
  color: var(--dark);
  letter-spacing: .02em;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.label.label-pin {
  color: var(--green-light-1);
  margin-top: -3px;
}

.label.label-pin-active {
  color: var(--green);
  margin-top: -3px;
}

.c-detail {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.grid-ref-inner {
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.c-refitem {
  background-color: var(--light);
  cursor: pointer;
  flex-direction: column;
  padding-bottom: 12px;
  display: block;
}

.c-refitem:hover {
  background-color: var(--green-light-2);
}

.c-ref-drop {
  display: none;
}

.c-empty {
  height: 100px;
}

.ico-toggle {
  display: none;
  overflow: visible;
}

.c-refh {
  position: absolute;
}

.btn-sec-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px solid var(--green);
  border-radius: 30px;
  flex-direction: row;
  align-items: center;
  height: 32px;
  padding-left: 16px;
  padding-right: 2rem;  text-decoration: none;
  display: flex;
  font-size: 16px;
  line-height: normal;
}

.btn-sec-select:hover {
  background-color: var(--green-light-2);
}

.btn-sec-filter {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px solid var(--green);
  border-radius: 30px;
  flex-direction: row;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.btn-sec-filter:hover {
  background-color: var(--green-light-2);
}

.c-filterbtn {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.c-nav {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

._w-nav-mobile {
  display: none;
}

.d-crosses2-vert-m {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-nr-m {
  color: var(--green);
  font-family: Space Mono, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 100%;
}

._w-mf {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

._w-mf-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  display: flex;
}

.c-mf-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._w-mf-title-i {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-ico {
  padding-top: 4px;
}

.c-mf {
  cursor: pointer;
  width: 100%;
  padding-bottom: 0;
}

.c-mf:hover {
  background-color: #b0d3c266;
}

._w-mf-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 60px auto;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding-bottom: 0;
  padding-left: 77px;
  display: block;
}

.limitwidth {
  max-width: 86%;
  margin-bottom: 0;
}

.text-nr-s {
  color: var(--green);
  font-family: Space Mono, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
}

.g-yr {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 33% auto;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.d-crosses3 {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.c-img-team {
  justify-content: center;
  align-items: center;
  height: 40vw;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-mt {
  grid-column-gap: 20px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.d-line2 {
  background-color: #02180e66;
  width: 100%;
  height: 1px;
}

.img-csapat-home {
  width: 100%;
  height: auto;
  position: static;
}

.c-numbers {
  display: flex;
}

.text-nr-plus {
  color: var(--green-light-1);
  font-family: Space Mono, sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 80%;
}

.text-section-main {
  letter-spacing: -.02em;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
}

.btn-nav-left {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px none var(--green);
  background-color: #b0d3c2b3;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.btn-nav-left:hover {
  background-color: var(--green-light-1);
}

.swiper-btn-next {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px none var(--green);
  cursor: pointer;
  background-color: #b0d3c2b3;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.swiper-btn-next:hover {
  background-color: var(--green-light-1);
}

.p-service {
  text-indent: 0;
  width: 80%;
}

.c-service-nav {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  display: flex;
}

.c-servicemain {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-bottom: 32px;
  display: flex;
}

.swiper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
  overflow: hidden;
}

.swiper-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-slide {
  object-fit: cover;
  width: 30%;
  height: auto;
  position: relative;
}

.swiper-btn-prev {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  border: 1px none var(--green);
  cursor: pointer;
  background-color: #b0d3c2b3;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.swiper-btn-prev:hover {
  background-color: var(--green-light-1);
}

.img-service {
  filter: saturate(0%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-service-overlay {
  z-index: 1;
  background-color: var(--green);
  mix-blend-mode: screen;
  position: absolute;
  inset: 0%;
}

.c-hero-background {
  z-index: 1;
  aspect-ratio: auto;
  border-radius: 0;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: block;
  position: absolute;
  overflow: hidden;
}

.emb-3dmodel {
  aspect-ratio: 28/15;
  object-fit: fill;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.c-team {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-top: 32px;
  margin-bottom: 40px;
  display: flex;
}

.nav {
  width: 100%;
  padding: 8px 32px;
}

._w-reflist-toggle {
  display: none;
}

.c-pin {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.c-pin-top {
  background-color: var(--green);
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 40px;
  height: 32px;
  display: flex;
}

.c-pin-top.active {
  border: 1px solid var(--green);
  background-color: #aff4c6;
}

.ico-pin-active {
  color: var(--green);
  width: 18px;
  height: 20px;
}

.ico-pin-circle {
  background-color: var(--green);
  border-radius: 4px;
  width: 8px;
  height: 8px;
}

.ico-pin-circle.active {
  border: 1px solid var(--green);
  background-color: #aff4c6;
}

._w-pin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-end;
  display: flex;
}

.c-pin-cluster {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--green);
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 64px;
  margin-bottom: 0;
  display: flex;
}

.text-pin {
  color: var(--green-light-2);
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.ico-pin {
  color: var(--light);
  width: 18px;
  height: 20px;
}

.body {
  font-size: 16px;
}

.grid-66-33 {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 33%;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.d-line-50 {
  background-color: #02180e66;
  width: 50%;
  height: 1px;
}

.d-line-50.bg-green {
  background-color: var(--green);
}

.max-w {
  max-width: 80%;
}

.grid-footer {
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.c-left-footer {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.grid-33-66-footer {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 33% auto;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.img-tp-wordmark {
  width: 100%;
}

.list-service {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 24px;
  list-style-type: disc;
  display: flex;
}

.body-2 {
  background-color: var(--light);
}

.c-team-desc {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.c-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

._w-card-contact {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
}

.subheading {
  width: 80%;
  font-size: 22px;
}

.list-service-number {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 24px;
  list-style-type: lower-alpha;
  display: flex;
}

.span-hero {
  background-color: var(--green-light-1);
  padding-left: 8px;
  padding-right: 8px;
}

.ico-accordion {
  width: 24px;
  height: 24px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
  transform: rotate(180deg);
}

.c-hero-subtext {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 50rem;
  display: flex;
}

.span-hero-img {
  vertical-align: baseline;
}

.error-page {
  background-color: var(--green-light-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  gap: 15px;
}
#w-node-e46992c4-4568-97ab-abe2-8ba7ddec64fe-825f4373 {
    z-index: 1;
}

.language-btn-m {
  display: flex;
  gap: 10px;
}

.rotate-180 {
  transform: rotateX(180deg);
  transition: transform 0.3s;
}

h1.text-section.text-hero-main{
  padding-left: 0.5rem;
  line-height: 150%;;
}
span.span-hero{
  background-color: rgba(4, 121, 64, 0.1);
  border-radius: 9px;
  display: inline-block;
  margin-top: 0.25rem;
  position: relative;
  padding: 0 0.25em;
  margin: 0.1rem 0.3rem 0.1rem 0.2rem;
  transition: transform 0.25s;
}
.span-hero::after, .span-hero::before{
  content: "";
  position: absolute;
  width: 1rem;
  height: 3rem;
  top: calc(50% - 1.5rem);
  z-index: 3;
  border: 2px solid #047940;
  border-radius: 10px;
  border-bottom: transparent;
  border-top: transparent;
  transform: scale(1.1);
}
.span-hero::before{
  border-right: transparent;
  left: 0px;
  transform: scale(1.1) translateX(-5px);
}
.span-hero::after{
  border-left: transparent;
  transform: scale(1.1) translateX(5px);
  right: 0;
}

span.span-hero:hover::before{
  left: 0px;
  transform: scale(1.1) translateX(0px);
  transition: transform 0.25s;
}
span.span-hero:hover::after{
  right: 0px;
  transform: scale(1.1) translateX(0px);
  transition: transform 0.25s;
}

@media screen and (max-width: 1440px) {
    .d-line-vert {
        height: 200px;
    }
}

@media screen and (max-width: 1200px) {
    .d-line-vert {
        height: 150px;
    }
}

@media screen and (max-width: 991px) {

  .c-stylesheet {
    padding-left: 32px;
    padding-right: 32px;
  }

  .p-big {
    font-size: 24px;
  }

  .section {
    grid-row-gap: 32px;
    padding: 56px 32px;
  }

  .section.s-hero {
    margin-top: 0;
    padding-top: 0;
  }

  .section.s-ref {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .section.s-team {
    grid-row-gap: 60px;
  }

  .grid-33-66 {
    grid-template-columns: auto;
    margin-top: 0;
  }

  .c-rightalign {
    align-items: flex-start;
  }

  .c-left {
    display: flex;
  }

  .c-limittext {
    max-width: 100%;
  }

  .c-hero {
    z-index: 0;
  }

  ._w-nav {
    z-index: 2;
    background-color: var(--light);
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 0;
    position: fixed;
  }

  .c-nav-left {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .c-nav-right {
    cursor: pointer;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .text-menuitem {
    color: var(--dark);
    font-size: 24px;
    font-weight: 400;
  }

  .c-menuitem {
    padding-left: 4px;
    display: flex;
  }

  .c-menuitem.w--current {
    grid-column-gap: 9px;
    padding-left: 4px;
  }

  .circle {
    background-color: var(--green);
  }

  .btn-main.btn-kapcsolat {
    background-color: var(--green);
    color: var(--green-light-2);
    height: 48px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    font-weight: 400;
    display: flex;
  }

  .btn-main.btn-kapcsolat-footer {
    background-color: var(--green);
    color: var(--green-light-2);
    height: 40px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    display: flex;
  }

  .ico-mobilemenu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--green);
    cursor: pointer;
    mix-blend-mode: normal;
    border-radius: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 28px;
    padding: 0;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .ico-menu {
    position: static;
    inset: 14px 24px auto auto;
  }

  .c-main {
    position: relative;
  }

  .c-menuitems {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 0;
    display: none;
    overflow: visible;
  }

  .text-section.text-hero-main {
    width: 100%;
  }

  .footer {
    padding: 48px 32px;
  }

  .logo-symbol {
    height: 32px;
  }

  .c-serviceicon-big {
    grid-column-gap: 32px;
    margin-bottom: 32px;
    transform: scale(1);
  }

  .d-space {
    height: 50px;
  }

  .grid-50-50 {
    grid-row-gap: 32px;
    grid-template-columns: auto;
    margin-top: 0;
  }

  .grid-50-50.grid-ref {
    grid-template-columns: 1fr;
    position: relative;
  }

  .c-coll-h {
    grid-template-columns: 210px auto;
    margin-bottom: 0;
  }

  .c-hero-left {
    width: 100%;
  }

  .c-hero-right {
    display: none;
  }

  .c-right {
    grid-row-gap: 56px;
  }

  .wrap {
    padding: 0 32px;
  }

  .c-coll-v {
    margin-bottom: 0;
  }

  .grid-cols-coll {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    margin-top: 32px;
  }

  .d-line-v {
    left: 11px;
  }

  .c-date {
    grid-column-gap: 8px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 0;
  }

  .c-desc {
    margin-top: 24px;
    padding-left: 32px;
  }

  .text-btn {
    color: var(--dark);
    font-size: 16px;
  }

  .c-line-v {
    justify-content: flex-start;
    padding-left: 11px;
    padding-right: 0;
  }

  .c-ref {
    background-color: var(--light);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    width: 100%;
    height: 60vh;
    margin-top: 64dvh;
    padding-left: 32px;
    padding-right: 32px;
    position: absolute;
    transition: margin-top 0.5s ease;
  }
  .c-ref.opened {
    margin-top: 15vh;
  }
  .c-reflist-toggle-text{
    transition: margin-top 0.2s;
  }
  .c-ref.opened .c-reflist-toggle-text {
    margin-top: -20px;
  }
  .ico-toggle{
    transition: transform 0.2s;
  }
  .c-ref.opened .ico-toggle {
    transform: rotateX(180deg);
  }

  .c-map {
    height: 70vh;
  }

  .label-year {
    color: var(--dark);
    font-size: 12px;
  }

  .label-tip, .label-categ {
    color: var(--green-light-2);
    font-size: 12px;
  }

  .nr-ref {
    color: var(--green);
    font-size: 16px;
  }

  .label {
    color: var(--dark);
    font-size: 12px;
  }

  .grid-ref-inner {
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .ico-toggle {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .c-refh {
    padding-left: 32px;
    padding-right: 32px;
  }

  .c-nav {
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible;
  }

  .c-menu-icons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-left: 12px;
    display: flex;
  }

  ._w-nav-mobile {
    z-index: 1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--light);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 95svh;
    margin-top: 0;
    margin-bottom: 0;
    padding: 32px;
    display: none;
    position: relative;
  }

  .d-crosses2-vert-m {
    height: 100%;
    margin-bottom: 16px;
  }

  .g-yr {
    grid-template-columns: auto;
    margin-top: 0;
  }

  .d-crosses3 {
    max-width: 50%;
  }

  .c-img-team {
    margin-bottom: 0;
  }

  .grid-mt {
    grid-column-gap: 20px;
    grid-row-gap: 56px;
    grid-template-columns: auto;
    margin-top: 0;
  }

  .text-section-main {
    font-size: 40px;
  }

  .swiper-slide {
    height: 100%;
  }

  .swiper-slide.hidden {
    display: none;
  }

  .img-service {
    height: 100%;
  }

  .c-hero-background {
    width: 100%;
    height: 100%;
    margin-bottom: -80px;
    margin-left: 0;
    inset: auto 0% 0%;
  }

  .emb-3dmodel {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    position: absolute;
    top: 100px;
  }

  .c-team {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    margin-top: 24px;
    display: flex;
  }

  .nav {
    padding-left: 32px;
    padding-right: 32px;
  }

  .c-nav-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  ._w-nav-btns-m {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 24px;
    display: flex;
  }

  ._w-reflist-toggle {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .c-reflist-toggle-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    overflow: visible;
  }

  ._w-text-toggle {
    height: 16px;
    overflow: hidden;
  }

  ._w-nav-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
  }

  .text-pin {
    color: var(--green-light-2);
    font-size: 16px;
  }

  .grid-66-33 {
    grid-template-columns: auto;
    margin-top: 0;
  }

  .grid-footer {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .c-left-footer {
    display: flex;
  }

  .grid-33-66-footer {
    grid-row-gap: 40px;
    grid-template-columns: auto;
    margin-top: 0;
  }

  .img-nav-background {
    object-fit: contain;
    height: 70%;
    position: absolute;
    inset: 0%;
  }

  .subheading, .c-hero-subtext {
    max-width: 45rem;
    width: 100%;
  }

  .btn-sec-select.mobile-lang-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    padding-right: 15px;
    padding-left: 15px;
}

  .btn-sec-select.mobile-lang-select.selected {
    background-color: var(--green-light-1);
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 62px;
    line-height: 110%;
  }

  #w-node-_1ae493c9-d1a4-e01d-2ebb-d43ebe8d59ea-be8d59e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .c-card:hover {
    background-color: #b0d3c266;
  }

  .c-stylesheet {
    padding-left: 24px;
    padding-right: 24px;
  }

  .p-big {
    letter-spacing: .03em;
    font-size: 18px;
    font-weight: 400;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .grid-cols {
    grid-template-columns: 1fr 1fr;
  }

  .c-limittext {
    max-width: none;
  }

  .text-nr-l {
    font-size: 60px;
  }

  .c-hero {
    padding-top: 56px;
  }

  .c-hero-lvl1 {
    border-radius: 0;
  }

  .h5 {
    font-size: 18px;
  }

  .logo-tp-footer {
    width: 56px;
    height: auto;
  }

  .text-base.label-mobil {
    color: var(--dark);
    font-size: 12px;
  }

  .ico-mobilemenu {
    cursor: pointer;
    border-radius: 20px;
  }

  .text-title {
    font-size: 21px;
    line-height: 110%;
  }

  .text-section {
    font-size: 28px;
    line-height: 130%;
  }

  .footer {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .d-space {
    display: block;
  }

  .c-coll-h {
    grid-template-columns: 150px auto;
  }

  .grid-details {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: auto;
  }

  .c-minic {
    grid-row-gap: 6px;
    flex-wrap: wrap;
  }

  .c-hero-left, .c-hero-lvl2 {
    width: 100%;
  }

  .grid-cols-coll {
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .c-filter {
    grid-row-gap: 8px;
    flex-wrap: wrap;
  }

  .c-reftitle {
    flex-direction: column;
  }

  ._w-nav-mobile {
    display: none;
  }

  .text-nr-m {
    font-size: 42px;
  }

  .c-mf-title {
    align-items: center;
  }

  .limitwidth {
    max-width: 100%;
  }

  .text-nr-s {
    font-size: 32px;
  }

  .d-crosses3 {
    display: none;
  }

  .grid-mt {
    grid-row-gap: 48px;
  }

  .d-line2 {
    display: none;
  }

  .text-nr-plus {
    font-size: 60px;
  }

  .text-section-main {
    letter-spacing: 0;
    font-size: 28px;
    line-height: 110%;
  }

  .p-service {
    width: 100%;
  }

  .c-hero-background {
    height: 100%;
    margin-bottom: -130px;
    margin-right: 0;
  }

  .emb-3dmodel {
    margin-left: 0;
  }

  .max-w {
    max-width: 100%;
  }

  .img-nav-background {
    object-fit: cover;
    height: 60%;
  }

  .span-hero {
    padding-left: 0;
    padding-right: 0;
  }
  .emb-3dmodel {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    position: absolute;
    top: auto;
    bottom: 32%;
    left: auto;
    right: -30px;
    transform: scale(1);
    z-index: 1;
    min-width: 810px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 34px;
    line-height: 110%;
  }

  .p-big {
    font-size: 16px;
    line-height: 150%;
  }

  .section {
    padding: 32px 16px;
  }

  .section.s-team {
    grid-row-gap: 40px;
  }

  .c-left {
    display: none;
  }

  .c-left.not-hidden {
    display: block;
  }

  .grid-cols {
    grid-template-columns: 1fr;
  }

  .text-nr-l {
    font-size: 20vw;
  }

  .c-hero {
    border: 1px none var(--green-light-1);
    border-radius: 0;
    align-items: center;
    padding-top: 56px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-hero-lvl1 {
    z-index: 2;
    background-color: #f9f9f900;
    border-radius: 0;
    justify-content: center;
    padding: 0;
  }

  .svg-border {
    width: 24px;
    max-width: 100%;
    height: 100%;
  }

  .ico-categ {
    width: 48px;
    height: 52px;
  }

  .c-icocateg {
    width: auto;
    height: auto;
  }

  .img-team {
    object-fit: cover;
    height: auto;
  }

  .c-card-footer {
    grid-row-gap: 16px;
    align-items: stretch;
  }

  .text-base.label-mobil {
    font-size: 12px;
  }

  .text-base.p-reflist {
    font-size: 14px;
  }

  .c-links {
    grid-row-gap: 8px;
  }

  ._w-nav {
    z-index: 3;
    padding-left: 0;
    padding-right: 0;
  }

  .c-nav-right {
    margin-right: 16px;
  }

  .btn-main.btn-kapcsolat, .btn-main.btn-kapcsolat-footer {
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .text-title {
    font-size: 21px;
    line-height: 110%;
  }

  .grid-cols-ser {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .text-section {
    font-size: 28px;
    line-height: 120%;
  }

  .footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 24px 16px 48px;
  }

  .logo-wordmark {
    display: none;
  }

  .c-serviceicon-big {
    grid-column-gap: 16px;
  }

  .grid-50-50 {
    grid-row-gap: 40px;
    order: 0;
  }

  .c-coll-h {
    grid-template-columns: 1fr;
  }

  .img-coll {
    width: 50%;
  }

  .grid-details {
    grid-column-gap: 16px;
    grid-row-gap: 2px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  .c-minic {
    grid-row-gap: 4px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
  }

  .c-hero-left {
    width: 100%;
  }

  .c-hero-right {
    display: none;
  }

  .c-hero-lvl2 {
    width: 100%;
  }

  .wrap {
    padding: 0 16px;
  }

  .c-coll-v {
    grid-template-columns: 1fr;
  }

  .grid-cols-coll {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .c-timeline {
    grid-row-gap: 56px;
  }

  .text-btn {
    line-height: 120%;
  }

  .c-ref {
    grid-row-gap: 12px;
    height: 60vh;
    margin-top: 65vh;
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-filter {
    flex-direction: row;
    align-items: flex-start;
  }

  .label-year, .label-tip, .label-categ {
    line-height: 120%;
  }

  .grid-ref {
    grid-template-columns: 40px auto auto;
  }

  .c-reftitle {
    flex-direction: column;
  }

  .nr-ref {
    justify-content: center;
    font-size: 12px;
    line-height: 120%;
  }

  .btn-sec-chevron {
    width: 32px;
    height: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-ref-ico {
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .label {
    line-height: 120%;
  }

  .grid-ref-inner {
    grid-row-gap: 40px;
  }

  .ico-toggle {
    margin-top: 0;
  }

  .c-refh {
    padding-left: 16px;
    padding-right: 16px;
  }

  .btn-sec-select {
    grid-column-gap: 0px;
    height: 24px;
  }

  .btn-sec-select.btn-lang {
    height: 32px;
    padding-left: 14px;
    padding-right: 8px;
  }

  .btn-sec-filter {
    grid-column-gap: 0px;
    height: 24px;
    padding-left: 8px;
    padding-right: 10px;
  }

  ._w-nav-mobile {
    background-color: var(--light);
    justify-content: flex-end;
    height: 95svh;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
    position: relative;
  }

  .text-nr-m {
    font-size: 26px;
  }

  ._w-mf {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .c-mf-title {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    align-items: flex-start;
  }

  .c-ico {
    padding-top: 0;
  }

  ._w-mf-text {
    grid-template-columns: 28px auto;
    padding-left: 44px;
  }

  .text-nr-s {
    font-size: 26px;
  }

  .c-img-team {
    height: 130px;
    margin-top: 0;
  }

  .grid-mt {
    grid-row-gap: 40px;
    order: 0;
  }

  .d-line2 {
    display: none;
  }

  .img-csapat-home {
    object-fit: cover;
    height: auto;
  }

  .text-nr-plus {
    font-size: 20vw;
  }

  .text-section-main {
    font-size: 28px;
    line-height: 110%;
  }

  .btn-nav-left {
    width: 32px;
    height: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-btn-next {
    width: 48px;
    height: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .p-service {
    text-indent: 56px;
  }

  .swiper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .swiper-slide {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 30%;
    height: 100%;
  }

  .swiper-btn-prev {
    width: 48px;
    height: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .img-service {
    object-fit: cover;
    height: 100%;
  }

  .c-hero-background {
    /* opacity: .2; */
    /* filter: saturate(0%); */
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    inset: auto 0% 0%;
    overflow: visible;
  }

  .emb-3dmodel {
    width: auto;
    /* height: 70vh; */
    margin-left: 0;
    padding-left: 0;
    top: 50%;
    transform: scale(1);
    left: -142%;
  }

  .c-team {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 16px;
  }

  .nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-pin {
    line-height: 120%;
  }

  .grid-footer {
    grid-row-gap: 40px;
    order: 0;
    grid-template-columns: 1fr;
  }

  .c-left-footer {
    display: block;
  }

  .img-nav-background {
    pointer-events: auto;
    object-fit: cover;
    height: 50%;
    position: absolute;
    inset: 0% 0% 0%;
    z-index: -1;
  }

  .subheading {
    width: 100%;
    font-size: 18px;
    line-height: 130%;
  }
}

#w-node-_2b6b283f-2438-6f6c-33ec-b6330ece2a9c-97ed7c60, #w-node-c5dc91f5-192b-9464-1c6e-c1ecea11eba6-97ed7c60, #w-node-a0c520e6-e8f0-a0e3-3f98-4ceaa5bbc1b9-97ed7c60, #w-node-_11bb2d7a-076f-2754-6062-fb78cedab3f1-97ed7c60, #w-node-a97d98aa-a11f-c96c-211f-bab69a630d08-97ed7c60, #w-node-a97d98aa-a11f-c96c-211f-bab69a630d09-97ed7c60, #w-node-_92eda036-c8fc-a033-8a4e-60ad361f1c70-97ed7c60, #w-node-_18486c71-3887-6454-a2e6-6f07fa906393-97ed7c60, #w-node-_3f172be4-84d2-a069-9728-85b413125f25-97ed7c60, #w-node-_3f172be4-84d2-a069-9728-85b413125f26-97ed7c60, #w-node-_3dcb356a-ec7b-4023-81f3-ab4c714e9664-97ed7c60, #w-node-_38d8c4f1-fadc-e095-ea6d-c1e5a2058e88-97ed7c60, #w-node-_20caa45c-eab7-b879-30cb-7c5f4dbdbb34-97ed7c60, #w-node-fc7400dc-584d-0d30-261a-04c2268aa89d-97ed7c60, #w-node-_152ad31f-beca-122a-c9e6-de9aa6479c5e-97ed7c60, #w-node-_35f4af93-635e-abc0-efb6-0315d1fbc537-97ed7c60, #w-node-_35f4af93-635e-abc0-efb6-0315d1fbc538-97ed7c60, #w-node-_35f4af93-635e-abc0-efb6-0315d1fbc53b-97ed7c60, #w-node-_35f4af93-635e-abc0-efb6-0315d1fbc53c-97ed7c60, #w-node-_6933df94-7399-5080-0016-4e9dd0895993-36bec98e, #w-node-_6d65bce8-6295-73f0-5299-68f0dbc359c8-36bec98e, #w-node-_3a9d32ec-971a-80ca-da1f-0acfcb84630e-36bec98e, #w-node-d5200d45-96ce-0377-493d-d652623b1028-36bec98e, #w-node-_0aad5c35-e8f0-f449-fe62-372ba92d3b06-36bec98e, #w-node-_1a8710f8-2c5d-eaae-9483-ebedb80c1d56-36bec98e, #w-node-_715aa3f2-23c2-5f4b-5b97-d27031fbbac9-31fbbac9, #w-node-_4af94992-62ed-2033-6229-fc0b31d23f20-97ed7c62, #w-node-_4af94992-62ed-2033-6229-fc0b31d23f23-97ed7c62, #w-node-_9f2dd1a1-fb3b-0ffa-3a41-5ae0beab9bda-97ed7c62, #w-node-a4bc203d-3ba3-c6d9-b0cb-8ccd8b368f9d-97ed7c62, #w-node-_5956db7b-e267-83f7-f5a8-3831575b1628-97ed7c62, #w-node-_1c786cc5-a59b-dff2-e4bd-963b94feff23-97ed7c62, #w-node-e6699e43-18ce-7ce7-8a34-48db7af38e1a-97ed7c62, #w-node-_77ec4a22-7c0d-7c7c-44df-c8d5c0aaddc1-97ed7c62, #w-node-_77ec4a22-7c0d-7c7c-44df-c8d5c0aaddc2-97ed7c62, #w-node-_6a388faa-7a55-a7c8-a9f4-ea0ec3c1d465-97ed7c62, #w-node-_6fd209ac-b395-e84d-32a3-29bd4bfafa7b-97ed7c62, #w-node-_6fd209ac-b395-e84d-32a3-29bd4bfafa7c-97ed7c62, #w-node-_6fd209ac-b395-e84d-32a3-29bd4bfafa7e-97ed7c62, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf6b-04dfdf6b, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf6c-04dfdf6b, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf6d-04dfdf6b, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf72-04dfdf6b, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf74-04dfdf6b, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf78-04dfdf6b, #w-node-_8c22561f-4da0-3628-6251-68f804dfdf7a-04dfdf6b, #w-node-df1e056f-34e9-3635-7d61-da42c8e84f77-04dfdf6b, #w-node-df1e056f-34e9-3635-7d61-da42c8e84f79-04dfdf6b, #w-node-e46992c4-4568-97ab-abe2-8ba7ddec64fb-97ed7c63, #w-node-e46992c4-4568-97ab-abe2-8ba7ddec64fe-97ed7c63, #w-node-_0e74849a-fed9-3bfa-72cf-fcfa17d99470-97ed7c63, #w-node-_192ee637-adb6-7d11-fe0c-a90fb610b007-b610b003, #w-node-_9e9bf2ba-09e7-d512-fa7a-5b7c0e693921-b610b003, #w-node-_42cdae19-e3ed-6966-b317-3011927f5195-b610b003, #w-node-fafe1825-db9a-baf1-cadd-6c494d503f22-b610b003, #w-node-fafe1825-db9a-baf1-cadd-6c494d503f27-b610b003, #w-node-fafe1825-db9a-baf1-cadd-6c494d503f2c-b610b003, #w-node-fafe1825-db9a-baf1-cadd-6c494d503f31-b610b003, #w-node-_18d3a298-c4a9-e771-d405-974e71faf5bc-b610b003, #w-node-_4af94992-62ed-2033-6229-fc0b31d23f20-97ed7c64, #w-node-_4af94992-62ed-2033-6229-fc0b31d23f23-97ed7c64, #w-node-_77e2da6a-27f5-5192-8e56-ea34734ae6b0-97ed7c64, #w-node-_21a97712-f5e2-9210-fb8d-b40d0fb8a7cf-97ed7c64, #w-node-_962fecda-958b-a5c6-2c2f-c40acc71326b-97ed7c64, #w-node-c617b84f-3aef-054f-7345-ba3b2e565b3d-97ed7c64, #w-node-c617b84f-3aef-054f-7345-ba3b2e565b3e-97ed7c64, #w-node-c617b84f-3aef-054f-7345-ba3b2e565b40-97ed7c64, #w-node-_4d96a85b-8c0e-61aa-07ca-f8998ee38285-97ed7c64, #w-node-fa1dfee5-ef77-f44a-b813-787fd767f217-97ed7c64, #w-node-_4bd147d7-8272-8ada-b55b-171a152220fb-97ed7c64, #w-node-_4bd147d7-8272-8ada-b55b-171a152220fc-97ed7c64, #w-node-_4bd147d7-8272-8ada-b55b-171a152220fd-97ed7c64, #w-node-_4bd147d7-8272-8ada-b55b-171a152220ff-97ed7c64, #w-node-_5006ac43-c298-40f0-03de-c5de2292126b-97ed7c64, #w-node-_5006ac43-c298-40f0-03de-c5de2292126a-97ed7c64, #w-node-c3bb0a43-e31d-94ab-cef0-06c62c4530d9-97ed7c64, #w-node-c3bb0a43-e31d-94ab-cef0-06c62c4530da-97ed7c64, #w-node-c3bb0a43-e31d-94ab-cef0-06c62c4530dc-97ed7c64, #w-node-e59aa09f-fa8f-b72e-3dc5-7892ac5cb4a3-97ed7c64, #w-node-e59aa09f-fa8f-b72e-3dc5-7892ac5cb4a4-97ed7c64, #w-node-e56bd10a-9eda-2296-eb58-890d290350a3-97ed7c64, #w-node-_1ae493c9-d1a4-e01d-2ebb-d43ebe8d59e6-be8d59e5, #w-node-_1ae493c9-d1a4-e01d-2ebb-d43ebe8d59ea-be8d59e5, #w-node-acdc30c8-1efb-11e9-3e00-fbba76398425-76398425, #w-node-acdc30c8-1efb-11e9-3e00-fbba76398426-76398425, #w-node-acdc30c8-1efb-11e9-3e00-fbba76398427-76398425, #w-node-acdc30c8-1efb-11e9-3e00-fbba7639842d-76398425, #w-node-acdc30c8-1efb-11e9-3e00-fbba7639842f-76398425, #w-node-acdc30c8-1efb-11e9-3e00-fbba76398433-76398425, #w-node-acdc30c8-1efb-11e9-3e00-fbba76398435-76398425, #w-node-_404456bf-73c3-e860-e9ee-da4e3413a561-97ed7c65, #w-node-e46992c4-4568-97ab-abe2-8ba7ddec64fb-97ed7c66, #w-node-_2be6b491-11fe-defb-1bae-455e56bcc783-97ed7c66, #w-node-_2be6b491-11fe-defb-1bae-455e56bcc789-97ed7c66, #w-node-_2be6b491-11fe-defb-1bae-455e56bcc795-97ed7c66, #w-node-_365f987f-7bd1-3385-34d3-9b4daa4c0cc4-97ed7c66, #w-node-_365f987f-7bd1-3385-34d3-9b4daa4c0cca-97ed7c66, #w-node-_365f987f-7bd1-3385-34d3-9b4daa4c0cd6-97ed7c66, #w-node-f7e29a91-1446-80b6-3e5b-149ec1a4d468-97ed7c66, #w-node-f7e29a91-1446-80b6-3e5b-149ec1a4d46e-97ed7c66, #w-node-f7e29a91-1446-80b6-3e5b-149ec1a4d47a-97ed7c66, #w-node-_7f806685-ce5d-7ea6-c371-312a2d98f82a-97ed7c66, #w-node-_7f806685-ce5d-7ea6-c371-312a2d98f830-97ed7c66, #w-node-_7f806685-ce5d-7ea6-c371-312a2d98f83c-97ed7c66, #w-node-_28e8d019-3c41-2962-a13a-f12d4d0db9fb-97ed7c66, #w-node-_28e8d019-3c41-2962-a13a-f12d4d0dba01-97ed7c66, #w-node-_28e8d019-3c41-2962-a13a-f12d4d0dba0d-97ed7c66, #w-node-_2f850d3c-4b21-b0be-a799-8b443e83585f-97ed7c66, #w-node-_2f850d3c-4b21-b0be-a799-8b443e835865-97ed7c66, #w-node-_2f850d3c-4b21-b0be-a799-8b443e835871-97ed7c66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e46992c4-4568-97ab-abe2-8ba7ddec64fe-97ed7c63 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  .emb-3dmodel {
    width: 100%;
    margin-left: 0px;
    padding-right: 0px;
    position: absolute;
    left: auto;
    right: 0px;
    top: auto;
    bottom: 140px;
    transform: scale(1);
    min-width: 650px !important;
  }
}


@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-ExtralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}