.aluetuotekuva {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva.aluetuotteet {
  opacity: 1;
  filter: blur(8px);
  opacity: 1;
  opacity: 1;
  margin-top: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.dropdown {
  min-width: 300px;
  max-width: 300px;
  max-height: 200px;
  margin-top: 142px;
  margin-left: -434px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 12px;
  left: 577px;
}

.valikkonappi-alue {
  z-index: 2000;
  object-fit: fill;
  background-color: #c20614;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: 44px;
  margin-left: -52px;
  padding: 9px 30px 10px 28px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 439px auto auto 405px;
}

.valikkonappi-alue.w--open {
  background-color: maroon;
  min-width: 200px;
}

.valikkoikoni-aluesivu {
  color: #fff;
  margin-top: 0;
  padding-top: 11px;
  padding-left: 0;
}

.valikkoteksti-aluesivu {
  color: #fff;
  margin-top: 0;
  margin-left: -23px;
  padding-top: 0;
  padding-left: 11px;
}

.aluevalikko {
  z-index: auto;
  word-break: normal;
  mix-blend-mode: darken;
  background-color: #fff;
  border-radius: 0;
  min-width: 260px;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.aluevalikko.w--open {
  background-color: #ffffffe6;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border-radius: 2px 2px 20px 20px;
  min-width: 200px;
  max-width: 300px;
  max-height: 550px;
  padding-bottom: 60px;
  inset: auto auto -545px 27px;
  overflow: auto;
  box-shadow: 1px 1px 12px -5px #00000080;
}

.aluelinkki {
  background-color: #0000;
  margin-top: 0;
  font-size: 18px;
}

.aluelinkki:hover, .aluelinkki:focus, .aluelinkki:focus-visible, .aluelinkki[data-wf-focus-visible] {
  background-color: #c2061433;
}

.aluelinkki.w--current {
  color: maroon;
}

.dropdown-2 {
  min-width: 300px;
  max-width: 300px;
  max-height: 200px;
  margin-top: -19px;
  margin-left: -267px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 196px;
  left: 472px;
}

.valikkonappi-alue-2 {
  z-index: 2000;
  object-fit: fill;
  background-color: #c20614;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -553px;
  margin-left: -27px;
  padding: 9px 30px 10px 28px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi-alue-2.w--open {
  background-color: maroon;
  min-width: 200px;
}

.rinkitausta {
  z-index: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.ylaosa_alue {
  z-index: 500;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.dropdown-rinki {
  min-width: 300px;
  max-width: 300px;
  max-height: 300px;
  margin-top: -24px;
  margin-left: -127px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 196px;
  left: 270px;
}

.valikkonappi {
  z-index: 2000;
  object-fit: fill;
  background-color: #fff;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -544px;
  margin-left: 50px;
  padding: 9px 30px 10px 28px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 127px;
}

.valikkonappi.w--open {
  background-color: maroon;
  min-width: 200px;
}

.valikkoikoni {
  color: #c20614;
  margin-top: 0;
  padding-top: 11px;
  padding-left: 0;
}

.valikkoteksti {
  color: #c20614;
  margin-top: 0;
  margin-left: -23px;
  padding-top: 0;
  padding-left: 11px;
}

.image {
  position: absolute;
  inset: 0%;
}

.image-2 {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.image-3 {
  z-index: 7;
  position: absolute;
  inset: 0%;
}

.image-4 {
  z-index: 8;
  position: absolute;
  inset: 0%;
}

.image-5 {
  z-index: 9;
  position: absolute;
  inset: 0%;
}

.image-6 {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.image-7 {
  position: absolute;
  inset: 0%;
}

.image-8, .image-9 {
  z-index: 4;
  position: absolute;
  inset: 0%;
}

.image-10 {
  z-index: 100;
  position: absolute;
  inset: 0%;
}

.image-11 {
  z-index: 20;
  position: absolute;
  inset: 0%;
}

.image-12 {
  z-index: 30;
  position: absolute;
  inset: 0%;
}

.image-13, .image-14, .image-15, .image-16, .image-17, .image-18 {
  position: absolute;
  inset: 0%;
}

.image-19, .image-20, .image-21, .image-22 {
  z-index: 90;
  position: absolute;
  inset: 0%;
}

.image-23 {
  position: absolute;
}

.image-23.rinkikuva {
  z-index: 90;
  inset: 0%;
}

.image-24, .image-25, .rinkikuva, .image-28, .image-29, .image-30, .image-31, .image-32, .image-33, .image-34, .image-35, .image-36, .image-37, .image-38, .image-39, .image-40, .image-41, .image-42, .image-43, .image-44, .image-45, .image-46, .image-47 {
  z-index: 90;
  position: absolute;
  inset: 0%;
}

.image-48 {
  position: absolute;
  inset: 0%;
}

.image-49, .image-50, .image-51, .image-52, .image-53, .image-54, .image-55, .image-56, .image-57, .image-58, .image-59, .image-60, .image-61, .image-62, .image-63, .image-64, .image-65, .image-66 {
  z-index: 90;
  position: absolute;
  inset: 0%;
}

.image-67 {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.image-68 {
  position: absolute;
  inset: 0%;
}

.image-69, .image-70, .image-71, .image-72, .image-73, .image-74, .image-75, .image-76, .image-77, .image-78, .image-79, .image-80, .image-81, .image-82, .image-83, .image-84, .image-85, .image-86, .image-87, .image-88, .image-89 {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.image-90, .image-91, .image-92, .image-93, .image-94, .image-95 {
  position: absolute;
  inset: 0%;
}

.image-96, .image-97 {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.image-98 {
  z-index: 50;
  position: absolute;
}

.image-99, .image-100, .image-101, .image-102, .image-103, .image-104, .image-105, .image-106, .image-107, .image-108, .image-109, .image-110, .image-111, .image-112, .image-113 {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.image-114 {
  filter: blur(6px);
  position: absolute;
  inset: 0%;
}

.image-115 {
  filter: blur(10px);
  -webkit-backdrop-filter: blur() blur();
  backdrop-filter: blur() blur();
  position: absolute;
  inset: 0%;
}

.image-116, .image-130, .image-131, .image-132, .image-133, .image-134, .image-135 {
  position: absolute;
  inset: 0%;
}

.dropdown-aluevalikko2 {
  min-width: 300px;
  max-width: 300px;
  max-height: 200px;
  margin-top: 142px;
  margin-left: -434px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 196px;
  left: 472px;
}

.image-136 {
  z-index: 20;
  position: absolute;
  left: 0;
}

.image-137 {
  position: absolute;
  inset: 0%;
}

.dropdown-klusteri {
  min-width: 300px;
  max-width: 300px;
  max-height: 300px;
  margin-top: -24px;
  margin-left: -127px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 167px;
  left: 306px;
}

.valikkonappi-klusteri {
  z-index: 2000;
  object-fit: fill;
  background-color: #fff;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -544px;
  margin-left: 50px;
  padding: 9px 30px 10px 28px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi-klusteri.w--open {
  background-color: maroon;
  min-width: 200px;
}

@media screen and (max-width: 991px) {
  .aluevalikko {
    max-height: 550px;
  }

  .aluevalikko.w--open {
    padding-bottom: 50px;
    overflow: auto;
  }
}