@font-face {
  font-family: Monasans Slnt Wdth Wght;
  src: url('../images/') format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: #1d1d1d;
  --lightblue: #2d7ece;
  --offwhite: #f7f7f7;
  --flowui-component-library--gray-900: #160042;
  --flowui-component-library--white: white;
  --flowui-component-library--gray-700: #282556;
  --flowui-component-library--gray-500: #6b7094;
  --waves-library--black: #131313;
  --ll: #7ab1e7;
  --black-2: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.waves---nav-buttons-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.waves---nav-container {
  max-width: 1440px;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---nav-menu {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.waves---nav-link {
  color: var(--black);
  text-transform: none;
  padding: 12px 16px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.waves---nav-link:hover {
  color: var(--lightblue);
}

.waves---nav-link.w--current {
  color: var(--black);
  letter-spacing: .5px;
  font-style: normal;
  font-weight: 500;
}

.waves---nav-link.w--current:hover {
  color: #005f84;
}

.waves-master-nav-1 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.waves---nav-brand-link {
  height: auto;
}

.waves-right-nav-1 {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.waves-navbar-1 {
  z-index: 105;
  background-color: #fdfdfd;
  border-bottom: 1px solid #13131333;
  height: 100px;
  position: fixed;
  inset: 0% 0% auto;
}

.waves-navbar-1:hover {
  font-weight: 400;
}

.text-block {
  color: #fff;
  font-family: Merriweather, serif;
  font-size: 2.1rem;
  font-weight: 900;
}

.image {
  height: 85px;
}

.s1-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-003.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-items: stretch;
  min-height: 500px;
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.s1-2.hero2 {
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-005.jpg');
  background-position: 0 0, 50% 0;
}

.s1-2.hero2.hero3 {
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-006.jpg');
  background-position: 0 0, 50% 100%;
}

.s1-2.hero2.hero3.hero4 {
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-008.jpg');
  background-position: 0 0, 50% 100%;
}

.hero-wrapper {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #00000040;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.h1-2 {
  color: #fff;
  text-align: center;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.waves---nav-cta {
  background-color: var(--lightblue);
  color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 25px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.waves---nav-cta:hover {
  background-color: #005f84;
  background-image: linear-gradient(#0000006e, #0000006e);
}

.s2-2 {
  background-color: var(--offwhite);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.s2-2.s2-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.s2-2.s2-3.s2-4, .s2-2.s2-4 {
  padding-top: 0;
}

.s2-2.s2-5 {
  background-color: #0000005e;
  margin-top: 100px;
  position: relative;
}

.div-block-17 {
  border-bottom: 1px solid var(--lightblue);
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.div-block-17.d2 {
  border-bottom-style: none;
}

.div-block-17.d2.d3 {
  align-items: flex-start;
  width: auto;
  display: flex;
}

.paramax-2 {
  color: #1d1d1d;
  text-align: center;
  max-width: 88ch;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.3;
}

.paramax-2.p2 {
  color: #1d1d1d;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
}

.paramax-2.p2.p3 {
  font-size: 1.2rem;
}

.paramax-2.p2.p3.p5 {
  text-align: center;
  font-weight: 500;
}

.paramax-2.p2.p3.p5.p4 {
  text-align: center;
  margin-bottom: 30px;
}

.paramax-2.p2.p3.p5.p6 {
  color: var(--lightblue);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.paramax-2.p2.p3.p5.p7 {
  text-align: left;
}

.paramax-2.p2.p3.p5.p1 {
  font-size: 1.1rem;
}

.paramax-2.p2.p3.p5.e {
  color: #fff;
}

.link-4 {
  color: #005f84;
  font-weight: 600;
  text-decoration: none;
}

.waves---grid-image-halves-2 {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.waves---grid-image-halves-2.w2 {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff38;
  border-radius: 8px;
  padding: 40px;
}

.waves---paragraph-big-2 {
  color: #1d1d1d;
  text-align: center;
  margin-bottom: 10px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 130%;
}

.waves---paragraph-big-2.p5 {
  text-align: left;
}

.waves---heading-2-no-margins {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}

.waves---heading-2-no-margins.b2 {
  margin-bottom: 20px;
}

.waves---heading-2-no-margins.b2.b3 {
  color: #fff;
  text-align: center;
}

.bold-text {
  color: var(--lightblue);
  font-size: 2rem;
}

.bold-text.b2 {
  color: var(--white);
}

.waves---content-image-halves-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  display: flex;
}

.waves-image-features-4 {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.waves-image-features-4.i2 {
  object-position: 50% 0%;
  height: 650px;
}

.waves-image-features-4.i3 {
  border-radius: 10px;
  height: 500px;
}

.waves---main-container-3 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---section-medium-4 {
  background-color: #ececec;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.waves---section-medium-4.s3 {
  background-color: #f7f7f7;
}

.waves---section-medium-4.s3.s2 {
  background-image: url('../images/bernard-hermant-1nDW7BjBj1s-unsplash.webp'), linear-gradient(#00000080, #00000080);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.waves---paragraph-small {
  color: var(--black);
  margin-left: 5px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 130%;
}

.waves---check-icon {
  width: 22px;
  height: 22px;
}

.waves---single-check-item {
  grid-column-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.waves---single-check-item.c2 {
  margin-bottom: 10px;
}

.waves---master-checks-vertical {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.waves---mg-top-16 {
  margin-top: 0;
}

.waves---paragraph-big {
  font-size: 20px;
  line-height: 130%;
}

.waves---heading-2-no-margins-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 130%;
}

.waves---content-image-halves {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  display: flex;
}

.waves-image-features-5 {
  border-radius: 24px;
  width: 100%;
}

.waves---grid-image-halves {
  grid-column-gap: 40px;
  grid-template-rows: auto;
}

.waves---main-container {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---section-medium {
  padding-top: 100px;
  padding-bottom: 100px;
}

.f-image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.f-content-image-wrapper-large {
  border-radius: 12px;
  width: 100%;
  max-width: 450px;
  height: 460px;
  overflow: hidden;
}

.f-button-neutral {
  background-color: var(--flowui-component-library--gray-900);
  color: var(--flowui-component-library--white);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.f-button-neutral:hover {
  background-color: var(--flowui-component-library--gray-700);
}

.f-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.f-paragraph-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-icon-regular {
  filter: blur(5px);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-content-list-item {
  grid-column-gap: 16px;
  color: var(--flowui-component-library--gray-900);
  align-items: center;
  display: flex;
}

.f-content-list-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 32px;
  margin-bottom: 42px;
  display: flex;
}

.f-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.f-h2-heading {
  color: var(--flowui-component-library--gray-900);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.f-margin-bottom-16 {
  margin-bottom: 16px;
}

.f-heading-detail-small {
  color: var(--flowui-component-library--gray-500);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.f-margin-bottom-12 {
  margin-bottom: 12px;
}

.f-grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.f-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.f-section-large {
  padding: 92px 5%;
  position: relative;
}

.paragraph {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.3;
}

.paragraph.p2 {
  color: var(--lightblue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
}

.paragraph.p3, .paragraph.p4 {
  margin-top: 0;
  margin-bottom: 0;
}

.bold-text-3, .bold-text-4 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
}

.waves---section-medium-3 {
  color: #333;
  background-color: #f7f7f7;
  padding-top: 100px;
  padding-bottom: 100px;
}

.waves---grid-features-5 {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
}

.waves---grid-features-5.tile2 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: stretch stretch;
  margin-top: 0;
}

.heading-2 {
  color: #fff;
  letter-spacing: .5px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
}

.div-block-9 {
  padding-left: 20px;
  padding-right: 20px;
  font-family: Merriweather, serif;
}

.link-block {
  text-decoration: none;
}

.waves-tile-feature-5 {
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  background-color: #1d1d1d;
  background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-005.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 1px solid #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  padding: 0 16px;
  display: flex;
}

.waves-tile-feature-5:hover {
  color: #232323;
  background-image: linear-gradient(#3339, #3339), url('../images/KotiMattila-Plkneentie560-005.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.waves-tile-feature-5.tile2 {
  background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-008.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.waves-tile-feature-5.tile2:hover {
  background-image: linear-gradient(#3339, #3339), url('../images/KotiMattila-Plkneentie560-008.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.waves-tile-feature-5.tile3 {
  background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-010.jpg');
  background-size: auto, cover;
  border-style: solid;
}

.waves-tile-feature-5.tile3:hover {
  background-image: linear-gradient(#3339, #3339), url('../images/KotiMattila-Plkneentie560-010.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.waves-tile-feature-5.tile4 {
  background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-006.jpg');
  background-position: 0 0, 50%;
}

.waves-tile-feature-5.tile4:hover {
  background-image: linear-gradient(#3339, #3339), url('../images/KotiMattila-Plkneentie560-006.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-8 {
  background-color: #94949400;
  border-radius: 20px;
  padding: 0;
}

.image-2 {
  margin-bottom: 20px;
}

.uui-footer04_bottom-wrapper {
  grid-column-gap: 1.5rem;
  border-top: 1px solid #1d1d1d;
  justify-content: space-between;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

.uui-page-padding-3 {
  background-color: #fff;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-icon-1x1-xsmall {
  color: #1d1d1d;
  width: 1.5rem;
  height: 1.5rem;
}

.uui-icon-1x1-xsmall.ico2 {
  color: var(--lightblue);
}

.uui-contact03_icon-wrapper {
  color: #ffd405;
  flex: none;
  align-self: center;
  margin-right: 1rem;
}

.link-block-2 {
  height: 100px;
}

.div-block-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: block;
}

.ecosta-link {
  filter: invert();
}

.ecosta-logo {
  width: 75px;
}

.uui-footer04_top-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  justify-content: space-between;
  align-items: start;
}

.footer {
  padding-top: 40px;
}

.image-4, .image-3 {
  height: 100px;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_image.oma {
  display: block;
}

.uui-padding-vertical-xlarge {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-text-style-link-02 {
  color: #1d1d1d;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.uui-text-style-link-02.t2 {
  color: #1d1d1d;
}

.uui-text-style-link-02.t2.t3 {
  color: var(--lightblue);
}

.uui-contact03_contact-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.uui-contact03_contact-list.l2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: stretch;
  margin-top: 0;
  padding-left: 0;
}

.uui-contact03_item {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.uui-contact03_item.t3 {
  justify-content: flex-start;
}

.uui-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-small-2 {
  color: #475467;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small-2.text-color-gray500 {
  color: #1d1d1d;
}

.bold-text-6 {
  color: var(--lightblue);
}

.div-block-18 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  display: grid;
}

.div-block-18.d2 {
  grid-column-gap: 30px;
  max-width: 1100px;
}

.div-block-18.d2.d3 {
  display: block;
}

.link-5 {
  color: var(--lightblue);
  font-weight: 700;
  text-decoration: none;
}

.link-6, .link-7, .link-8 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.list {
  padding-left: 20px;
}

.list-item-2 {
  color: #1d1d1d;
  margin-bottom: 5px;
  padding-bottom: 0;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 1.1rem;
}

.list-item-2.l2 {
  margin-bottom: 20px;
}

.link-9, .link-10, .link-11, .link-12, .link-13, .link-14 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.waves---heading-3-no-margins {
  color: var(--lightblue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.waves-icon-32 {
  width: 100px;
  height: 100px;
}

.waves---mg-bottom-16 {
  margin-bottom: 16px;
}

.waves-tile-feature-1 {
  grid-row-gap: 16px;
  background-color: #e9e9e9;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  display: flex;
}

.waves-grid-features-1 {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.waves---cta-dark {
  background-color: var(--waves-library--black);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.waves---cta-dark:hover {
  background-color: #131313e6;
}

.waves---heading-2-no-margins-3 {
  color: var(--lightblue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 130%;
}

.waves---sides-heading-button {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.waves---mg-bottom-100 {
  margin-bottom: 100px;
}

.waves---main-container-4 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---section-medium-5 {
  background-color: var(--offwhite);
  padding-top: 100px;
  padding-bottom: 100px;
}

.waves---heading-2-no-margins-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}

.waves---heading-2-no-margins-copy.b2 {
  margin-bottom: 20px;
}

.text-block-2, .text-block-3, .text-block-4 {
  text-align: center;
  font-size: 1.1rem;
}

.link-15, .link-16, .link-17, .link-18, .link-19, .link-20, .link-21 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.link-21.w--current {
  color: var(--ll);
}

.link-22 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.link-22._2 {
  color: var(--ll);
}

.link-23 {
  color: var(--ll);
  text-decoration: none;
}

.link-24 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.link-24._2 {
  color: var(--ll);
}

.uui-contact03_icon-wrapper-2 {
  color: #ffd405;
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.success-text {
  color: #f7f7f7;
  font-weight: 600;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.success-message {
  background-color: #3e3e3e;
  padding: 1.5rem;
}

.uui-field-label {
  margin-bottom: .5rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-footer04_bottom-wrapper-2 {
  grid-column-gap: 1.5rem;
  border-top: 1px solid #000;
  justify-content: space-between;
  width: 100%;
  margin-top: 4rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
  display: flex;
}

.error-text {
  color: #e23939;
}

.uui-form-button-wrapper {
  flex-direction: column;
  margin-top: .5rem;
  display: flex;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.uui-section_contact03 {
  background-color: #f7f7f7;
}

.link-block-3 {
  width: 100%;
  height: 250px;
  margin-top: 80px;
}

.uui-contact03_form-wrapper {
  flex-direction: column;
  align-items: stretch;
}

.footer-wrap {
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-contact03_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-contact03_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-form-field-wrapper {
  position: relative;
}

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

.uui-text-size-large {
  letter-spacing: normal;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.uui-text-size-large.t2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-contact03_contact-list-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-form_input {
  color: #101828;
  background-color: #fff;
  border: 1px solid #979ba0;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  color: #101828;
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.uui-form_input::placeholder {
  color: #667085;
}

.uui-form_input.text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.div-block-16 {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: url('../images/Sieppaa.PNG');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #979ba0;
  border-radius: .5rem;
  height: 250px;
  margin-top: 0;
}

.uui-contact03_item-2 {
  align-items: center;
  display: flex;
}

.waves---nav-cta-2 {
  color: #fff;
  background-color: #005f84;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 25px;
  font-family: Monasans Slnt Wdth Wght, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.waves---nav-cta-2:hover {
  background-color: #005f84;
  background-image: linear-gradient(#0000006e, #0000006e);
}

.uui-heading-medium {
  color: var(--lightblue);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3;
}

.link-25, .link-26 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.div-block-19 {
  background-image: url('../images/KotiMattila-Plkneentie560-003.jpg');
  background-position: 0 0;
  background-size: auto;
}

.div-block-20 {
  object-fit: cover;
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-003.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100%;
  max-width: 1000px;
}

.div-block-20.d2 {
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-005.jpg');
}

.div-block-20.d3 {
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-006.jpg');
  background-position: 0 0, 50%;
}

.div-block-20.d3.d4 {
  background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-008.jpg');
}

.link-27 {
  color: var(--lightblue);
  font-weight: 600;
  text-decoration: none;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-banner_button {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 999rem;
  min-width: 8.75rem;
  margin-left: 1rem;
  padding: .625rem 1.25rem;
  font-size: 14px;
}

.fs-cc-banner_button.fs-cc-button-alt {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 1rem;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide, .fs-cc-banner_trigger {
  display: none;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-banner_text-link {
  color: #fff;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-banner_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.fs-cc-manager_trigger {
  display: none;
}

.image-5 {
  width: 30px;
  height: 30px;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 2.5rem 2rem;
  overflow: scroll;
}

.fs-cc-manager_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 1.25rem 1.25rem;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  flex-direction: column;
  padding: .625rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #18181899;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 1rem;
  height: 1rem;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-prefs_title {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_label {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_text {
  color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.fs-cc-prefs_trigger, .fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-banner_text {
  color: #fff;
  margin-right: 1.5rem;
  font-size: 14px;
}

.fs-cc-prefs_button {
  background-color: #000;
  border: 2px solid #000;
  border-radius: 999rem;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #191919;
  border-radius: 50rem;
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 3%;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.evasttt {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: -.75rem -.75rem auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.tausta {
  z-index: -1;
  filter: blur(7px);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .waves---nav-buttons-right {
    grid-column-gap: 8px;
  }

  .waves---menu-button {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
  }

  .waves---menu-button.w--open {
    background-color: #131313;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
  }

  .waves---nav-menu {
    background-color: var(--white);
    border: 1px solid #1313131a;
    border-radius: 8px;
    margin-top: 4px;
  }

  .waves---nav-link {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    display: flex;
  }

  .waves---hamburger-icon {
    color: var(--black);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
  }

  .waves---nav-brand-link {
    padding-left: 0;
  }

  .waves---nav-brand-link.w--current {
    margin-left: 20px;
  }

  .image {
    height: 85px;
  }

  .s1-2 {
    background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-003.jpg');
    background-position: 0 0, 50%;
    min-height: 450px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .s1-2.hero2 {
    background-image: linear-gradient(to bottom, null, null), url('../images/KotiMattila-Plkneentie560-005.jpg');
    background-position: 0 0, 50%;
  }

  .hero-wrapper {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    max-width: 650px;
  }

  .h1-2 {
    font-size: 2rem;
  }

  .s2-2.smile {
    padding-top: 0;
  }

  .div-block-17 {
    max-width: 650px;
  }

  .div-block-17.d2.d3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paramax-2 {
    max-width: 90vw;
  }

  .paramax-2.p2.p3.p5 {
    margin-bottom: 0;
    font-size: 1.1rem;
  }

  .paramax-2.p2.p3.p5.p6 {
    text-align: left;
  }

  .waves---grid-image-halves-2 {
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .waves---grid-image-halves-2.w2 {
    grid-row-gap: 70px;
    grid-template-rows: auto;
  }

  .waves---paragraph-big-2, .waves---paragraph-big-2.p5, .waves---heading-2-no-margins {
    text-align: center;
  }

  .waves---heading-2-no-margins.hed2 {
    text-align: left;
  }

  .waves---content-image-halves-2 {
    text-align: center;
    align-items: center;
  }

  .waves-image-features-4 {
    max-width: 700px;
    height: auto;
  }

  .waves-image-features-4.i2 {
    object-position: 50% 20%;
    background-image: none;
    height: 450px;
  }

  .waves-image-features-4.i3 {
    object-position: 50% 60%;
    background-position: 50%;
    height: 450px;
  }

  .waves---section-medium-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---section-medium-4.s3.s1 {
    padding-top: 0;
  }

  .waves---master-checks-vertical {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .waves---master-checks-vertical.l2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .waves---content-image-halves {
    text-align: center;
    align-items: center;
  }

  .waves-image-features-5 {
    max-width: 470px;
  }

  .waves---grid-image-halves {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .f-content-image-wrapper-large {
    max-width: 100%;
  }

  .f-grid-two-column {
    grid-template-columns: 1fr;
  }

  .paragraph.p2 {
    max-width: 600px;
  }

  .bold-text-3 {
    font-weight: 700;
  }

  .waves---section-medium-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---grid-features-5 {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }

  .waves---grid-features-5.tile2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: 750px;
  }

  .heading-2 {
    font-size: 1.4rem;
  }

  .waves-tile-feature-5 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .waves-tile-feature-5:hover {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-005.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .waves-tile-feature-5.tile2:hover {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-008.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .waves-tile-feature-5.tile3:hover {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-010.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .waves-tile-feature-5.tile4:hover {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-006.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .link-block-2 {
    height: 80px;
  }

  .div-block-12 {
    margin-top: 0;
  }

  .uui-footer04_top-wrapper {
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .image-4, .image-3 {
    height: 80px;
  }

  .uui-logo_image {
    filter: invert();
    display: block;
  }

  .uui-logo_image.oma {
    filter: none;
    display: block;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .uui-contact03_contact-list.l2 {
    grid-column-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
    padding-left: 0;
  }

  .uui-contact03_item {
    justify-content: flex-start;
  }

  .uui-container-large-3 {
    max-width: 95vw;
  }

  .div-block-18 {
    max-width: 750px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-18.d2 {
    max-width: 750px;
  }

  .list-item-2 {
    text-align: left;
  }

  .waves-grid-features-1 {
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .waves---sides-heading-button {
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-footer04_bottom-wrapper-2 {
    max-width: 90vw;
  }

  .link-block-3 {
    height: 250px;
  }

  .uui-contact03_component {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .div-block-16 {
    object-position: 50% 50%;
    background-position: 50%;
    height: 250px;
  }

  .div-block-20 {
    background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-003.jpg');
    background-position: 0 0, 80%;
  }

  .div-block-20.d2 {
    background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-005.jpg');
    background-position: 0 0, 58%;
  }

  .div-block-20.d3 {
    background-image: linear-gradient(#0000, #0000), url('../images/KotiMattila-Plkneentie560-006.jpg');
    background-position: 0 0, 70%;
  }

  .fs-cc-banner_container {
    flex-direction: row;
    align-items: flex-start;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .waves---nav-container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .waves---nav-brand-link.w--current {
    align-self: center;
    align-items: center;
    height: 40px;
    margin-left: 20px;
    display: flex;
  }

  .waves-navbar-1 {
    height: 80px;
  }

  .text-block {
    font-size: 1.8rem;
  }

  .image {
    height: 70px;
  }

  .s1-2 {
    grid-template-columns: 1.25fr 1fr;
    margin-top: 80px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-wrapper {
    max-width: none;
  }

  .h1-2 {
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .s2-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-17 {
    max-width: 520px;
  }

  .div-block-17.d2.d3.d4 {
    margin-top: 20px;
  }

  .waves---heading-2-no-margins {
    font-size: 1.7rem;
    line-height: 125%;
  }

  .waves-image-features-4.i2, .waves-image-features-4.i3 {
    height: 400px;
  }

  .waves---main-container-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .waves---heading-2-no-margins-2 {
    font-size: 44px;
    line-height: 125%;
  }

  .waves---main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .f-h2-heading {
    font-size: 44px;
  }

  .f-section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .paragraph.p2 {
    max-width: 450px;
  }

  .bold-text-3 {
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .bold-text-4 {
    font-size: 1.2rem;
  }

  .waves---section-medium-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .waves---grid-features-5.tile2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-2 {
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .waves-tile-feature-5 {
    height: 250px;
  }

  .bold-text-5 {
    font-size: 1.2rem;
  }

  .uui-footer04_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 3rem;
  }

  .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .link-block-2 {
    height: 70px;
  }

  .div-block-12 {
    margin-top: 20px;
  }

  .image-4, .image-3 {
    height: 70px;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .uui-contact03_contact-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 2rem;
  }

  .uui-contact03_contact-list.l2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .uui-text-size-small-2.text-color-gray500 {
    margin-top: 10px;
  }

  .div-block-18 {
    grid-template-columns: 1fr;
  }

  .waves-grid-features-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .waves---heading-2-no-margins-3 {
    font-size: 2rem;
    line-height: 125%;
  }

  .waves---main-container-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-2-no-margins-copy {
    font-size: 1.7rem;
    line-height: 125%;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-footer04_bottom-wrapper-2 {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 3rem;
  }

  .uui-contact03_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-contact03_contact-list-2 {
    margin-top: 2rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .div-block-20 {
    background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-003.jpg');
    background-position: 0 0, 65%;
  }

  .div-block-20.d2 {
    background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-005.jpg');
    background-position: 0 0, 60%;
  }

  .div-block-20.d3 {
    background-image: linear-gradient(#0000, #0000), url('../images/KotiMattila-Plkneentie560-006.jpg');
    background-position: 0 0, 64%;
  }

  .div-block-20.d3.d4 {
    background-image: linear-gradient(#0003, #0003), url('../images/KotiMattila-Plkneentie560-008.jpg');
    background-position: 0 0, 35%;
  }

  .fs-cc-banner_container {
    flex-direction: row;
    align-items: center;
  }

  .fs-cc-banner_buttons-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: center;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .fs-cc-banner_component {
    width: 90vw;
  }
}

@media screen and (max-width: 479px) {
  .waves---nav-brand-link.w--current {
    height: 25px;
    margin-left: 0;
  }

  .waves-navbar-1 {
    height: 80px;
  }

  .text-block {
    font-size: 1.4rem;
    line-height: 1.1;
  }

  .image {
    height: 70px;
  }

  .s1-2 {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/KotiMattila-Plkneentie560-003.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
    height: auto;
    min-height: auto;
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .s1-2.hero2 {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-005.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .s1-2.hero2.hero3 {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-006.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
  }

  .s1-2.hero2.hero3.hero4 {
    background-image: linear-gradient(#0009, #0009), url('../images/KotiMattila-Plkneentie560-008.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
  }

  .hero-wrapper {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    max-width: 320px;
  }

  .hero-wrapper._2 {
    max-width: none;
  }

  .h1-2 {
    max-width: 90vw;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 600;
  }

  .waves---nav-cta {
    margin-top: 20px;
    display: flex;
  }

  .waves---nav-cta.nappi2 {
    margin-top: 0;
  }

  .s2-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .s2-2.s2-5 {
    margin-top: 80px;
  }

  .div-block-17 {
    max-width: 350px;
  }

  .paramax-2.p2 {
    padding-left: 0;
    padding-right: 0;
  }

  .waves---paragraph-big-2 {
    text-align: center;
    font-size: 1.1rem;
  }

  .waves---heading-2-no-margins {
    text-align: center;
    font-size: 1.4rem;
  }

  .waves---heading-2-no-margins.hed3 {
    text-align: left;
  }

  .bold-text {
    font-size: 1.6rem;
  }

  .waves---content-image-halves-2 {
    align-items: stretch;
  }

  .waves-image-features-4.i2, .waves-image-features-4.i3 {
    height: 300px;
  }

  .waves---section-medium-4 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---master-checks-vertical {
    grid-template-columns: 1fr;
  }

  .waves---master-checks-vertical.l2 {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .waves---heading-2-no-margins-2 {
    font-size: 34px;
  }

  .waves---content-image-halves {
    align-items: stretch;
  }

  .waves---section-medium {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .paragraph {
    text-align: left;
  }

  .paragraph.p2 {
    max-width: 320px;
  }

  .paragraph.p5 {
    text-align: left;
  }

  .waves---section-medium-3 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---grid-features-5.tile2 {
    grid-template-columns: 1fr;
  }

  .heading-2 {
    font-size: 1.2rem;
  }

  .div-block-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .waves-tile-feature-5, .waves-tile-feature-5:hover {
    background-image: linear-gradient(to bottom, null, null), url('../images/hoylapenkki_1.jpg');
    background-position: 0 0, 50%;
  }

  .waves-tile-feature-5.tile3:hover {
    background-image: linear-gradient(to bottom, null, null), url('../images/hoylapenkki_2.jpg');
    background-position: 0 0, 50%;
  }

  .uui-footer04_bottom-wrapper {
    flex-direction: row;
  }

  .div-block-12 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    max-width: 350px;
  }

  .uui-contact03_contact-list {
    grid-template-columns: 1fr;
  }

  .uui-text-size-small-2.text-color-gray500 {
    margin-top: 0;
  }

  .waves---heading-3-no-margins {
    font-size: 22px;
  }

  .waves-grid-features-1 {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .waves---heading-2-no-margins-3 {
    font-size: 2rem;
  }

  .waves---section-medium-5 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---heading-2-no-margins-copy {
    text-align: center;
    font-size: 1.4rem;
  }

  .uui-footer04_bottom-wrapper-2 {
    flex-direction: row;
  }

  .uui-contact03_component {
    grid-template-columns: 1fr;
  }

  .waves---nav-cta-2 {
    margin-top: 20px;
    display: flex;
  }

  .div-block-20 {
    display: none;
  }

  .fs-cc-banner_button {
    width: auto;
    min-width: auto;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    justify-content: space-around;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: row;
    align-items: center;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .fs-cc-banner_component {
    flex-direction: row;
    width: 95vw;
    padding: .6rem .4rem;
  }

  .evasttt {
    align-items: center;
  }
}

#w-node-_5b867902-6730-f0cb-089f-2de7070873d3-24fb8034 {
  align-self: auto;
}

#w-node-c2afbe3f-4597-5758-8401-8f7075e6b985-24fb8034 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b85f5b94-d466-2072-1e47-8ba5bbbc6673-24fb8034 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b85f5b94-d466-2072-1e47-8ba5bbbc6666-24fb8034 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-a002a5e3-9ac5-3e18-9c0e-9b1ffd25a4dc-24fb8034 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-a002a5e3-9ac5-3e18-9c0e-9b1ffd25a4db-24fb8034 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_585fe44e-8d1e-8823-7fe5-0536cb8122ca-24fb8034, #w-node-ae879dc3-3ca3-5e78-adfc-2962e8a84f9b-24fb8034, #w-node-_585fe44e-8d1e-8823-7fe5-0536cb8122d2-24fb8034, #w-node-_585fe44e-8d1e-8823-7fe5-0536cb8122da-24fb8034 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8f9ab36-1e97-e52a-3c8f-4bcc0d384821-24fb8034, #w-node-a76b87ca-d0e4-1ead-7274-e2894446cdf9-24fb8034 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad103-b70ad0fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad109-b70ad0fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad10a-b70ad0fe {
  align-self: center;
}

#w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad110-b70ad0fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_99087a44-c0de-e852-49d9-329b299581af-24fb8035 {
  align-self: auto;
}

#w-node-_99087a44-c0de-e852-49d9-329b299581b5-24fb8035, #w-node-d2312a4c-dd8e-b8e6-64a4-4d5430568b7c-24fb8035 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2312a4c-dd8e-b8e6-64a4-4d5430568b7d-24fb8035, #w-node-_84a980b7-d678-e2e4-b592-9e7bbbdf977a-24fb8035 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_84a980b7-d678-e2e4-b592-9e7bbbdf9779-24fb8035, #w-node-f65609d0-dcf1-4497-65db-70ee59382ef1-24fb8035, #w-node-f65609d0-dcf1-4497-65db-70ee59382ef8-24fb8035, #w-node-f65609d0-dcf1-4497-65db-70ee59382eff-24fb8035, #w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e813122-24fb8035 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e813128-24fb8035 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e813129-24fb8035 {
  align-self: center;
}

#w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e81312f-24fb8035 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_734eb2d8-52bb-3a6f-00ab-7f1281872782-24fb8036 {
  align-self: auto;
}

#w-node-_734eb2d8-52bb-3a6f-00ab-7f1281872788-24fb8036 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_185b6ca2-6d5b-60b2-c621-aed42649da9a-24fb8036 {
  align-self: start;
}

#w-node-b5efbbbb-c81a-09c3-ee8a-79f3c19dbe5c-24fb8036 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5efbbbb-c81a-09c3-ee8a-79f3c19dbe5d-24fb8036 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-e5313f33-fd77-ef62-7886-4ad02e78f979-24fb8036, #w-node-e5313f33-fd77-ef62-7886-4ad02e78f983-24fb8036, #w-node-e5313f33-fd77-ef62-7886-4ad02e78f98e-24fb8036, #w-node-_1a013073-a20e-91c7-2bfc-d8c552277334-24fb8036 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a013073-a20e-91c7-2bfc-d8c552277339-24fb8036 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_1a013073-a20e-91c7-2bfc-d8c55227733a-24fb8036 {
  align-self: center;
}

#w-node-_1a013073-a20e-91c7-2bfc-d8c552277340-24fb8036 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4ba098db-f469-91fc-04c9-38fd1cdc84c9-24fb8037 {
  align-self: auto;
}

#w-node-_4ba098db-f469-91fc-04c9-38fd1cdc84cf-24fb8037 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a4409e2-a4bc-ca94-9634-cdf95afcd436-24fb8037 {
  align-self: start;
}

#w-node-_408ac25b-5840-0d23-faf8-66e08844a662-24fb8037 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_408ac25b-5840-0d23-faf8-66e08844a653-24fb8037 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_581a7d9a-d8ef-de43-c6f8-98188b152ef6-24fb8037 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_581a7d9a-d8ef-de43-c6f8-98188b152efc-24fb8037 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_581a7d9a-d8ef-de43-c6f8-98188b152efd-24fb8037 {
  align-self: center;
}

#w-node-_581a7d9a-d8ef-de43-c6f8-98188b152f03-24fb8037 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d71d99a-5bea-416f-2ec3-c09a6ea0cb96-24fb8038, #w-node-_0d71d99a-5bea-416f-2ec3-c09a6ea0cb9b-24fb8038 {
  align-self: start;
}

#w-node-_0d71d99a-5bea-416f-2ec3-c09a6ea0cbba-24fb8038 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0d71d99a-5bea-416f-2ec3-c09a6ea0cbbb-24fb8038 {
  justify-self: start;
}

#w-node-b825539f-b878-ae43-3a19-b11bd8a84021-24fb8038 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b825539f-b878-ae43-3a19-b11bd8a84026-24fb8038 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-b825539f-b878-ae43-3a19-b11bd8a84027-24fb8038 {
  align-self: center;
}

#w-node-b825539f-b878-ae43-3a19-b11bd8a8402d-24fb8038 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-b85f5b94-d466-2072-1e47-8ba5bbbc6673-24fb8034 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-b85f5b94-d466-2072-1e47-8ba5bbbc6666-24fb8034, #w-node-a002a5e3-9ac5-3e18-9c0e-9b1ffd25a4dc-24fb8034 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a002a5e3-9ac5-3e18-9c0e-9b1ffd25a4db-24fb8034 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-d8f9ab36-1e97-e52a-3c8f-4bcc0d384821-24fb8034 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a76b87ca-d0e4-1ead-7274-e2894446cdf9-24fb8034 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad103-b70ad0fe {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad109-b70ad0fe {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_65d311fa-9e14-4724-3a0e-5b6bb70ad110-b70ad0fe {
    justify-self: center;
  }

  #w-node-d2312a4c-dd8e-b8e6-64a4-4d5430568b7c-24fb8035 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-d2312a4c-dd8e-b8e6-64a4-4d5430568b7d-24fb8035, #w-node-_84a980b7-d678-e2e4-b592-9e7bbbdf977a-24fb8035 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_84a980b7-d678-e2e4-b592-9e7bbbdf9779-24fb8035 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-f65609d0-dcf1-4497-65db-70ee59382eff-24fb8035 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e813122-24fb8035 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e813128-24fb8035 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_0f7e4cc2-0acf-57a6-4c9e-0f498e81312f-24fb8035 {
    justify-self: center;
  }

  #w-node-b5efbbbb-c81a-09c3-ee8a-79f3c19dbe5c-24fb8036 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-b5efbbbb-c81a-09c3-ee8a-79f3c19dbe5d-24fb8036 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e5313f33-fd77-ef62-7886-4ad02e78f98e-24fb8036 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1a013073-a20e-91c7-2bfc-d8c552277334-24fb8036 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_1a013073-a20e-91c7-2bfc-d8c552277339-24fb8036 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_1a013073-a20e-91c7-2bfc-d8c552277340-24fb8036 {
    justify-self: center;
  }

  #w-node-_408ac25b-5840-0d23-faf8-66e08844a662-24fb8037 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_408ac25b-5840-0d23-faf8-66e08844a653-24fb8037 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_581a7d9a-d8ef-de43-c6f8-98188b152ef6-24fb8037 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_581a7d9a-d8ef-de43-c6f8-98188b152efc-24fb8037 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_581a7d9a-d8ef-de43-c6f8-98188b152f03-24fb8037 {
    justify-self: center;
  }

  #w-node-b825539f-b878-ae43-3a19-b11bd8a84021-24fb8038 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-b825539f-b878-ae43-3a19-b11bd8a84026-24fb8038 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-b825539f-b878-ae43-3a19-b11bd8a8402d-24fb8038 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f65609d0-dcf1-4497-65db-70ee59382eff-24fb8035, #w-node-e5313f33-fd77-ef62-7886-4ad02e78f98e-24fb8036 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5b867902-6730-f0cb-089f-2de7070873d3-24fb8034 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-c2afbe3f-4597-5758-8401-8f7075e6b985-24fb8034 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Monasans Slnt Wdth Wght';
  src: url('../images/') format('woff2');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}