@charset "UTF-8";
.bw-container {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: auto;
  padding-right: 24px;
  padding-left: 24px;
}
@media (min-width: 768px) {
  .bw-container {
    padding-right: 48px;
    padding-left: 48px;
  }
}
.bw-container.md {
  max-width: 768px;
}
.bw-container.lg {
  max-width: 840px;
}
.bw-container.xl {
  max-width: 1040px;
}
.bw-container.xx {
  --gutter: 24px;
  padding-inline: var(--gutter);
  max-width: calc(1536px + 2 * var(--gutter));
}
@media (min-width: 768px) {
  .bw-container.xx {
    --gutter: 48px;
  }
}
@media (max-width: 840px) {
  .bw-container.xx.wide {
    --gutter: 0px;
  }
}

.bw-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.bw-row.bw-justify-content-start {
  justify-content: flex-start;
}
.bw-row.bw-justify-content-end {
  justify-content: flex-end;
}
.bw-row.bw-justify-content-center {
  justify-content: center;
}
.bw-row.bw-justify-content-between {
  justify-content: space-between;
}
.bw-row.bw-justify-content-around {
  justify-content: space-around;
}
.bw-row.bw-justify-content-evenly {
  justify-content: space-evenly;
}
.bw-row .bw-column {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  width: 100%;
  position: relative;
}
.bw-row .bw-column.bw-push-down {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  position: relative;
}
.bw-row .bw-column.bw-push-up {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  position: relative;
}
.bw-row .bw-column.bw-push-center {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: center;
  text-align: center;
  position: relative;
}
.bw-row .bw-column.bw-push-content-start {
  align-content: flex-start !important;
}
.bw-row .bw-column.bw-push-content-center {
  align-content: center !important;
}
.bw-row .bw-column.bw-push-content-end {
  align-content: flex-end !important;
}
.bw-row .bw-column.bw-float-content-start {
  align-self: flex-start !important;
}
.bw-row .bw-column.bw-float-content-center {
  align-self: center !important;
}
.bw-row .bw-column.bw-float-content-end {
  align-self: flex-end !important;
}
.bw-row .bw-column.bw-mb {
  margin-bottom: 48px;
}
.bw-row .bw-column.bw-square {
  flex: 1 0 20%;
}
.bw-row .bw-column.bw-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.bw-row .bw-column .bw-content {
  width: 100%;
  display: block;
  position: relative;
}

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

.bw-justify-content-end {
  justify-content: flex-end;
}

.bw-justify-content-center {
  justify-content: center;
}

.bw-justify-content-between {
  justify-content: space-between;
}

.bw-justify-content-around {
  justify-content: space-around;
}

.bw-justify-content-evenly {
  justify-content: space-evenly;
}

.bw-justify-content-xs-start {
  justify-content: flex-start;
}

.bw-justify-content-xs-end {
  justify-content: flex-end;
}

.bw-justify-content-xs-center {
  justify-content: center;
}

.bw-column.bw-push-xs-down {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: flex-end;
  text-align: center;
  position: relative;
}
.bw-column.bw-push-xs-up {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: flex-start;
  text-align: center;
  position: relative;
}
.bw-column.bw-push-xs-center {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: center;
  text-align: center;
  position: relative;
}
.bw-column.bw-column-1 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-2 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-3 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-4 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-5 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-6 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-7 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column.bw-column-8 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column.bw-column-9 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column.bw-column-10 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column.bw-column-11 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column.bw-column-12 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column {
  /* Extra small columns, keeping designated column width*/
}
.bw-column.bw-column-xs-1 {
  flex: 1 0 8.333333%;
  max-width: 8.333333%;
  flex: 1 0 8.333333%;
}
.bw-column.bw-column-xs-2 {
  flex: 1 0 16.666667%;
  max-width: 16.666667%;
  flex: 1 0 16.666667%;
}
.bw-column.bw-column-xs-3 {
  flex: 1 0 25%;
  max-width: 25%;
  flex: 1 0 25%;
}
.bw-column.bw-column-xs-4 {
  flex: 1 0 33.333333%;
  max-width: 33.333333%;
  flex: 1 0 33.333333%;
}
.bw-column.bw-column-xs-5 {
  flex: 1 0 41.666667%;
  max-width: 41.666667%;
  flex: 1 0 41.666667%;
}
.bw-column.bw-column-xs-6 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-xs-7 {
  flex: 1 0 58.333333%;
  max-width: 58.333333%;
  flex: 1 0 58.333333%;
}
.bw-column.bw-column-xs-8 {
  flex: 1 0 66.666667%;
  max-width: 66.666667%;
  flex: 1 0 66.666667%;
}
.bw-column.bw-column-xs-9 {
  flex: 1 0 75%;
  max-width: 75%;
  flex: 1 0 75%;
}
.bw-column.bw-column-xs-10 {
  flex: 1 0 83.333333%;
  max-width: 83.333333%;
  flex: 1 0 83.333333%;
}
.bw-column.bw-column-xs-11 {
  flex: 1 0 91.666667%;
  max-width: 91.666667%;
  flex: 1 0 91.666667%;
}
.bw-column.bw-column-xs-12 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
.bw-column.bw-column-ten-xs-0 {
  flex: 1 0 0%;
  max-width: 0%;
  flex: 1 0 0%;
}
.bw-column.bw-column-ten-xs-1 {
  flex: 1 0 10%;
  max-width: 10%;
  flex: 1 0 10%;
}
.bw-column.bw-column-ten-xs-2 {
  flex: 1 0 20%;
  max-width: 20%;
  flex: 1 0 20%;
}
.bw-column.bw-column-ten-xs-3 {
  flex: 1 0 30%;
  max-width: 30%;
  flex: 1 0 30%;
}
.bw-column.bw-column-ten-xs-4 {
  flex: 1 0 40%;
  max-width: 40%;
  flex: 1 0 40%;
}
.bw-column.bw-column-ten-xs-5 {
  flex: 1 0 50%;
  max-width: 50%;
  flex: 1 0 50%;
}
.bw-column.bw-column-ten-xs-6 {
  flex: 1 0 60%;
  max-width: 60%;
  flex: 1 0 60%;
}
.bw-column.bw-column-ten-xs-7 {
  flex: 1 0 70%;
  max-width: 70%;
  flex: 1 0 70%;
}
.bw-column.bw-column-ten-xs-8 {
  flex: 1 0 80%;
  max-width: 80%;
  flex: 1 0 80%;
}
.bw-column.bw-column-ten-xs-9 {
  flex: 1 0 90%;
  max-width: 90%;
  flex: 1 0 90%;
}
.bw-column.bw-column-ten-xs-10 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}

@media (min-width: 375px) {
  .bw-justify-content-xs-start {
    justify-content: flex-start;
  }
  .bw-justify-content-xs-end {
    justify-content: flex-end;
  }
  .bw-justify-content-xs-center {
    justify-content: center;
  }
  .bw-column.bw-push-xs-down {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: flex-end;
    text-align: center;
    position: relative;
  }
  .bw-column.bw-push-xs-up {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: flex-start;
    text-align: center;
    position: relative;
  }
  .bw-column.bw-push-xs-center {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: center;
    text-align: center;
    position: relative;
  }
  .bw-column.bw-column-1 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-2 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-3 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-4 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-7 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-8 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-9 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-11 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column {
    /* Extra small columns, keeping designated column width*/
  }
  .bw-column.bw-column-xs-1 {
    flex: 1 0 8.333333%;
    max-width: 8.333333%;
    flex: 1 0 8.333333%;
  }
  .bw-column.bw-column-xs-2 {
    flex: 1 0 16.666667%;
    max-width: 16.666667%;
    flex: 1 0 16.666667%;
  }
  .bw-column.bw-column-xs-3 {
    flex: 1 0 25%;
    max-width: 25%;
    flex: 1 0 25%;
  }
  .bw-column.bw-column-xs-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-xs-5 {
    flex: 1 0 41.666667%;
    max-width: 41.666667%;
    flex: 1 0 41.666667%;
  }
  .bw-column.bw-column-xs-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-xs-7 {
    flex: 1 0 58.333333%;
    max-width: 58.333333%;
    flex: 1 0 58.333333%;
  }
  .bw-column.bw-column-xs-8 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-column.bw-column-xs-9 {
    flex: 1 0 75%;
    max-width: 75%;
    flex: 1 0 75%;
  }
  .bw-column.bw-column-xs-10 {
    flex: 1 0 83.333333%;
    max-width: 83.333333%;
    flex: 1 0 83.333333%;
  }
  .bw-column.bw-column-xs-11 {
    flex: 1 0 91.666667%;
    max-width: 91.666667%;
    flex: 1 0 91.666667%;
  }
  .bw-column.bw-column-xs-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-ten-xs-0 {
    flex: 1 0 0%;
    max-width: 0%;
    flex: 1 0 0%;
  }
  .bw-column.bw-column-ten-xs-1 {
    flex: 1 0 10%;
    max-width: 10%;
    flex: 1 0 10%;
  }
  .bw-column.bw-column-ten-xs-2 {
    flex: 1 0 20%;
    max-width: 20%;
    flex: 1 0 20%;
  }
  .bw-column.bw-column-ten-xs-3 {
    flex: 1 0 30%;
    max-width: 30%;
    flex: 1 0 30%;
  }
  .bw-column.bw-column-ten-xs-4 {
    flex: 1 0 40%;
    max-width: 40%;
    flex: 1 0 40%;
  }
  .bw-column.bw-column-ten-xs-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-ten-xs-6 {
    flex: 1 0 60%;
    max-width: 60%;
    flex: 1 0 60%;
  }
  .bw-column.bw-column-ten-xs-7 {
    flex: 1 0 70%;
    max-width: 70%;
    flex: 1 0 70%;
  }
  .bw-column.bw-column-ten-xs-8 {
    flex: 1 0 80%;
    max-width: 80%;
    flex: 1 0 80%;
  }
  .bw-column.bw-column-ten-xs-9 {
    flex: 1 0 90%;
    max-width: 90%;
    flex: 1 0 90%;
  }
  .bw-column.bw-column-ten-xs-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
@media (min-width: 480px) {
  .bw-justify-content-sm-start {
    justify-content: flex-start;
  }
  .bw-justify-content-sm-end {
    justify-content: flex-end;
  }
  .bw-justify-content-sm-center {
    justify-content: center;
  }
  .bw-column.bw-push-sm-down {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: flex-end;
    text-align: center;
    position: relative;
  }
  .bw-column.bw-push-sm-up {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: flex-start;
    text-align: center;
    position: relative;
  }
  .bw-column.bw-push-sm-center {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: center;
    text-align: center;
    position: relative;
  }
  .bw-column.bw-column-1 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-2 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-3 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-7 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-column.bw-column-9 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-11 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-ten-sm-0 {
    flex: 1 0 0%;
    max-width: 0%;
    flex: 1 0 0%;
  }
  .bw-column.bw-column-ten-sm-1 {
    flex: 1 0 10%;
    max-width: 10%;
    flex: 1 0 10%;
  }
  .bw-column.bw-column-ten-sm-2 {
    flex: 1 0 20%;
    max-width: 20%;
    flex: 1 0 20%;
  }
  .bw-column.bw-column-ten-sm-3 {
    flex: 1 0 30%;
    max-width: 30%;
    flex: 1 0 30%;
  }
  .bw-column.bw-column-ten-sm-4 {
    flex: 1 0 40%;
    max-width: 40%;
    flex: 1 0 40%;
  }
  .bw-column.bw-column-ten-sm-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-ten-sm-6 {
    flex: 1 0 60%;
    max-width: 60%;
    flex: 1 0 60%;
  }
  .bw-column.bw-column-ten-sm-7 {
    flex: 1 0 70%;
    max-width: 70%;
    flex: 1 0 70%;
  }
  .bw-column.bw-column-ten-sm-8 {
    flex: 1 0 80%;
    max-width: 80%;
    flex: 1 0 80%;
  }
  .bw-column.bw-column-ten-sm-9 {
    flex: 1 0 90%;
    max-width: 90%;
    flex: 1 0 90%;
  }
  .bw-column.bw-column-ten-sm-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column {
    /* Small columns, keeping designated column width*/
  }
  .bw-column.bw-column-sm-1 {
    flex: 1 0 8.333333%;
    max-width: 8.333333%;
    flex: 1 0 8.333333%;
  }
  .bw-column.bw-column-sm-2 {
    flex: 1 0 16.666667%;
    max-width: 16.666667%;
    flex: 1 0 16.666667%;
  }
  .bw-column.bw-column-sm-3 {
    flex: 1 0 25%;
    max-width: 25%;
    flex: 1 0 25%;
  }
  .bw-column.bw-column-sm-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-sm-5 {
    flex: 1 0 41.666667%;
    max-width: 41.666667%;
    flex: 1 0 41.666667%;
  }
  .bw-column.bw-column-sm-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-sm-7 {
    flex: 1 0 58.333333%;
    max-width: 58.333333%;
    flex: 1 0 58.333333%;
  }
  .bw-column.bw-column-sm-8 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-column.bw-column-sm-9 {
    flex: 1 0 75%;
    max-width: 75%;
    flex: 1 0 75%;
  }
  .bw-column.bw-column-sm-10 {
    flex: 1 0 83.333333%;
    max-width: 83.333333%;
    flex: 1 0 83.333333%;
  }
  .bw-column.bw-column-sm-11 {
    flex: 1 0 91.666667%;
    max-width: 91.666667%;
    flex: 1 0 91.666667%;
  }
  .bw-column.bw-column-sm-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
@media (min-width: 768px) {
  /*.bw-container {
      width: 100%;
      max-width: 100%;
      &.xl {
        width: 100%;
        max-width: 100%;
      }
    }*/
  .bw-column {
    /* Medium columns, keeping designated column width*/
  }
  .bw-column.bw-column-md-1 {
    flex: 1 0 8.333333%;
    max-width: 8.333333%;
    flex: 1 0 8.333333%;
  }
  .bw-column.bw-column-md-2 {
    flex: 1 0 16.666667%;
    max-width: 16.666667%;
    flex: 1 0 16.666667%;
  }
  .bw-column.bw-column-md-3 {
    flex: 1 0 25%;
    max-width: 25%;
    flex: 1 0 25%;
  }
  .bw-column.bw-column-md-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-md-5 {
    flex: 1 0 41.666667%;
    max-width: 41.666667%;
    flex: 1 0 41.666667%;
  }
  .bw-column.bw-column-md-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-md-7 {
    flex: 1 0 58.333333%;
    max-width: 58.333333%;
    flex: 1 0 58.333333%;
  }
  .bw-column.bw-column-md-8 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-column.bw-column-md-9 {
    flex: 1 0 75%;
    max-width: 75%;
    flex: 1 0 75%;
  }
  .bw-column.bw-column-md-10 {
    flex: 1 0 83.333333%;
    max-width: 83.333333%;
    flex: 1 0 83.333333%;
  }
  .bw-column.bw-column-md-11 {
    flex: 1 0 91.666667%;
    max-width: 91.666667%;
    flex: 1 0 91.666667%;
  }
  .bw-column.bw-column-md-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-ten-xx-0 {
    flex: 1 0 0%;
    max-width: 0%;
    flex: 1 0 0%;
  }
  .bw-column.bw-column-ten-md-1 {
    flex: 1 0 10%;
    max-width: 10%;
    flex: 1 0 10%;
  }
  .bw-column.bw-column-ten-md-2 {
    flex: 1 0 20%;
    max-width: 20%;
    flex: 1 0 20%;
  }
  .bw-column.bw-column-ten-md-3 {
    flex: 1 0 30%;
    max-width: 30%;
    flex: 1 0 30%;
  }
  .bw-column.bw-column-ten-md-4 {
    flex: 1 0 40%;
    max-width: 40%;
    flex: 1 0 40%;
  }
  .bw-column.bw-column-ten-md-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-ten-md-6 {
    flex: 1 0 60%;
    max-width: 60%;
    flex: 1 0 60%;
  }
  .bw-column.bw-column-ten-md-7 {
    flex: 1 0 70%;
    max-width: 70%;
    flex: 1 0 70%;
  }
  .bw-column.bw-column-ten-md-8 {
    flex: 1 0 80%;
    max-width: 80%;
    flex: 1 0 80%;
  }
  .bw-column.bw-column-ten-md-9 {
    flex: 1 0 90%;
    max-width: 90%;
    flex: 1 0 90%;
  }
  .bw-column.bw-column-ten-md-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
@media (min-width: 840px) {
  .bw-column.bw-column-lg-1 {
    flex: 1 0 8.333333%;
    max-width: 8.333333%;
    flex: 1 0 8.333333%;
  }
  .bw-column.bw-column-lg-2 {
    flex: 1 0 16.666667%;
    max-width: 16.666667%;
    flex: 1 0 16.666667%;
  }
  .bw-column.bw-column-lg-3 {
    flex: 1 0 25%;
    max-width: 25%;
    flex: 1 0 25%;
  }
  .bw-column.bw-column-lg-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-column.bw-column-lg-5 {
    flex: 1 0 41.666667%;
    max-width: 41.666667%;
    flex: 1 0 41.666667%;
  }
  .bw-column.bw-column-lg-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-lg-7 {
    flex: 1 0 58.333333%;
    max-width: 58.333333%;
    flex: 1 0 58.333333%;
  }
  .bw-column.bw-column-lg-8 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-column.bw-column-lg-9 {
    flex: 1 0 75%;
    max-width: 75%;
    flex: 1 0 75%;
  }
  .bw-column.bw-column-lg-10 {
    flex: 1 0 83.333333%;
    max-width: 83.333333%;
    flex: 1 0 83.333333%;
  }
  .bw-column.bw-column-lg-11 {
    flex: 1 0 91.666667%;
    max-width: 91.666667%;
    flex: 1 0 91.666667%;
  }
  .bw-column.bw-column-lg-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-column.bw-column-ten-lg-0 {
    flex: 1 0 0%;
    max-width: 0%;
    flex: 1 0 0%;
  }
  .bw-column.bw-column-ten-lg-1 {
    flex: 1 0 10%;
    max-width: 10%;
    flex: 1 0 10%;
  }
  .bw-column.bw-column-ten-lg-2 {
    flex: 1 0 20%;
    max-width: 20%;
    flex: 1 0 20%;
  }
  .bw-column.bw-column-ten-lg-3 {
    flex: 1 0 30%;
    max-width: 30%;
    flex: 1 0 30%;
  }
  .bw-column.bw-column-ten-lg-4 {
    flex: 1 0 40%;
    max-width: 40%;
    flex: 1 0 40%;
  }
  .bw-column.bw-column-ten-lg-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-column.bw-column-ten-lg-6 {
    flex: 1 0 60%;
    max-width: 60%;
    flex: 1 0 60%;
  }
  .bw-column.bw-column-ten-lg-7 {
    flex: 1 0 70%;
    max-width: 70%;
    flex: 1 0 70%;
  }
  .bw-column.bw-column-ten-lg-8 {
    flex: 1 0 80%;
    max-width: 80%;
    flex: 1 0 80%;
  }
  .bw-column.bw-column-ten-lg-9 {
    flex: 1 0 90%;
    max-width: 90%;
    flex: 1 0 90%;
  }
  .bw-column.bw-column-ten-lg-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
@media (min-width: 1040px) {
  .bw-row .bw-column.bw-column-xl-1 {
    flex: 1 0 8.333333%;
    max-width: 8.333333%;
    flex: 1 0 8.333333%;
  }
  .bw-row .bw-column.bw-column-xl-2 {
    flex: 1 0 16.666667%;
    max-width: 16.666667%;
    flex: 1 0 16.666667%;
  }
  .bw-row .bw-column.bw-column-xl-3 {
    flex: 1 0 25%;
    max-width: 25%;
    flex: 1 0 25%;
  }
  .bw-row .bw-column.bw-column-xl-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-row .bw-column.bw-column-xl-5 {
    flex: 1 0 41.666667%;
    max-width: 41.666667%;
    flex: 1 0 41.666667%;
  }
  .bw-row .bw-column.bw-column-xl-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-row .bw-column.bw-column-xl-7 {
    flex: 1 0 58.333333%;
    max-width: 58.333333%;
    flex: 1 0 58.333333%;
  }
  .bw-row .bw-column.bw-column-xl-8 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-row .bw-column.bw-column-xl-9 {
    flex: 1 0 75%;
    max-width: 75%;
    flex: 1 0 75%;
  }
  .bw-row .bw-column.bw-column-xl-10 {
    flex: 1 0 83.333333%;
    max-width: 83.333333%;
    flex: 1 0 83.333333%;
  }
  .bw-row .bw-column.bw-column-xl-11 {
    flex: 1 0 91.666667%;
    max-width: 91.666667%;
    flex: 1 0 91.666667%;
  }
  .bw-row .bw-column.bw-column-xl-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-row .bw-column.bw-column-ten-xl-0 {
    flex: 1 0 0%;
    max-width: 0%;
    flex: 1 0 0%;
  }
  .bw-row .bw-column.bw-column-ten-xl-1 {
    flex: 1 0 10%;
    max-width: 10%;
    flex: 1 0 10%;
  }
  .bw-row .bw-column.bw-column-ten-xl-2 {
    flex: 1 0 20%;
    max-width: 20%;
    flex: 1 0 20%;
  }
  .bw-row .bw-column.bw-column-ten-xl-3 {
    flex: 1 0 30%;
    max-width: 30%;
    flex: 1 0 30%;
  }
  .bw-row .bw-column.bw-column-ten-xl-4 {
    flex: 1 0 40%;
    max-width: 40%;
    flex: 1 0 40%;
  }
  .bw-row .bw-column.bw-column-ten-xl-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-row .bw-column.bw-column-ten-xl-6 {
    flex: 1 0 60%;
    max-width: 60%;
    flex: 1 0 60%;
  }
  .bw-row .bw-column.bw-column-ten-xl-7 {
    flex: 1 0 70%;
    max-width: 70%;
    flex: 1 0 70%;
  }
  .bw-row .bw-column.bw-column-ten-xl-8 {
    flex: 1 0 80%;
    max-width: 80%;
    flex: 1 0 80%;
  }
  .bw-row .bw-column.bw-column-ten-xl-9 {
    flex: 1 0 90%;
    max-width: 90%;
    flex: 1 0 90%;
  }
  .bw-row .bw-column.bw-column-ten-xl-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
@media (min-width: 1536px) {
  /*.bw-container {
      width: $viewport-xx;
      max-width: 100%;
      margin: 0 auto;
      &.md {
        width: $viewport-md;
        max-width: 100%;
      }
      &.xl {
        width: $viewport-xl;
        max-width: 100%;
      }
      &.xx {
        width: $viewport-xx;
        max-width: 100%;
      }
  }*/
  .bw-row .bw-column.bw-column-xx-1 {
    flex: 1 0 8.333333%;
    max-width: 8.333333%;
    flex: 1 0 8.333333%;
  }
  .bw-row .bw-column.bw-column-xx-2 {
    flex: 1 0 16.666667%;
    max-width: 16.666667%;
    flex: 1 0 16.666667%;
  }
  .bw-row .bw-column.bw-column-xx-3 {
    flex: 1 0 25%;
    max-width: 25%;
    flex: 1 0 25%;
  }
  .bw-row .bw-column.bw-column-xx-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
  .bw-row .bw-column.bw-column-xx-5 {
    flex: 1 0 41.666667%;
    max-width: 41.666667%;
    flex: 1 0 41.666667%;
  }
  .bw-row .bw-column.bw-column-xx-6 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-row .bw-column.bw-column-xx-7 {
    flex: 1 0 58.333333%;
    max-width: 58.333333%;
    flex: 1 0 58.333333%;
  }
  .bw-row .bw-column.bw-column-xx-8 {
    flex: 1 0 66.666667%;
    max-width: 66.666667%;
    flex: 1 0 66.666667%;
  }
  .bw-row .bw-column.bw-column-xx-9 {
    flex: 1 0 75%;
    max-width: 75%;
    flex: 1 0 75%;
  }
  .bw-row .bw-column.bw-column-xx-10 {
    flex: 1 0 83.333333%;
    max-width: 83.333333%;
    flex: 1 0 83.333333%;
  }
  .bw-row .bw-column.bw-column-xx-11 {
    flex: 1 0 91.666667%;
    max-width: 91.666667%;
    flex: 1 0 91.666667%;
  }
  .bw-row .bw-column.bw-column-xx-12 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bw-row .bw-column.bw-column-ten-xx-0 {
    flex: 1 0 0%;
    max-width: 0%;
    flex: 1 0 0%;
  }
  .bw-row .bw-column.bw-column-ten-xx-1 {
    flex: 1 0 10%;
    max-width: 10%;
    flex: 1 0 10%;
  }
  .bw-row .bw-column.bw-column-ten-xx-2 {
    flex: 1 0 20%;
    max-width: 20%;
    flex: 1 0 20%;
  }
  .bw-row .bw-column.bw-column-ten-xx-3 {
    flex: 1 0 30%;
    max-width: 30%;
    flex: 1 0 30%;
  }
  .bw-row .bw-column.bw-column-ten-xx-4 {
    flex: 1 0 40%;
    max-width: 40%;
    flex: 1 0 40%;
  }
  .bw-row .bw-column.bw-column-ten-xx-5 {
    flex: 1 0 50%;
    max-width: 50%;
    flex: 1 0 50%;
  }
  .bw-row .bw-column.bw-column-ten-xx-6 {
    flex: 1 0 60%;
    max-width: 60%;
    flex: 1 0 60%;
  }
  .bw-row .bw-column.bw-column-ten-xx-7 {
    flex: 1 0 70%;
    max-width: 70%;
    flex: 1 0 70%;
  }
  .bw-row .bw-column.bw-column-ten-xx-8 {
    flex: 1 0 80%;
    max-width: 80%;
    flex: 1 0 80%;
  }
  .bw-row .bw-column.bw-column-ten-xx-9 {
    flex: 1 0 90%;
    max-width: 90%;
    flex: 1 0 90%;
  }
  .bw-row .bw-column.bw-column-ten-xx-10 {
    flex: 1 0 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
.bw-column.bw-square {
  flex: 1 0 20%;
  height: 100%;
  display: flex;
}
.bw-column.bw-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.bw-column.bw-square > .bw-square-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: center;
  text-align: center;
  position: relative;
}
.bw-column.bw-square > .bw-square-content.bw-push-down {
  align-self: flex-end;
  flex-direction: row;
  height: 100%;
}
.bw-column.bw-square > .bw-square-content.bw-push-center {
  height: 100%;
  align-self: center;
}
.bw-column.bw-square > .bw-square-content.bw-push-up {
  align-self: flex-start;
  flex-direction: row;
  height: 100%;
}
.bw-column.bw-square > .bw-square-content.bw-text-left {
  text-align: left;
  justify-content: flex-start;
}
.bw-column.bw-square > .bw-square-content.bw-text-center {
  text-align: center;
  justify-content: center;
}
.bw-column.bw-square > .bw-square-content.bw-text-right {
  text-align: right;
  justify-content: flex-end;
}
.bw-column.bw-square img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.bw-text-left {
  text-align: left;
}

.bw-text-center {
  text-align: center;
}

.bw-text-right {
  text-align: right;
}

.bw-row-padding-h-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.bw-no-padding {
  padding: 0;
}

.bw-img-50 {
  width: 50% !important;
  max-width: 50% !important;
}

.hide-on-xs {
  display: none !important;
}

.visible-on-xs {
  display: flex !important;
}

.hide-on-sm-and-below {
  display: none;
}

@media (min-width: 375px) {
  .hide-on-sm {
    display: flex;
  }
  .bw-order-on-xs-1 {
    order: 1;
  }
  .bw-order-on-xs-2 {
    order: 2;
  }
}
@media (min-width: 480px) {
  .bw-row-padding-h-20 {
    padding-left: 0;
    padding-right: 0;
  }
  .visible-on-xs {
    display: none !important;
  }
  .hide-on-xs {
    display: flex !important;
  }
  .hide-on-md {
    display: flex;
  }
  .hide-on-sm {
    display: none;
  }
  .hide-on-sm-and-below {
    display: none;
  }
  .bw-order-on-sm-1 {
    order: 1;
  }
  .bw-order-on-sm-2 {
    order: 2;
  }
}
@media (min-width: 768px) {
  .hide-on-lg {
    display: flex;
  }
  .hide-on-md {
    display: none;
  }
  .hide-on-sm-and-below {
    display: flex;
  }
}
@media (min-width: 840px) {
  .hide-on-lg {
    display: none;
  }
}
/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.rich-text {
  overflow-wrap: break-word;
}
.rich-text img,
.rich-text table,
.rich-text iframe {
  max-width: 100%;
}
.rich-text ul li,
.rich-text ol li {
  margin-bottom: 16px;
}
.rich-text ol {
  margin-left: 30px;
}
.rich-text ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.rich-text ul li {
  position: relative;
  padding-left: 22px;
}
.rich-text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 10px;
  height: 10px;
  border: 2px solid #447c97;
  border-radius: 50%;
  box-sizing: border-box;
}

.preamble,
.block-5050-intro-wrapper,
.block-5050-inner-text,
.container-block-intro,
.image-text-inner-text-content,
.page-hero__preamble,
.info-block-content {
  overflow-wrap: break-word;
}
.preamble img,
.preamble table,
.preamble iframe,
.block-5050-intro-wrapper img,
.block-5050-intro-wrapper table,
.block-5050-intro-wrapper iframe,
.block-5050-inner-text img,
.block-5050-inner-text table,
.block-5050-inner-text iframe,
.container-block-intro img,
.container-block-intro table,
.container-block-intro iframe,
.image-text-inner-text-content img,
.image-text-inner-text-content table,
.image-text-inner-text-content iframe,
.page-hero__preamble img,
.page-hero__preamble table,
.page-hero__preamble iframe,
.info-block-content img,
.info-block-content table,
.info-block-content iframe {
  max-width: 100%;
}
.preamble ul li,
.preamble ol li,
.block-5050-intro-wrapper ul li,
.block-5050-intro-wrapper ol li,
.block-5050-inner-text ul li,
.block-5050-inner-text ol li,
.container-block-intro ul li,
.container-block-intro ol li,
.image-text-inner-text-content ul li,
.image-text-inner-text-content ol li,
.page-hero__preamble ul li,
.page-hero__preamble ol li,
.info-block-content ul li,
.info-block-content ol li {
  margin-bottom: 16px;
}
.preamble ol,
.block-5050-intro-wrapper ol,
.block-5050-inner-text ol,
.container-block-intro ol,
.image-text-inner-text-content ol,
.page-hero__preamble ol,
.info-block-content ol {
  margin-left: 30px;
}
.preamble ul,
.block-5050-intro-wrapper ul,
.block-5050-inner-text ul,
.container-block-intro ul,
.image-text-inner-text-content ul,
.page-hero__preamble ul,
.info-block-content ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.preamble ul li,
.block-5050-intro-wrapper ul li,
.block-5050-inner-text ul li,
.container-block-intro ul li,
.image-text-inner-text-content ul li,
.page-hero__preamble ul li,
.info-block-content ul li {
  position: relative;
  padding-left: 22px;
}
.preamble ul li::before,
.block-5050-intro-wrapper ul li::before,
.block-5050-inner-text ul li::before,
.container-block-intro ul li::before,
.image-text-inner-text-content ul li::before,
.page-hero__preamble ul li::before,
.info-block-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 10px;
  height: 10px;
  border: 2px solid #447c97;
  border-radius: 50%;
  box-sizing: border-box;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/o-0OIpQlx3QUlC5A4PNr4ARCQ_k.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/o-0TIpQlx3QUlC5A4PNr4Az5ZuyDzW0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/notosans-regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/notosans-bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ---- Base ---- */
/*@-ms-viewport {
	width:device-width;
	zoom:1.0;
}
@-o-viewport {
	width:device-width;
	zoom:1.0;
}
@viewport {
	width:device-width;
	zoom:1.0;
}*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  box-sizing: border-box;
  image-rendering: -webkit-optimize-contrast;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
  line-height: 165%;
  font-size: 12px;
  font-weight: normal;
  scroll-behavior: smooth;
  scrollbar-color: #21211E #EBEBEF;
  scrollbar-width: 8px;
}
@media (min-width: 1040px) {
  html,
  body {
    line-height: 165%;
    font-size: 16px;
  }
}

html {
  background-color: #ffffff;
  color: #21211E;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  image-rendering: -webkit-optimize-contrast;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #EBEBEF;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: #21211E;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #21211E;
}

::-moz-selection {
  background: #21211E;
  color: #ffffff;
}

::selection {
  background: #21211E;
  color: #ffffff;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  image-rendering: -webkit-optimize-contrast;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100vh;
}

*:focus {
  outline: none;
  box-shadow: 0px 0px 2px #B7BDD3;
}

img.max-width {
  max-width: 100%;
}
img.radius-small {
  border-radius: 8px;
}

.main {
  display: block;
  margin-top: 73px;
  width: 100%;
  min-height: calc(100vh - 300px);
}
@media (min-width: 480px) {
  .main {
    margin-top: 89px;
  }
}
@media (min-width: 1040px) {
  .main {
    margin-top: 140px;
  }
}

.bw-container {
  overflow: hidden;
}
@media (min-width: 840px) {
  .bw-container {
    overflow: visible;
  }
}
.bw-container:has(.block-5050:not(.color-white)), .bw-container:has(.unit-list) {
  overflow: visible;
}
.bw-container.fill .bw-row {
  width: 100%;
}
.bw-container .bw-row {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  transition: padding-left 0.1s cubic-bezier(0.4, 0, 0.2, 1), padding-right 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.bw-container .bw-row {
  /*@media (min-width: 768px) {
      padding-right: ($default-gutter * 2);
      padding-left: ($default-gutter * 2);
  }

  @media (min-width: 840px) {
      padding-right: ($default-gutter * 2);
      padding-left: ($default-gutter * 2);
  }*/
}
.bw-container .bw-row.pi-9 {
  padding-bottom: 18px;
}
.bw-container .bw-row .bw-column .block-base-inner {
  width: 100%;
  /*padding-right: ($default-gutter * 2);
  padding-left: ($default-gutter * 2);*/
}
.bw-container .bw-row .bw-column .block-base-inner .vr-video-mobile {
  aspect-ratio: 16/9;
  height: auto;
  padding-bottom: 0;
}
.bw-container .bw-row .bw-column .block-base-inner .vr-video-mobile iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .bw-container .bw-row .bw-column .block-base-inner .vr-video-mobile {
    display: none;
  }
}
.bw-container .bw-row .bw-column .block-base-inner .vr-video-desktop iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
@media (max-width: 768px) {
  .bw-container .bw-row .bw-column .block-base-inner .vr-video-desktop {
    display: none;
  }
}
@media (max-width: 768px) {
  .bw-container .bw-row .bw-column.order-1 {
    order: 1;
  }
  .bw-container .bw-row .bw-column.order-2 {
    order: 2;
  }
  .bw-container .bw-row .bw-column.order-3 {
    order: 3;
  }
}
.bw-container .bw-row .bw-column.show-on-device {
  display: flex;
}
@media (min-width: 840px) {
  .bw-container .bw-row .bw-column.show-on-device {
    display: none;
  }
}
.bw-container .bw-row.nested-row {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
.bw-container .bw-row.margin-bottom-2-gutter {
  margin-bottom: 16px;
}
.bw-container .bw-row.margin-bottom-3-gutter {
  margin-bottom: 24px;
}
.bw-container.padding-top-72 {
  padding-top: 72px;
}
.bw-container.overflow-visible {
  overflow: visible;
}

.iframe {
  max-height: none;
  width: 100%;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .iframe.vr {
    max-height: 50%;
  }
}

.hidden-row {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.hidden-row.open {
  max-height: 1000px;
  transition: max-height 0.25s cubic-bezier(0.4, 0, 1, 1);
}

video.full-width {
  width: 100%;
  max-width: 100%;
}

.full-width-wrapper {
  width: 100%;
  display: block;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 840px) {
  .full-width-wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
.full-width-wrapper.bw-fade-in {
  transition: background-color 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}
.full-width-wrapper.color-complementary1 {
  background-color: #DAE5EA;
}
.full-width-wrapper.color-complementary2 {
  background-color: #EFD5D1;
}
.full-width-wrapper.color-complementary3 {
  background-color: #FDEECD;
}
.full-width-wrapper.color-complementary4 {
  background-color: #e1e5da;
}
.full-width-wrapper.color-complementary5 {
  background-color: #E9E9E8;
}
.full-width-wrapper.color-complementary6 {
  background-color: #FFF4F4;
}
.full-width-wrapper.color-complementary-light-gray {
  background-color: #F5F5F7;
}
.full-width-wrapper.color-complementary1::before, .full-width-wrapper.color-complementary2::before, .full-width-wrapper.color-complementary3::before, .full-width-wrapper.color-complementary4::before, .full-width-wrapper.color-complementary5::before, .full-width-wrapper.color-complementary6::before, .full-width-wrapper.color-complementary-light-gray::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: inherit;
  z-index: -1;
}
.full-width-wrapper.margin-bottom {
  margin-bottom: 72px;
}
@media (min-width: 840px) {
  .full-width-wrapper.margin-bottom {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .full-width-wrapper.margin-bottom {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .full-width-wrapper.margin-bottom {
    margin-bottom: 120px;
  }
}

.margin-bottom-4 {
  margin-bottom: 32px;
}

.margin-bottom-6 {
  margin-bottom: 48px;
}

.margin-bottom-8 {
  margin-bottom: 64px;
}

.bg.light-color-red {
  background-color: #EFD5D1;
}
.bg.light-color-yellow {
  background-color: #FDEECD;
}
.bg.light-color-blue {
  background-color: #DAE5EA;
}
.bg.light-color-green {
  background-color: #e1e5da;
}
.bg.light-color-gray {
  background-color: #E9E9E8;
}
.bg.light-color-pink {
  background-color: #FFF4F4;
}

.alert-wrapper {
  width: 100%;
  min-height: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #E9E9E8;
  padding-right: 8px;
  padding-left: 8px;
}
@media (min-width: 768px) {
  .alert-wrapper {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 24px;
  }
}
@media (min-width: 840px) {
  .alert-wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.alert-wrapper .alert-wrapper-inner {
  display: block;
  text-align: center;
  width: 100%;
  color: #21211E;
  font-size: 12px;
}
@media (min-width: 1040px) {
  .alert-wrapper .alert-wrapper-inner {
    font-size: 16px;
  }
}
.alert-wrapper .alert-wrapper-inner a {
  color: #21211E;
  text-decoration: underline;
  line-height: 12px;
  font-size: 12px;
}
@media (min-width: 1040px) {
  .alert-wrapper .alert-wrapper-inner a {
    line-height: 16px;
    font-size: 16px;
  }
}

.tag {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 7px 16px 7px 16px;
  display: inline-block;
  background-color: #21211E;
  border: solid 1px #21211E;
  color: #FFFFFF;
  border-radius: 4px;
  margin-bottom: 24px;
}

.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.debug {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #ff00ff;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 9px;
  text-align: center;
  text-transform: uppercase;
  z-index: 10000;
}

.ie11 .hide-on-ie11 {
  display: none !important;
}

.edit-page {
  position: fixed;
  display: block;
  z-index: 10000;
  top: 24px;
  left: 0;
  width: 64px;
  height: 32px;
  text-transform: uppercase;
  background-color: #21211E;
  border-radius: 0 4px 4px 0;
  transition: background-color 0.1s ease-in-out;
  text-align: center;
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.28);
}
.edit-page a {
  padding: 3px 0;
  display: block;
  font-size: 14px;
  color: #ffffff;
}
.edit-page img {
  width: 20px;
}
.edit-page:hover {
  cursor: pointer;
  background-color: #555862;
  transition: background-color 0.1s ease-in-out;
}
.edit-page:hover a {
  text-decoration: none;
}

a[name]::before {
  content: "";
  display: block;
  height: 200px;
  margin-top: -200px;
  visibility: hidden;
}

.text-center {
  text-align: center;
}

.header {
  position: absolute;
  z-index: 10;
  right: 0;
  left: 0;
  top: 0;
  overflow: visible;
  background-color: #ffffff;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
  transition: padding-bottom 0.1s cubic-bezier(0.4, 0, 1, 1), padding-top 0.1s cubic-bezier(0.4, 0, 1, 1), top 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.header .bw-container {
  overflow: visible;
}
.header .header-inner {
  padding-top: 8px;
  padding-bottom: 8px;
  /*padding-right: ($default-gutter * 2);
  padding-left: ($default-gutter * 2);*/
  width: 100%;
  display: block;
  overflow: visible;
}
@media (min-width: 480px) {
  .header .header-inner {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.header .header-inner .place-header-content {
  justify-content: space-between;
  align-items: center;
  overflow: visible;
}
.header .header-inner .place-header-content .logo {
  width: 64px;
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .logo {
    width: 92px;
  }
}
.header .header-inner .place-header-content .logo .logo-main {
  background-image: url(/static/img/boklok-logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 54px;
  height: 47px;
  background-size: 54px 47px;
}
@media (min-width: 480px) {
  .header .header-inner .place-header-content .logo .logo-main {
    width: 54px;
    height: 47px;
    background-size: 54px 47px;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .logo .logo-main {
    width: 64px;
    height: 57px;
    background-size: 64px 57px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .logo .logo-main {
    width: 92px;
    height: 81px;
    background-size: 92px 81px;
  }
}
.header .header-inner .place-header-content .logo.black .logo-main {
  background-image: url(/static/img/boklok-logo-dark.svg);
}
.header .header-inner .place-header-content .logo.global {
  width: 64px;
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .logo.global {
    width: 108px;
  }
}
.header .header-inner .place-header-content .logo.global .logo-main {
  background-repeat: no-repeat;
  background-position: center center;
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .logo.global .logo-main {
    width: 108px;
    height: 108px;
    background-size: 108px 108px;
  }
}
.header .header-inner .place-header-content .header-navigation {
  float: right;
  display: block;
  max-width: calc(100% - 98px);
  width: calc(100% - 98px);
}
.header .header-inner .place-header-content .header-navigation ul {
  list-style: none;
  float: right;
  height: 57px;
  display: none;
}
@media (min-width: 520px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 260px);
    width: calc(100% - 260px);
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 260px);
    width: calc(100% - 260px);
    overflow: hidden;
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 216px);
    width: calc(100% - 216px);
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 216px);
    width: calc(100% - 216px);
    height: 72px;
    overflow: hidden;
  }
}
.header .header-inner .place-header-content .header-navigation ul li {
  height: 57px;
  list-style-image: none;
  display: block;
  float: right;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
}
@media (min-width: 480px) {
  .header .header-inner .place-header-content .header-navigation ul li {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation ul li {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation ul li {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation ul li {
    height: 72px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 375px) {
  .header .header-inner .place-header-content .header-navigation ul li:nth-child(1), .header .header-inner .place-header-content .header-navigation ul li:nth-child(2) {
    display: none;
  }
}
@media (min-width: 480px) {
  .header .header-inner .place-header-content .header-navigation ul li:nth-child(1), .header .header-inner .place-header-content .header-navigation ul li:nth-child(2) {
    display: none;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation ul li:nth-child(1), .header .header-inner .place-header-content .header-navigation ul li:nth-child(2) {
    display: none;
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation ul li:nth-child(1), .header .header-inner .place-header-content .header-navigation ul li:nth-child(2) {
    display: block;
  }
}
.header .header-inner .place-header-content .header-navigation ul li a {
  color: #21211E;
  position: relative;
  height: 24px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 2px;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 480px) {
  .header .header-inner .place-header-content .header-navigation ul li a {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation ul li a {
    font-size: 16px;
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation ul li a {
    font-size: 16px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation ul li a {
    font-size: 16px;
    padding-top: 0;
  }
}
.header .header-inner .place-header-content .header-navigation ul li a:before, .header .header-inner .place-header-content .header-navigation ul li a:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #21211E;
}
.header .header-inner .place-header-content .header-navigation ul li a:before {
  opacity: 0;
  transform: translateY(16px);
  transition: transform 0s 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0s;
}
.header .header-inner .place-header-content .header-navigation ul li a:after {
  opacity: 0;
  transform: translateY(16px);
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation ul li a.selected:before, .header .header-inner .place-header-content .header-navigation ul li a.selected:after, .header .header-inner .place-header-content .header-navigation ul li a:hover:before, .header .header-inner .place-header-content .header-navigation ul li a:hover:after, .header .header-inner .place-header-content .header-navigation ul li a:focus:before, .header .header-inner .place-header-content .header-navigation ul li a:focus:after {
  opacity: 1;
  transform: translateY(8px);
}
.header .header-inner .place-header-content .header-navigation ul li a.selected:before, .header .header-inner .place-header-content .header-navigation ul li a:hover:before, .header .header-inner .place-header-content .header-navigation ul li a:focus:before {
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation ul li a.selected:after, .header .header-inner .place-header-content .header-navigation ul li a:hover:after, .header .header-inner .place-header-content .header-navigation ul li a:focus:after {
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0s 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation ul li a:hover {
  text-decoration: none;
  transition: text-decoration 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation.global {
  max-width: calc(100% - 150px);
  width: calc(100% - 150px);
}
.header .header-inner .place-header-content .header-navigation.global ul {
  display: block !important;
}
.header .header-inner .place-header-content .header-navigation.global ul li {
  display: block !important;
}
.header .header-inner .place-header-content .header-navigation.global ul li:first-child {
  padding-right: 0;
}
.header .header-inner .place-header-content .header-navigation.search-expanded .search {
  width: 400px;
}
@media (max-width: 768px) {
  .header .header-inner .place-header-content .header-navigation.search-expanded .search {
    width: calc(100% - 40px);
  }
}
@media (min-width: 520px) {
  .header .header-inner .place-header-content .header-navigation.search-expanded ul {
    max-width: calc(100% - 460px);
    width: calc(100% - 460px);
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation.search-expanded ul {
    max-width: calc(100% - 460px);
    width: calc(100% - 460px);
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation.search-expanded ul {
    max-width: calc(100% - 416px);
    width: calc(100% - 416px);
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation.search-expanded ul {
    max-width: calc(100% - 416px);
    width: calc(100% - 416px);
  }
}
.header .header-inner .place-header-content .header-navigation .google {
  float: right;
  padding-right: 0;
  padding-left: 0;
  display: block;
}
.header .header-inner .place-header-content .header-navigation .google .icon {
  display: block;
  height: 57px;
  width: 48px;
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  background-image: url(/static/img/icon-globe-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation .google .icon {
    height: 72px;
  }
}
.header .header-inner .place-header-content .header-navigation .google .icon:hover {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation .search {
  float: right;
  display: flex;
  align-items: center;
  height: 57px;
  padding-right: 0;
  padding-left: 0;
  width: 200px;
  position: relative;
  overflow: visible;
  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation .search {
    height: 72px;
  }
}
.header .header-inner .place-header-content .header-navigation .search .search-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  width: 100%;
  padding: 0 24px 0 16px;
  border-radius: 999px;
  border: 1px solid #C7C7C7;
  background: #FFFFFF;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation .search .search-pill:hover {
  border-color: #21211E;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: block;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #21211E;
  white-space: nowrap;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill form {
  display: none;
  flex: 1;
  min-width: 0;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill input[type=text] {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: #21211E;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill input[type=text]:focus {
  box-shadow: none;
  outline: none;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill.expanded {
  cursor: default;
  border-color: #21211E;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill.expanded .search-pill__text {
  display: none;
}
.header .header-inner .place-header-content .header-navigation .search .search-pill.expanded form {
  display: flex;
}
@media (max-width: 768px) {
  .header .header-inner .place-header-content .header-navigation .search {
    width: 48px;
  }
  .header .header-inner .place-header-content .header-navigation .search .search-pill {
    padding: 0;
    justify-content: center;
    border-color: transparent;
    background: transparent;
  }
  .header .header-inner .place-header-content .header-navigation .search .search-pill:hover {
    border-color: transparent;
  }
  .header .header-inner .place-header-content .header-navigation .search .search-pill__text {
    display: none;
  }
  .header .header-inner .place-header-content .header-navigation .search .search-pill.expanded {
    padding: 0 24px 0 16px;
    justify-content: flex-start;
    border-color: #21211E;
    background: #FFFFFF;
  }
  .header .header-inner .place-header-content .header-navigation .search .search-pill.expanded:hover {
    border-color: #21211E;
  }
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 400px;
  max-width: calc(100vw - 48px);
  opacity: 0;
  border-radius: 8px;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  min-height: 72px;
  overflow: hidden;
  background-color: #FFFFFF;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px) {
  .header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper {
    width: calc(100vw - 48px);
  }
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper.open {
  display: block;
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul {
  width: 100%;
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  height: auto;
  margin: 0;
  display: block;
  border-radius: 8px;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li {
  list-style: none;
  border-top: solid 1px #B7BDD3;
  display: block;
  height: 72px;
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.query {
  background: #F5F5F7;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.query a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.no-results {
  border-top: none;
  border-radius: 8px;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.no-results > div {
  height: 72px;
  padding: 16px;
  padding-right: 56px;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.no-results > div h5, .header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.no-results > div .as-h5 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.no-results > div span {
  width: 100%;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li.hide {
  display: none;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li:first-child {
  border-top: none;
  border-radius: 8px 8px 0 0;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li:last-child {
  border-radius: 0 0 8px 8px;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li a {
  color: #21211E;
  height: 72px;
  padding: 16px;
  padding-right: 56px;
  background-image: url(/static/img/icon-chevron-right-dark.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  background-size: 24px 24px;
  transition: background-position 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li a:before {
  display: none;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li a:after {
  display: none;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li a h5, .header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li a .as-h5 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li a span {
  width: 100%;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li:hover {
  background-color: #F5F5F7;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper ul li:hover a {
  background-position: calc(100% - 16px) center;
  transition: background-position 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation .device-menu {
  display: block;
  float: right;
  width: 24px;
  height: 18px;
  position: relative;
  margin: 20px 0 18px 16px;
  transform: rotate(0deg);
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  z-index: 11;
}
.header .header-inner .place-header-content .header-navigation .device-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #21211E;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-inner .place-header-content .header-navigation .device-menu span:nth-child(1) {
  top: 0px;
}
.header .header-inner .place-header-content .header-navigation .device-menu span:nth-child(2) {
  top: 8px;
}
.header .header-inner .place-header-content .header-navigation .device-menu span:nth-child(3) {
  top: 8px;
}
.header .header-inner .place-header-content .header-navigation .device-menu span:nth-child(4) {
  top: 16px;
}
.header .header-inner .place-header-content .header-navigation .device-menu.open span {
  background: #21211E;
}
.header .header-inner .place-header-content .header-navigation .device-menu.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.header .header-inner .place-header-content .header-navigation .device-menu.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header .header-inner .place-header-content .header-navigation .device-menu.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header .header-inner .place-header-content .header-navigation .device-menu.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
@media (min-width: 480px) {
  .header .header-inner .place-header-content .header-navigation .device-menu {
    display: block;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation .device-menu {
    display: block;
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation .device-menu {
    display: none;
  }
}
.header.scroll-header {
  position: fixed;
  z-index: 11;
  top: 0;
  /*  transform: translateY(0%);    */
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  transition: padding-bottom 0.4s cubic-bezier(0, 0, 0.2, 1), padding-top 0.4s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0, 0, 0.2, 1), top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.header.scroll-header.projnav-active {
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
}
.show-project-header-desktop .header.scroll-header {
  box-shadow: none;
}
.header.scroll-header .header-inner {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 480px) {
  .header.scroll-header .header-inner {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1040px) {
  .header.scroll-header .header-inner {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
.header.scroll-header .header-inner .place-header-content .logo {
  width: 54px;
  transition: width 0.4s cubic-bezier(0.4, 0, 1, 1);
}
.header.scroll-header .header-inner .place-header-content .logo .logo-main {
  background-image: url(/static/img/boklok-logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 54px;
  height: 47px;
  background-size: 54px 47px;
}
@media (min-width: 480px) {
  .header.scroll-header .header-inner .place-header-content .logo .logo-main {
    width: 54px;
    height: 47px;
    background-size: 54px 47px;
  }
}
@media (min-width: 768px) {
  .header.scroll-header .header-inner .place-header-content .logo .logo-main {
    width: 64px;
    height: 57px;
    background-size: 64px 57px;
  }
}
@media (min-width: 1040px) {
  .header.scroll-header .header-inner .place-header-content .logo .logo-main {
    width: 92px;
    height: 81px;
    background-size: 92px 81px;
  }
}
.header.scroll-header .header-inner .place-header-content .logo.black .logo-main {
  background-image: url(/static/img/boklok-logo-dark.svg);
}
.header.hide-header {
  position: fixed;
  top: -116px;
  transition: top 0.4s cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
}
.header.hide-header .header-inner .place-header-content .logo {
  width: 64px;
  transition: width 0.4s cubic-bezier(0, 0, 0.2, 1);
}
.header.noanimation {
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
  transition-duration: 0s;
}

body.menu-open {
  overflow: hidden;
}
@media (max-width: 768px) {
  body.menu-open .header-navigation .search {
    display: none;
  }
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .mobile-menu {
    display: none !important;
  }
}
.mobile-menu.open {
  display: block;
}
.mobile-menu__nav {
  padding: 24px;
  margin-top: 63px;
  border-top: 1px solid #E3E3E3;
}
@media (min-width: 480px) {
  .mobile-menu__nav {
    margin-top: 79px;
  }
}
.mobile-menu__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 0;
  text-decoration: none;
  color: #21211E;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}
.mobile-menu__row span {
  flex: 1;
}
.mobile-menu__row img {
  flex-shrink: 0;
}
.mobile-menu__chevron {
  transition: transform 250ms ease;
}
.mobile-menu__item--parent.is-open > .mobile-menu__row .mobile-menu__chevron {
  transform: rotate(180deg);
}
.mobile-menu__divider {
  width: 100%;
  height: 1px;
  background-color: #E3E3E3;
  margin: 8px 0;
}
.mobile-menu__sub {
  display: none;
  background-color: #F4F4F4;
  margin: 8px -24px 0;
  padding: 16px 24px;
}
.mobile-menu__sub-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  text-decoration: none;
  color: #21211E;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.mobile-menu__sub-row span {
  flex: 1;
}
.mobile-menu__sub-row img {
  flex-shrink: 0;
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu__sub-row:hover img {
  transform: translateX(4px);
}
.mobile-menu__sub-divider {
  width: 100%;
  height: 1px;
  background-color: #E3E3E3;
  margin: 8px 0;
}
.mobile-menu__featured {
  padding: 16px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mobile-menu__featured-image {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 12px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.mobile-menu__featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mobile-menu__featured-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-menu__featured-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #21211E;
  margin: 0;
}
.mobile-menu__featured-intro {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: #21211E;
}
.mobile-menu__featured-intro p {
  margin: 0;
}
.mobile-menu__featured-link {
  color: #21211E;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  align-self: flex-start;
  transition: color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu__featured-link:hover {
  color: #555862;
}

.nav-dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #ffffff;
  border-top: 1px solid #E3E3E3;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1040px) {
  .nav-dropdown {
    display: none !important;
  }
}
.nav-dropdown.open {
  display: block;
  opacity: 1;
}
.nav-dropdown .bw-container {
  overflow: visible;
}
.nav-dropdown .nav-dropdown__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
}
.nav-dropdown .nav-dropdown__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 303px;
  flex-shrink: 0;
}
.nav-dropdown .nav-dropdown__link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #21211E;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  transition: color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-dropdown .nav-dropdown__link span {
  flex: 1;
}
.nav-dropdown .nav-dropdown__link img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-dropdown .nav-dropdown__link:hover {
  color: #555862;
}
.nav-dropdown .nav-dropdown__link:hover img {
  transform: translateX(4px);
}
.nav-dropdown .nav-dropdown__divider {
  width: 100%;
  height: 1px;
  background-color: #E3E3E3;
  flex-shrink: 0;
}
.nav-dropdown .nav-dropdown__feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 629px;
  flex-shrink: 0;
}
.nav-dropdown .nav-dropdown__feature-image {
  width: 250px;
  height: 250px;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #447c97;
  display: block;
}
.nav-dropdown .nav-dropdown__feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nav-dropdown .nav-dropdown__feature-content {
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nav-dropdown .nav-dropdown__feature-content h4, .nav-dropdown .nav-dropdown__feature-content .as-h4 {
  font-weight: bold;
  color: #21211E;
  margin: 0;
}
.nav-dropdown .nav-dropdown__feature-content .nav-dropdown__feature-intro {
  font-size: 16px;
  line-height: 165%;
  color: #21211E;
  margin: 0;
}
.nav-dropdown .nav-dropdown__feature-content .nav-dropdown__feature-intro p {
  margin: 0;
}
.nav-dropdown .nav-dropdown__feature-content .nav-dropdown__feature-link {
  color: #21211E;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
  transition: color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-dropdown .nav-dropdown__feature-content .nav-dropdown__feature-link:hover {
  color: #555862;
}

.device-search-menu {
  display: none;
  background-color: #ffffff;
}
.device-search-menu.open {
  display: block;
  padding-top: 73px;
}
@media (min-width: 840px) {
  .device-search-menu.open {
    display: none;
  }
}
.device-search-menu.open .device-search-menu-inner {
  width: 100%;
  float: left;
  display: block;
  border-top: solid 1px #B7BDD3;
  padding: 16px;
}
.device-search-menu.open .device-search-menu-inner input[type=text] {
  background-color: #F5F5F7;
  width: 100%;
  border-radius: 36px;
  float: left;
  display: block;
  font-weight: bold;
  padding: 8px 48px 8px 32px;
  height: 72px;
}
.device-search-menu.open .device-search-menu-inner input[type=text]:focus {
  border-radius: 36px;
}
.device-search-menu.open .device-search-menu-result {
  padding: 0 16px;
  width: 100%;
  float: left;
  display: none;
}
.device-search-menu.open .device-search-menu-result.open {
  display: block;
}
.device-search-menu.open .device-search-menu-result ul {
  width: 100%;
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  height: auto;
  margin: 0;
  display: block;
  border-radius: 8px;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
}
.device-search-menu.open .device-search-menu-result ul li {
  list-style: none;
  border-top: solid 1px #B7BDD3;
  display: block;
  height: 72px;
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
.device-search-menu.open .device-search-menu-result ul li:first-child {
  border-top: none;
  border-radius: 8px 8px 0 0;
}
.device-search-menu.open .device-search-menu-result ul li:last-child {
  border-radius: 0 0 8px 8px;
}
.device-search-menu.open .device-search-menu-result ul li.no-results > div {
  height: 72px;
  padding: 16px;
  padding-right: 56px;
}
.device-search-menu.open .device-search-menu-result ul li.no-results > div h5, .device-search-menu.open .device-search-menu-result ul li.no-results > div .as-h5 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.device-search-menu.open .device-search-menu-result ul li.no-results > div span {
  width: 100%;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.device-search-menu.open .device-search-menu-result ul li.query {
  background: #F5F5F7;
}
.device-search-menu.open .device-search-menu-result ul li.query a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.device-search-menu.open .device-search-menu-result ul li a {
  display: block;
  float: left;
  width: 100%;
  height: 72px;
  padding: 16px;
  padding-right: 56px;
  color: #21211E;
  background-image: url(/static/img/icon-chevron-right-dark.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  background-size: 24px 24px;
  transition: background-position 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.device-search-menu.open .device-search-menu-result ul li a:before {
  display: none;
}
.device-search-menu.open .device-search-menu-result ul li a:after {
  display: none;
}
.device-search-menu.open .device-search-menu-result ul li a h5, .device-search-menu.open .device-search-menu-result ul li a .as-h5 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.device-search-menu.open .device-search-menu-result ul li a span {
  width: 100%;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.device-search-menu.open .device-search-menu-result ul li:hover {
  background-color: #F5F5F7;
}
.device-search-menu.open .device-search-menu-result ul li:hover a {
  background-position: calc(100% - 16px) center;
  transition: background-position 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer {
  background-color: #21211E;
}
.footer .footer__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-top: 80px;
  padding-bottom: 128px;
}
@media (max-width: 1040px) {
  .footer .footer__inner {
    gap: 24px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.footer .footer__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1040px) {
  .footer .footer__top {
    flex-direction: row;
    gap: 32px;
  }
}
.footer .footer__nav {
  flex: 1;
}
.footer .footer__nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1040px) {
  .footer .footer__nav ul {
    gap: 12px;
  }
}
.footer .footer__nav ul li {
  list-style-image: none;
}
.footer .footer__nav ul li a {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  line-height: 130%;
  letter-spacing: 0;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1040px) {
  .footer .footer__nav ul li a {
    font-size: 20px;
    line-height: 26px;
  }
}
.footer .footer__nav ul li a:hover {
  text-decoration: underline;
}
.footer .footer__links {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1040px) {
  .footer .footer__links {
    gap: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px;
  }
}
.footer .footer__links a {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  line-height: 165%;
  letter-spacing: 0;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer__links a:hover {
  text-decoration: underline;
}
.footer .footer__sites {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1040px) {
  .footer .footer__sites {
    gap: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px;
  }
}
.footer .footer__sites h6, .footer .footer__sites .as-h6 {
  color: #ffffff;
  font-weight: bold;
  margin: 0;
}
.footer .footer__sites ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer .footer__sites ul li {
  list-style-image: none;
}
.footer .footer__sites ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  line-height: 165%;
  letter-spacing: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer__sites ul li a:hover {
  text-decoration: underline;
}
.footer .footer__sites ul li a::after {
  content: "";
  display: inline-block;
  background: url(/static/img/icon-link-external-light.svg) no-repeat center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.footer .footer__social {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
}
@media (max-width: 1040px) {
  .footer .footer__social {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px;
  }
}
.footer .footer__social a {
  opacity: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer__social a:hover {
  cursor: pointer;
  opacity: 0.5;
}
.footer .footer__social a img {
  width: 100%;
  height: 100%;
}
.footer .footer__bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 1040px) {
  .footer .footer__bottom {
    gap: 24px;
    padding-top: 16px;
    flex-wrap: nowrap;
  }
}
.footer .footer__bottom .footer__logo {
  height: 80px;
  width: auto;
}
@media (max-width: 1040px) {
  .footer .footer__bottom .footer__logo {
    height: 56px;
  }
}
.footer .footer__bottom .footer__divider {
  width: 1px;
  height: 100px;
  background-color: #D9D9D9;
  flex-shrink: 0;
}
@media (max-width: 1040px) {
  .footer .footer__bottom .footer__divider {
    height: 72px;
  }
}
.footer.global {
  padding-top: 32px;
  padding-bottom: 32px;
}
.footer.global p.preamble {
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 0;
}

h1, .as-h1 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 130%;
  letter-spacing: -1px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h1, .as-h1 {
    font-size: 60px;
    line-height: 130%;
    letter-spacing: -1px;
  }
}
h1 span, .as-h1 span {
  font-weight: normal;
  display: block;
}

.as-h1 {
  display: block;
  font-weight: bold;
}

h2, .as-h2 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -1px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h2, .as-h2 {
    font-size: 48px;
    line-height: 130%;
    letter-spacing: -1px;
  }
}
h2 span, .as-h2 span {
  font-weight: normal;
  display: block;
}

.as-h2 {
  display: block;
}

h3, .as-h3 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  letter-spacing: -1px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h3, .as-h3 {
    font-size: 40px;
    line-height: 130%;
    letter-spacing: -1px;
  }
}
h3 span, .as-h3 span {
  font-weight: bold;
  display: block;
}

.as-h3 {
  display: block;
  font-weight: bold;
}
.as-h3 span {
  font-weight: bold;
}

h4, .as-h4 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h4, .as-h4 {
    font-size: 30px;
    line-height: 130%;
    letter-spacing: -0.5px;
  }
}
h4 span, .as-h4 span {
  font-weight: normal;
  display: block;
}

.as-h4 {
  display: block;
}

h5, .as-h5 {
  font-family: "Noto Sans", sans-serif;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 8px;
}
@media (min-width: 840px) {
  h5, .as-h5 {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0;
  }
}
h5 span, .as-h5 span {
  font-weight: normal;
  display: block;
}

.as-h5 {
  display: block;
}

h6, .as-h6 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h6, .as-h6 {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
  }
}

.as-h6 {
  display: block;
}

.h7, .as-h7 {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .h7, .as-h7 {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
  }
}

.as-h7 {
  display: block;
}

p {
  line-height: 165%;
  font-size: 16px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  p {
    line-height: 165%;
    font-size: 16px;
    margin-bottom: 32px;
  }
}
p.preamble {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 24px;
}
@media (min-width: 840px) {
  p.preamble {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 32px;
  }
}

.pre-header {
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 840px) {
  .pre-header {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
  }
}

.preamble {
  font-size: 16px;
  line-height: 150%;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 0;
  font-weight: 400;
}
@media (min-width: 768px) {
  .preamble {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 840px) {
  .preamble {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 0;
  }
}
.preamble a, .preamble p {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 0;
}
@media (min-width: 840px) {
  .preamble a, .preamble p {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 0;
  }
}

small {
  font-size: 12px;
  line-height: 20px;
  color: #555862;
  font-weight: 400;
}

label {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
label.small {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  color: #555862;
  letter-spacing: 0.5px;
}
label.test {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  padding-left: 32px;
  margin-top: 48px;
  margin-bottom: 16px;
  color: #ff00ff;
}

b,
strong {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

a {
  font-size: 16px;
  line-height: 26px;
  color: #447C97;
  font-weight: 700;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
@media (max-width: 1040px) {
  a {
    font-size: 12px;
    line-height: 22px;
  }
}
a:hover {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

h1 a, .as-h1 a,
h2 a,
.as-h2 a,
h3 a,
.as-h3 a,
h4 a,
.as-h4 a,
h5 a,
.as-h5 a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}
h1 a:hover, .as-h1 a:hover,
h2 a:hover,
.as-h2 a:hover,
h3 a:hover,
.as-h3 a:hover,
h4 a:hover,
.as-h4 a:hover,
h5 a:hover,
.as-h5 a:hover {
  text-decoration: none;
}

.circle-link {
  width: 36px;
  height: 36px;
  display: block;
  border-radius: 18px;
  background-color: #21211E;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url(/static/img/icon-chevron-right-light.svg);
}

.breadcrumb-wrapper {
  background-color: #ffffff;
}
@media (max-width: 1040px) {
  .breadcrumb-wrapper.mobile-toggle {
    display: none;
  }
}

.breadcrumbs {
  padding: 0;
  margin-bottom: 24px;
  background-color: #ffffff;
  list-style: none;
  border-radius: 0;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li a {
  display: block;
  float: left;
}
.breadcrumbs li a.breadcrumb {
  font-weight: normal;
  color: #21211E;
  text-decoration: none;
  margin-right: 8px;
  line-height: 165%;
  font-size: 16px;
}
.breadcrumbs li a.breadcrumb.home {
  width: 24px;
  height: 22px;
  display: inline-block;
  background-image: url(/static/img/icon-breadcumb-home.svg);
  background-repeat: no-repeat;
  background-position: center 5px;
  background-size: 14px 16px;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}
.breadcrumbs li span {
  display: block;
  float: left;
}
.breadcrumbs li span.breadcrumb {
  font-weight: normal;
  color: #555862;
  text-decoration: none;
  margin-right: 8px;
  line-height: 165%;
  font-size: 16px;
}
.breadcrumbs li .breadcrumb-separator {
  margin-right: 8px;
  color: #B7BDD3;
  display: block;
  float: left;
}

.subnav-wrapper {
  background-color: #F5F5F7;
  width: 100%;
  height: 54px;
  display: none;
}
@media (min-width: 840px) {
  .subnav-wrapper {
    display: block;
  }
}
.subnav-wrapper .subnav-wrapper-inner {
  background-color: #F5F5F7;
  width: 100%;
  height: 54px;
  display: block;
  z-index: 9;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
  transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.subnav-wrapper .subnav-wrapper-inner.stickysub {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.subnav-wrapper .subnav-wrapper-inner .subnav {
  padding: 0;
  margin: 16px;
  list-style: none;
  border-radius: 0;
}
.subnav-wrapper .subnav-wrapper-inner .subnav li {
  display: inline;
}
.subnav-wrapper .subnav-wrapper-inner .subnav li a {
  display: block;
  float: left;
  line-height: 20px;
}
.subnav-wrapper .subnav-wrapper-inner .subnav li a.subnav-item {
  font-weight: normal;
  color: #21211E;
  text-decoration: none;
  margin-right: 32px;
}
.subnav-wrapper .subnav-wrapper-inner .subnav li a:hover {
  text-decoration: underline;
}
.subnav-wrapper .subnav-wrapper-inner .subnav li a.selected {
  text-decoration: underline;
}

.sticky-project-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  z-index: 9;
  background-color: #ffffff;
  border-bottom: solid 1px #B7BDD3;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  transform: translateY(-100%);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sticky-project-nav.is-visible {
  transform: translateY(0);
}

.projectnav-wrapper {
  background-color: #ffffff;
  width: 100%;
  height: 89px;
  display: none;
  float: left;
  border-bottom: solid 1px #B7BDD3;
}
@media (min-width: 840px) {
  .projectnav-wrapper {
    display: block;
  }
}
.projectnav-wrapper .projectnav-wrapper-inner {
  background-color: #ffffff;
  width: 100%;
  height: 88px;
  display: block;
  z-index: 9;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
  transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.projectnav-wrapper .projectnav-wrapper-inner.stickyprojectnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav {
  width: 100%;
  height: 88px;
  display: block;
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 768px) {
  .projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav {
    padding-right: 32px;
    padding-left: 32px;
  }
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .projectnav {
  padding: 0;
  height: 88px;
  margin: 0;
  list-style: none;
  display: inline-block;
  border-radius: 0;
  width: calc(100% - 250px);
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .projectnav li {
  display: inline;
  padding: 0;
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .projectnav li a {
  display: block;
  float: left;
  height: 88px;
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .projectnav li a.projectnav-item {
  font-weight: normal;
  color: #21211E;
  text-decoration: none;
  padding-top: 32px;
  margin-right: 32px;
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .projectnav li a:hover {
  text-decoration: underline;
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .projectnav li a.selected {
  text-decoration: underline;
}
.projectnav-wrapper .projectnav-wrapper-inner .projectnav-wrapper-inner-nav .btn {
  margin-top: 20px;
  height: 48px;
}

#project-interest-signup.project-interest-signup-mobile {
  border-radius: 0;
  min-height: 64px;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 840px) {
  #project-interest-signup.project-interest-signup-mobile {
    display: none;
  }
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner {
  top: 0;
  flex-flow: row nowrap;
  display: flex;
  justify-content: flex-start;
  flex: 1 0;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0);
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-button-wrapper {
  display: flex;
  transition: 0.25s ease-in-out;
}
@media (min-width: 480px) {
  #project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-button-wrapper {
    transition: 0.4s ease-in-out;
  }
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper {
  display: none;
  transition: 0.4s ease-in-out;
}
@media (min-width: 480px) {
  #project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper {
    display: flex;
  }
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper, #project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-button-wrapper {
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 0 0;
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper {
  overflow: hidden;
  transition: flex 0.1s ease-in-out;
  opacity: 0;
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper .project-interest-signup-mobile-text-pusher {
  flex: 0 0;
  transition: flex 0.25s ease-in-out;
  transition-delay: 0.1s ease-in-out;
}
#project-interest-signup.project-interest-signup-mobile .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper .project-interest-signup-mobile-text {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  line-height: unset;
}
#project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner {
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 16px;
  background: #ffffff;
  width: 100%;
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: flex-start;
}
@media (min-width: 480px) {
  #project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner {
    justify-content: flex-start;
  }
}
#project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner .project-interest-signup-mobile-button-wrapper {
  flex: 1 0;
}
@media (min-width: 480px) {
  #project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner .project-interest-signup-mobile-button-wrapper {
    flex: none;
  }
}
#project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper {
  opacity: 1;
  flex: 1 1;
  transition: opacity 0.4s ease-in-out, flex 0.1s ease-in-out;
}
#project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner .project-interest-signup-mobile-text-wrapper .project-interest-signup-mobile-text-pusher {
  flex: 1 0;
}
#project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner .btn {
  flex: 1;
}
@media (min-width: 480px) {
  #project-interest-signup.project-interest-signup-mobile.sticky .project-interest-signup-mobile-inner .btn {
    flex: none;
  }
}

.cookie {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  bottom: 0;
  z-index: 122225;
  left: 0;
  color: #ffffff;
  background-color: #555862;
  padding: 24px;
  border-radius: 0;
}
@media (min-width: 840px) {
  .cookie {
    border-radius: 24px;
    bottom: 24px;
    left: 24px;
    width: 640px;
  }
}
.cookie .cookie-content {
  text-align: left;
  color: #ffffff;
  width: 400px;
}
.cookie .cookie-content .cookie-link {
  color: #ffffff;
  text-decoration: underline;
  line-height: 165%;
  font-size: 12px;
}
@media (min-width: 840px) {
  .cookie .cookie-content .cookie-link {
    line-height: 165%;
    font-size: 16px;
  }
}
.cookie .cookie-action {
  display: block;
  position: relative;
  background-color: #555862;
  right: 0;
  margin: 16px auto 0;
  top: 0;
}
@media (min-width: 768px) {
  .cookie .cookie-action {
    position: absolute;
    right: 20px;
    top: 8px;
    margin: 0;
  }
}
@media (min-width: 840px) {
  .cookie .cookie-action {
    top: 14px;
  }
}
@media (min-width: 1040px) {
  .cookie .cookie-action {
    top: 26px;
  }
}
.cookie .cookie-action .cookie-accept {
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
  cursor: pointer;
}
.cookie .cookie-action .cookie-accept:hover {
  transition: opacity 0.1s ease-in-out;
  opacity: 0.5;
}

#ot-sdk-btn-floating.ot-floating-button.ot-floating-button {
  bottom: 100px;
}

.breakpoint-helper {
  position: fixed;
  z-index: 9999999;
  right: 0;
  bottom: 0;
  background: rgba(255, 0, 0, 0.0666666667);
  font-family: sans-serif;
  font-size: 12px;
  color: #f88;
}
.breakpoint-helper:after {
  display: inline-block;
  padding: 5px 10px;
  content: "NONE (0 - 375px)";
  display: none;
}
@media (min-width: 375px) {
  .breakpoint-helper:after {
    content: "xs (375px - 480px)";
  }
}
@media (min-width: 480px) {
  .breakpoint-helper:after {
    content: "sm (480px - 768px)";
    display: block;
  }
}
@media (min-width: 768px) {
  .breakpoint-helper:after {
    content: "md (768px - 840px)";
  }
}
@media (min-width: 840px) {
  .breakpoint-helper:after {
    content: "lg (840px - 1040px)";
  }
}
@media (min-width: 1040px) {
  .breakpoint-helper:after {
    content: "xl (1040px - 1536px)";
  }
}
@media (min-width: 1536px) {
  .breakpoint-helper:after {
    content: "xx (1536px - ∞)";
  }
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.block-5050 {
  position: relative;
  display: block;
  width: 100%;
  padding: 64px 0;
}
@media (max-width: 840px) {
  .block-5050 {
    padding: 24px 0;
  }
}
.block-5050.block-5050--animate {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 300ms ease-out, transform 300ms ease-out;
}
.block-5050.block-5050--animate.block-5050--visible {
  width: 100%;
  opacity: 1;
  transform: translateY(0);
}
.block-5050 .bw-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 32px;
  padding: 0;
}
@media (max-width: 840px) {
  .block-5050 .bw-row {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
  }
}
.block-5050 .bw-row > [class*=bw-column] {
  float: none;
  flex: 1;
  width: auto;
  min-width: 0;
  padding: 0;
}
@media (max-width: 840px) {
  .block-5050 .bw-row > [class*=bw-column] {
    flex: none;
    width: 100%;
  }
}
.block-5050 .block-5050-img {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  aspect-ratio: 4/3;
}
.block-5050 .block-5050-img.aspect-ratio--ratio16by9 {
  aspect-ratio: 16/9;
}
.block-5050 .block-5050-img.aspect-ratio--ratio4by3 {
  aspect-ratio: 4/3;
}
.block-5050 .block-5050-img.aspect-ratio--ratio3by4 {
  aspect-ratio: 3/4;
}
.block-5050 .block-5050-img.aspect-ratio--ratio1by1 {
  aspect-ratio: 1/1;
}
@media (max-width: 840px) {
  .block-5050 .block-5050-img {
    border-radius: 16px;
  }
}
.block-5050 .block-5050-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-img .block-5050-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/static/img/icon-play.svg);
  transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-img .block-5050-overlay:hover {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/static/img/icon-play-hover.svg);
  transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-img video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-img.modal:hover {
  cursor: pointer;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.block-5050 .block-5050-img.modal:hover img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-img.modal:hover video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-self: center;
}
@media (max-width: 840px) {
  .block-5050 .block-5050-inner {
    padding: 24px 0 0;
  }
}
.block-5050 .block-5050-inner .block-5050-inner-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.block-5050 .block-5050-inner .block-5050-inner-text .block-5050-heading-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
  word-break: break-word;
}
.block-5050 .block-5050-inner .block-5050-inner-text h3, .block-5050 .block-5050-inner .block-5050-inner-text .as-h3 {
  color: #21211E;
  font-weight: 700;
  margin: 0;
}
.block-5050 .block-5050-inner .block-5050-inner-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 24px;
  height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  background-color: #21211E;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  transition: background-color 0.1s ease-in-out;
}
.block-5050 .block-5050-inner .block-5050-inner-text .btn:hover {
  background-color: #555862;
}
@media (min-width: 840px) {
  .block-5050 .block-5050-text-left-outer .block-5050-inner {
    padding: 0 64px 0 0;
  }
}
@media (min-width: 840px) {
  .block-5050 .block-5050-text-right-outer .block-5050-inner {
    padding: 0 0 0 64px;
  }
}
.block-5050.color-complementary1 {
  background-color: #DAE5EA;
}
.block-5050.color-complementary2 {
  background-color: #EFD5D1;
}
.block-5050.color-complementary3 {
  background-color: #FDEECD;
}
.block-5050.color-complementary4 {
  background-color: #e1e5da;
}
.block-5050.color-complementary5 {
  background-color: #E9E9E8;
}
.block-5050.color-complementary6 {
  background-color: #FFF4F4;
}
.block-5050.block-5050--bg-spacing {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .block-5050.block-5050--bg-spacing {
    margin-bottom: 48px;
  }
}
.block-5050.color-complementary1::before, .block-5050.color-complementary2::before, .block-5050.color-complementary3::before, .block-5050.color-complementary4::before, .block-5050.color-complementary5::before, .block-5050.color-complementary6::before, .block-5050.color-7::before, .block-5050.color-bordered::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: inherit;
  z-index: -1;
}
.block-5050.color-complementary1 .block-5050-pre-heading, .block-5050.color-complementary2 .block-5050-pre-heading, .block-5050.color-complementary3 .block-5050-pre-heading, .block-5050.color-complementary4 .block-5050-pre-heading, .block-5050.color-complementary5 .block-5050-pre-heading, .block-5050.color-complementary6 .block-5050-pre-heading, .block-5050.color-7 .block-5050-pre-heading, .block-5050.color-bordered .block-5050-pre-heading {
  color: #90908E;
}
.block-5050.color-7, .block-5050.color-bordered {
  border: solid 1px #B7BDD3;
}
.block-5050.project {
  margin-bottom: 32px;
}
.block-5050.project .block-5050-img {
  height: auto;
  border-radius: 24px 24px 0 0;
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-img {
    height: auto;
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.project .block-5050-img .background-plate-overlay {
  display: none;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px 24px 0 0;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 480px) {
  .block-5050.project .block-5050-img .background-plate-overlay {
    display: block;
    border-radius: 24px 24px 0 0;
  }
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-img .background-plate-overlay {
    height: auto;
    display: block;
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.project .block-5050-inner {
  color: #21211E;
  padding: 24px 24px 8px 24px;
}
@media (min-width: 768px) {
  .block-5050.project .block-5050-inner {
    display: flex;
  }
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-inner {
    padding: 32px 32px 16px 32px;
  }
}
.block-5050.project .block-5050-inner .block-5050-inner-text {
  position: relative;
}
.block-5050.project .block-5050-inner .block-5050-inner-text h3 span, .block-5050.project .block-5050-inner .block-5050-inner-text .as-h3 span {
  display: initial;
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-inner .block-5050-inner-text h3 span, .block-5050.project .block-5050-inner .block-5050-inner-text .as-h3 span {
    display: block;
  }
}
.block-5050.project .block-5050-inner .block-5050-inner-text h3 span:before, .block-5050.project .block-5050-inner .block-5050-inner-text .as-h3 span:before {
  content: " ";
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-inner .block-5050-inner-text h3 span:before, .block-5050.project .block-5050-inner .block-5050-inner-text .as-h3 span:before {
    content: "";
  }
}
.block-5050.project .block-5050-inner .project-facts-inner {
  width: 100%;
  display: block;
  overflow: hidden;
  padding-bottom: 24px;
}
.block-5050.project .block-5050-inner .project-facts-inner.border-top {
  border-top: solid 1px #B7BDD3;
}
.block-5050.project .block-5050-inner .project-facts-inner .block-facts-inner-row {
  border-bottom: solid 1px #B7BDD3;
  width: 100%;
  display: block;
  float: left;
  overflow: hidden;
}
.block-5050.project .block-5050-inner .project-facts-inner .block-facts-inner-row .block-facts-inner-row-left {
  float: left;
  width: 40%;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 0;
}
.block-5050.project .block-5050-inner .project-facts-inner .block-facts-inner-row .block-facts-inner-row-right {
  text-align: right;
  float: right;
  width: 60%;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 0;
}
.block-5050.project .block-5050-inner .project-facts-inner dl {
  width: 100%;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  border-top: solid 1px #B7BDD3;
  margin-bottom: 32px;
}
.block-5050.project .block-5050-inner .project-facts-inner dl dt {
  font-size: 12px;
  line-height: 22px;
  float: left;
  width: 40%;
  padding: 4px 0;
  margin: 0;
  border-bottom: solid 1px #B7BDD3;
  color: #21211E;
}
.block-5050.project .block-5050-inner .project-facts-inner dl dd {
  font-size: 12px;
  line-height: 22px;
  float: left;
  width: 60%;
  padding: 4px 0;
  margin: 0;
  text-align: right;
  border-bottom: solid 1px #B7BDD3;
  color: #21211E;
}
.block-5050.project .block-5050-text-right-outer {
  border: solid 1px #B7BDD3;
  border-radius: 0 0 24px 24px;
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-text-right-outer {
    border: solid 1px #B7BDD3;
    border-radius: 0 24px 24px 0;
  }
}
.block-5050.project .block-5050-img-left-outer {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.block-5050.project .block-5050-img-left-outer .block-5050-img {
  border-radius: 24px 24px 0 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-img-left-outer .block-5050-img {
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.project .block-5050-img-left-outer .block-5050-img img {
  border-radius: 24px 24px 0 0;
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-img-left-outer .block-5050-img img {
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.project .hide-project-info-on-device {
  display: none !important;
}
@media (min-width: 840px) {
  .block-5050.project .hide-project-info-on-device {
    display: block !important;
  }
}
.block-5050.project .show-project-info-on-device {
  display: block !important;
}
@media (min-width: 840px) {
  .block-5050.project .show-project-info-on-device {
    display: none !important;
  }
}
.block-5050.project .hide-project-info-on-mobile {
  display: none !important;
}
@media (min-width: 480px) {
  .block-5050.project .hide-project-info-on-mobile {
    display: block !important;
  }
}
.block-5050.project .show-project-info-on-mobile {
  display: block !important;
}
@media (min-width: 480px) {
  .block-5050.project .show-project-info-on-mobile {
    display: none !important;
  }
}
.block-5050.project .block-5050-project-sale {
  display: inline-block !important;
  z-index: 1;
  margin: 0;
  padding: 6px 12px;
  border-radius: 8px;
  background: #E9E9E8;
  font-size: 12px;
  font-weight: 700 !important;
  line-height: 16.34px;
  color: #000000 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (min-width: 768px) {
  .block-5050.project .block-5050-project-sale {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.block-5050.project .block-5050-project-sale.status260440002, .block-5050.project .block-5050-project-sale.status999999990, .block-5050.project .block-5050-project-sale.status999999991, .block-5050.project .block-5050-project-sale.unavailable {
  background: #6A7C46;
  color: #FFFFFF !important;
}
.block-5050.project .block-5050-project-sale.status260440003, .block-5050.project .block-5050-project-sale.status260440004, .block-5050.project .block-5050-project-sale.status260440005, .block-5050.project .block-5050-project-sale.sold {
  background: #AF2D17;
  color: #FFFFFF !important;
}
.block-5050.project .block-5050-img-left-outer .block-5050-project-sale {
  position: absolute;
  right: 0;
  top: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-img-left-outer .block-5050-project-sale {
    display: none !important;
  }
}
.block-5050.project .block-5050-text-right-outer .block-5050-project-sale {
  display: none !important;
  margin: 21px 0 16px 0;
}
@media (min-width: 840px) {
  .block-5050.project .block-5050-text-right-outer .block-5050-project-sale {
    display: inline-block !important;
  }
}

a.block-5050:hover {
  text-decoration: none;
  transition: background-color 0.1s ease-in-out;
}
a.block-5050:hover .block-5050-inner .block-5050-inner-text h3, a.block-5050:hover .block-5050-inner .block-5050-inner-text .as-h3 {
  text-decoration: underline;
}
a.block-5050:hover .block-5050-inner .block-5050-inner-text p {
  text-decoration: none;
}
a.block-5050:hover .block-5050-inner .block-5050-inner-text .btn {
  color: #FFFFFF;
  background-color: #555862;
  border-color: #555862;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
}
a.block-5050:hover .block-5050-img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
a.block-5050:hover .block-5050-img img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
a.block-5050:hover .block-5050-img .background-plate-overlay {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
a.block-5050:hover .block-5050-img video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
a.block-5050:hover.color-complementary1 {
  background-color: #D0DEE5;
}
a.block-5050:hover.color-complementary2 {
  background-color: #EBCAC5;
}
a.block-5050:hover.color-complementary3 {
  background-color: #FCE9BF;
}
a.block-5050:hover.color-complementary4 {
  background-color: #DADED1;
}
a.block-5050:hover.color-complementary5 {
  background-color: #E3E3E3;
}
a.block-5050:hover.color-complementary6 {
  background-color: #FFF5F4;
}
a.block-5050:hover.color-7, a.block-5050:hover.color-bordered {
  background-color: #F5F5F7;
}

.background-plate {
  border-radius: 0;
  width: 100%;
  min-height: 272px;
  position: relative;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .background-plate {
    min-height: 272px;
    border-radius: 24px;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 32px;
  }
}
@media (min-width: 840px) {
  .background-plate {
    min-height: 432px;
    margin-bottom: 112px;
  }
}
.background-plate .background-plate-inner {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  padding: 0;
  min-height: 272px;
  align-items: center;
  display: block;
  width: 100%;
  justify-content: flex-start;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 768px) {
  .background-plate .background-plate-inner {
    padding: 32px;
    min-height: 272px;
    border-radius: 24px;
    display: flex;
  }
}
@media (min-width: 840px) {
  .background-plate .background-plate-inner {
    padding: 48px;
    min-height: 432px;
  }
}
@media (min-width: 840px) {
  .background-plate .background-plate-inner {
    min-height: 432px;
  }
}
.background-plate .background-plate-inner .background-plate-inner-text {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  padding: 24px;
  border-radius: 0;
  color: #21211E;
  background-color: #FFFFFF;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .background-plate .background-plate-inner .background-plate-inner-text {
    width: 50%;
    padding: 48px;
    border-radius: 24px;
  }
}
@media (min-width: 840px) {
  .background-plate .background-plate-inner .background-plate-inner-text {
    width: 45%;
    border-radius: 24px;
  }
}
@media (min-width: 840px) {
  .background-plate .background-plate-inner .background-plate-inner-text {
    width: 35%;
  }
}
.background-plate .background-plate-inner .background-plate-inner-text .icon {
  height: 50px;
  margin: 0 0 8px 0;
}
.background-plate .background-plate-inner .background-plate-inner-text p {
  color: #21211E;
  font-weight: normal;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.background-plate .background-plate-inner .background-plate-overlay {
  display: none;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0.9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 768px) {
  .background-plate .background-plate-inner .background-plate-overlay {
    display: block;
  }
}
.background-plate .background-plate-inner .background-plate-overlay-color {
  display: none;
  position: absolute;
  z-index: 2;
  opacity: 0.9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  background-color: rgba(33, 33, 30, 0.1);
}
@media (min-width: 768px) {
  .background-plate .background-plate-inner .background-plate-overlay-color {
    display: block;
  }
}
.background-plate .background-plate-inner .background-plate-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}
.background-plate .background-plate-inner .background-plate-img img {
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .background-plate .background-plate-inner .background-plate-img {
    display: none;
  }
}
.background-plate.right .background-plate-inner {
  justify-content: flex-end;
}
.background-plate.color-complementary1 .background-plate-inner .background-plate-inner-text {
  background-color: #DAE5EA;
}
.background-plate.color-complementary2 .background-plate-inner .background-plate-inner-text {
  background-color: #EFD5D1;
}
.background-plate.color-complementary3 .background-plate-inner .background-plate-inner-text {
  background-color: #FDEECD;
}
.background-plate.color-complementary4 .background-plate-inner .background-plate-inner-text {
  background-color: #e1e5da;
}
.background-plate.color-complementary5 .background-plate-inner .background-plate-inner-text {
  background-color: #E9E9E8;
}
.background-plate.color-complementary6 .background-plate-inner .background-plate-inner-text {
  background-color: #FFF4F4;
}
.background-plate:hover {
  cursor: pointer;
  text-decoration: none;
}
.background-plate:hover .background-plate-inner {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.background-plate:hover .background-plate-inner .background-plate-inner-text {
  background-color: #F5F5F7;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.background-plate:hover .background-plate-inner .background-plate-inner-text h3, .background-plate:hover .background-plate-inner .background-plate-inner-text .as-h3 {
  text-decoration: underline;
}
.background-plate:hover .background-plate-inner .background-plate-inner-text p {
  text-decoration: none;
}
.background-plate:hover .background-plate-overlay {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.background-plate:hover.color-complementary1 .background-plate-inner .background-plate-inner-text {
  background-color: #D0DEE5;
}
.background-plate:hover.color-complementary2 .background-plate-inner .background-plate-inner-text {
  background-color: #EBCAC5;
}
.background-plate:hover.color-complementary3 .background-plate-inner .background-plate-inner-text {
  background-color: #FCE9BF;
}
.background-plate:hover.color-complementary4 .background-plate-inner .background-plate-inner-text {
  background-color: #DADED1;
}
.background-plate:hover.color-complementary5 .background-plate-inner .background-plate-inner-text {
  background-color: #E3E3E3;
}
.background-plate:hover.color-complementary6 .background-plate-inner .background-plate-inner-text {
  background-color: #FFF5F4;
}

.calculator-block {
  padding: 24px 0;
}
@media (min-width: 768px) {
  .calculator-block {
    padding: 48px 0 96px;
  }
}
.calculator-block__title {
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .calculator-block__title {
    margin-bottom: 48px;
  }
}
.calculator-block__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
}
@media (min-width: 768px) {
  .calculator-block__body {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
}
.calculator-block__body > * {
  flex: 1 1 0;
  min-width: 0;
}
@media (min-width: 768px) {
  .calculator-block__faq {
    padding-right: 64px;
  }
}
.calculator-block .faq-item {
  border-top: 1px solid #90908E;
}
.calculator-block .faq-item:last-child {
  border-bottom: 1px solid #90908E;
}
.calculator-block .faq-top {
  padding: 16px 0;
}
@media (min-width: 768px) {
  .calculator-block .faq-top {
    padding: 32px 0;
  }
}
.calculator-block .faq-heading {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #21211E;
}
@media (min-width: 768px) {
  .calculator-block .faq-heading {
    font-size: 24px;
  }
}
.calculator-block .calculator-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #ECF2F5;
  padding: 24px;
  border-radius: 0;
}
@media (min-width: 768px) {
  .calculator-block .calculator-card {
    gap: 40px;
    padding: 48px;
    border-radius: 24px;
  }
}
.calculator-block .calculator-card__top,
.calculator-block .calculator-card__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .calculator-block .calculator-card__top,
  .calculator-block .calculator-card__bottom {
    gap: 24px;
  }
}
.calculator-block .calculator-summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.calculator-block .calculator-summary__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 0;
  min-width: 0;
}
.calculator-block .calculator-summary__item--shrink {
  flex: 0 0 auto;
}
.calculator-block .calculator-summary__label {
  font-weight: 700;
  font-size: 10px;
  line-height: 130%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #90908E;
}
@media (min-width: 768px) {
  .calculator-block .calculator-summary__label {
    font-size: 12px;
  }
}
.calculator-block .calculator-summary__value {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.5px;
  color: #21211E;
}
@media (min-width: 768px) {
  .calculator-block .calculator-summary__value {
    font-size: 20px;
  }
}
.calculator-block .calculator-downpayment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 768px) {
  .calculator-block .calculator-downpayment {
    gap: 12px;
  }
}
.calculator-block .calculator-downpayment__label {
  font-weight: 700;
  font-size: 10px;
  line-height: 130%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #21211E;
}
@media (min-width: 768px) {
  .calculator-block .calculator-downpayment__label {
    font-size: 12px;
  }
}
.calculator-block .down-payment-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #B7BDD3;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .calculator-block .down-payment-wrapper {
    padding: 0 16px;
  }
}
.calculator-block .down-payment-wrapper input {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 16px;
  line-height: 165%;
  color: #21211E;
}
.calculator-block .down-payment-wrapper input:focus {
  outline: none;
}
.calculator-block .down-payment-wrapper::after {
  content: "kr";
  font-size: 16px;
  line-height: 165%;
  color: #21211E;
  padding-left: 8px;
}
.calculator-block .slider-wrapper {
  padding: 0;
  margin: 0;
}
.calculator-block .calculator-table {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.calculator-block .calculator-table tbody,
.calculator-block .calculator-table tr,
.calculator-block .calculator-table td {
  border: none;
}
.calculator-block .calculator-table td {
  font-size: 16px;
  line-height: 165%;
  color: #21211E;
  vertical-align: top;
}
.calculator-block .calculator-table td p {
  margin: 0;
}
.calculator-block .calculator-table tr:not(:last-child) td {
  padding-bottom: 8px;
}
.calculator-block .calculator-table td:last-child {
  text-align: right;
  white-space: nowrap;
}
.calculator-block .calculator-divider {
  width: 100%;
  height: 1px;
  background: #B7BDD3;
}
.calculator-block .calculator-result {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  text-align: right;
}
.calculator-block .calculator-result__label {
  font-size: 16px;
  line-height: 165%;
  color: #21211E;
}
.calculator-block .calculator-result__value {
  margin: 0;
  text-align: right;
}
.calculator-block [data-suffix]::after {
  content: " " attr(data-suffix);
}

@media (max-width: 768px) {
  .calculator-faq.faq-outer-wrapper {
    margin-bottom: 0;
  }
  .calculator-faq.faq-outer-wrapper .faq-wrapper,
  .calculator-faq.faq-outer-wrapper .faq-item {
    margin-bottom: 0;
  }
}
.colored-text {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .colored-text {
    margin-bottom: 32px;
  }
}
.colored-text .colored-text-inner {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  float: left;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  display: flex;
  height: 100%;
  width: 100%;
}
.colored-text .colored-text-inner .colored-text-inner-text {
  float: left;
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  padding: 32px;
  background-color: #ffffff;
  border-radius: 24px;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 840px) {
  .colored-text .colored-text-inner .colored-text-inner-text {
    padding: 48px;
  }
}
.colored-text .colored-text-inner .colored-text-inner-text h3, .colored-text .colored-text-inner .colored-text-inner-text .as-h3 {
  color: #21211E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.colored-text .colored-text-inner .colored-text-inner-text p {
  color: #21211E;
  font-weight: normal;
  margin-bottom: 0;
}
.colored-text.color-complementary1 .colored-text-inner-text {
  background-color: #447c97;
}
.colored-text.color-complementary1 .colored-text-inner-text p,
.colored-text.color-complementary1 .colored-text-inner-text h3,
.colored-text.color-complementary1 .colored-text-inner-text .as-h3 {
  color: #ffffff;
}
.colored-text.color-complementary2 .colored-text-inner-text {
  background-color: #AF2D17;
}
.colored-text.color-complementary2 .colored-text-inner-text p,
.colored-text.color-complementary2 .colored-text-inner-text h3,
.colored-text.color-complementary2 .colored-text-inner-text .as-h3 {
  color: #ffffff;
}
.colored-text.color-complementary3 .colored-text-inner-text {
  background-color: #F2A900;
}
.colored-text.color-complementary4 .colored-text-inner-text {
  background-color: #6A7C46;
}
.colored-text.color-complementary4 .colored-text-inner-text p,
.colored-text.color-complementary4 .colored-text-inner-text h3,
.colored-text.color-complementary4 .colored-text-inner-text .as-h3 {
  color: #ffffff;
}
.colored-text.color-complementary5 .colored-text-inner-text {
  background-color: #90908E;
}
.colored-text.color-complementary5 .colored-text-inner-text p,
.colored-text.color-complementary5 .colored-text-inner-text h3,
.colored-text.color-complementary5 .colored-text-inner-text .as-h3 {
  color: #ffffff;
}
.colored-text.color-complementary6 .colored-text-inner-text {
  background-color: #FFCAC6;
}
.colored-text.color-bordered .colored-text-inner-text {
  border: solid 1px #B7BDD3;
  background-color: #ffffff;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.container-block {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 48px 0;
  margin-bottom: 72px;
}
@media (max-width: 840px) {
  .container-block {
    gap: 32px;
    padding: 24px 0;
  }
}
@media (min-width: 1040px) {
  .container-block {
    margin-bottom: 72px;
  }
}
.container-block.has-background::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: #F0F2EC;
  z-index: -1;
}
.container-block.no-margin-bottom {
  margin-bottom: 0;
}
.container-block.no-padding {
  padding: 0;
}
.container-block .container-block-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.container-block .container-block-header h2, .container-block .container-block-header .as-h2 {
  font-weight: 700;
  color: #21211E;
  margin: 0;
}
.container-block .container-block-header .container-block-intro {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.65;
  color: #21211E;
}
@media (max-width: 840px) {
  .container-block .container-block-header .container-block-intro {
    font-size: 16px;
  }
}
.container-block .container-block-header .container-block-intro p {
  margin: 0;
}
.container-block .container-block-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.container-block .container-block-inner > .container-block-item {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
}
@media (min-width: 840px) {
  .container-block[data-columns="2"] .container-block-inner > .container-block-item {
    flex: 0 0 calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
  }
}
@media (min-width: 840px) {
  .container-block[data-columns="3"] .container-block-inner > .container-block-item {
    flex: 0 0 calc((100% - 64px) / 3);
    max-width: calc((100% - 64px) / 3);
  }
}
@media (min-width: 768px) {
  .container-block[data-columns="4"] .container-block-inner > .container-block-item {
    flex: 0 0 calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
  }
}
@media (min-width: 840px) {
  .container-block[data-columns="4"] .container-block-inner > .container-block-item {
    flex: 0 0 calc((100% - 96px) / 4);
    max-width: calc((100% - 96px) / 4);
  }
}

.container-block-loadmore {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 32px;
}
@media (min-width: 840px) {
  .container-block-loadmore {
    padding-right: 8px;
    padding-left: 8px;
  }
}

.block-facts {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 24px;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 72px;
}
@media (min-width: 480px) {
  .block-facts {
    padding-top: 32px;
  }
}
@media (min-width: 768px) {
  .block-facts {
    padding-right: 0;
    padding-left: 0;
    padding-top: 48px;
  }
}
@media (min-width: 840px) {
  .block-facts {
    margin-bottom: 88px;
    padding-top: 64px;
  }
}
@media (min-width: 1040px) {
  .block-facts {
    margin-bottom: 104px;
    padding-top: 96px;
  }
}
@media (min-width: 1536px) {
  .block-facts {
    margin-bottom: 120px;
    padding-top: 120px;
  }
}
.block-facts .block-facts-inner {
  padding: 0 0 24px 0;
  display: block;
  width: 100%;
  align-self: center;
}
@media (min-width: 768px) {
  .block-facts .block-facts-inner {
    padding: 0 8px 0 0;
  }
}
.block-facts .block-facts-inner .block-facts-inner-text {
  max-width: 100%;
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 24px;
  padding-top: 48px;
}
@media (min-width: 480px) {
  .block-facts .block-facts-inner .block-facts-inner-text .important-info {
    padding-top: 0;
  }
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info .important-info-text {
  margin-left: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .block-facts .block-facts-inner .block-facts-inner-text .important-info .important-info-text {
    font-size: 18px;
    line-height: 25px;
  }
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info.green .important-info-text {
  color: #6A7C46;
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info.green svg path {
  fill: #6A7C46;
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info.red .important-info-text {
  color: #AF2D17;
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info.red svg path {
  fill: #AF2D17;
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info.gray .important-info-text {
  color: #90908E;
}
.block-facts .block-facts-inner .block-facts-inner-text .important-info.gray svg path {
  fill: #90908E;
}
.block-facts .block-facts-inner .block-facts-inner-text h3, .block-facts .block-facts-inner .block-facts-inner-text .as-h3 {
  margin-top: 0;
}
@media (min-width: 768px) {
  .block-facts .block-facts-inner .block-facts-inner-text h3, .block-facts .block-facts-inner .block-facts-inner-text .as-h3 {
    margin-top: 0;
  }
}
.block-facts .block-facts-inner .block-facts-inner-text p {
  overflow: visible;
}
@media (min-width: 768px) {
  .block-facts .block-facts-inner .block-facts-inner-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1040px) {
  .block-facts .block-facts-inner .block-facts-inner-text p {
    -webkit-line-clamp: 10;
  }
}
.block-facts .block-facts-inner .block-facts-inner-text p.preamble {
  font-size: 16px;
  line-height: 150%;
  padding: 0;
}
@media (min-width: 1040px) {
  .block-facts .block-facts-inner .block-facts-inner-text p.preamble {
    font-size: 20px;
    line-height: 150%;
  }
}
.block-facts .block-facts-inner .block-facts-inner-row {
  border-bottom: solid 1px #B7BDD3;
  width: 100%;
  display: block;
  float: left;
  overflow: hidden;
}
.block-facts .block-facts-inner .block-facts-inner-row .block-facts-inner-row-left {
  float: left;
  width: 40%;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 0;
}
.block-facts .block-facts-inner .block-facts-inner-row .block-facts-inner-row-right {
  text-align: right;
  float: right;
  width: 60%;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 0;
}
.block-facts .block-facts-inner .block-facts-inner-row.border-top {
  border-top: solid 1px #B7BDD3;
}
.block-facts .bw-offset-left-1 {
  padding-left: 0;
}
@media (min-width: 768px) {
  .block-facts .bw-offset-left-1 {
    padding-left: 5.333333%;
  }
}
.block-facts .bw-offset-right-1 {
  padding-right: 0;
}
@media (min-width: 768px) {
  .block-facts .bw-offset-right-1 {
    padding-right: 5.333333%;
  }
}
.block-facts.important-info-active {
  padding-top: 16px;
}
@media (min-width: 480px) {
  .block-facts.important-info-active {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .block-facts.important-info-active {
    padding-top: 24px;
  }
}
@media (min-width: 840px) {
  .block-facts.important-info-active {
    padding-top: 40px;
  }
}
@media (min-width: 1040px) {
  .block-facts.important-info-active {
    padding-top: 72px;
  }
}
@media (min-width: 1536px) {
  .block-facts.important-info-active {
    padding-top: 104px;
  }
}
.block-facts.important-info-active .block-facts-inner dl {
  margin-top: 70px;
}

.project-fact-documents {
  display: flex;
  flex-direction: row;
  gap: 32px;
  padding: 48px 0;
}
@media (max-width: 768px) {
  .project-fact-documents {
    flex-direction: column;
    gap: 16px;
    padding: 32px 0;
  }
}

.project-facts {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 64px;
  background: #ECF2F5;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .project-facts {
    padding: 32px;
    gap: 16px;
  }
}
.project-facts__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-facts__heading {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.0167em;
  color: #21211E;
}
.project-facts__heading-name {
  font-weight: 400;
  display: inline;
}
.project-facts__status-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.project-facts__status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  height: 40px;
  background: #6A7C46;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
  white-space: nowrap;
}
.project-facts__status-badge--green {
  background: #6A7C46;
}
.project-facts__status-badge--blue {
  background: #447c97;
}
.project-facts__status-badge--red {
  background: #AF2D17;
}
.project-facts__status-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  color: #21211E;
}
.project-facts__status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #6A7C46;
  flex-shrink: 0;
}
.project-facts__status-dot--green {
  background: #6A7C46;
}
.project-facts__status-dot--blue {
  background: #447c97;
}
.project-facts__status-dot--red {
  background: #AF2D17;
}
.project-facts__grid {
  display: grid;
  grid-template-columns: 150px 1fr;
  column-gap: 24px;
  row-gap: 4px;
  align-items: start;
}
.project-facts__label, .project-facts__value {
  font-size: 16px;
  line-height: 2;
  color: #21211E;
}
.project-facts__label {
  font-weight: 700;
}
.project-facts__value {
  font-weight: 400;
}
@media (max-width: 768px) {
  .project-facts__grid {
    display: block;
  }
  .project-facts__label, .project-facts__value {
    display: inline;
  }
  .project-facts__value::after {
    content: "\a";
    white-space: pre;
  }
}

.project-documents {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 64px;
  background: #E3E3E3;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .project-documents {
    padding: 32px;
    gap: 24px;
  }
}
.project-documents__heading {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.0167em;
  color: #21211E;
}
.project-documents__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-documents__item {
  display: flex;
}
.project-documents__link {
  display: flex;
  align-items: center;
  gap: 24px;
  text-decoration: none;
  width: 100%;
}
.project-documents__link:hover .project-documents__icon {
  background: #EEEEEF;
}
.project-documents__link:hover .project-documents__text-title {
  text-decoration: underline;
}
.project-documents__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease;
}
.project-documents__icon svg {
  width: 24px;
  height: 24px;
  color: #21211E;
}
.project-documents__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.project-documents__text-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #21211E;
  text-decoration: underline;
}
.project-documents__text-meta {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #21211E;
}

.faq-container-block-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 24px;
}
.faq-container-block-header .faq-container-block-header-section {
  flex: 1;
}
.faq-container-block-header .faq-container-block-header-section h2, .faq-container-block-header .faq-container-block-header-section .as-h2 {
  margin: 0;
}
.faq-container-block-header .faq-container-block-header-section p {
  margin-top: 16px;
  margin-bottom: 0;
}
.faq-container-block-header .faq-container-block-header-section {
  margin-bottom: 32px;
}
.faq-container-block-header .faq-container-block-header-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.faq-container-block-header .faq-container-block-header-inner p {
  max-width: 50%;
  float: left;
  margin-bottom: 0;
}

.form-block {
  border-radius: 24px;
  padding: 80px 0;
}
.form-block.color-complementary-1 {
  background: #DAE5EA;
}
.form-block.color-complementary-2 {
  background: #EFD5D1;
}
.form-block.color-complementary-3 {
  background: #FDEECD;
}
.form-block.color-complementary-4 {
  background: #e1e5da;
}
.form-block.color-complementary-5 {
  background: #E9E9E8;
}
.form-block.color-complementary-6 {
  background: #FFF4F4;
}

.campaign-container .forms-block-width {
  max-width: 640px;
  margin: 0 auto;
}

.forms-container {
  justify-content: center;
}
.forms-container > .bw-row {
  width: 100%;
}
.forms-container form {
  max-width: 640px;
  margin: 0 auto;
}

.image-country {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  position: relative;
}
.image-country .image-country-inner {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  float: left;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  display: flex;
  height: 100%;
  width: 100%;
}
.image-country .image-country-inner .image-country-inner-text {
  float: left;
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  padding: 24px 0;
  color: #21211E;
  font-weight: normal;
}
.image-country .image-country-inner .image-country-inner-text .image-country-country h3, .image-country .image-country-inner .image-country-inner-text .image-country-country .as-h3 {
  padding-left: 48px;
  margin-bottom: 8px;
}
.image-country .image-country-inner .image-country-inner-text .image-country-country h3:before, .image-country .image-country-inner .image-country-inner-text .image-country-country .as-h3:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/static/img/icon-flag-sweden.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  left: 0;
  float: left;
  margin: 0 0 0 0;
}
.image-country .image-country-inner .image-country-inner-text .image-country-country h3.sweden:before, .image-country .image-country-inner .image-country-inner-text .image-country-country .sweden.as-h3:before {
  background: url(/static/img/icon-flag-sweden.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.image-country .image-country-inner .image-country-inner-text .image-country-country h3.norway:before, .image-country .image-country-inner .image-country-inner-text .image-country-country .norway.as-h3:before {
  background: url(/static/img/icon-flag-norway.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.image-country .image-country-inner .image-country-inner-text .image-country-country h3.finland:before, .image-country .image-country-inner .image-country-inner-text .image-country-country .finland.as-h3:before {
  background: url(/static/img/icon-flag-finland.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.image-country .image-country-inner .image-country-inner-text .image-country-country h3.uk:before, .image-country .image-country-inner .image-country-inner-text .image-country-country .uk.as-h3:before {
  background: url(/static/img/icon-flag-uk.svg) no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.image-country .image-country-inner .image-country-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-country .image-country-inner .image-country-img img {
  border-radius: 24px;
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-country:hover {
  cursor: pointer;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-country:hover .image-country-inner .image-country-img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-country:hover .image-country-inner .image-country-img img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-country:hover .image-country-inner .image-country-inner-text h3, .image-country:hover .image-country-inner .image-country-inner-text .as-h3 {
  text-decoration: underline;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.image-text {
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none;
}
.image-text.stand-alone {
  margin-bottom: 104px;
}
@media (min-width: 840px) {
  .image-text.stand-alone {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .image-text.stand-alone {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .image-text.stand-alone {
    margin-bottom: 120px;
  }
}
.image-text .image-text-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
}
.image-text .image-text-inner .image-text-img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 24px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  position: relative;
}
@media (max-width: 840px) {
  .image-text .image-text-inner .image-text-img {
    border-radius: 16px;
  }
}
.image-text .image-text-inner .image-text-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text .image-text-inner .image-text-img video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image-text .image-text-inner .image-text-inner-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
.image-text .image-text-inner .image-text-inner-text .icon {
  height: 50px;
  margin: 0 0 8px 0;
}
.image-text .image-text-inner .image-text-inner-text h3, .image-text .image-text-inner .image-text-inner-text .as-h3 {
  font-weight: 700;
  color: #21211E;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text .image-text-inner .image-text-inner-text .image-text-inner-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.image-text .image-text-inner .image-text-inner-text .image-text-inner-text-content.unclamped {
  -webkit-line-clamp: initial;
}
.image-text .image-text-inner .image-text-inner-text .image-text-inner-text-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
.image-text:hover:not(.contact):not(.floorplan) .image-text-inner .image-text-img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-text:hover:not(.contact):not(.floorplan) .image-text-inner .image-text-img img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text:hover:not(.contact):not(.floorplan) .image-text-inner .image-text-inner-text h3, .image-text:hover:not(.contact):not(.floorplan) .image-text-inner .image-text-inner-text .as-h3 {
  text-decoration: underline;
}
.image-text.color-complementary1 .image-text-inner .image-text-inner-text {
  background-color: #DAE5EA;
  padding: 32px;
  border-radius: 0 0 24px 24px;
}
.image-text.color-complementary2 .image-text-inner .image-text-inner-text {
  background-color: #EFD5D1;
  padding: 32px;
  border-radius: 0 0 24px 24px;
}
.image-text.color-complementary3 .image-text-inner .image-text-inner-text {
  background-color: #FDEECD;
  padding: 32px;
  border-radius: 0 0 24px 24px;
}
.image-text.color-complementary4 .image-text-inner .image-text-inner-text {
  background-color: #e1e5da;
  padding: 32px;
  border-radius: 0 0 24px 24px;
}
.image-text.color-complementary5 .image-text-inner .image-text-inner-text {
  background-color: #E9E9E8;
  padding: 32px;
  border-radius: 0 0 24px 24px;
}
.image-text.color-complementary6 .image-text-inner .image-text-inner-text {
  background-color: #FFF4F4;
  padding: 32px;
  border-radius: 0 0 24px 24px;
}
.image-text:hover.color-complementary1 .image-text-inner .image-text-inner-text {
  background-color: #C6D7DF;
}
.image-text:hover.color-complementary2 .image-text-inner .image-text-inner-text {
  background-color: #E7C0B9;
}
.image-text:hover.color-complementary3 .image-text-inner .image-text-inner-text {
  background-color: #F9E5BF;
}
.image-text:hover.color-complementary4 .image-text-inner .image-text-inner-text {
  background-color: #D2D7C7;
}
.image-text:hover.color-complementary5 .image-text-inner .image-text-inner-text {
  background-color: #DDDDDD;
}
.image-text:hover.color-complementary6 .image-text-inner .image-text-inner-text {
  background-color: #FFEAE8;
}
.image-text.contact .image-text-inner {
  border-radius: 0;
  overflow: visible;
  display: block;
  height: auto;
}
.image-text.contact .image-text-inner .image-text-inner-text {
  padding: 24px 0 0 0;
  background-color: #ffffff;
  border-radius: 0;
}
.image-text.contact .image-text-inner .image-text-inner-text .image-text-inner-text-content {
  display: block;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
  text-overflow: initial;
}
.image-text.contact .image-text-inner .image-text-inner-text .image-text-inner-text-content a, .image-text.contact .image-text-inner .image-text-inner-text .image-text-inner-text-content p {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
}
.image-text.contact .image-text-inner .image-text-img {
  aspect-ratio: unset;
  border-radius: 8px;
}
.image-text.contact .image-text-inner .image-text-img.img-round {
  border-radius: 24px;
}
.image-text.contact .image-text-inner .image-text-img img {
  position: static;
  height: auto;
  border-radius: 8px;
}
.image-text.floorplan {
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .image-text.floorplan {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .image-text.floorplan {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .image-text.floorplan {
    margin-bottom: 120px;
  }
}
.image-text.floorplan .image-text-inner {
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  display: block;
  height: auto;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper {
  display: block;
  height: auto;
  width: 100%;
  float: left;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-inner-text {
  float: left;
  display: block;
  flex: none;
  align-self: flex-start;
  width: 100%;
  padding: 24px 0 0 0;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-inner-text .image-text-inner-text-content {
  width: 100%;
  overflow: hidden;
  text-overflow: initial;
  display: block;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-img {
  aspect-ratio: unset;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-img img {
  position: static;
  border-radius: 24px;
  margin-bottom: 16px;
  width: 100%;
  height: auto;
  object-fit: initial;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-img .image-text-img-overlay {
  display: block;
  position: absolute;
  background-color: #7CA3B6;
  mix-blend-mode: multiply;
  z-index: 1;
  opacity: 0.2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper:hover {
  cursor: pointer;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper:hover .image-text-img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper:hover .image-text-img img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper:hover .image-text-inner-text h3, .image-text.floorplan .image-text-inner .image-text-inner-wrapper:hover .image-text-inner-text .as-h3 {
  text-decoration: underline;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta {
  display: block;
  height: auto;
  width: 100%;
  float: left;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta .image-text-inner-text {
  float: left;
  display: block;
  flex: none;
  align-self: flex-start;
  width: 100%;
  padding: 24px 0 0 0;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta .image-text-inner-text .image-text-inner-text-content {
  width: 100%;
  overflow: hidden;
  text-overflow: initial;
  display: block;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
  margin-bottom: 32px;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta .image-text-inner-text .image-text-inner-text-content.expandable {
  margin-bottom: 0;
  height: 150px;
  overflow: hidden;
  position: relative;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta .image-text-inner-text .image-text-inner-text-content.expandable.open {
  height: auto;
  min-height: 225px;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta .image-text-inner-text .image-text-inner-text-content.expandable.open:after {
  content: none;
  position: absolute;
  bottom: 0;
  height: 50px;
  background: linear-gradient(transparent, #FFFFFF);
  pointer-events: none;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper-cta .image-text-inner-text .image-text-inner-text-content.expandable:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(transparent, #FFFFFF);
  pointer-events: none;
}

@media (min-width: 480px) {
  .bw-row .bw-column.contact-col {
    flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
  .contact-col + .contact-col {
    margin-left: 32px;
  }
}
@media (max-width: 479px) {
  .contact-col:has(+ .contact-col) {
    margin-bottom: 24px;
  }
}
.image {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .image {
    margin-bottom: 32px;
  }
}
.image.no-pad {
  padding-right: unset;
  padding-left: unset;
}
.image.modal {
  cursor: pointer;
}
.image.modal:hover .image-inner .image-img img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image .image-inner {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  float: left;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  display: flex;
  height: 100%;
  width: 100%;
}
.image .image-inner .image-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
}
.image .image-inner .image-img img {
  border-radius: 24px;
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image .image-inner .image-img .caption {
  width: 100%;
  display: block;
  float: left;
  font-style: italic;
  padding: 16px 24px 40px 24px;
}
@media (min-width: 768px) {
  .image .image-inner .image-img .caption {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .image .image-inner .image-img .caption {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .image .image-inner .image-img .caption {
    width: 70%;
  }
}
@media (min-width: 1536px) {
  .image .image-inner .image-img .caption {
    width: 60%;
  }
}
.image.stand-alone {
  margin-bottom: 104px;
}
@media (min-width: 840px) {
  .image.stand-alone {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .image.stand-alone {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .image.stand-alone {
    margin-bottom: 120px;
  }
}
.image.stand-alone.no-marg {
  margin-bottom: 32px;
}
.image.stand-alone .image-inner .image-img .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: visible;
  border-radius: 24px;
}
.image.stand-alone .image-inner .image-img .video-container iframe,
.image.stand-alone .image-inner .image-img .video-container object,
.image.stand-alone .image-inner .image-img .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 24px;
}
.image.stand-alone .image-inner .image-img .caption {
  padding: 32px 24px 0 24px;
}
@media (min-width: 768px) {
  .image.stand-alone .image-inner .image-img .caption {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .image.stand-alone .image-inner .image-img .caption {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .image.stand-alone .image-inner .image-img .caption {
    width: 70%;
  }
}
@media (min-width: 1536px) {
  .image.stand-alone .image-inner .image-img .caption {
    width: 60%;
  }
}
.image.stand-alone .image-inner .image-vid {
  position: relative;
}
.image.stand-alone .image-inner .image-vid video {
  width: 100%;
  max-width: 100%;
  object-fit: fill;
  display: block;
  border-radius: 24px;
}
.image.stand-alone .image-inner .image-vid .caption {
  padding: 32px 24px 0 24px;
}
@media (min-width: 768px) {
  .image.stand-alone .image-inner .image-vid .caption {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .image.stand-alone .image-inner .image-vid .caption {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .image.stand-alone .image-inner .image-vid .caption {
    width: 70%;
  }
}
@media (min-width: 1536px) {
  .image.stand-alone .image-inner .image-vid .caption {
    width: 60%;
  }
}

.important-date {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 48px;
  position: relative;
}
@media (min-width: 768px) {
  .important-date {
    margin-bottom: 32px;
  }
}
.important-date .important-image {
  display: block;
  width: 100%;
  height: auto;
}
.important-date .important-datetime {
  text-align: center;
  width: 100%;
  padding-right: 8px;
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  .important-date .important-datetime {
    margin-bottom: 24px;
  }
}
.important-date .important-datetime .important-datetime-inner {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  width: 100%;
  height: auto;
  border-radius: 8px;
  background-color: #FDEECD;
}
.important-date .important-datetime .important-datetime-inner .important-datetime-date {
  display: block;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: -1px;
  font-weight: 700;
}
.important-date .important-datetime .important-datetime-inner .important-datetime-month {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}
.important-date .important-text {
  padding-left: 16px;
  display: block;
  width: 100%;
}
.important-date .important-text .important-text-inner {
  display: block;
  width: 100%;
}
.important-date .important-text .important-text-inner h3, .important-date .important-text .important-text-inner .as-h3 {
  margin-bottom: 8px;
  font-weight: 700;
}
.important-date .important-text .important-text-inner .important-text-location {
  display: block;
  float: left;
  margin-bottom: 8px;
  font-size: 30px;
  line-height: 130%;
}
.important-date .important-text .important-text-inner .important-text-location:before {
  content: "";
  display: block;
  background: url(/static/img/icon-marker-dark.svg) no-repeat;
  background-size: 11px 15px;
  width: 11px;
  height: 15px;
  float: left;
  margin: 5px 8px 0 0;
}
.important-date .important-text .important-text-inner .important-text-time {
  display: block;
  float: left;
  margin-bottom: 8px;
  margin-right: 16px;
  font-size: 30px;
  line-height: 130%;
}
.important-date .important-text .important-text-inner .important-text-time:before {
  content: "";
  display: block;
  background: url(/static/img/icon-clock-dark.svg) no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  float: left;
  margin: 6px 8px 0 0;
}
.important-date .important-text .important-text-inner .important-text-inner-wrapper {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 8px;
}
.important-date p {
  float: left;
  width: 100%;
  margin-bottom: 16px;
  max-width: 512px;
}
@media (max-width: 768px) {
  .important-date p {
    font-size: 30px;
    line-height: 130%;
  }
}
.important-date .important-anchor {
  color: #21211E;
  font-size: 30px;
  line-height: 130%;
  font-weight: 700;
}

.instagram-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 88px;
}
.instagram-block .instagram-block-header {
  width: 100%;
  display: block;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 40px;
}
.instagram-block .instagram-block-header .instagram-block-header-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.instagram-block .instagram-block-header .instagram-block-header-inner p {
  max-width: 100%;
  float: left;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .instagram-block .instagram-block-header .instagram-block-header-inner p {
    max-width: 75%;
  }
}
@media (min-width: 840px) {
  .instagram-block .instagram-block-header .instagram-block-header-inner p {
    max-width: 50%;
  }
}
.instagram-block .instagram-block-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.instagram-block .instagram-block-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}
@media (min-width: 840px) {
  .instagram-block .instagram-block-items {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.instagram-block .instagram-block-items .instagram-block-item {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  margin: 8px;
  border-radius: 16px;
}
.instagram-block .instagram-block-items .instagram-block-item img {
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
}
.instagram-block .instagram-block-items .instagram-block-item:hover {
  cursor: pointer;
  border-radius: 16px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.instagram-block .instagram-block-items .instagram-block-item:hover img {
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
}
.instagram-block .instagram-block-more {
  width: 100%;
  display: block;
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 16px;
  text-align: center;
}
@media (min-width: 840px) {
  .instagram-block .instagram-block-more {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.instagram-block .hide-on-mobile {
  display: none;
}
@media (min-width: 768px) {
  .instagram-block .hide-on-mobile {
    display: flex;
  }
}
.instagram-block .show-on-mobile {
  display: block;
}
@media (min-width: 768px) {
  .instagram-block .show-on-mobile {
    display: none;
  }
}

.jobs {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .jobs {
    margin-bottom: 32px;
  }
}
.jobs .jobs-inner {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  float: left;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  border: solid 1px #B7BDD3;
  display: flex;
  height: 100%;
  width: 100%;
}
.jobs .jobs-inner .jobs-inner-text {
  float: left;
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  position: relative;
  width: 100%;
  padding: 32px 32px 80px 32px;
  background-color: #ffffff;
  border-radius: 24px;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 840px) {
  .jobs .jobs-inner .jobs-inner-text {
    padding: 32px 32px 80px 32px;
  }
}
.jobs .jobs-inner .jobs-inner-text .jobs-preheader {
  display: block;
  width: 100%;
  font-size: 14px;
  margin-bottom: 8px;
}
.jobs .jobs-inner .jobs-inner-text .jobs-preheader:before {
  content: "";
  display: block;
  background: url(/static/img/icon-link-external-blue.svg) no-repeat;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  float: left;
  margin: 5px 8px 0 0;
}
.jobs .jobs-inner .jobs-inner-text h3, .jobs .jobs-inner .jobs-inner-text .as-h3 {
  color: #21211E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.jobs .jobs-inner .jobs-inner-text .jobs-header-sub {
  color: #21211E;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
  font-family: "Noto Sans", sans-serif;
  font-size: 30px;
  line-height: 130%;
  letter-spacing: -1px;
}
@media (min-width: 840px) {
  .jobs .jobs-inner .jobs-inner-text .jobs-header-sub {
    font-size: 40px;
    line-height: 130%;
    letter-spacing: -1px;
  }
}
.jobs .jobs-inner .jobs-inner-text p {
  color: #21211E;
  font-weight: normal;
  margin-bottom: 0;
}
.jobs .jobs-inner .jobs-inner-text .jobs-inner-bottom {
  width: calc(100% - 64px);
  display: block;
  position: absolute;
  bottom: 32px;
}
.jobs .jobs-inner .jobs-inner-text .jobs-inner-bottom .jobs-inner-half {
  width: 50%;
  float: left;
  color: #21211E;
  font-weight: normal;
}
.jobs .jobs-inner:hover .jobs-inner-text {
  background-color: #F5F5F7;
}
.jobs .jobs-inner:hover .jobs-inner-text h3, .jobs .jobs-inner:hover .jobs-inner-text .as-h3 {
  text-decoration: underline;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.latest-projects-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
  width: 100%;
}
@media (min-width: 1040px) {
  .latest-projects-block {
    gap: 32px;
    padding: 48px 0;
  }
}
.latest-projects-block .latest-projects-block__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.latest-projects-block .latest-projects-block__title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -1px;
  margin: 0;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__title {
    font-size: 40px;
    letter-spacing: -1.5px;
  }
}
.latest-projects-block .latest-projects-block__viewall {
  display: none;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__viewall {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    border: 1px solid #21211E;
    border-radius: 999px;
    font-size: 16px;
    font-weight: bold;
    color: #21211E;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .latest-projects-block .latest-projects-block__viewall:hover {
    background-color: #EBEBEF;
  }
}
.latest-projects-block .latest-projects-block__scroll-wrapper {
  position: relative;
}
.latest-projects-block .latest-projects-block__scroll {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__scroll {
    overflow: visible;
  }
}
.latest-projects-block .latest-projects-block__scroll::-webkit-scrollbar {
  display: none;
}
.latest-projects-block .latest-projects-block__next,
.latest-projects-block .latest-projects-block__prev {
  position: absolute;
  top: calc(225px - 64px);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgba(33, 33, 30, 0.7);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__next,
  .latest-projects-block .latest-projects-block__prev {
    display: none;
  }
}
.latest-projects-block .latest-projects-block__next {
  right: 16px;
}
.latest-projects-block .latest-projects-block__prev {
  left: 16px;
}
.latest-projects-block .latest-projects-block__card {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__card {
    flex: 1 1 0;
    min-width: 48px;
    gap: 0;
    cursor: pointer;
    transition: flex-grow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .latest-projects-block .latest-projects-block__card.is-active {
    flex-grow: 5;
    cursor: default;
  }
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-link {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  height: 225px;
  flex-shrink: 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__card .latest-projects-block__card-link {
    height: 500px;
    border-radius: 24px;
  }
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__card.is-active:hover .latest-projects-block__card-image {
    transform: scale(1.04);
  }
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__card .latest-projects-block__card-info {
    display: none;
  }
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-label {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #646462;
  line-height: 1.3;
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-titles {
  display: flex;
  flex-direction: column;
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-title-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-name,
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-location {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: #21211E;
}
.latest-projects-block .latest-projects-block__card .latest-projects-block__card-body {
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
.latest-projects-block .latest-projects-block__info {
  display: none;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.latest-projects-block .latest-projects-block__info .latest-projects-block__info-label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #21211E;
  line-height: 1.3;
}
.latest-projects-block .latest-projects-block__info .latest-projects-block__info-link {
  display: flex;
  flex-direction: column;
  color: #21211E;
  text-decoration: none;
}
.latest-projects-block .latest-projects-block__info .latest-projects-block__info-name,
.latest-projects-block .latest-projects-block__info .latest-projects-block__info-location {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.5px;
  text-decoration: underline;
}
.latest-projects-block .latest-projects-block__info .latest-projects-block__info-body {
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
.latest-projects-block .latest-projects-block__viewall-mobile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border: 1px solid #21211E;
  border-radius: 999px;
  font-size: 16px;
  font-weight: bold;
  color: #21211E;
  text-decoration: none;
  margin-top: 16px;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.latest-projects-block .latest-projects-block__viewall-mobile:hover {
  background-color: #EBEBEF;
}
@media (min-width: 1040px) {
  .latest-projects-block .latest-projects-block__viewall-mobile {
    display: none;
  }
}

/** Google Search box override */
.gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style-iw-d > div {
  height: 100%;
  width: 100%;
}

.gm-style .gm-style-iw-c {
  padding: 0 !important;
}

.gm-style-cc,
.gmnoprint {
  display: none;
}

.pac-container {
  border-radius: 8px;
  border: 1px solid #eee;
  margin-top: 16px;
  box-shadow: none;
  overflow: auto;
}
.pac-container::after {
  display: none;
}
.pac-container .pac-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: none;
}
.pac-container .pac-item {
  display: flex;
  cursor: pointer;
  flex-flow: column-reverse nowrap;
  justify-content: center;
  padding: 16px;
  height: 72px;
  background-image: url(/static/img/icon-chevron-right-dark.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  background-size: 24px 24px;
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pac-container .pac-item:hover {
  background-color: #F5F5F7;
  background-position: calc(100% - 16px) center;
  text-decoration: none;
  transition: background-position 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.pac-container .pac-item .pac-icon-marker {
  display: none;
}
.pac-container .pac-item:not(:first-of-type) {
  border-top: solid 1px #B7BDD3;
}
.pac-container .pac-item > span:not(.pac-item-query) {
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pac-container .pac-item .pac-item-query {
  line-height: 26px;
  font-size: 16px !important;
}

.maps-block {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  max-width: 100vw;
}
.maps-block #info-window {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  max-width: 400px;
  min-width: 150px;
  padding: 16px;
  padding-left: 26px;
}
@media (min-width: 840px) {
  .maps-block #info-window {
    margin-left: 0;
    padding: 8px;
    flex-flow: row nowrap;
    align-items: flex-start;
  }
}
.maps-block #info-window .info-image {
  float: left;
  width: 100%;
  flex: 0 0 100px;
  height: 100px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 840px) {
  .maps-block #info-window .info-image {
    width: 100px;
  }
}
.maps-block #info-window .text-wrapper {
  float: right;
  word-break: normal;
  overflow: hidden;
  flex: 0 1 auto;
  padding-top: 16px;
}
@media (min-width: 840px) {
  .maps-block #info-window .text-wrapper {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.maps-block #info-window .text-wrapper p,
.maps-block #info-window .text-wrapper h4,
.maps-block #info-window .text-wrapper .as-h4 {
  margin: 0;
}
.maps-block .error-message-wrapper {
  display: none;
  opacity: 0;
  animation: fadeIn 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.maps-block .controls button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #21211E;
  transition: 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.maps-block .controls button.selected, .maps-block .controls button:hover {
  background: #555862 !important;
}
.maps-block .controls.fullscreen-control {
  width: 50px;
  height: 50px;
  top: 24px !important;
  right: 24px !important;
  border-radius: 8px;
  overflow: hidden;
}
.maps-block .controls.fullscreen-control * {
  cursor: pointer;
}
.maps-block .controls.fullscreen-control button {
  width: 100%;
  height: 100%;
  background: #21211E;
}
.maps-block .controls.maptype-control {
  display: flex;
  flex-flow: row nowrap;
  border-radius: 8px;
  overflow: hidden;
  top: 24px !important;
  left: 24px !important;
}
.maps-block .controls.maptype-control * {
  cursor: pointer;
}
.maps-block .controls.maptype-control button {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  background: #21211E;
  font-weight: bold;
}
.maps-block .controls.zoom-control {
  position: absolute;
  bottom: 24px !important;
  right: 24px !important;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  flex-flow: column nowrap;
}
.maps-block .controls.zoom-control > button {
  cursor: pointer;
  background: #21211E;
  color: #FFFFFF;
  width: 48px;
  position: relative;
  height: 48px;
}
.maps-block .controls.zoom-control > button:first-of-type::after {
  content: "";
  position: absolute;
  background: #ffffff;
  opacity: 0.3;
  width: 32px;
  left: 8px;
  z-index: 50;
  top: 100%;
  height: 1px;
  background: #B7BDD3;
}
.maps-block #toggle-legend {
  padding: 8px;
  bottom: 24px !important;
  left: 24px !important;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 840px) {
  .maps-block #toggle-legend {
    display: none;
  }
}
.maps-block .legend {
  display: flex;
  flex-flow: column nowrap;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #B7BDD3;
  justify-self: flex-start;
  align-items: flex-start;
  border-radius: 8px;
  padding-left: 24px;
  padding-right: 40px;
  padding-top: 24px;
  padding-bottom: 24px;
  background: #ffffff;
  opacity: 0;
  left: -100% !important;
}
@media (min-width: 840px) {
  .maps-block .legend {
    opacity: 1 !important;
    left: 24px !important;
  }
}
.maps-block .legend.show {
  opacity: 1;
  left: 24px !important;
}
.maps-block .legend .mark-all {
  background: transparent;
  margin-top: 40px;
  cursor: pointer;
}
.maps-block .legend .google-maps-legend-entry {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.maps-block .legend .google-maps-legend-entry p {
  margin: 0;
}
.maps-block .legend .google-maps-legend-entry input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 16px;
  border: 1px solid #B7BDD3;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  transition: 0.1s cubic-bezier(0.4, 0, 1, 1);
  overflow: hidden;
  position: relative;
}
.maps-block .legend .google-maps-legend-entry input[type=checkbox]:checked {
  border-color: #21211E;
  background: #21211E;
}
.maps-block .maps-outer-wrapper {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
.maps-block .maps-outer-wrapper .map-wrapper {
  position: relative;
  background-color: #F5F5F7;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px solid #B7BDD3;
}
@media (min-width: 840px) {
  .maps-block .maps-outer-wrapper .map-wrapper {
    border-radius: 24px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
}
.maps-block .maps-outer-wrapper .map-wrapper .gm-fullscreen-control.override {
  background-color: #21211E !important;
}
.maps-block .maps-outer-wrapper .map-wrapper.fullscreen {
  position: fixed !important;
  border: none;
  border-radius: 0;
  width: 100vw;
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
  z-index: 1000;
  left: 0;
  top: 0;
}
.maps-block .maps-outer-wrapper .map-wrapper.fullscreen #map {
  transition: 0.25s ease-in-out;
  max-width: 100vw;
  flex: 1 0 auto !important;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 1;
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map.hide {
  opacity: 0;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map:hover .static-map-text {
  opacity: 1;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map:hover .static-map-text::after {
  opacity: 1;
  top: 100%;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map:hover img {
  transform: scale(1.04);
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map:hover::after {
  opacity: 0.13;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map::after {
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  width: 100%;
  height: 100%;
  background: #21211E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.1;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map img {
  height: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  .maps-block .maps-outer-wrapper .map-wrapper .static-map img {
    max-height: unset;
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map img {
  filter: blur(3px);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map .static-map-text {
  opacity: 1;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  color: #21211E;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  font-size: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
}
.maps-block .maps-outer-wrapper .map-wrapper .static-map .static-map-text::after {
  content: "";
  transition: 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 4px;
  background: #21211E;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  opacity: 0;
}
.maps-block .maps-outer-wrapper .map-wrapper #map {
  width: 100%;
  max-width: 1536px;
  height: 100%;
  opacity: 0;
}
.maps-block .maps-outer-wrapper .map-wrapper #map.big {
  flex-basis: 640px;
}
.maps-block .maps-outer-wrapper .map-wrapper #map.small {
  flex-basis: 327px;
}
.maps-block .maps-outer-wrapper .map-wrapper #map.show {
  opacity: 1;
}
.maps-block .maps-directions {
  margin-top: 48px;
  padding: 0 16px;
  max-height: unset;
}
.maps-block .maps-directions.hidden {
  overflow: hidden;
  max-height: 0;
  margin: 0;
  padding: 0;
}
@media (min-width: 840px) {
  .maps-block .maps-directions {
    padding: 0;
  }
}
.maps-block .maps-directions #maps-seach-form {
  margin-bottom: 24px;
}
.maps-block .maps-directions .reset-button-wrapper {
  align-items: flex-start;
  justify-content: flex-end;
}
.maps-block .maps-directions .reset-button-wrapper .btn {
  white-space: nowrap;
}
.maps-block .maps-directions .btn-wrapper {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}
@media (min-width: 840px) {
  .maps-block .maps-directions .btn-wrapper {
    flex-flow: row nowrap;
    width: auto;
    align-items: flex-start;
  }
}
.maps-block .maps-directions .btn-wrapper .btn {
  margin-bottom: 8px;
  flex: 1 1;
  white-space: nowrap;
}
@media (min-width: 840px) {
  .maps-block .maps-directions .btn-wrapper .btn {
    margin-right: 16px;
    flex: unset;
  }
}
.maps-block .maps-directions .btn-wrapper .pill-wrapper {
  margin-right: -16px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.maps-block .maps-directions .btn-wrapper .pill-wrapper .btn {
  margin-right: 16px;
  flex: 0 0 auto;
}
.maps-block .maps-directions .maps-direction-search {
  margin-top: 16px;
  margin-bottom: 24px;
}
@media (min-width: 840px) {
  .maps-block .maps-directions .maps-direction-search {
    margin-top: 48px;
    padding: 0;
  }
}
.maps-block .maps-directions .maps-direction-search #travel-info {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.maps-block .maps-directions .maps-direction-search #travel-info .travel-info-row:nth-of-type(odd) {
  padding-right: 8px;
}
.maps-block .maps-directions .maps-direction-search #travel-info .travel-info-row:nth-of-type(even) {
  padding-left: 8px;
}
.maps-block .maps-directions .maps-direction-search > .bw-column:first-of-type {
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .maps-block .maps-directions .maps-direction-search > .bw-column:first-of-type {
    padding-right: 16px;
  }
  .maps-block .maps-directions .maps-direction-search > .bw-column:last-of-type {
    padding-left: 16px;
  }
  .maps-block .maps-directions .maps-direction-search > .bw-column:not(:first-of-type) {
    margin-bottom: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loading-projects .map {
  opacity: 0.5 !important;
  pointer-events: none;
}

.faq-outer-wrapper .faq-wrapper.more-info-accordion {
  padding-right: 0;
}
@media (min-width: 768px) {
  .faq-outer-wrapper .faq-wrapper.more-info-accordion {
    padding-right: 64px;
  }
}

.info-contact-heading {
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .info-contact-heading {
    margin-bottom: 48px;
  }
}

.more-info-item__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
}
@media (min-width: 768px) {
  .more-info-item__top {
    padding: 32px 0;
  }
}

.more-info-item__title {
  flex: 1 1 auto;
  margin: 0;
}

.more-info-item__caret {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.more-info-item__caret::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #21211E;
  border-bottom: 2px solid #21211E;
  transform: rotate(45deg);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.more-info-item.active .more-info-item__caret::before {
  top: 10px;
  transform: rotate(225deg);
}

.news-container-block {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 48px 0;
  margin-bottom: 48px;
  width: 100%;
}
.news-container-block .news-container-block__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0;
}
@media (min-width: 1040px) {
  .news-container-block .news-container-block__header {
    padding: 0;
  }
}
.news-container-block .news-container-block__title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -1px;
  margin: 0;
}
@media (min-width: 1040px) {
  .news-container-block .news-container-block__title {
    font-size: 40px;
  }
}
.news-container-block .news-container-block__viewall {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 24px;
  border: 1px solid #21211E;
  border-radius: 999px;
  font-size: 16px;
  font-weight: bold;
  color: #21211E;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-container-block .news-container-block__viewall:hover {
  background-color: #EBEBEF;
}
.news-container-block .news-container-block__scroll {
  display: flex;
  flex-direction: row;
  gap: 32px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0 0;
}
@media (min-width: 1040px) {
  .news-container-block .news-container-block__scroll {
    padding: 0;
  }
}
.news-container-block .news-container-block__scroll::-webkit-scrollbar {
  display: none;
}

.news-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-decoration: none;
  color: #21211E;
  flex-shrink: 0;
  width: 300px;
}
@media (min-width: 1040px) {
  .news-item {
    flex: 1 1 0;
    min-width: 0;
  }
}
.news-item .news-item__image {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 24px;
  flex-shrink: 0;
}
.news-item .news-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-item .news-item__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news-item .news-item__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.news-item .news-item__date {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #646462;
  line-height: 1.3;
}
.news-item .news-item__title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #21211E;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-item .news-item__summary {
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-weight: normal;
}
.news-item:hover .news-item__image img {
  transform: scale(1.04);
}
.news-item:hover .news-item__title {
  text-decoration: underline;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.page-hero {
  position: relative;
  width: 100%;
  margin-bottom: 48px;
}
@media (min-width: 1040px) {
  .page-hero {
    margin-bottom: 72px;
  }
}
.page-hero__image {
  width: 100%;
  height: 393px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-hero__image {
    height: 500px;
    border-radius: 24px;
    overflow: visible;
  }
}
.page-hero__image video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
@media (min-width: 768px) {
  .page-hero__image video {
    border-radius: 24px;
  }
}
.page-hero__plate {
  padding: 32px 24px 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #DAE5EA;
}
@media (min-width: 768px) {
  .page-hero__plate {
    position: absolute;
    padding: 48px;
    border-radius: 24px;
    width: 45%;
    max-width: 560px;
  }
}
.page-hero__plate h1, .page-hero__plate .as-h1 {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  color: #21211E;
  margin: 0;
}
.page-hero__preamble {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #21211E;
}
.page-hero__preamble p {
  margin: 0;
}
.page-hero__plate.color-white {
  background-color: #ffffff;
}
.page-hero__plate.color-complementary1 {
  background-color: #DAE5EA;
}
.page-hero__plate.color-complementary2 {
  background-color: #EFD5D1;
}
.page-hero__plate.color-complementary3 {
  background-color: #FDEECD;
}
.page-hero__plate.color-complementary4 {
  background-color: #e1e5da;
}
.page-hero__plate.color-complementary5 {
  background-color: #E9E9E8;
}
.page-hero__plate.color-complementary6 {
  background-color: #FFF4F4;
}
@media (min-width: 768px) {
  .page-hero--leftup .page-hero__plate {
    top: 48px;
    left: 48px;
  }
}
@media (min-width: 768px) {
  .page-hero--rightup .page-hero__plate {
    top: 48px;
    right: 48px;
  }
}
@media (min-width: 768px) {
  .page-hero--leftdown .page-hero__plate {
    bottom: 48px;
    left: 48px;
  }
}
@media (min-width: 768px) {
  .page-hero--rightdown .page-hero__plate {
    bottom: 48px;
    right: 48px;
  }
}

.object-list {
  width: 100%;
  display: block;
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 72px;
  padding-bottom: 72px;
  margin-bottom: 72px;
  transition: background-color 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 840px) {
  .object-list {
    padding-right: 0;
    padding-left: 0;
    padding-top: 88px;
    padding-bottom: 88px;
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .object-list {
    padding-top: 104px;
    padding-bottom: 104px;
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .object-list {
    padding-top: 120px;
    padding-bottom: 120px;
    margin-bottom: 120px;
  }
}
.object-list .bw-container {
  overflow: visible;
}
.object-list .object-list-inner {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 32px;
  width: 100%;
}
@media (min-width: 840px) {
  .object-list .object-list-inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.object-list .object-list-inner p {
  max-width: 50%;
  float: left;
  margin-bottom: 0;
}
.object-list .object-list-inner .reset-filter {
  margin: 12px auto 0;
  float: none;
  display: block;
  clear: both;
  width: 130px;
}
@media (min-width: 768px) {
  .object-list .object-list-inner .reset-filter {
    margin: 12px 0 0 0;
    clear: none;
    float: right;
    width: auto;
  }
}
.object-list .object-list-items {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
@media (min-width: 840px) {
  .object-list .object-list-items {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.object-list .object-list-items .show-more-objects {
  display: block;
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 32px;
}
@media (min-width: 840px) {
  .object-list .object-list-items .show-more-objects {
    display: none;
  }
}
.object-list .object-list-items .object-list-items-wrapper {
  width: 100%;
  display: block;
  float: left;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-header {
  width: 100%;
  display: none;
  position: relative;
  float: left;
  padding-right: 8px;
  margin-bottom: 8px;
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-header {
    display: block;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper {
  display: block;
  position: relative;
  width: 100%;
  float: left;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper:before {
  transition: height 0.1s cubic-bezier(0.4, 0, 1, 1);
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.08;
  width: calc(100% - 8px);
  height: 0;
  background: linear-gradient(#21211E, transparent);
  pointer-events: none;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper:after {
  transition: height 0.1s cubic-bezier(0.4, 0, 1, 1);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.08;
  width: calc(100% - 8px);
  height: 0;
  background: linear-gradient(transparent, #21211E);
  pointer-events: none;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body {
  width: 100%;
  display: block;
  float: left;
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body.open {
  max-height: initial;
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body .object-list-items-item {
  width: 100%;
  display: block;
  float: left;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 8px;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body .object-list-items-item {
    display: flex;
    align-items: center;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body .object-list-items-item:hover {
  cursor: pointer;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #EBEBEF;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper .object-list-items-body .object-list-items-item.hidden {
  display: none;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper.fade-top:before {
  transition: height 0.1s cubic-bezier(0, 0, 0.2, 1);
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.08;
  width: calc(100% - 8px);
  height: 16px;
  background: linear-gradient(#21211E, transparent);
  pointer-events: none;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper.fade-bottom:after {
  transition: height 0.1s cubic-bezier(0, 0, 0.2, 1);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.08;
  width: 100%;
  height: 16px;
  background: linear-gradient(transparent, #21211E);
  pointer-events: none;
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-body-wrapper.fade-bottom:after {
    width: calc(100% - 8px);
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column {
  width: 12.5%;
  display: none;
  float: left;
  padding: 32px 8px;
  font-weight: normal;
  color: #21211E;
}
@media (min-width: 768px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column {
    display: block;
  }
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column {
    width: 12.5%;
    padding: 16px 8px;
  }
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.object-list-item-uk {
    width: 11%;
  }
}
@media (min-width: 1040px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column {
    padding: 16px 8px;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column:first-child {
  border-radius: 8px 0 0 8px;
  padding-left: 16px;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column:last-child {
  border-radius: 0 8px 8px 0;
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.col-house {
  font-weight: bold;
  width: 75%;
}
@media (min-width: 480px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.col-house {
    width: 12.5%;
  }
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.col-house {
    display: block;
    width: 12.5%;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.hide-on-device {
  display: none;
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.hide-on-device {
    display: block;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.show-on-device {
  display: none;
  padding: 24px 8px;
}
@media (min-width: 768px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.show-on-device {
    display: block;
  }
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.show-on-device {
    display: none;
  }
}
.object-list .object-list-items .object-list-items-wrapper .object-list-items-item-column.show-on-device .circle-link {
  float: right;
  margin-right: 16px;
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .nofee .object-list-items-item-column {
    width: 12.5%;
    padding: 16px 8px;
  }
}
@media (min-width: 840px) {
  .object-list .object-list-items .object-list-items-wrapper .no .object-list-items-item-column {
    width: 10%;
    padding: 16px 0 16px 16px;
  }
}
.object-list .object-list-items .object-list-items-wrapper .list-header {
  display: block;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #555862;
  width: 100%;
  line-height: 20px;
  padding-left: 16px;
  position: relative;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.object-list .object-list-items .object-list-items-wrapper .list-header:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/static/img/icon-sort-off.svg) no-repeat;
  background-size: 8px 12px;
  width: 8px;
  left: 0;
  height: 12px;
  float: left;
  margin: 4px 0 0 0;
}
.object-list .object-list-items .object-list-items-wrapper .list-header.asc:before {
  background: url(/static/img/icon-sort-up.svg) no-repeat;
}
.object-list .object-list-items .object-list-items-wrapper .list-header.desc:before {
  background: url(/static/img/icon-sort-down.svg) no-repeat;
}
.object-list .object-list-items .object-list-items-wrapper .list-header.selected {
  text-decoration: underline;
}
.object-list .object-list-items .object-list-items-wrapper .status:before {
  content: "";
  display: block;
  background: url(/static/img/icon-status-forsale.svg) no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  float: left;
  margin: 7px 6px 0 0;
}
.object-list .object-list-items .object-list-items-wrapper .status.status260440000:before {
  background: url(/static/img/icon-status-upcoming.svg) no-repeat;
}
.object-list .object-list-items .object-list-items-wrapper .status.status260440003:before, .object-list .object-list-items .object-list-items-wrapper .status.status260440004:before, .object-list .object-list-items .object-list-items-wrapper .status.status260440005:before, .object-list .object-list-items .object-list-items-wrapper .status.sold:before {
  background: url(/static/img/icon-status-sold.svg) no-repeat;
}
.object-list .object-list-items .object-list-items-wrapper .status.status260440002:before, .object-list .object-list-items .object-list-items-wrapper .status.status260440007:before, .object-list .object-list-items .object-list-items-wrapper .status.unavailable:before {
  background: url(/static/img/icon-status-unavailable.svg) no-repeat;
}
.object-list .object-list-items .object-list-items-wrapper .status.status260440007:before {
  background: url(/static/img/icon-status-showing.svg) no-repeat;
}
.object-list .object-list-items .object-list-items-item-mobile {
  display: block;
  padding: 24px 24px 0 24px;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item {
  float: left;
  display: flex;
  flex-flow: row nowrap;
  color: #21211E;
  width: 100%;
  padding-bottom: 16px;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-house {
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -1px;
  display: block;
  flex: 1;
  font-weight: bold;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-status {
  display: block;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-more {
  float: left;
  width: 80%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-more .col-third {
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-more .col-price {
  float: left;
  display: block;
  flex: 0 0 100%;
  font-weight: bold;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-arrow {
  float: right;
  display: block;
  width: 20%;
}
.object-list .object-list-items .object-list-items-item-mobile .object-list-items-item-mobile-item .col-arrow .circle-link {
  float: right;
}
@media (min-width: 768px) {
  .object-list .object-list-items .object-list-items-item-mobile {
    display: none;
  }
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.unit-list {
  width: 100%;
  padding-bottom: 48px;
}
.unit-list__inner {
  position: relative;
  background: #F4F4F4;
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .unit-list__inner {
    padding-right: 32px;
  }
}
@media (min-width: 1040px) {
  .unit-list__inner {
    padding-right: 64px;
  }
}
.unit-list__inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #F4F4F4;
  z-index: -1;
}
.unit-list__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: -0.025em;
  color: #21211E;
  margin: 0;
  flex-wrap: wrap;
}
.unit-list__heading-count {
  font-weight: 400;
}
.unit-list__filter-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.unit-list__pills {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.unit-list__pill {
  height: 72px !important;
  width: 200px;
  padding: 0 32px !important;
  border: 1px solid #21211E !important;
  border-radius: 999px !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-align: left;
}
.unit-list__pill-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
.unit-list__pill-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.unit-list__pill-label {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.0417em;
  text-transform: uppercase;
  color: #21211E;
  white-space: nowrap;
}
.unit-list__pill-value {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unit-list__pill-chevron {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #21211E;
  transition: transform 0.1s ease-in-out;
}
.unit-list__reset {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  padding: 0;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #21211E;
  text-decoration: underline;
  cursor: pointer;
}
.unit-list__reset svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.unit-list__table-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.unit-list__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  color: #21211E;
}
.unit-list__row--header {
  background: transparent;
}
@media (max-width: 768px) {
  .unit-list__row--header {
    display: none;
  }
}
.unit-list__row--data {
  background: #FFFFFF;
  transition: background-color 0.1s ease-in-out;
}
.unit-list__row--data:hover {
  cursor: pointer;
  background: #EBEBEF;
  text-decoration: none;
  color: #21211E;
}
.unit-list__row--data.hidden {
  display: none;
}
@media (max-width: 768px) {
  .unit-list__row--data {
    display: block;
  }
  .unit-list__row--data > .unit-list__col {
    display: none;
  }
  .unit-list__row--data > .unit-list__mobile {
    display: flex;
  }
}
.unit-list__col {
  flex: 1;
  min-width: 0;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: #21211E;
}
.unit-list__col--name {
  font-weight: 700;
  line-height: 1.5;
}
.unit-list__col--action {
  flex: 0 0 40px;
  width: 40px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 840px) {
  .unit-list__col--lg {
    display: none;
  }
}
.unit-list__row--header .list-header {
  display: block;
  cursor: pointer;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.0417em;
  text-transform: uppercase;
  color: #21211E;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 16px;
  position: relative;
}
.unit-list__row--header .list-header::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/static/img/icon-sort-off.svg) no-repeat center;
  background-size: 8px 12px;
  width: 8px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
}
.unit-list__row--header .list-header.asc::before {
  background: url(/static/img/icon-sort-up.svg) no-repeat center;
  background-size: 8px 12px;
}
.unit-list__row--header .list-header.desc::before {
  background: url(/static/img/icon-sort-down.svg) no-repeat center;
  background-size: 8px 12px;
}
.unit-list__row--header .list-header.selected {
  text-decoration: underline;
}
.unit-list__status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}
.unit-list__status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #6A7C46;
}
.unit-list__status-dot.status260440000 {
  background: #447c97;
}
.unit-list__status-dot.status260440003, .unit-list__status-dot.status260440004, .unit-list__status-dot.status260440005, .unit-list__status-dot.sold {
  background: #AF2D17;
}
.unit-list__status-dot.status260440002 {
  background: #F2A900;
}
.unit-list__status-dot.unavailable {
  background: #90908E;
}
.unit-list__status-dot.status260440007 {
  background: #FFCAC6;
}
.unit-list__arrow-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #21211E;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.unit-list__arrow-btn svg {
  width: 20px;
  height: 20px;
}
.unit-list__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 420px;
  overflow: hidden;
}
.unit-list__body.open {
  max-height: none;
}
.unit-list__mobile {
  display: none;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
}
@media (max-width: 768px) {
  .unit-list__mobile {
    display: flex;
  }
}
.unit-list__mobile .unit-list__arrow-btn {
  width: 32px;
  height: 32px;
}
.unit-list__mobile .unit-list__arrow-btn svg {
  width: 16px;
  height: 16px;
}
.unit-list__mobile-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.unit-list__mobile-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.unit-list__mobile-head .unit-list__status {
  font-size: 12px;
}
.unit-list__mobile-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #21211E;
}
.unit-list__mobile-meta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}
.unit-list__mobile-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.unit-list__mobile-cell-label {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  color: #21211E;
}
.unit-list__mobile-cell-value {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #21211E;
}
.unit-list__footer {
  display: flex;
  justify-content: center;
}
.unit-list__more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  background: transparent;
  border: 1px solid #21211E;
  border-radius: 999px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #21211E;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.1s ease-in-out;
}
.unit-list__more-btn:hover {
  background: rgba(33, 33, 30, 0.05);
}
.unit-list__more-btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.unit-list .dropdown-wrapper {
  background-color: transparent;
  flex-wrap: wrap;
}
.unit-list .dropdown-wrapper .dropdown:nth-child(1)::after, .unit-list .dropdown-wrapper .dropdown:nth-child(2)::after {
  content: none;
}

.project-images {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 72px;
}
@media (min-width: 768px) {
  .project-images {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 840px) {
  .project-images {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .project-images {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .project-images {
    margin-bottom: 120px;
  }
}
.project-images .project-images-inner-wrapper {
  padding: 16px;
  position: relative;
  overflow: hidden;
  float: left;
  display: block;
  border-radius: 16px;
  height: 100%;
  width: 100%;
  height: 257px;
}
@media (min-width: 768px) {
  .project-images .project-images-inner-wrapper {
    height: 400px;
  }
}
@media (min-width: 840px) {
  .project-images .project-images-inner-wrapper {
    height: 550px;
  }
}
.project-images .project-images-inner-wrapper.half-height {
  height: 175px;
}
@media (min-width: 768px) {
  .project-images .project-images-inner-wrapper.half-height {
    height: 200px;
  }
}
@media (min-width: 840px) {
  .project-images .project-images-inner-wrapper.half-height {
    height: 275px;
  }
}
.project-images .project-images-inner-wrapper.half-width {
  width: 50%;
}
.project-images .project-images-inner-wrapper .project-image {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  display: block;
  flex: 1 1 auto;
  float: left;
  overflow: hidden;
}
.project-images .project-images-inner-wrapper .project-image.floorplan {
  border: solid 1px #B7BDD3;
}
.project-images .project-images-inner-wrapper .project-image img {
  display: block;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.project-images .project-images-inner-wrapper .project-image.more {
  background-image: none;
  display: flex;
  background-color: #21211E;
  align-content: center;
  justify-content: center;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
}
.project-images .project-images-inner-wrapper .project-image.more .more-inner {
  align-self: center;
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
}
.project-images .project-images-inner-wrapper:hover {
  cursor: pointer;
}
.project-images .project-images-inner-wrapper:hover .project-image img {
  transform: scale(1.08);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.project-images .project-images-inner-wrapper:hover .project-image.more {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #555862;
  border-color: #555862;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
  cursor: pointer;
}
.project-images .project-images-inner-wrapper:hover .project-image:active, .project-images .project-images-inner-wrapper:hover .project-image:focus {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #999BA1;
  border-color: #999BA1;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
  cursor: pointer;
}

.image-gallery-image-wrapper {
  width: 100%;
  display: block;
  float: left;
}
.image-gallery-image-wrapper img {
  width: 100%;
  display: block;
  float: left;
  border-radius: 24px;
}
.image-gallery-image-wrapper .caption {
  width: 100%;
  display: block;
  float: left;
  font-style: italic;
  padding: 16px 24px 40px 24px;
}
@media (min-width: 768px) {
  .image-gallery-image-wrapper .caption {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .image-gallery-image-wrapper .caption {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .image-gallery-image-wrapper .caption {
    width: 70%;
  }
}
@media (min-width: 1536px) {
  .image-gallery-image-wrapper .caption {
    width: 60%;
  }
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.project-intro {
  padding: 48px 0;
  width: 100%;
}
.project-intro__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) {
  .project-intro__inner {
    flex-direction: row;
    align-items: center;
  }
}
.project-intro__content-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1 1 50%;
  min-width: 0;
}
@media (min-width: 768px) {
  .project-intro__content-col {
    padding-right: 64px;
  }
}
.project-intro__text-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-intro__badge-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.project-intro__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  height: 37px;
  background: #FFCAC6;
  border-radius: 4px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  color: #21211E;
  white-space: nowrap;
}
.project-intro__heading {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: -0.025em;
  color: #21211E;
  margin: 0;
}
.project-intro__body {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
.project-intro__cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 24px;
  height: 48px;
  background: #F2A900;
  border: none;
  border-radius: 999px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #21211E;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  align-self: flex-start;
  transition: background-color 0.1s ease-in-out;
}
.project-intro__cta:hover, .project-intro__cta:focus {
  background: #D99600;
  color: #21211E;
  text-decoration: none;
}
.project-intro__image-col {
  flex: 1 1 50%;
  min-width: 0;
  width: 100%;
  order: -1;
}
@media (min-width: 768px) {
  .project-intro__image-col {
    order: 0;
  }
}
.project-intro__image-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  border-radius: 24px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.project-intro__image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-on-object {
  border-radius: 24px;
  width: 100%;
  min-height: 600px;
  position: relative;
  overflow: hidden;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .project-on-object {
    margin-bottom: 72px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.project-on-object .project-on-object-inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 48px 24px;
  min-height: 600px;
  align-items: center;
  display: flex;
}
@media (min-width: 768px) {
  .project-on-object .project-on-object-inner {
    min-height: 600px;
    padding: 48px;
  }
}
@media (min-width: 768px) {
  .project-on-object .project-on-object-inner {
    padding: 64px;
  }
}
@media (min-width: 840px) {
  .project-on-object .project-on-object-inner {
    padding: 72px;
  }
}
.project-on-object .project-on-object-inner .project-on-object-inner-text {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
  overflow: visible;
}
@media (min-width: 480px) {
  .project-on-object .project-on-object-inner .project-on-object-inner-text {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .project-on-object .project-on-object-inner .project-on-object-inner-text {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .project-on-object .project-on-object-inner .project-on-object-inner-text {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .project-on-object .project-on-object-inner .project-on-object-inner-text {
    width: 70%;
  }
}
@media (min-width: 1536px) {
  .project-on-object .project-on-object-inner .project-on-object-inner-text {
    width: 60%;
  }
}
.project-on-object .project-on-object-inner .project-on-object-inner-text h2, .project-on-object .project-on-object-inner .project-on-object-inner-text .as-h2 {
  color: #ffffff;
  padding-right: 70px;
  margin-bottom: 0;
}
.project-on-object .project-on-object-inner .project-on-object-inner-text h2 + p, .project-on-object .project-on-object-inner .project-on-object-inner-text .as-h2 + p {
  margin-top: 32px;
  margin-bottom: 0;
}
.project-on-object .project-on-object-inner .project-on-object-inner-text h2 + a, .project-on-object .project-on-object-inner .project-on-object-inner-text .as-h2 + a {
  margin-top: 32px;
}
.project-on-object .project-on-object-inner .project-on-object-inner-text p {
  font-size: 20px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 0;
}
.project-on-object .project-on-object-inner .project-on-object-inner-text p + a {
  margin-top: 32px;
}
.project-on-object .project-on-object-inner .project-on-object-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: linear-gradient(270deg, rgba(33, 33, 30, 0.12) 0%, rgba(33, 33, 30, 0.8) 100%);
}
@media (min-width: 768px) {
  .project-on-object .project-on-object-inner .project-on-object-overlay {
    border-radius: 24px;
  }
}
.project-on-object .project-on-object-inner .back-plate {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
  min-height: 272px;
  align-items: center;
  display: block;
  width: 100%;
  justify-content: flex-start;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 768px) {
  .project-on-object .project-on-object-inner .back-plate {
    padding: 32px;
    min-height: 272px;
    border-radius: 24px;
    display: flex;
  }
}
@media (min-width: 840px) {
  .project-on-object .project-on-object-inner .back-plate {
    padding: 48px;
    min-height: 432px;
  }
}
@media (min-width: 840px) {
  .project-on-object .project-on-object-inner .back-plate {
    min-height: 432px;
  }
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  padding: 24px;
  border-radius: 0;
  color: #21211E;
  background-color: #FFFFFF;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .project-on-object .project-on-object-inner .back-plate .back-plate-inner {
    width: 50%;
    padding: 48px;
    border-radius: 24px;
  }
}
@media (min-width: 840px) {
  .project-on-object .project-on-object-inner .back-plate .back-plate-inner {
    width: 45%;
    border-radius: 24px;
  }
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner a {
  color: #21211E;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner h2, .project-on-object .project-on-object-inner .back-plate .back-plate-inner .as-h2 {
  display: inline-block;
  text-decoration: none !important;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner p {
  color: #21211E;
  font-weight: 400;
  line-height: 26px;
  font-size: 16px;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner p.non-under {
  display: inline-block;
  text-decoration: none !important;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner p.bold-p {
  font-weight: 700;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.blue {
  background-color: #DAE5EA;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.blue:hover {
  background-color: #C6D7DF;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.green {
  background-color: #e1e5da;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.green:hover {
  background-color: #D2D7C7;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.pink {
  background-color: #FFF4F4;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.pink:hover {
  background-color: #FFEAE8;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.yellow {
  background-color: #FBEED5;
}
.project-on-object .project-on-object-inner .back-plate .back-plate-inner.yellow:hover {
  background-color: #F9E5BF;
}

.margin-top-32 {
  margin-top: 32px;
}

.tab-top {
  padding-top: 32px;
}

.section-marg {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .section-marg {
    margin-bottom: 32px;
  }
}
@media (min-width: 840px) {
  .section-marg {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .section-marg {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .section-marg {
    margin-bottom: 120px;
  }
}

.project-on-object .back-plate-inner a.project-on-object__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  width: fit-content;
  height: 48px;
  margin-top: 24px;
  padding: 0 24px;
  border-radius: 999px;
  background: #21211E;
  color: #FFFFFF;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  text-decoration: none;
  transition: background-color 0.1s ease-in-out;
}
.project-on-object .back-plate-inner a.project-on-object__cta:hover {
  background: #555862;
  color: #FFFFFF;
}

.project-start-hero {
  margin-top: 0;
}
@media (min-width: 840px) {
  .project-start-hero {
    margin-top: 24px;
  }
}
.project-start-hero .project-start-hero-search-area {
  width: 100%;
  padding: 16px;
  padding-left: 8px;
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 840px) {
  .project-start-hero .project-start-hero-search-area {
    padding-right: 80px;
    padding-top: 80px;
    padding-left: 0;
    margin-left: -8px;
  }
}
.project-start-hero .project-start-hero-search-area .search-autocomplete {
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .project-start-hero .project-start-hero-search-area .search-autocomplete {
    margin-bottom: 24px;
  }
}
.project-start-hero .project-start-hero-search-area .search-related-area {
  padding: 0 8px;
}
.project-start-hero .project-start-hero-search-area .search-related-area .bw-column:first-of-type {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .project-start-hero .project-start-hero-search-area .search-related-area .bw-column:first-of-type {
    margin-bottom: 0;
  }
}
.project-start-hero .project-start-hero-search-area h3, .project-start-hero .project-start-hero-search-area .as-h3 {
  padding: 0 8px;
}
.project-start-hero .project-start-hero-search-area .previous-searches ul {
  display: inline-block;
}
.project-start-hero .project-start-hero-search-area .previous-searches ul li {
  cursor: pointer;
  float: left;
  list-style-type: none;
  margin-right: 24px;
}
.project-start-hero .project-start-hero-search-area .previous-searches ul li:hover {
  text-decoration: underline;
}
.project-start-hero .maps-block {
  margin-bottom: 48px;
}
.project-start-hero .maps-block .map-wrapper {
  border-radius: 8px;
  border: 1px solid #B7BDD3;
}
.project-start-hero .simpleInfoWindow {
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 13px !important;
  padding: 4px 8px !important;
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.project-start-hero .simpleInfoWindow.grey {
  background: #90908E;
}
.project-start-hero .simpleInfoWindow span, .project-start-hero .simpleInfoWindow {
  text-decoration: underline transparent;
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.project-start-hero .simpleInfoWindow.pin-hover span, .project-start-hero .simpleInfoWindow:hover {
  text-decoration: underline #FFFFFF;
}
.project-start-hero {
  /** Override google maps padding */
}
.project-start-hero .gm-style-iw-d {
  overflow: hidden !important;
}
.project-start-hero .gm-style .gm-style-iw.gm-style-iw-c button {
  display: none !important;
}
.project-start-hero .gm-style *::after {
  content: none !important;
}
.project-start-hero .gm-style .gm-style-iw.gm-style-iw-c {
  background-color: #21211E;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 0 !important;
  margin-top: 9px;
  box-shadow: none !important;
  opacity: 0;
  animation: scaleIn 0.4s ease-in-out normal forwards;
}

@keyframes scaleIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.quote {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  position: relative;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .quote {
    margin-bottom: 32px;
  }
}
@media (min-width: 840px) {
  .quote {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .quote {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .quote {
    margin-bottom: 120px;
  }
}
.quote .quote-inner {
  padding-top: 48px;
  padding-bottom: 48px;
}
.quote .quote-row {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 768px) {
  .quote .quote-row {
    flex-direction: row;
    gap: 48px;
  }
}
.quote .quote-icon {
  display: block;
  flex-shrink: 0;
  width: 64px;
  height: 48px;
}
.quote .quote-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.quote .quote-content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  flex: 1;
  min-width: 0;
}
.quote .quote-text p {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.quote.medium .quote-text p,
.quote .quote-inner.medium .quote-text p {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
.quote .quote-inner.small .quote-text p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .quote .quote-inner.small .quote-text p {
    font-size: 20px;
  }
}
.quote .quote-person {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media (min-width: 768px) {
  .quote .quote-person {
    gap: 24px;
  }
}
.quote .quote-avatar {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .quote .quote-avatar {
    width: 136px;
    height: 136px;
  }
}
.quote .quote-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quote .quote-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.quote .quote-meta .quote-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
}
.quote .quote-meta .quote-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
}
.quote:before {
  content: "";
  width: 20px;
  height: 100%;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -20px;
}
@media (min-width: 1536px) {
  .quote:before {
    width: 600px;
    left: -600px;
  }
}
.quote:after {
  content: "";
  width: 20px;
  height: 100%;
  position: absolute;
  background-color: transparent;
  top: 0;
  right: -20px;
}
@media (min-width: 1536px) {
  .quote:after {
    width: 600px;
    right: -600px;
  }
}
.quote.color-complementary1 {
  background-color: #ECF2F5;
}
.quote.color-complementary1:before {
  background-color: #ECF2F5;
}
.quote.color-complementary1:after {
  background-color: #ECF2F5;
}
.quote.color-complementary2 {
  background-color: #F7EAE8;
}
.quote.color-complementary2:before {
  background-color: #F7EAE8;
}
.quote.color-complementary2:after {
  background-color: #F7EAE8;
}
.quote.color-complementary3 {
  background-color: #FEF6E5;
}
.quote.color-complementary3:before {
  background-color: #FEF6E5;
}
.quote.color-complementary3:after {
  background-color: #FEF6E5;
}
.quote.color-complementary4 {
  background-color: #F0F2EC;
}
.quote.color-complementary4:before {
  background-color: #F0F2EC;
}
.quote.color-complementary4:after {
  background-color: #F0F2EC;
}
.quote.color-complementary5 {
  background-color: #F4F4F4;
}
.quote.color-complementary5:before {
  background-color: #F4F4F4;
}
.quote.color-complementary5:after {
  background-color: #F4F4F4;
}
.quote.color-complementary6 {
  background-color: #FFFAF9;
}
.quote.color-complementary6:before {
  background-color: #FFFAF9;
}
.quote.color-complementary6:after {
  background-color: #FFFAF9;
}

.local-tab-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px;
  background-color: #FFFFFF;
  border-radius: 24px;
  height: 100%;
}
@media (min-width: 768px) {
  .local-tab-card {
    flex-direction: row;
    align-items: center;
    gap: 48px;
    padding: 12px 48px 12px 12px;
  }
}
.local-tab-card__media {
  position: relative;
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .local-tab-card__media {
    width: 322px;
  }
}
.local-tab-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 16px;
}
.local-tab-card__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  background-color: #21211E;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.1s ease-in-out;
}
.local-tab-card__overlay:hover, .local-tab-card__overlay:focus {
  background-color: #555862;
  color: #FFFFFF;
}
.local-tab-card__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  min-width: 0;
}
.local-tab-card__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.local-tab-card__title {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: #21211E;
  margin: 0;
}
.local-tab-card__intro {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
}
@media (max-width: 767px) {
  .local-tab-card__intro {
    display: none;
  }
}
.local-tab-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #21211E;
  text-decoration: underline;
  cursor: pointer;
  align-self: flex-start;
}
.local-tab-card__link:hover, .local-tab-card__link:focus {
  color: #555862;
}
.local-tab-card__link svg {
  flex-shrink: 0;
}

.image-content-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .image-content-block {
    display: block;
    gap: 0;
    margin-bottom: 72px;
  }
}
.image-content-block__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .image-content-block__image {
    display: none;
  }
}
@media (min-width: 768px) {
  .image-content-block__frame {
    display: flex;
    background-image: var(--icb-bg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 48px;
    border-radius: 24px;
  }
}
.image-content-block__plate {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 32px 24px;
  border-radius: 16px;
  background-color: #ECF2F5;
}
@media (min-width: 768px) {
  .image-content-block__plate {
    align-self: flex-start;
    width: 50%;
    padding: 48px;
    border-radius: 24px;
  }
}
@media (min-width: 840px) {
  .image-content-block__plate {
    width: 45%;
  }
}
.image-content-block__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .image-content-block__content {
    gap: 16px;
  }
}
.image-content-block__heading {
  margin: 0;
  color: #21211E;
  font-size: 30px;
}
@media (min-width: 768px) {
  .image-content-block__heading {
    font-size: 30px;
  }
}
.image-content-block__intro {
  color: #21211E;
  font-size: 16px;
  line-height: 1.65;
}
.image-content-block__intro p {
  margin: 0;
  color: #21211E;
  font-size: 16px;
  line-height: 1.65;
}
.image-content-block__intro p + p {
  margin-top: 16px;
}
.image-content-block__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  background: #21211E;
  color: #FFFFFF;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color 0.1s ease-in-out;
}
.image-content-block__cta:hover, .image-content-block__cta:focus {
  background: #555862;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .image-content-block__cta {
    align-self: flex-start;
  }
}
.image-content-block--green .image-content-block__plate {
  background-color: #e1e5da;
}
.image-content-block--pink .image-content-block__plate {
  background-color: #FFF4F4;
}
.image-content-block--yellow .image-content-block__plate {
  background-color: #FBEED5;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.related-cards {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 768px) {
  .related-cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 840px) {
  .related-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

.related-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-decoration: none;
  color: #21211E;
}
.related-card__image {
  width: 100%;
  height: 368px;
  border-radius: 24px;
  overflow: hidden;
}
.related-card__image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.related-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.related-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.related-card__heading {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: #21211E;
  margin: 0;
}
.related-card__body {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
}
.related-card__body p {
  margin: 0;
}
.related-card:hover {
  text-decoration: none;
  color: #21211E;
}
.related-card:hover .related-card__image img {
  transform: scale(1.04);
}
.related-card:hover .related-card__heading {
  text-decoration: underline;
}

.project-card {
  display: flex;
  flex-direction: row;
  min-height: 576px;
  margin-bottom: 24px;
}
@media (max-width: 840px) {
  .project-card {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.project-card__link {
  flex: 1;
  display: flex;
  text-decoration: none;
  color: inherit;
}
.project-card__link:hover {
  text-decoration: none;
}
.project-card__link:hover .project-card__title,
.project-card__link:hover .project-card__subtitle {
  text-decoration: underline;
}
.project-card__media {
  flex: 0 0 50%;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 840px) {
  .project-card__media {
    flex: none;
    border-radius: 16px;
  }
}
.project-card__slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
}
.project-card__slider:active {
  cursor: grabbing;
}
.project-card__slides {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  will-change: transform;
}
.project-card__slide {
  flex: 0 0 100%;
  height: 100%;
}
.project-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.project-card__dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px;
  background-color: rgba(33, 33, 30, 0.7);
  border-radius: 999px;
}
@media (max-width: 840px) {
  .project-card__dots {
    padding: 8px;
  }
}
.project-card__dot {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.45);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.project-card__dot--active {
  background-color: #FFFFFF;
}
.project-card__dot:hover:not(.project-card__dot--active) {
  background-color: rgba(255, 255, 255, 0.75);
}
.project-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  padding: 0 64px;
  background-color: #FFFFFF;
  border-radius: 24px;
}
@media (max-width: 840px) {
  .project-card__content {
    justify-content: flex-start;
    gap: 16px;
    padding: 32px 24px;
    border-radius: 16px;
  }
}
.project-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.project-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}
.project-card__tag svg {
  flex-shrink: 0;
}
.project-card__tag--green {
  background-color: #6A7C46;
  color: #FFFFFF;
}
.project-card__tag--blue {
  background-color: #447c97;
  color: #FFFFFF;
}
.project-card__tag--red {
  background-color: #AF2D17;
  color: #FFFFFF;
}
.project-card__tag--pink {
  background-color: #FFCAC6;
  color: #21211E;
}
.project-card__tag--yellow {
  background-color: #F2A900;
  color: #21211E;
  padding-left: 12px;
}
.project-card__title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #21211E;
}
@media (max-width: 840px) {
  .project-card__title {
    font-size: 20px;
  }
}
.project-card__subtitle {
  font-size: 24px;
  font-weight: 700;
  color: #21211E;
}
@media (max-width: 840px) {
  .project-card__subtitle {
    font-size: 20px;
  }
}
.project-card__facts {
  column-count: 2;
  column-gap: 32px;
}
@media (max-width: 840px) {
  .project-card__facts {
    column-count: 1;
  }
}
.project-card__fact {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid #E3E3E3;
}
@media (max-width: 840px) {
  .project-card__fact {
    padding: 8px 0;
  }
}
.project-card__fact-label {
  font-size: 14px;
  font-weight: 700;
  color: #21211E;
}
@media (max-width: 840px) {
  .project-card__fact-label {
    font-size: 12px;
  }
}
.project-card__fact-value {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #21211E;
  text-align: right;
}
@media (max-width: 840px) {
  .project-card__fact-value {
    font-size: 12px;
  }
}
.project-card__movein-dot {
  display: inline-block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #6A7C46;
}

[data-view-panel] {
  display: block;
}
[data-view-panel].is-hidden {
  display: none !important;
}

.project-results-section {
  background-color: #F4F4F4;
  padding: 80px 0;
}
@media (max-width: 840px) {
  .project-results-section {
    padding: 40px 0;
  }
}

.project-results-map {
  width: 100%;
}
.project-results-map .maps-block {
  width: 100%;
}
.project-results-map .maps-outer-wrapper {
  width: 100%;
}
.project-results-map .map-wrapper {
  width: 100%;
  min-height: 1080px;
  align-items: stretch;
  border-radius: 0;
  border: none;
}
@media (max-width: 840px) {
  .project-results-map .map-wrapper {
    min-height: 420px;
  }
}
.project-results-map #map {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
}

.project-search-form {
  padding: 0;
}

.project-search-page-hero {
  margin-bottom: 0;
}
.project-search-page-hero .start-hero-inner-text {
  align-items: flex-start;
}

.big-search {
  display: flex;
  align-items: center;
  height: 80px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  padding: 0 16px 0 32px;
  width: 50%;
}
@media (max-width: 840px) {
  .big-search {
    width: 100%;
    height: 64px;
    padding: 0 12px 0 24px;
  }
}
.big-search__field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.big-search__label {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #21211E;
}
.big-search__input {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #21211E;
  width: 100%;
}
.big-search__input::placeholder {
  color: #90908E;
}
@media (max-width: 840px) {
  .big-search__input {
    font-size: 16px;
  }
}
.big-search__btn {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #F2A900;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #21211E;
  transition: background-color 0.2s ease;
}
.big-search__btn:hover {
  background-color: #d99800;
}

.project-search-options {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 0 8px;
}
@media (max-width: 840px) {
  .project-search-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.project-search-options .previous-searches ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.project-search-options .previous-searches ul li {
  cursor: pointer;
}
.project-search-options .previous-searches ul li:hover {
  text-decoration: underline;
}

.project-results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0 24px;
}
@media (max-width: 840px) {
  .project-results-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 0 16px;
  }
}
.project-results-header__count {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #21211E;
  margin: 0;
}
@media (max-width: 840px) {
  .project-results-header__count {
    font-size: 24px;
  }
}

.project-view-tabs {
  display: flex;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
}
.project-view-tabs__tab {
  height: 48px;
  padding: 0 24px;
  border: none;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #21211E;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.project-view-tabs__tab--active {
  background-color: #6A7C46;
  color: #FFFFFF;
}
.project-view-tabs__tab:hover:not(.project-view-tabs__tab--active) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.showings-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 48px 0;
  width: 100%;
  background-color: #FFF5F4;
}
.showings-block__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 64px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .showings-block__inner {
    flex-direction: row;
  }
}
.showings-block__image-col {
  width: 100%;
  flex: 1;
  min-width: 0;
}
@media (min-width: 768px) {
  .showings-block__image-col {
    flex: 1 1 50%;
  }
}
.showings-block__image-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  border-radius: 24px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.showings-block__image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.showings-block__content-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
  min-width: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .showings-block__content-col {
    flex: 1 1 50%;
    padding-left: 64px;
  }
}
.showings-block__text-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.showings-block__heading-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.showings-block__heading {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: #21211E;
  margin: 0;
}
.showings-block__body {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
.showings-block__body strong {
  font-weight: 700;
}
.showings-block__button-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.showings-block__btn-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 24px;
  height: 48px;
  background-color: #21211E;
  border: none;
  border-radius: 999px;
  color: #FFFFFF;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
}
.showings-block__btn-primary:hover, .showings-block__btn-primary:focus {
  background-color: #555862;
  color: #FFFFFF;
  text-decoration: none;
}
.showings-block__btn-primary:active {
  background-color: #999BA1;
}
.showings-block__btn-calendar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: auto;
  background: transparent;
  border: none;
  border-radius: 24px;
  color: #21211E;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  padding: 0;
  transition: color 0.1s ease-in-out;
}
.showings-block__btn-calendar:hover, .showings-block__btn-calendar:focus {
  color: #555862;
  text-decoration: none;
}
.showings-block__btn-calendar svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.showing-extended {
  padding: 48px 0;
  width: 100%;
}
.showing-extended__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) {
  .showing-extended__inner {
    flex-direction: row;
    align-items: center;
  }
}
.showing-extended__content-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1 1 50%;
  min-width: 0;
}
@media (min-width: 768px) {
  .showing-extended__content-col {
    padding-right: 64px;
  }
}
.showing-extended__text-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.showing-extended__badge-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.showing-extended__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  height: 37px;
  background: #FFCAC6;
  border-radius: 4px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  color: #21211E;
  white-space: nowrap;
}
.showing-extended__heading {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: -0.025em;
  color: #21211E;
  margin: 0;
}
.showing-extended__body {
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
.showing-extended__cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 24px;
  height: 48px;
  background: #F2A900;
  border: none;
  border-radius: 999px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #21211E;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  align-self: flex-start;
  transition: background-color 0.1s ease-in-out;
}
.showing-extended__cta:hover, .showing-extended__cta:focus {
  background: #D99600;
  color: #21211E;
  text-decoration: none;
}
.showing-extended__image-col {
  flex: 1 1 50%;
  min-width: 0;
  width: 100%;
}
.showing-extended__image-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  border-radius: 24px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.showing-extended__image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.standard-hero {
  border-radius: 0;
  width: 100%;
  min-height: 432px;
  position: relative;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  margin-top: 48px;
  margin-bottom: 72px;
}
@media (min-width: 768px) {
  .standard-hero {
    margin-bottom: 72px;
    border-radius: 24px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 840px) {
  .standard-hero {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .standard-hero {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .standard-hero {
    margin-bottom: 120px;
  }
}
.standard-hero .standard-hero-inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  border-radius: 0;
  padding: 48px 24px;
  min-height: 432px;
  align-items: center;
  display: flex;
}
@media (min-width: 768px) {
  .standard-hero .standard-hero-inner {
    min-height: 432px;
    border-radius: 24px;
    padding: 48px;
  }
}
@media (min-width: 768px) {
  .standard-hero .standard-hero-inner {
    padding: 64px;
  }
}
@media (min-width: 840px) {
  .standard-hero .standard-hero-inner {
    padding: 72px;
  }
}
.standard-hero .standard-hero-inner .standard-hero-inner-text {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
  overflow: visible;
}
@media (min-width: 480px) {
  .standard-hero .standard-hero-inner .standard-hero-inner-text {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .standard-hero .standard-hero-inner .standard-hero-inner-text {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .standard-hero .standard-hero-inner .standard-hero-inner-text {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .standard-hero .standard-hero-inner .standard-hero-inner-text {
    width: 70%;
  }
}
@media (min-width: 1536px) {
  .standard-hero .standard-hero-inner .standard-hero-inner-text {
    width: 60%;
  }
}
.standard-hero .standard-hero-inner .standard-hero-inner-text h1, .standard-hero .standard-hero-inner .standard-hero-inner-text .as-h1 {
  color: #ffffff;
  padding-right: 70px;
  margin-bottom: 0;
}
.standard-hero .standard-hero-inner .standard-hero-inner-text h1 + p, .standard-hero .standard-hero-inner .standard-hero-inner-text .as-h1 + p {
  margin-top: 32px;
  margin-bottom: 0;
}
.standard-hero .standard-hero-inner .standard-hero-inner-text h1 + a, .standard-hero .standard-hero-inner .standard-hero-inner-text .as-h1 + a {
  margin-top: 32px;
}
.standard-hero .standard-hero-inner .standard-hero-inner-text.inverted-color h1, .standard-hero .standard-hero-inner .standard-hero-inner-text.inverted-color .as-h1, .standard-hero .standard-hero-inner .standard-hero-inner-text.inverted-color p {
  color: #000000;
}
.standard-hero .standard-hero-inner .standard-hero-inner-text p {
  font-size: 20px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 0;
}
.standard-hero .standard-hero-inner .standard-hero-inner-text p + a {
  margin-top: 32px;
}
.standard-hero .standard-hero-inner .standard-hero-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  .standard-hero .standard-hero-inner .standard-hero-overlay {
    border-radius: 24px;
  }
}
.standard-hero .standard-hero-inner .standard-hero-overlay.gradient {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 53%, rgba(0, 0, 0, 0) 79%);
}
.standard-hero .standard-hero-inner video {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  .standard-hero .standard-hero-inner video {
    border-radius: 24px;
  }
}
.standard-hero .standard-hero-inner + .bw-row {
  padding-top: 24px;
}
@media (min-width: 768px) {
  .standard-hero .standard-hero-inner + .bw-row {
    padding-top: 40px;
  }
}
@media (min-width: 840px) {
  .standard-hero .standard-hero-inner + .bw-row {
    padding-top: 72px;
  }
}

.start-hero {
  width: 100%;
  margin-bottom: 24px;
  z-index: 4;
  position: relative;
}
@media (min-width: 1040px) {
  .start-hero {
    margin-bottom: 72px;
  }
}
.start-hero .start-hero-inner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: visible;
  padding: 48px 40px;
  height: 393px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 24px;
}
@media (min-width: 1040px) {
  .start-hero .start-hero-inner {
    border-radius: 24px;
    padding: 40px 64px;
    height: 500px;
    justify-content: center;
    gap: 48px;
  }
}
.start-hero .start-hero-inner .start-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.45);
}
@media (min-width: 1040px) {
  .start-hero .start-hero-inner .start-hero-overlay {
    border-radius: 24px;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
.start-hero .start-hero-inner video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
@media (min-width: 1040px) {
  .start-hero .start-hero-inner video {
    border-radius: 24px;
  }
}
.start-hero .start-hero-inner .start-hero-inner-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1040px) {
  .start-hero .start-hero-inner .start-hero-inner-text {
    gap: 48px;
  }
}
.start-hero .start-hero-inner .start-hero-inner-text h1, .start-hero .start-hero-inner .start-hero-inner-text .as-h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin: 0;
}
.start-hero .start-hero-inner .start-hero-inner-text.inverted-color h1, .start-hero .start-hero-inner .start-hero-inner-text.inverted-color .as-h1 {
  color: #000000;
}
.start-hero .start-hero-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  padding: 0 12px 0 32px;
  height: 80px;
  box-shadow: none;
  float: none;
  position: relative;
  overflow: visible;
}
@media (min-width: 1040px) {
  .start-hero .start-hero-search {
    padding: 0 16px 0 32px;
    width: 552px;
  }
}
.start-hero .start-hero-search:focus-within label {
  position: static;
  top: auto;
  left: auto;
}
.start-hero .start-hero-search:focus-within input[type=text] {
  padding-left: 0;
}
.start-hero .start-hero-search:focus-within .mag-icon {
  opacity: 1;
}
.start-hero .start-hero-search:focus-within .search-icon {
  opacity: 0;
}
.start-hero .start-hero-search .start-hero-search__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  overflow: hidden;
}
.start-hero .start-hero-search label {
  position: static;
  top: auto;
  left: auto;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #21211E;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: none;
}
.start-hero .start-hero-search input[type=text] {
  background-color: transparent;
  border-radius: 0;
  float: none;
  font-weight: normal;
  padding: 0;
  height: auto;
  font-size: 16px;
  color: #21211E;
  width: 100%;
  border: none;
  outline: none;
  display: block;
  transition: none;
}
@media (min-width: 1040px) {
  .start-hero .start-hero-search input[type=text] {
    font-size: 20px;
  }
}
.start-hero .start-hero-search input[type=text]::placeholder {
  color: #555862;
}
.start-hero .start-hero-search .mag-icon {
  position: static;
  top: auto;
  left: auto;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background-color: #F2A900;
  background-image: url(/static/img/icon-search-dark.svg);
  background-position: center;
  background-size: 24px 24px;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.start-hero .start-hero-search .mag-icon:hover {
  opacity: 0.8;
}
.start-hero .start-hero-search .search-icon {
  display: none;
}
.start-hero .start-hero-search .autocomplete-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 10;
}

.start-hero-intro {
  font-size: 36px;
  line-height: 130%;
  letter-spacing: -1px;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 72px;
  font-weight: bold;
}
@media (min-width: 840px) {
  .start-hero-intro {
    font-size: 40px;
    line-height: 42px;
  }
}
.start-hero-intro p {
  font-size: 36px;
  line-height: 130%;
  letter-spacing: -1px;
}
@media (min-width: 840px) {
  .start-hero-intro p {
    font-size: 40px;
    line-height: 42px;
  }
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.sales-steps {
  padding: 48px 0;
}
.sales-steps__heading {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.025em;
  color: #21211E;
  margin-bottom: 64px;
}
.sales-steps__grid {
  display: flex;
  gap: 32px;
}
.sales-steps__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.sales-steps__icon {
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background-color: #F0F2EC;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sales-steps__number {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: #6A7C46;
}
.sales-steps__item-heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #21211E;
  margin: 0;
}
.sales-steps__item-body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: #21211E;
  margin: 0;
}
@media (max-width: 840px) {
  .sales-steps {
    padding: 32px 0;
  }
  .sales-steps__heading {
    font-size: 30px;
    margin-bottom: 32px;
  }
  .sales-steps__grid {
    flex-direction: column;
    gap: 32px;
  }
  .sales-steps__icon {
    width: 100px;
    height: 100px;
  }
  .sales-steps__number {
    font-size: 32px;
  }
  .sales-steps__item-heading {
    font-size: 20px;
  }
}

.tab-content-area {
  background-color: #F5F5F7;
  padding-bottom: 32px;
  padding-top: 32px;
}
@media (min-width: 1040px) {
  .tab-content-area {
    padding-bottom: 48px;
    padding-top: 96px;
  }
}
.tab-content-area .text-hero-inner-text.tab-heading {
  text-align: center;
  float: none;
}
.tab-content-area .text-hero-inner-text.tab-heading h3, .tab-content-area .text-hero-inner-text.tab-heading .as-h3, .tab-content-area .text-hero-inner-text.tab-heading .preamble {
  margin-left: 0;
}
.tab-content-area > .bw-container {
  margin: 0 auto;
}
.tab-content-area > .bw-container:not(.section-area) > .bw-row {
  gap: 32px;
}
.tab-content-area > .bw-container:not(.section-area) > .bw-row > .bw-column {
  background-color: #FFFFFF;
  border-radius: 24px;
  overflow: hidden;
}
.tab-content-area .tab-selector {
  display: flex;
  width: 100%;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 16px;
}
.tab-content-area .tab-selector.tab-group-bot {
  margin-bottom: 32px;
}
.tab-content-area .tab-selector .tabs-group {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  gap: 10px;
  border: 1px solid #B7BDD3;
  border-radius: 100px;
  margin-bottom: 32px;
}
.tab-content-area .tab-selector .tabs-group a {
  padding: 10px 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #21211E;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  border-radius: 99999px;
}
.tab-content-area .tab-selector .tabs-group a.selected {
  color: #FFFFFF;
  gap: 10px;
  background: #6A7C46;
}
.tab-content-area .tab-content {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  transition-delay: 0.2s;
  overflow: hidden;
  height: 0px;
}
.tab-content-area .tab-content .unit-select-tab h3, .tab-content-area .tab-content .unit-select-tab .as-h3 {
  display: none;
}
.tab-content-area .tab-content.selected {
  opacity: 1;
  height: auto;
}
.tab-content-area .tab-content .tab-unit {
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 48px;
}
@media (min-width: 480px) {
  .tab-content-area .tab-content .tab-unit {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .tab-content-area .tab-content .tab-unit {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .tab-content-area .tab-content .tab-unit {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .tab-content-area .tab-content .tab-unit {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .tab-content-area .tab-content .tab-unit {
    margin-bottom: 0;
  }
}
@media (max-width: 390px) {
  .tab-content-area .tab-selector .tabs-group {
    flex-direction: column !important;
    width: 100%;
    border-radius: 18px;
  }
  .tab-content-area .tab-selector .tabs-group a {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .tab-content-area .tab-selector .tabs-group {
    padding: 8px;
    gap: 4px;
    margin-bottom: 0;
  }
  .tab-content-area .tab-selector .tabs-group a {
    font-size: 12px;
    padding: 4px 9px;
  }
}

.tab-text-pad {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.text-hero {
  border-radius: 24px;
  width: 100%;
  position: relative;
  overflow: visible;
  padding-top: 24px;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 48px;
}
.text-hero.p-0 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 480px) {
  .text-hero {
    padding-top: 32px;
  }
}
@media (min-width: 768px) {
  .text-hero {
    padding-top: 48px;
  }
}
@media (min-width: 840px) {
  .text-hero {
    padding-top: 64px;
  }
}
@media (min-width: 1040px) {
  .text-hero {
    padding-top: 96px;
  }
}
@media (min-width: 1536px) {
  .text-hero {
    padding-top: 120px;
  }
}
.text-hero.proj-obj-top {
  padding-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .text-hero.proj-obj-top {
    padding-left: 0;
    padding-right: 0;
  }
  .text-hero.proj-obj-top .text-hero-inner .text-hero-inner-text h1, .text-hero.proj-obj-top .text-hero-inner .text-hero-inner-text .as-h1 {
    padding-right: 0;
  }
}
.text-hero.no-top-padding {
  padding-top: 0;
}
.text-hero.top-padding-M {
  padding-top: 48px;
  padding-inline: 20px;
}
@media (max-width: 768px) {
  .text-hero.top-padding-M {
    padding-top: 0;
  }
}
.text-hero .text-hero-inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: visible;
  border-radius: 24px;
  align-items: center;
  display: flex;
}
.text-hero .text-hero-inner .text-hero-inner-text {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
  overflow: visible;
}
@media (min-width: 480px) {
  .text-hero .text-hero-inner .text-hero-inner-text {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .text-hero .text-hero-inner .text-hero-inner-text {
    width: 90%;
  }
}
@media (min-width: 840px) {
  .text-hero .text-hero-inner .text-hero-inner-text {
    width: 80%;
  }
}
@media (min-width: 1040px) {
  .text-hero .text-hero-inner .text-hero-inner-text {
    width: 70%;
  }
}
.text-hero .text-hero-inner .text-hero-inner-text.tab-heading {
  width: 100% !important;
}
@media (max-width: 768px) {
  .text-hero .text-hero-inner .text-hero-inner-text.tab-heading h3, .text-hero .text-hero-inner .text-hero-inner-text.tab-heading .as-h3 {
    margin-left: 16px;
  }
}
.text-hero .text-hero-inner .text-hero-inner-text.tab-text-pad {
  padding-left: 16px;
  padding-right: 16px;
}
.text-hero .text-hero-inner .text-hero-inner-text h1, .text-hero .text-hero-inner .text-hero-inner-text .as-h1 {
  padding-right: 70px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .text-hero .text-hero-inner .text-hero-inner-text h1, .text-hero .text-hero-inner .text-hero-inner-text .as-h1 {
    margin-bottom: 0;
  }
}
.text-hero .text-hero-inner .text-hero-inner-text h1 + p, .text-hero .text-hero-inner .text-hero-inner-text .as-h1 + p {
  margin-top: 32px;
  margin-bottom: 0;
}
.text-hero .text-hero-inner .text-hero-inner-text h1 + a, .text-hero .text-hero-inner .text-hero-inner-text .as-h1 + a {
  margin-top: 32px;
}
.text-hero .text-hero-inner .text-hero-inner-text p {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 0;
}
.text-hero .text-hero-inner .text-hero-inner-text p + a {
  margin-top: 32px;
}
.text-hero .text-hero-inner .text-hero-inner-text.normal p {
  line-height: 165%;
  font-size: 12px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .text-hero .text-hero-inner .text-hero-inner-text.normal p {
    line-height: 165%;
    font-size: 16px;
    margin-bottom: 32px;
  }
}
.text-hero .text-hero-inner .text-hero-inner-text.normal p + a {
  margin-top: 32px;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.vr-container-block {
  position: relative;
  width: 100%;
  gap: 48px;
  padding: 48px 0;
  margin-bottom: 72px;
}
@media (max-width: 840px) {
  .vr-container-block {
    gap: 32px;
    padding: 24px 0;
  }
}
@media (min-width: 1040px) {
  .vr-container-block {
    margin-bottom: 72px;
  }
}
.vr-container-block .container-block-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.vr-container-block .block-base-inner {
  width: 100%;
}
.vr-container-block .block-base-inner .vr-video-mobile {
  aspect-ratio: 16/9;
  height: auto;
  padding-bottom: 0;
}
.vr-container-block .block-base-inner .vr-video-mobile iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .vr-container-block .block-base-inner .vr-video-mobile {
    display: none;
  }
}
.vr-container-block .block-base-inner .vr-video-desktop iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
@media (max-width: 768px) {
  .vr-container-block .block-base-inner .vr-video-desktop {
    display: none;
  }
}
.vr-container-block .iframe {
  max-height: none;
  width: 100%;
  border-radius: 24px;
}
@media (max-width: 840px) {
  .vr-container-block .iframe.vr {
    height: auto;
    aspect-ratio: 4/5;
  }
}
@media (max-width: 840px) {
  .vr-container-block .block-5050 {
    padding: 0;
  }
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.main-text {
  display: block;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 72px;
  overflow-wrap: break-word;
}
@media (max-width: 840px) {
  .main-text {
    overflow-x: auto;
  }
}
.main-text.bottom-margin-4 {
  margin-bottom: 32px;
}
.main-text.no-bottom-margin {
  margin-bottom: 0;
}
.main-text h1, .main-text .as-h1 {
  margin-bottom: 16px;
  display: block;
}
.main-text h2, .main-text .as-h2 {
  margin-bottom: 16px;
  display: block;
}
.main-text h3, .main-text .as-h3 {
  margin-bottom: 16px;
  display: block;
}
.main-text h4, .main-text .as-h4 {
  margin-bottom: 16px;
  display: block;
}
.main-text h5, .main-text .as-h5 {
  margin-bottom: 8px;
  display: block;
}
.main-text p {
  margin-bottom: 32px;
  display: block;
  width: 100%;
}
.main-text table {
  margin-bottom: 32px;
}
.main-text img {
  max-width: 100%;
  margin-bottom: 32px;
  height: auto;
}
.main-text {
  overflow-wrap: break-word;
}
.main-text img,
.main-text table,
.main-text iframe {
  max-width: 100%;
}
.main-text ul li,
.main-text ol li {
  margin-bottom: 16px;
}
.main-text ol {
  margin-left: 30px;
}
.main-text ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.main-text ul li {
  position: relative;
  padding-left: 22px;
}
.main-text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 10px;
  height: 10px;
  border: 2px solid #447c97;
  border-radius: 50%;
  box-sizing: border-box;
}
.main-text.padding-top-large {
  padding-top: 72px;
}
.main-text.image-wide {
  padding-top: 24px;
  padding-left: 24px;
}
.main-text.expandable {
  margin-bottom: 0;
  height: 225px;
  overflow: hidden;
  position: relative;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-text.expandable:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(transparent, #FFFFFF);
  pointer-events: none;
}
.main-text.expandable.open {
  height: auto;
  min-height: 225px;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 121px;
}
.main-text.expandable.open.desktop-no-scroll {
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-text.expandable.open:after {
  display: none;
}

.show-more-link {
  display: block;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 26px;
  color: #447C97;
  font-weight: bold;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  margin-bottom: 72px;
  cursor: pointer;
}
.show-more-link.int-modal {
  padding-left: 0;
  padding-right: 0;
}
.show-more-link.consent-link {
  max-width: max-content;
}
.show-more-link.consent-link.down {
  background-position: right;
  background-image: url(/static/img/Project/BoKlok_chevron_down.svg);
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 24px;
}
.show-more-link.consent-link.up {
  background-position: right;
  background-image: url(/static/img/Project/BoKlok_chevron_up.svg);
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 24px;
}
.show-more-link:hover {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.chevron {
  float: right;
  margin-left: 8px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.chevron.down {
  background-image: url(/static/img/Project/BoKlok_chevron_down.svg);
  margin-top: 8px;
}
.chevron.up {
  background-image: url(/static/img/Project/BoKlok_chevron_down.svg);
  transform: rotate(180deg);
  margin-bottom: 8px;
}

.btn {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
  min-height: 48px;
  -webkit-appearance: none;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 12px 30px 12px 30px;
  display: inline-block;
  background-color: #21211E;
  border: solid 1px #21211E;
  color: #FFFFFF;
  border-radius: 24px;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
}
.btn:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #555862;
  border-color: #555862;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
  cursor: pointer;
}
.btn:active, .btn:focus {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #999BA1;
  border-color: #999BA1;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border 0.1s ease-in-out;
  cursor: pointer;
}
.btn.secondary {
  background-color: #FFFFFF;
  border: solid 1px #21211E;
  color: #21211E;
}
.btn.secondary:hover {
  background-color: #EEEEEF;
  border-color: #555862;
}
.btn.secondary:active, .btn.secondary:focus {
  background-color: #DDDEE0;
  border-color: #999BA1;
}
.btn.secondary.alternative {
  border: solid 1px #FFFFFF;
}
.btn.secondary.alternative:hover {
  background-color: #EEEEEF;
  border-color: #EEEEEF;
}
.btn.secondary.alternative:active, .btn.secondary.alternative:focus {
  background-color: #DDDEE0;
  border-color: #DDDEE0;
}
.btn.yellow {
  background-color: #F2A900;
  border: none;
  color: #21211E;
}
.btn.yellow:hover {
  background-color: #F6C34D;
}
.btn.yellow:active, .btn.yellow:focus {
  background-color: #F6C34D;
}
.btn.threesixty {
  padding: 12px 70px 12px 30px;
  background-image: url(/static/img/icon-360-light.svg);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) center;
}
@media (max-width: 768px) {
  .btn.threesixty {
    margin-top: 16px;
    margin-bottom: 48px;
  }
}
.btn.transparent {
  background-color: transparent;
  border: solid 1px #21211E;
  color: #21211E;
}
.btn.transparent:hover {
  background-color: #EEEEEF;
  border-color: #555862;
}
.btn.transparent:active, .btn.transparent:focus {
  background-color: #DDDEE0;
  border-color: #999BA1;
}
.btn.transparent.border {
  border: solid 1px #21211E;
}
.btn.text-variant {
  border: none !important;
  text-decoration: underline;
}
.btn.text-variant:hover {
  background: transparent;
  color: #555862;
}
.btn.with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.with-icon img {
  height: 32px;
  width: 32px;
  margin-right: 16px;
}
.btn.pill {
  background-color: #F5F5F7;
  border: solid 2px #F5F5F7;
  color: #21211E;
  font-weight: normal;
}
.btn.pill:hover {
  background-color: #EBEBEF;
  border-color: #EBEBEF;
}
.btn.pill.selected, .btn.pill:active, .btn.pill:focus {
  background-color: #6A7C46;
  border-color: #6A7C46;
  color: #ffffff;
}
.btn.disabled {
  cursor: not-allowed;
}
.btn.float-left {
  float: left;
}
.btn.absolute-float-right {
  position: absolute;
  right: 0px;
  top: 0px;
}
.btn.float-right {
  float: right;
}
.btn.float-right.float-left-on-device {
  float: left;
}
@media (min-width: 840px) {
  .btn.float-right.float-left-on-device {
    float: right;
  }
}
.btn.hide-on-device {
  display: none;
}
@media (min-width: 840px) {
  .btn.hide-on-device {
    display: block;
  }
}
.btn.show-on-device {
  display: block;
}
@media (min-width: 840px) {
  .btn.show-on-device {
    display: none;
  }
}

.form {
  display: block;
  overflow: visible;
  width: 100%;
  padding-right: 8px;
}
@media (min-width: 840px) {
  .form {
    padding-right: 32px;
  }
}
@media (min-width: 1040px) {
  .form {
    padding-right: 32px;
  }
}
@media (min-width: 1536px) {
  .form {
    padding-right: 32px;
  }
}
.form .form-header {
  display: block;
  overflow: visible;
  width: 100%;
  padding-right: 8px;
}
.form .form-info {
  display: block;
  overflow: visible;
  padding-right: 8px;
  width: 100%;
}
.form .form-consent {
  padding-right: 8px;
  width: 100%;
  margin-bottom: 24px;
}
.form .form-consent a.consent-link {
  cursor: pointer;
}
.form .form-consent-toggle {
  margin: 8px 0 32px;
}
.form .form-consent-toggle__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #21211E;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.form .form-consent-toggle__btn:hover {
  color: #21211E;
}
.form .form-consent-toggle__chevron {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.form .form-consent-toggle__btn[aria-expanded=true] .form .form-consent-toggle__chevron {
  transform: rotate(180deg);
}
.form .form-consent-toggle__body {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #21211E;
}
.form .form-consent-toggle__body p {
  margin: 0 0 16px;
}
.form .form-consent-toggle__body p:last-child {
  margin-bottom: 0;
}
.form .form-element {
  padding-right: 24px;
  width: 100%;
  margin-bottom: 24px;
}
.form .form-element.no-margin {
  margin: 0;
}
.form .form-element.required label:after {
  position: absolute;
  content: "*";
  margin: -2px 0 0 2px;
}
.form .form-element label {
  margin-bottom: 8px;
  display: block;
  width: 100%;
  float: left;
}
.form .form-element label.checkbox {
  cursor: pointer;
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 8px;
  font-size: 16px;
  text-transform: initial;
  font-weight: normal;
  line-height: 165%;
  letter-spacing: 0;
}
.form .form-element label.checkbox--disabled {
  color: var(--disabled);
}
.form .form-element label.checkbox .checkbox-control {
  display: inline-grid;
  width: 24px;
  height: 24px;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
.form .form-element label.checkbox .checkbox-control svg {
  width: 0;
  height: 0;
}
.form .form-element label.checkbox .checkbox-input {
  display: grid;
  grid-template-areas: "checkbox";
}
.form .form-element label.checkbox .checkbox-input > * {
  grid-area: checkbox;
}
.form .form-element label.checkbox .checkbox-input input {
  opacity: 0;
  width: 24px;
  height: 24px;
}
.form .form-element label.checkbox .checkbox-input input:checked + .checkbox-control svg {
  width: 16px;
  height: 16px;
}
.form .form-element label.checkbox .checkbox-input input:disabled + .checkbox-control {
  color: var(--disabled);
}
.form .form-element input[type=tel],
.form .form-element input[type=email],
.form .form-element input[type=text],
.form .form-element input[type=number] {
  width: 100%;
  height: 48px;
  float: left;
  position: relative;
  border-radius: 4px;
  padding: 8px 16px;
  border: solid 1px #ffffff;
}
.form .form-element select {
  width: 100%;
  height: 48px;
  float: left;
  border-radius: 4px;
  padding: 8px 16px;
  border: solid 1px #ffffff;
  background-color: #FFFFFF;
  background-image: url(/static/img/icon-chevron-down-dark.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
}
.form .form-element select .hidden-option {
  display: none;
}
.form .form-element textarea {
  width: 100%;
  height: 96px;
  float: left;
  border-radius: 4px;
  padding: 8px 16px;
  resize: none;
  border: solid 1px #ffffff;
}
.form .form-element .filedropzone {
  width: 100%;
  height: 96px;
  float: left;
  border-radius: 4px;
  padding: 0;
  border: dashed 1px #21211E;
  background-color: none;
  background-image: url(/static/img/icon-drop-dark.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.form .form-element .filedropzone.drop-active {
  background-color: #FFFFFF;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.form .form-element .filedropzone input[type=file] {
  width: 100%;
  cursor: pointer;
  height: 96px;
  border-radius: 4px;
  opacity: 0;
}
.form .form-element .filedropzone:hover {
  background-color: #FFFFFF;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.form .form-element .btn {
  width: 100%;
}
.form .form-element .btn.yellow {
  background-color: #ECA92B;
}
.form .form-element .fileattachment {
  width: 100%;
  display: block;
  float: left;
  cursor: pointer;
  padding: 8px 8px 0 8px;
}
.form .form-element .fileattachment span {
  float: right;
}
.form .form-element .fileattachment.error {
  color: #AF2D17;
}
.form .form-element input[type=tel],
.form .form-element input[type=email],
.form .form-element input[type=text],
.form .form-element input[type=number],
.form .form-element select,
.form .form-element textarea,
.form .form-element .filedropzone {
  -webkit-appearance: none;
}
.form .form-element input[type=tel]:focus,
.form .form-element input[type=email]:focus,
.form .form-element input[type=text]:focus,
.form .form-element input[type=number]:focus,
.form .form-element select:focus,
.form .form-element textarea:focus,
.form .form-element .filedropzone:focus {
  border-color: #21211E;
}
.form .form-element .form-pills.validate {
  margin-left: -8px;
}
.form .form-element input[type=tel] + .error-message,
.form .form-element input[type=email] + .error-message,
.form .form-element input[type=text] + .error-message,
.form .form-element input[type=number] + .error-message,
.form .form-element .form-pills.validate + .error-message,
.form .form-element select + .error-message,
.form .form-element textarea + .error-message,
.form .form-element .filedropzone + .error-message,
.form .form-element .filedropviewer + .error-message {
  opacity: 0;
  user-select: none;
  top: calc(100% - 24px);
  white-space: nowrap;
  position: absolute;
  width: 100%;
  color: #AF2D17;
  font-size: 16px;
}
.form .form-element input[type=tel].error,
.form .form-element input[type=email].error,
.form .form-element input[type=text].error,
.form .form-element input[type=number].error,
.form .form-element .form-pills.validate.error,
.form .form-element select.error,
.form .form-element textarea.error,
.form .form-element .filedropzone.error,
.form .form-element .filedropviewer.error {
  border-color: #AF2D17;
  background-color: #EFD5D1;
}
.form .form-element input[type=tel].error + .error-message,
.form .form-element input[type=email].error + .error-message,
.form .form-element input[type=text].error + .error-message,
.form .form-element input[type=number].error + .error-message,
.form .form-element .form-pills.validate.error + .error-message,
.form .form-element select.error + .error-message,
.form .form-element textarea.error + .error-message,
.form .form-element .filedropzone.error + .error-message,
.form .form-element .filedropviewer.error + .error-message {
  animation: fadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 1;
}
.form .form-result-wrapper .form-result-wrapper-inner {
  border-radius: 24px;
  padding: 0;
  height: 0;
}
.form .form-result-wrapper.success .form-result-wrapper-inner {
  height: auto;
  background-color: #6A7C46;
  padding: 24px;
  width: 100%;
  display: block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 24px;
  color: #ffffff;
  font-size: 20px;
  line-height: 150%;
}
.form .form-result-wrapper.error .form-result-wrapper-inner {
  height: auto;
  background-color: #AF2D17;
  padding: 24px;
  width: 100%;
  display: block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 24px;
  color: #ffffff;
  font-size: 20px;
  line-height: 150%;
}
.form .form-result-wrapper.warning .form-result-wrapper-inner {
  height: auto;
  background-color: #F2A900;
  padding: 24px;
  width: 100%;
  display: block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 24px;
  color: #ffffff;
  font-size: 20px;
  line-height: 150%;
}
.form .form-pills .pill {
  width: auto;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
.form.modal .form-element textarea,
.form.modal .form-element input[type=tel],
.form.modal .form-element input[type=email],
.form.modal .form-element input[type=number],
.form.modal .form-element input[type=text] {
  border: solid 1px #B7BDD3;
}
.form.modal {
  padding-left: 0;
  padding-right: 0;
}
.form.modal .form-header {
  padding-left: 0;
  padding-right: 0;
}
.form.modal .form-info {
  padding-left: 0;
  padding-right: 0;
}
.form.modal .form-info.closed {
  display: none;
}
.form.modal .form-info.open {
  display: block;
}

/* single slider */
input[type=range] {
  width: 100%;
  height: 4px;
  -webkit-appearance: none;
  position: relative;
  background-color: #B7BDD3;
  border-radius: 2px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  border: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #21211E;
  border-radius: 12px;
  cursor: pointer;
  border: none;
  margin-top: -10px;
  height: 24px;
  width: 24px;
}
input[type=range] {
  /** Firefox */
}
input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  width: 1000px;
  max-width: 100%;
  height: 4px;
  border-radius: 2px;
  border: none;
}
input[type=range].ie {
  height: 24px;
  background-color: transparent;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  background-color: #21211E;
  border-radius: 12px;
  cursor: pointer;
  margin-top: -10px;
  height: 24px;
  border: none;
  width: 24px;
}
input[type=range] {
  /** IE */
}
input[type=range]::-ms-track {
  -webkit-appearance: none;
  width: 1000px;
  max-width: 100%;
  height: 4px;
  border-radius: 2px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background-color: #21211E;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background-color: #B7BDD3;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background-color: #21211E;
  border-radius: 12px;
  cursor: pointer;
  border: none;
}

/* range slider */
.range-wrapper,
.slider-wrapper {
  width: 100%;
  display: block;
  padding: 24px 16px 0 16px;
  margin-bottom: 24px;
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}
.range-wrapper.loaded,
.slider-wrapper.loaded {
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.rs-container * {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rs-container {
  height: 48px;
  position: relative;
}

.rs-container .rs-bg,
.rs-container .rs-selected {
  background-color: #B7BDD3;
  height: 3px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 100%;
  border-radius: 3px;
}

.rs-container .rs-selected {
  background-color: #21211E;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0;
}

.rs-container.disabled .rs-selected {
  background-color: #ccc;
  border-color: #bbb;
}

.rs-container .rs-pointer {
  background-color: #21211E;
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  left: -10px;
  position: absolute;
  top: 0;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 24px;
}

.rs-container.disabled .rs-pointer {
  border-color: #ff0000;
}

.rs-container.disabled .rs-pointer {
  cursor: default;
}

.rs-container.sliding .rs-selected,
.rs-container.sliding .rs-pointer {
  transition: none;
}

.rs-container .rs-scale {
  left: 0;
  position: absolute;
  top: 12px;
  white-space: nowrap;
}

.rs-container .rs-scale span {
  float: left;
  position: relative;
  color: #21211E;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 17px;
}

.rs-container.rs-noscale span::before {
  display: none;
}

.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
  display: block;
}

.rs-container .rs-scale span:last-child {
  margin-left: -1px;
  width: 0px;
}

.rs-container .rs-scale span {
  overflow: visible !important;
}

.rs-container .rs-scale span ins {
  color: #333;
  display: inline-block;
  font-size: 12px;
  margin-top: 20px;
  text-decoration: none;
}

.rs-container.disabled .rs-scale span ins {
  color: #999;
}

.rs-tooltip {
  color: #333;
  width: auto;
  min-width: 60px;
  height: 30px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  transform: translate(-50%, -35px);
  left: 13px;
  text-align: center;
  font-size: 13px;
  padding: 6px 10px 0;
}

.rs-container.disabled .rs-tooltip {
  border-color: #ccc;
  color: #999;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    top: 0;
  }
  40% {
    top: calc(100% - 24px);
  }
  100% {
    opacity: 1;
  }
}
/* Default table */
table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #999999;
}

table thead th {
  vertical-align: top;
  font-size: 16px;
  padding: 5px;
  text-transform: uppercase;
  border: solid 1px #999999;
  text-align: left;
  background-color: #DDDDDD;
}

table tbody td {
  vertical-align: top;
  font-size: 14px;
  padding: 5px;
  border: solid 1px #999999;
}

table tfoot th {
  vertical-align: top;
  font-size: 12px;
  padding: 5px;
  text-transform: uppercase;
  border: solid 1px #999999;
  background-color: #eeeeee;
}

.faq-outer-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 840px) {
  .faq-outer-wrapper {
    margin-bottom: 32px;
  }
}
@media (min-width: 1040px) {
  .faq-outer-wrapper {
    margin-bottom: 48px;
  }
}
@media (min-width: 1536px) {
  .faq-outer-wrapper {
    margin-bottom: 64px;
  }
}
.faq-outer-wrapper.hidden {
  display: none;
}
.faq-outer-wrapper .main-text {
  margin-bottom: 16px;
}
.faq-outer-wrapper .faq-wrapper {
  display: block;
  width: 100%;
  padding-right: 16px;
  margin-top: -1px;
}
@media (min-width: 840px) {
  .faq-outer-wrapper .faq-wrapper {
    margin-top: 0;
  }
}
.faq-outer-wrapper .faq-wrapper ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  width: 100%;
  display: block;
  border-top: solid 1px #90908E;
  border-bottom: solid 1px #90908E;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item {
  list-style: none;
  border-top: solid 1px #90908E;
  display: block;
  min-height: 48px;
  position: relative;
  float: left;
  width: 100%;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item:first-child {
  border-top: none;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-anchor {
  position: absolute;
  top: -70px;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-top .faq-heading {
  list-style: none;
  padding: 16px 0;
  color: #21211E;
  font-weight: bold;
  display: block;
  width: 100%;
  padding-right: 48px;
  min-height: 48px;
  text-decoration: none;
  float: left;
  transition: background 0.25s ease-out;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content {
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 100%;
  padding-right: 32px;
  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content ul,
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content ol {
  padding: 0;
  margin: 0 0 16px 0;
  list-style: square;
  list-style-type: initial;
  list-style-position: initial;
  border: none;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content ul li,
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content ol li {
  min-height: auto;
  margin: 0 0 8px 8px;
  padding: 0;
  border: none;
  list-style: square;
  list-style-type: initial;
  list-style-position: initial;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content ul li:before,
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-content ol li:before {
  content: "▪";
  margin-right: 10px;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-caret {
  float: right;
  margin-top: 0;
  margin-left: 10px;
  width: 48px;
  height: 48px;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  position: absolute;
  right: 0;
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-caret .arrow {
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  left: 16px;
  top: 12px;
  border-right: 2px solid #21211E;
  border-bottom: 2px solid #21211E;
  transform: rotate(45deg);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item.active .faq-caret .arrow {
  transform: rotate(0);
  transform: rotate(225deg);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item.active .faq-caret .arrow:before {
  transform: rotate(-45deg);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item.active .faq-caret .arrow:after {
  transform: rotate(45deg);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item.active .faq-content {
  max-height: 1000px;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item:hover {
  cursor: pointer;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item:hover .faq-caret {
  opacity: 0.5;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-outer-wrapper.stand-alone {
  margin-bottom: 72px;
}
@media (min-width: 840px) {
  .faq-outer-wrapper.stand-alone {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .faq-outer-wrapper.stand-alone {
    margin-bottom: 104px;
  }
}
@media (min-width: 1536px) {
  .faq-outer-wrapper.stand-alone {
    margin-bottom: 120px;
  }
}
.faq-outer-wrapper.stand-alone .faq-wrapper {
  margin-bottom: 32px;
}
@media (min-width: 840px) {
  .faq-outer-wrapper.stand-alone .faq-wrapper {
    margin-bottom: 0;
  }
}
.faq-outer-wrapper.stand-alone .faq-wrapper.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.faq-filter {
  width: 100%;
  display: block;
  margin-bottom: 32px;
  padding-left: 8px;
  padding-right: 8px;
}
.faq-filter .pill {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}

.parallax-wrapper {
  display: block;
  width: 100%;
}
.parallax-wrapper .parallax-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}
.parallax-wrapper .parallax-img img {
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform linear;
}

.dropdown-wrapper {
  width: 100%;
  background-color: #ffffff;
  border-radius: 40px;
  margin-bottom: 16px;
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
}
@media (min-width: 768px) {
  .dropdown-wrapper {
    display: inline-block;
    background-color: transparent;
    width: auto;
    margin-bottom: 0;
  }
}
.dropdown-wrapper .dropdown {
  background-color: #ffffff;
  border: solid 3px #ffffff;
  padding: 10px 16px 13px;
  color: #21211E;
  position: relative;
  font-weight: normal;
  height: 72px;
  border-radius: 40px;
  text-align: left;
  float: left;
  flex: 0 1 33.3333333333%;
  cursor: pointer;
  display: block;
}
@media (min-width: 768px) {
  .dropdown-wrapper .dropdown {
    width: 200px;
    padding: 10px 30px 13px 30px;
    margin-right: 16px;
  }
}
.dropdown-wrapper .dropdown:nth-child(1):after, .dropdown-wrapper .dropdown:nth-child(2):after {
  content: "";
  position: absolute;
  background-color: #B7BDD3;
  width: 1px;
  height: 48px;
  bottom: 8px;
  right: -9px;
}
@media (min-width: 768px) {
  .dropdown-wrapper .dropdown:nth-child(1):after, .dropdown-wrapper .dropdown:nth-child(2):after {
    width: 0;
  }
}
.dropdown-wrapper .dropdown:hover {
  background-color: #EBEBEF;
  border-color: #EBEBEF;
}
.dropdown-wrapper .dropdown span {
  white-space: nowrap;
  font-weight: normal;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-wrapper .dropdown label {
  font-size: 10px;
}
@media (min-width: 768px) {
  .dropdown-wrapper .dropdown label {
    font-size: 16px;
  }
}
.dropdown-wrapper .dropdown.selected {
  background-color: #ffffff;
  border-color: #ffffff;
}
@media (min-width: 840px) {
  .dropdown-wrapper .dropdown.selected {
    background-color: #ffffff;
    border-color: #B7BDD3;
  }
}
.dropdown-wrapper .dropdown.open {
  z-index: 12;
  background-color: #ffffff;
  border-color: #ffffff;
}
.dropdown-wrapper .dropdown.alternative {
  width: auto;
  background-color: #F5F5F7;
  border-color: #F5F5F7;
  float: right;
  margin-right: -8px;
}
.dropdown-wrapper .dropdown.alternative:hover {
  background-color: #EBEBEF;
  border-color: #EBEBEF;
}
.dropdown-wrapper .dropdown.alternative.selected {
  background-color: #ffffff;
  border-color: #ffffff;
}
@media (min-width: 840px) {
  .dropdown-wrapper .dropdown.alternative.selected {
    background-color: #ffffff;
    border-color: #B7BDD3;
  }
}
.dropdown-wrapper .dropdown.alternative:after {
  width: 0;
}
.dropdown-wrapper .dropdown-content {
  position: absolute;
  display: none;
  top: 80px;
  left: 0;
  width: 100%;
  border-radius: 8px;
  min-height: 150px;
  background-color: #ffffff;
  z-index: 7;
}
.dropdown-wrapper .dropdown-content.right-aligned {
  left: auto;
  right: 5px;
}
@media (min-width: 768px) {
  .dropdown-wrapper .dropdown-content {
    min-width: 300px;
  }
}
.dropdown-wrapper .dropdown-content.open {
  display: block;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
}
.dropdown-wrapper .dropdown-content ul {
  list-style: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item {
  margin: 0;
  padding: 0;
  list-style-image: none;
  display: block;
  width: 100%;
  float: left;
  height: 80px;
  border-top: solid 1px #B7BDD3;
  background-color: #ffffff;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item:first-child {
  border-radius: 8px 8px 0 0;
  border-top: none;
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item:last-child {
  border-radius: 0 0 8px 8px;
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item:hover {
  cursor: pointer;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #EBEBEF;
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.dropdown-content-text {
  padding: 29px 32px 29px 8px;
  width: calc(100% - 104px);
  display: block;
  float: left;
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.dropdown-content-text-only {
  padding: 29px 32px 29px 24px;
  width: 100%;
  display: block;
  float: left;
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.house-type {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  border-radius: 40px;
  background-position: center center;
  background-size: 46px 32px;
  background-repeat: no-repeat;
  background-image: url(/static/img/icon-housetype-all.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.house-type.apartment {
  background-size: 27px 36px;
  background-image: url(/static/img/icon-housetype-apartment.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.house-type.townhouse {
  background-size: 43px 24px;
  background-image: url(/static/img/icon-housetype-townhouse.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  border-radius: 40px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url(/static/img/icon-status-sold.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440000 {
  background-size: 24px 24px;
  background-image: url(/static/img/icon-status-upcoming.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440003, .dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440004, .dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440005, .dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.sold {
  background-size: 24px 24px;
  background-image: url(/static/img/icon-status-sold.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440007 {
  background-size: 24px 24px;
  background-image: url(/static/img/icon-status-showing.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440001, .dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.forsale {
  background-size: 24px 24px;
  background-image: url(/static/img/icon-status-forsale.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.status260440002, .dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.unavailable {
  background-size: 24px 24px;
  background-image: url(/static/img/icon-status-unavailable.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item span.availability.all {
  background-size: 48px 24px;
  background-image: url(/static/img/icon-status-all.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item.selected span.dropdown-content-text {
  background-position: right center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url(/static/img/icon-tick-dark.svg);
}
.dropdown-wrapper .dropdown-content ul li.dropdown-item.selected span.dropdown-content-text-only {
  background-position: calc(100% - 16px) center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url(/static/img/icon-tick-dark.svg);
}
.dropdown-wrapper .dropdown-content.slider {
  padding: 24px 16px;
  min-width: 100%;
}
@media (min-width: 768px) {
  .dropdown-wrapper .dropdown-content.slider {
    width: 476px;
  }
}
.dropdown-wrapper.active .dropdown:after {
  content: "";
  position: absolute;
  background-color: #B7BDD3;
  width: 0;
  height: 48px;
  bottom: 8px;
  right: 0;
}

body.bw-modal-open {
  overflow: hidden;
  padding-right: 8px;
}
body.bw-modal-open .projectnav-wrapper-inner {
  padding-right: 8px;
}
body.bw-modal-open .search {
  margin-right: 8px;
}

.bw-modal {
  position: fixed;
  visibility: hidden;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1210;
  opacity: 0;
  background-color: rgba(33, 33, 30, 0.5);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 1, 1);
}
.bw-modal .bw-modal-body {
  background-color: #ffffff;
  width: 100%;
  max-height: 100vh;
  display: block;
  border-radius: 0;
  padding: 16px 8px 16px 16px;
  margin: 0 auto 0;
  opacity: 0;
  visibility: hidden;
  position: relative;
  overflow: hidden;
  top: 96px;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 1, 1), top 0.25s cubic-bezier(0.4, 0, 1, 1);
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  overflow: auto;
}
@media (min-width: 768px) {
  .bw-modal .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 768px;
    max-height: calc(100vh - 48px);
    border-radius: 24px;
    padding: 32px 24px 32px 32px;
  }
}
@media (min-width: 840px) {
  .bw-modal .bw-modal-body {
    margin: 24px auto 24px;
    width: 725px;
    max-width: 100%;
    max-height: calc(100vh - 48px);
    border-radius: 24px;
    padding: 32px 24px 32px 32px;
  }
}
@media (min-width: 1040px) {
  .bw-modal .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 100%;
  }
}
@media (min-width: 1536px) {
  .bw-modal .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 1472px;
  }
}
.bw-modal .bw-modal-body .embed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.bw-modal .bw-modal-body .bw-modal-body-header {
  padding: 0 24px 0 0;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.bw-modal .bw-modal-body .bw-modal-body-header .bw-modal-body-heading {
  float: left;
  min-height: 80px;
}
.bw-modal .bw-modal-body .bw-modal-close {
  background-image: url(/static/img/icon-cross-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
  position: absolute;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
  top: 48px;
  right: 48px;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.bw-modal .bw-modal-body .bw-modal-close:hover {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.bw-modal .bw-modal-body .bw-modal-body-content {
  padding: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 75px);
  padding: 0 8px 0 0;
}
@media (min-width: 768px) {
  .bw-modal .bw-modal-body .bw-modal-body-content {
    max-height: calc(100vh - 170px);
  }
}
@media (min-width: 840px) {
  .bw-modal .bw-modal-body .bw-modal-body-content {
    padding: 0 24px 0 0;
    max-height: calc(100vh - 192px);
  }
}
.bw-modal .bw-modal-body .bw-modal-body-content p {
  margin-bottom: 32px;
}
.bw-modal .bw-modal-body .bw-modal-body-content .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.bw-modal .bw-modal-body .bw-modal-body-content .video-container iframe,
.bw-modal .bw-modal-body .bw-modal-body-content .video-container object,
.bw-modal .bw-modal-body .bw-modal-body-content .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bw-modal .bw-modal-body .bw-modal-body-content .background-plate {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .bw-modal .bw-modal-body .bw-modal-body-content .background-plate {
    margin-bottom: 48px;
  }
}
.bw-modal .bw-modal-body .bw-modal-body-content {
  /*.embed {		
      overflow: visible;		
      top: auto;
      bottom: auto;
      position: relative;
  }*/
}
.bw-modal .bw-modal-body .bw-modal-body-footer {
  color: #ffffff;
  font-size: 14px;
  padding: 10px;
  display: block;
  width: 100%;
  overflow: visible;
  text-align: center;
  height: 60px;
  position: relative;
}
.bw-modal.fullscreen {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .bw-modal.fullscreen {
    padding-left: 32px;
    padding-right: 40px;
  }
}
.bw-modal.fullscreen .bw-modal-body {
  margin: 0 auto 0;
  width: 100%;
  max-height: 100vh;
  visibility: hidden;
  display: block;
  opacity: 0;
  border-radius: 0;
  padding: 16px 8px 16px 16px;
}
@media (min-width: 768px) {
  .bw-modal.fullscreen .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 768px;
    max-height: calc(100vh - 48px);
    border-radius: 24px;
    padding: 32px 24px 32px 32px;
  }
}
@media (min-width: 840px) {
  .bw-modal.fullscreen .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 100%;
    max-height: calc(100vh - 48px);
    border-radius: 24px;
    padding: 32px 24px 32px 32px;
  }
}
@media (min-width: 1040px) {
  .bw-modal.fullscreen .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 100%;
  }
}
@media (min-width: 1536px) {
  .bw-modal.fullscreen .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 1472px;
  }
}
.bw-modal.fullscreen .bw-modal-body .bw-modal-body-content {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 75px);
}
@media (min-width: 768px) {
  .bw-modal.fullscreen .bw-modal-body .bw-modal-body-content {
    height: calc(100vh - 170px);
  }
}
@media (min-width: 840px) {
  .bw-modal.fullscreen .bw-modal-body .bw-modal-body-content {
    height: calc(100vh - 192px);
  }
}
.bw-modal.fullscreen .bw-modal-body .bw-modal-body-content .video-container {
  position: relative;
  padding-bottom: 0;
  padding-top: 30px;
  height: calc(100% - 32px);
  overflow: hidden;
}
.bw-modal.fullscreen .bw-modal-body .bw-modal-body-content .video-container iframe,
.bw-modal.fullscreen .bw-modal-body .bw-modal-body-content .video-container object,
.bw-modal.fullscreen .bw-modal-body .bw-modal-body-content .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bw-modal.fullscreen .bw-modal-body .bw-modal-body-header .bw-modal-body-heading {
  float: left;
  min-height: 40px;
}
@media (min-width: 768px) {
  .bw-modal.fullscreen .bw-modal-body .bw-modal-body-header .bw-modal-body-heading {
    min-height: 56px;
  }
}
@media (min-width: 840px) {
  .bw-modal.fullscreen .bw-modal-body .bw-modal-body-header .bw-modal-body-heading {
    min-height: 80px;
  }
}
.bw-modal.fullscreen .bw-modal-body .bw-modal-close {
  top: 16px;
  right: 16px;
}
@media (min-width: 768px) {
  .bw-modal.fullscreen .bw-modal-body .bw-modal-close {
    top: 24px;
    right: 24px;
  }
}
@media (min-width: 840px) {
  .bw-modal.fullscreen .bw-modal-body .bw-modal-close {
    top: 48px;
    right: 48px;
  }
}
.bw-modal.fullheight .bw-modal-body {
  height: 100%;
}
.bw-modal.fullheight .bw-modal-body .bw-modal-body-content {
  height: 100%;
}
.bw-modal.fullheight .embeddeb-vr {
  height: calc(100% - 10px);
}
.bw-modal.open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.bw-modal.open .bw-modal-body {
  opacity: 1;
  top: 0;
  visibility: visible;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1), top 0.25s cubic-bezier(0, 0, 0.2, 1);
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.slide-panel {
  position: fixed;
  inset: 0;
  z-index: 1210;
  visibility: hidden;
  overflow: hidden;
  transition: visibility 0s 400ms;
}
.slide-panel__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(33, 33, 30, 0.4);
  opacity: 0;
  cursor: pointer;
  transition: opacity 350ms ease;
}
.slide-panel__drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 765px;
  max-width: 100%;
  background-color: #DADED1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -4px 0 24px rgba(33, 33, 30, 0.12);
}
@media (max-width: 768px) {
  .slide-panel__drawer {
    width: 100%;
  }
}
.slide-panel__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 24px 24px 0;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .slide-panel__header {
    padding: 40px 48px 0;
  }
}
.slide-panel__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: transparent;
  background-image: url(/static/img/icon-cross-dark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
.slide-panel__close:hover {
  opacity: 0.6;
  background-color: rgba(33, 33, 30, 0.08);
}
.slide-panel__body {
  flex: 1;
  overflow-y: auto;
  padding: 32px 24px 80px;
}
@media (min-width: 768px) {
  .slide-panel__body {
    padding: 40px 64px 128px;
  }
}
.slide-panel.is-open {
  visibility: visible;
  transition: visibility 0s 0s;
}
.slide-panel.is-open .slide-panel__overlay {
  opacity: 1;
}
.slide-panel.is-open .slide-panel__drawer {
  transform: translateX(0);
  transition: transform 400ms cubic-bezier(0, 0, 0.2, 1);
}

body.bw-slide-open {
  overflow: hidden;
}

body.overlay-open {
  overflow: hidden;
  padding-right: 8px;
}
body.overlay-open .projectnav-wrapper-inner {
  padding-right: 8px;
}
body.overlay-open .search {
  margin-right: 8px;
}

.overlay {
  position: fixed;
  visibility: hidden;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  opacity: 0;
  background-color: rgba(33, 33, 30, 0.5);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 1, 1);
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.search-autocomplete {
  height: 72px;
  border-radius: 36px;
  background-color: #FFFFFF;
  width: 100%;
  float: left;
  position: relative;
  overflow: visible;
  box-shadow: 0 12px 16px 0 rgba(33, 33, 30, 0.12);
  display: block;
}
.search-autocomplete.grey {
  background-color: #F5F5F7;
}
.search-autocomplete.no-shadow {
  box-shadow: none;
}
.search-autocomplete label {
  position: absolute;
  top: 16px;
  left: 72px;
  transition: left 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete input[type=text] {
  background-color: transparent;
  width: 100%;
  border-radius: 36px;
  float: left;
  display: block;
  font-weight: bold;
  padding: 24px 48px 8px 72px;
  height: 72px;
  transition: padding 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete input[type=text]:focus {
  box-shadow: unset;
}
.search-autocomplete .mag-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 72px;
  width: 72px;
  opacity: 1;
  border-radius: 36px;
  background-image: url(/static/img/icon-search-dark.svg);
  background-repeat: no-repeat;
  background-position: 24px center;
  background-size: 28px 28px;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete .search-icon {
  position: absolute;
  opacity: 0;
  background-color: #21211E;
  top: 12px;
  right: 12px;
  border-radius: 24px;
  height: 48px;
  width: 48px;
  background-image: url(/static/img/icon-search-light.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete .search-icon:hover {
  cursor: pointer;
  background-color: #555862;
  transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete .autocomplete-wrapper {
  display: none;
  position: relative;
  top: 16px;
  right: 0;
  opacity: 0;
  border-radius: 8px;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  min-height: 72px;
  overflow: hidden;
  background-color: #FFFFFF;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
  width: 100%;
}
.search-autocomplete .autocomplete-wrapper.open {
  display: block;
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete .autocomplete-wrapper ul {
  width: 100%;
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  height: auto;
  margin: 0;
  display: block;
  border-radius: 8px;
}
.search-autocomplete .autocomplete-wrapper ul li {
  list-style: none;
  border-top: solid 1px #B7BDD3;
  display: block;
  height: 72px;
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete .autocomplete-wrapper ul li:first-child {
  border-top: none;
  border-radius: 8px 8px 0 0;
}
.search-autocomplete .autocomplete-wrapper ul li:last-child {
  border-radius: 0 0 8px 8px;
}
.search-autocomplete .autocomplete-wrapper ul li:hover {
  background-color: #F5F5F7;
}
.search-autocomplete .autocomplete-wrapper ul li:hover a {
  background-position: calc(100% - 16px) center;
  text-decoration: none;
}
.search-autocomplete .autocomplete-wrapper ul li.query {
  background: #F5F5F7;
}
.search-autocomplete .autocomplete-wrapper ul li.query a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.search-autocomplete .autocomplete-wrapper ul li.no-results {
  border-top: none;
  border-radius: 8px;
}
.search-autocomplete .autocomplete-wrapper ul li.no-results > div {
  height: 72px;
  padding: 16px;
  padding-right: 56px;
}
.search-autocomplete .autocomplete-wrapper ul li.no-results > div h6, .search-autocomplete .autocomplete-wrapper ul li.no-results > div .as-h6 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-autocomplete .autocomplete-wrapper ul li.no-results > div span {
  width: 100%;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-autocomplete .autocomplete-wrapper ul li a {
  display: block;
  overflow: hidden;
  color: #21211E;
  height: 72px;
  padding: 16px;
  padding-right: 56px;
  background-image: url(/static/img/icon-chevron-right-dark.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  background-size: 24px 24px;
  transition: background-position 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete .autocomplete-wrapper ul li a:before {
  display: none;
}
.search-autocomplete .autocomplete-wrapper ul li a:after {
  display: none;
}
.search-autocomplete .autocomplete-wrapper ul li a h6, .search-autocomplete .autocomplete-wrapper ul li a .as-h6 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-autocomplete .autocomplete-wrapper ul li a span {
  width: 100%;
  display: block;
  font-weight: normal;
}
.search-autocomplete:focus-within label {
  left: 24px;
  transition: left 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete:focus-within input[type=text] {
  padding-left: 24px;
  transition: padding 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete:focus-within .mag-icon {
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-autocomplete:focus-within .search-icon {
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

label.switch {
  white-space: nowrap;
}
label.switch .switch-wrapper {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 32px;
}
label.switch .switch-wrapper.right-aligned {
  margin-left: 8px;
}
label.switch .switch-wrapper.left-aligned {
  margin-right: 8px;
}
label.switch .switch-wrapper input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
label.switch .switch-wrapper input[type=checkbox]:checked + .slider {
  background-color: #6A7C46;
}
label.switch .switch-wrapper input[type=checkbox]:checked + .slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
label.switch .switch-wrapper input[type=checkbox] + .slider {
  position: absolute;
  cursor: pointer;
  background: #EBEBEF;
  top: 0;
  left: 0;
  border-radius: 21px;
  transition: 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  right: 0;
  bottom: 0;
}
label.switch .switch-wrapper input[type=checkbox] + .slider::before {
  position: absolute;
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: 4px;
  bottom: 4px;
  background: #ffffff;
}

.autocomplete-wrapper h6, .autocomplete-wrapper .as-h6 {
  margin-bottom: 0;
}

.notifyjs-corner,
.notifyjs-wrapper {
  border-radius: 8px;
}

.notifyjs-info-box-base {
  white-space: nowrap;
  color: #ffffff;
  background-color: #6A7C46;
  padding: 24px;
  border-radius: 8px;
  min-width: 200px;
  text-align: center;
  font-size: 16px;
  min-height: 70px;
  line-height: 165%;
  font-weight: bold;
  font-family: "Noto Sans", sans-serif;
}
.notifyjs-info-box-base.notifyjs-info-box-success {
  background-color: #6A7C46;
  border-radius: 8px;
  color: #ffffff;
}
.notifyjs-info-box-base.notifyjs-info-box-error {
  background-color: #AF2D17;
  border-radius: 8px;
  color: #ffffff;
}

.notifyjs-corner {
  position: fixed;
  margin: 24px !important;
  z-index: 3050 !important;
  border-radius: 8px;
  background: transparent !important;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
}

.notifyjs-arrow {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  display: none !important;
}

.notifyjs-corner .notifyjs-wrapper, .notifyjs-corner .notifyjs-container {
  position: relative;
  display: block;
  height: inherit;
  width: inherit;
  margin: 0 !important;
  border-radius: 8px;
}

body.loading-open {
  overflow: hidden;
  padding-right: 8px;
}
body.loading-open .projectnav-wrapper-inner {
  padding-right: 8px;
}
body.loading-open .search {
  margin-right: 8px;
}

.loading {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(33, 33, 30, 0.5);
  z-index: 5210;
  cursor: wait;
  transition: background 0.15s ease-out;
}
.loading.show {
  display: flex;
}
.loading .loading-icon {
  width: 120px;
  margin: 0 auto;
}

.google {
  position: relative;
}
.google.loaded span.icon {
  display: none !important;
}
.google .goog-te-gadget-simple {
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
}
.google .goog-te-gadget-simple img {
  height: 100%;
  width: 100%;
  opacity: 0;
  margin: 0;
}
.google .goog-te-gadget-simple .goog-te-menu-value {
  display: none;
}
.google #google_translate_element {
  margin: 0;
}
.google #google_translate_element .goog-te-gadget img {
  margin: 0;
}

.skiptranslate:not(.goog-te-menu-frame) {
  display: none;
}

iframe.goog-te-menu-frame.skiptranslate {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: unset;
  width: 250px !important;
  box-shadow: none;
}

.bw-download-image-wrapper {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 50px;
  height: 50px;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.link.link--play-video {
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #21211E;
}
.link.link--play-video:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/static/img/icon-play-outlined.svg) no-repeat scroll;
  background-size: cover;
  margin: 0 8px -3px 0;
}

/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
ul.search-results {
  list-style: none;
  display: table;
  width: 100%;
  margin: 0;
  border-top: solid 1px #B7BDD3;
  margin-bottom: 48px;
}
ul.search-results li {
  list-style-image: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
ul.search-results li a {
  display: block;
  padding: 32px 0 8px 0;
  color: #21211E;
  font-weight: normal;
  font-size: 16px;
  line-height: 165%;
  border-bottom: solid 1px #B7BDD3;
  letter-spacing: 0;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
ul.search-results li a h6, ul.search-results li a .as-h6 {
  margin-bottom: 0;
}
ul.search-results li a:hover h3, ul.search-results li a:hover .as-h3 {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
ul.search-results li a:hover h6, ul.search-results li a:hover .as-h6 {
  text-decoration: none;
}
ul.search-results li a:hover p {
  text-decoration: none;
}

.project-section-heading {
  padding-bottom: 16px;
}
.project-section-heading h3, .project-section-heading .as-h3 {
  font-weight: 700;
  color: #21211E;
  margin: 0;
}

.project-search-result-info-text {
  margin-bottom: 0;
}
.project-search-result-info-text span {
  display: inline-block;
  white-space: nowrap;
}
.project-search-result-info-text span.bold {
  font-weight: bold;
}

.margin-bottom-3 {
  margin-bottom: 24px;
}

.margin-bottom-7 {
  margin-bottom: 56px;
}

.margin-bottom-8 {
  margin-bottom: 64px;
}

.digital-sales-start-header {
  background: #6A7C46;
}
.digital-sales-start-header a, .digital-sales-start-header a * {
  color: #FFFFFF !important;
}
.digital-sales-start-header a::after, .digital-sales-start-header a::before, .digital-sales-start-header a *::after, .digital-sales-start-header a *::before {
  background: #FFFFFF !important;
}
.digital-sales-start-header > div {
  height: 100%;
}
.digital-sales-start-header .play-mute-audio {
  position: relative;
  height: 32px;
  width: 32px;
  cursor: pointer;
  z-index: 10;
}
.digital-sales-start-header .play-mute-audio object {
  z-index: -1;
}
.digital-sales-start-header .play-mute-audio .play-mute-audio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
.digital-sales-start-header .play-mute-audio .static-icon {
  background-image: url(/static/img/boklok-play.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.digital-sales-start-header .play-mute-audio .static-icon, .digital-sales-start-header .play-mute-audio .animated-icon, .digital-sales-start-header .play-mute-audio .playing-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s ease-in-out;
}
.digital-sales-start-header .play-mute-audio.mute .static-icon {
  background-image: url(/static/img/boklok-mute.svg);
}
.digital-sales-start-header .play-mute-audio.playing:not(.mute) .static-icon {
  opacity: 0;
}
.digital-sales-start-header .play-mute-audio.playing:not(.mute):not(:hover) .playing-icon {
  opacity: 1;
}
.digital-sales-start-header .play-mute-audio:hover .animated-icon {
  opacity: 1;
}
.digital-sales-start-header .play-mute-audio:hover .static-icon {
  opacity: 0;
}
.digital-sales-start-header .play-mute-audio:hover .playing-icon {
  opacity: 0;
}
.digital-sales-start-header .play-mute-audio .static-icon {
  opacity: 1;
}
.digital-sales-start-header .play-mute-audio .playing-icon {
  opacity: 0;
}
.digital-sales-start-header .play-mute-audio .animated-icon {
  opacity: 0;
}
.digital-sales-start-header .logo {
  height: 64px !important;
  width: 64px !important;
}
.digital-sales-start-header .logo .logo-inverted {
  background-image: url(/static/img/boklok-logo-neg.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.digital-sales-start-header .header-navigation {
  width: auto;
  max-width: unset;
  flex: 1 1;
}
.digital-sales-start-header .header-navigation #mainnav {
  display: none;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 840px) {
  .digital-sales-start-header .header-navigation #mainnav {
    display: block;
  }
}
.digital-sales-start-header .header-navigation .device-menu span {
  background: #FFFFFF !important;
}
.digital-sales-start-header .digital-start-title {
  display: none;
}
@media (min-width: 768px) {
  .digital-sales-start-header .digital-start-title {
    display: flex;
    align-items: center;
    padding-left: 32px;
    color: #FFFFFF;
  }
}
.digital-sales-start-header .digital-start-title * {
  margin: 0;
}

h1.no-margin, .no-margin.as-h1 {
  margin: 0;
}

h2.light, .light.as-h2 {
  font-weight: 300;
}

.digital-sales-start-main {
  margin-top: 0;
}

.slot-machine {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: space-between;
  transition: 500ms ease-in-out;
}
.slot-machine.close {
  opacity: 0.2;
}
.slot-machine .slot-machine-square-flip-wrapper {
  font-size: calc((100vw / 12 - 5px) * 0.56);
  width: calc(100vw / 12 - 5px);
  height: calc(100vw / 12 - 5px);
}
@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper {
    width: calc(100vw / 12 - 15px);
    height: calc(100vw / 12 - 15px);
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper {
    width: calc(100vw / 12 - 15px);
    height: calc(100vw / 12 - 15px);
  }
}
@media (min-width: 1536px) {
  .slot-machine .slot-machine-square-flip-wrapper {
    width: 100px;
    height: 100px;
  }
}
.slot-machine .slot-machine-square-flip-wrapper {
  perspective: 1000px;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  transition: 1000ms cubic-bezier(0.61, -0.43, 0.5, 1.64);
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner {
  transition: 500ms cubic-bezier(0.61, -0.43, 0.5, 1.64);
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip {
  animation: flipShowLong 4000ms cubic-bezier(0.84, -0.79, 0.01, 1.74) 1 forwards;
  transition: none;
}
.ie11 .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip {
  animation: none !important;
}
.ie11 .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip .front {
  transition: 500ms cubic-bezier(0.76, -0.29, 0.83, 0.67) 500ms;
  opacity: 0;
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip .slot-machine-square-3d-wrapper .slot-machine-square-3d {
  visibility: hidden;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip.winner {
  animation: flipShowForever 4000ms cubic-bezier(0.84, -0.79, 0.01, 1.74) 1 forwards, flipWiggleWithPause 12000ms cubic-bezier(1, 0.01, 0.29, 0.99) infinite 2000ms forwards;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip.remove-winner {
  transform: rotateY(180deg);
  animation: flipRemoveShowForever 2000ms cubic-bezier(0.84, -0.79, 0.01, 1.74) 1 forwards;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip {
  animation: flipShowShort 2000ms cubic-bezier(0.84, -0.79, 0.01, 1.74) 1 forwards;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip.winner {
  animation: flipShowForever 2000ms cubic-bezier(0.84, -0.79, 0.01, 1.74) 1 forwards, flipWiggleWithPause 6000ms cubic-bezier(1, 0.01, 0.29, 0.99) infinite 1000ms forwards;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip.remove-winner {
  transform: rotateY(180deg);
  animation: flipRemoveShowForever 1000ms cubic-bezier(0.84, -0.79, 0.01, 1.74) 1 forwards;
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip .slot-machine-letters-belt.results .as-h1 {
  transition: 1500ms cubic-bezier(0.84, -0.79, 0.01, 1.74);
  opacity: 0;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.flip .slot-machine-letters-belt.results .as-h1 {
  transition: 750ms cubic-bezier(0.84, -0.79, 0.01, 1.74);
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating {
  transform: rotateX(30deg);
  -webkit-transform: rotateX(30deg);
  transition: 1000ms cubic-bezier(0, 1.83, 1, 1) 650ms;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating {
  transition: 500ms cubic-bezier(0, 1.83, 1, 1) 325ms;
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating .slot-machine-square-3d-wrapper .slot-machine-square-3d {
  transform: translate(0, 4px) rotateX(30deg);
  -webkit-transform: translate(0, 4px) rotateX(30deg);
  transition: 1000ms cubic-bezier(0, 1.83, 1, 1) 650ms;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating .slot-machine-square-3d-wrapper .slot-machine-square-3d {
  transition: 500ms cubic-bezier(0, 1.83, 1, 1) 325ms;
}

@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    transform: translate(0, 8px) rotateX(30deg);
    -webkit-transform: translate(0, 8px) rotateX(30deg);
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    transform: translate(0, 10px) rotateX(30deg);
    -webkit-transform: translate(0, 10px) rotateX(30deg);
  }
}
@media (min-width: 1536px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner.accelerating .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    transform: translate(0, 12px) rotateX(15deg);
    -webkit-transform: translate(0, 12px) rotateX(15deg);
  }
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border-radius: 4px;
  background: #F2A900;
  color: #21211E;
}
@media (min-width: 480px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip {
    border-radius: 6px;
  }
}
@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip {
    border-radius: 8px;
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip {
    border-radius: 10px;
  }
}
@media (min-width: 1536px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip {
    border-radius: 12px;
  }
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.front {
  z-index: 10;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.winner.front .flipper-front-background {
  width: 100%;
  height: 100%;
  display: none;
  background: #F2A900;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back {
  z-index: 1;
  color: #FFFFFF;
  background: #21211E;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.ie11 .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back.winner {
  background: #F2A900;
  color: #21211E;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back .as-h1 {
  margin: 0;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 4px;
  width: calc(100vw / 12 - 5px);
  font-size: calc((100vw / 12 - 5px) * 0.56);
  height: calc(100vw / 12 - 5px);
}
@media (min-width: 480px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square {
    border-radius: 6px;
  }
}
@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square {
    width: calc(100vw / 12 - 15px);
    font-size: calc((100vw / 12 - 15px) * 0.56);
    height: calc(100vw / 12 - 15px);
    border-radius: 8px;
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square {
    width: calc(100vw / 12 - 15px);
    font-size: calc((100vw / 12 - 15px) * 0.56);
    height: calc(100vw / 12 - 15px);
    border-radius: 10px;
  }
}
@media (min-width: 1536px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square {
    width: 100px;
    font-size: 56px;
    height: 100px;
    border-radius: 12px;
  }
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square:not(:first-of-type) {
  margin-left: 8px;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper {
  display: flex;
  position: absolute;
  flex-flow: column nowrap;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  position: absolute;
  width: 100%;
  transition: 1000ms steps(270);
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.abrupt-transition {
  transition: 1000ms cubic-bezier(0, 1.29, 0.25, 1.14);
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.initial {
  transform: translate(100%) !important;
  -webkit-transform: translate(100%) !important;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.animating {
  animation: slotMachine 1000ms steps(270) 1500ms infinite, slotMachine 1500ms cubic-bezier(1, 0, 1, -0.03) 0s 1;
}
.ie11 .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.animating {
  animation: slotMachine-ie11 1000ms ease-in 1000ms infinite;
}

.ie11 .fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.animating {
  animation: slotMachine-ie11 500ms ease-in 500ms infinite;
}

.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.animating {
  animation: slotMachine 500ms steps(270) 500ms infinite, slotMachine 500ms cubic-bezier(1, 0, 1, -0.03) 0s 1;
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.animating.stopping {
  animation: slotMachine 1500ms cubic-bezier(0, 0.99, 0, 0.99) 0s 1;
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt.animating.stopping {
  animation: slotMachine 500ms cubic-bezier(0, 0.99, 0, 0.99) 0s 1;
}

.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt .as-h1 {
  vertical-align: middle;
  color: #21211E;
  text-align: center;
  overflow: hidden;
  margin: 0;
  width: calc(100vw / 12 - 5px);
  height: calc(100vw / 12 - 5px);
}
@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt .as-h1 {
    width: calc(100vw / 12 - 15px);
    height: calc(100vw / 12 - 15px);
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt .as-h1 {
    width: calc(100vw / 12 - 15px);
    height: calc(100vw / 12 - 15px);
  }
}
@media (min-width: 1536px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip .slot-machine-square .slot-machine-letters-belt-wrapper .slot-machine-letters-belt .as-h1 {
    width: 100px;
    height: 100px;
  }
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper .slot-machine-square-3d {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translate(0, 0) rotateX(0deg);
  -webkit-transform: translate(0, 0) rotateX(0deg);
  background: #D2D7C7;
  width: calc(100vw / 12 - 5px);
  height: calc(100vw / 12 - 5px);
  border-radius: 4px;
  transition: transform 1000ms cubic-bezier(0.61, -0.43, 0.5, 1.64) -100ms;
  -webkit-box-shadow: inset 0px -12px 1px 15px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px -12px 1px 15px rgba(0, 0, 0, 0.1);
}
.fast.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper .slot-machine-square-3d {
  transition: transform 500ms cubic-bezier(0.61, -0.43, 0.5, 1.64) -50ms;
}

@media (min-width: 480px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    border-radius: 6px;
  }
}
@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    width: calc(100vw / 12 - 15px);
    height: calc(100vw / 12 - 15px);
    border-radius: 8px;
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    width: calc(100vw / 12 - 15px);
    height: calc(100vw / 12 - 15px);
    border-radius: 10px;
  }
}
@media (min-width: 1536px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-3d-wrapper .slot-machine-square-3d {
    width: 100px;
    height: 100px;
    border-radius: 12px;
  }
}

.lottery-wrapper {
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 1536px) {
  .lottery-wrapper {
    padding: 0 8px;
  }
}
.lottery-wrapper.paused {
  user-select: none;
}
.lottery-wrapper.paused .lottery-results, .lottery-wrapper.paused .lottery-results-pagination-wrapper {
  opacity: 0.5;
}

.digital-sales-messages-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.digital-sales-messages-wrapper .digital-sales-message-inner-wrapper {
  position: relative;
  width: 100%;
}
.digital-sales-messages-wrapper .digital-sales-message-inner-wrapper .digital-sales-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) translateY(100px);
  -webkit-transform: translateX(-50%) translateY(-50%) translateY(100px);
  width: 100%;
  opacity: 0;
  text-align: center;
  animation: textFlyIn cubic-bezier(0, 1.1, 0.19, 1.15) 1 forwards, textFlyOut ease-in-out 1 forwards;
  animation-duration: 500ms, 500ms;
}
.digital-sales-messages-wrapper .digital-sales-message-inner-wrapper .digital-sales-message:nth-of-type(1) {
  animation-delay: 0ms, 2000ms;
}
.digital-sales-messages-wrapper .digital-sales-message-inner-wrapper .digital-sales-message:nth-of-type(2) {
  animation-delay: 2200ms, 4000ms;
}
.digital-sales-messages-wrapper .digital-sales-message-inner-wrapper .digital-sales-message:nth-of-type(3) {
  animation-delay: 4200ms, 6000ms;
}

.digital-sales-start {
  background: #6A7C46;
  padding-bottom: 64px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 100px;
}
@media (min-width: 768px) {
  .digital-sales-start {
    padding-top: 120px;
  }
}
@media (min-width: 1040px) {
  .digital-sales-start {
    padding-left: 0;
    padding-right: 0;
  }
}
.digital-sales-start .digital-sales-start-content {
  display: flex;
  color: #FFFFFF;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 400px;
}
@media (min-width: 1040px) {
  .digital-sales-start .digital-sales-start-content {
    margin-top: 40px;
  }
}
@media (min-width: 1536px) {
  .digital-sales-start .digital-sales-start-content {
    min-height: 600px;
    margin-top: 80px;
  }
}
.digital-sales-start .digital-sales-start-content a {
  color: #FFFFFF !important;
}
.digital-sales-start .digital-sales-start-content h2, .digital-sales-start .digital-sales-start-content .as-h2, .digital-sales-start .digital-sales-start-content h5, .digital-sales-start .digital-sales-start-content .as-h5 {
  margin-bottom: 0;
}
.digital-sales-start .digital-sales-start-content .digital-sales-sub-header {
  justify-content: flex-start;
}
@media (min-width: 840px) {
  .digital-sales-start .digital-sales-start-content .digital-sales-sub-header {
    justify-content: flex-end;
  }
}
.digital-sales-start .digital-sales-start-content .paused-lottery-buttons {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity ease-in-out;
}
.digital-sales-start .digital-sales-start-content .paused-lottery-buttons.show {
  opacity: 1;
}
@media (min-width: 840px) {
  .digital-sales-start .digital-sales-start-content .paused-lottery-buttons {
    flex-flow: row nowrap;
  }
  .digital-sales-start .digital-sales-start-content .paused-lottery-buttons .btn:nth-of-type(1) {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.digital-sales-start .digital-sales-start-content .paused-lottery-buttons .btn:nth-of-type(1) {
  margin-bottom: 8px;
}
.digital-sales-start .digital-sales-start-content .paused-lottery-buttons .btn.transparent:not(:hover):not(:focus) {
  color: #FFFFFF;
}
.digital-sales-start .digital-sales-start-content .paused-lottery-buttons .btn.transparent {
  border-color: #FFFFFF;
}
.digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper {
  height: 100%;
  width: 100%;
  max-height: 400px;
  min-height: 400px;
  transition: 250ms ease-in-out;
  transition-property: max-height, min-height;
  overflow: hidden;
  position: relative;
  margin-top: 72px;
  margin-bottom: 24px;
}
@media (min-width: 1040px) {
  .digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper {
    margin-bottom: 72px;
    min-height: 600px;
    max-height: 600px;
  }
}
.digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper .digital-sales-content-wrapper-band {
  display: flex;
  flex-flow: column nowrap;
  transition: transform 1500ms cubic-bezier(0.5, 0.14, 0, 0.99);
}
.digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper .digital-sales-content-wrapper-band > div:not(#lottery) {
  min-height: 400px;
  max-height: 400px;
}
@media (min-width: 768px) {
  .digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper .digital-sales-content-wrapper-band > div:not(#lottery) {
    min-height: 600px;
    max-height: 600px;
  }
}
.digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper .digital-sales-content-wrapper-band > div:not(#lottery) {
  overflow: hidden;
}
.digital-sales-start .digital-sales-start-content .digital-sales-content-wrapper .digital-sales-content-wrapper-band > div:not(#lottery).hide {
  opacity: 0;
}
.digital-sales-start .lottery-results-pagination-wrapper {
  width: 100%;
  display: none;
  flex-flow: row nowrap;
  margin-top: 48px;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 1040px) {
  .digital-sales-start .lottery-results-pagination-wrapper {
    display: flex;
  }
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-pagination-arrow {
  width: 30px;
  height: 30px;
  background: url(/static/img/icon-chevron-right-light.svg) no-repeat;
  background-size: cover;
  transition: 150ms ease-in-out;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-pagination-arrow.disabled {
  opacity: 0.3;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-pagination-arrow:not(.disabled) {
  cursor: pointer;
  opacity: 0.8;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-pagination-arrow:not(.disabled):hover {
  opacity: 1;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-pagination-arrow.left {
  margin-right: 30px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-pagination-arrow.right {
  margin-left: 30px;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: 150ms ease-in-out;
  opacity: 0.5;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination:not(:first-of-type) {
  margin-left: 32px;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFFFFF;
  opacity: 0;
  transition: 150ms ease-in-out;
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination.current::before {
  content: "";
  position: absolute;
  right: -10px;
  top: 0px;
  background: #FFFFFF;
  width: 5px;
  height: 5px;
  color: #FFFFFF;
  border-radius: 50%;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination.active, .digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination:hover {
  opacity: 1;
}
.digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination.active::after, .digital-sales-start .lottery-results-pagination-wrapper .lottery-results-pagination:hover::after {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.digital-sales-start .lottery-results-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 32px;
}
@media (min-width: 840px) {
  .digital-sales-start .lottery-results-wrapper {
    margin-top: 64px;
  }
}
.digital-sales-start .lottery-results-wrapper .lottery-results {
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  transition: 500ms ease-in-out;
  left: 0;
  display: flex;
  position: absolute;
  flex-flow: row nowrap;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list {
  margin-left: 16px;
  display: flex;
  flex: 1 0 100%;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .lottery-results-overlay {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .lottery-results-overlay .lottery-results-magnifying-glass {
  transition: 500ms cubic-bezier(0.98, -0.32, 0.1, 1.42) 500ms;
  position: absolute;
  top: -100px;
  z-index: -1;
  left: 0;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .lottery-results-overlay .lottery-results-magnifying-glass.done {
  top: 100% !important;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item {
  list-style-type: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
  height: 50px;
  width: 50%;
}
@media (min-width: 840px) {
  .digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item {
    width: 33.3333333333%;
  }
}
@media (min-width: 1040px) {
  .digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item {
    width: 25%;
  }
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner {
  display: flex;
  flex-flow: row nowrap;
  padding: 4px 0;
  position: relative;
  width: calc(100% - 50px);
  height: 40px;
  align-items: center;
  justify-content: flex-start;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner .index {
  position: relative;
  width: 40px;
  flex: 0 0 40px;
  text-align: center;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner .name {
  position: relative;
  height: 100%;
  width: 100%;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner .name span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner.current:not(.initial) .index:not(.initial) > div {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  color: #21211E;
  animation: magnifyIndexRemove 500ms cubic-bezier(1, -0.72, 0, 1.69) 1 1400ms forwards;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner.current:not(.initial) .name {
  margin-left: 16px;
  animation: pushLeft 500ms cubic-bezier(0.46, -0.34, 0, 0.99) 1 1600ms forwards;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner.next.initial .index > div {
  animation-delay: 500ms;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner.next .index > div {
  transform: scale(1);
  -webkit-transform: scale(1);
  color: #FFFFFF;
  animation: magnifyIndex 500ms cubic-bezier(1, -0.72, 0, 1.69) 1 1600ms forwards;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner.animate .name {
  position: relative;
}
.digital-sales-start .lottery-results-wrapper .lottery-results .project-digital-result-list .project-digital-result-list-item .project-digital-result-list-item-inner.animate .name span {
  opacity: 0;
  animation: flyIn 500ms cubic-bezier(1, 0.72, 0.31, 1.37) 1 0ms forwards;
}

.no-margin-bottom-override {
  margin-bottom: 0 !important;
}

.digital-sales-countdown-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.digital-sales-countdown-wrapper .digital-sales-countdown {
  width: 100%;
  flex: 1 0 100%;
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  align-items: center;
}
.digital-sales-countdown-wrapper .digital-sales-countdown.seconds .number-wrapper .timeleft-minutes {
  display: none;
}
.digital-sales-countdown-wrapper .digital-sales-countdown.minutes .number-wrapper .timeleft-hours, .digital-sales-countdown-wrapper .digital-sales-countdown.seconds .number-wrapper .timeleft-hours {
  display: none;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-hours, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-minutes, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-seconds {
  display: flex;
  flex-flow: nowrap;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-hours .single-number-wrapper, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-minutes .single-number-wrapper, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-seconds .single-number-wrapper {
  position: relative;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-hours .single-number-wrapper .as-h1.number:not(:first-child), .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-minutes .single-number-wrapper .as-h1.number:not(:first-child), .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .timeleft-seconds .single-number-wrapper .as-h1.number:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper.last-10 .timeleft-hours, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper.last-10 .timeleft-minutes, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper.last-10 .timeleft-seconds .secondsX_ {
  display: none;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper.last-10 .single-number-wrapper.seconds_X .as-h1 {
  transform: scaleY(0) rotateY(-90deg);
  -webkit-transform: scaleY(0) rotateY(-90deg);
  opacity: 0;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper.last-10 .single-number-wrapper.seconds_X .as-h1.animateIn {
  animation: twistY 1000ms cubic-bezier(0, 0.99, 1, 0.01) 1 forwards, fadeOut 1000ms ease-in-out 1;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper:not(.last-10) .timeleft-hours .single-number-wrapper .as-h1.number, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper:not(.last-10) .timeleft-minutes .single-number-wrapper .as-h1.number, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper:not(.last-10) .timeleft-seconds .single-number-wrapper .as-h1.number {
  transform: scale(0) rotateY(90deg) rotate3d(10, 10, 10, 90deg);
  -webkit-transform: scale(0) rotateY(90deg) rotate3d(10, 10, 10, 90deg);
  transition: transform cubic-bezier(0.44, 0.42, 0.5, 1) 250ms;
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper:not(.last-10) .timeleft-hours .single-number-wrapper .as-h1.number.animateIn, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper:not(.last-10) .timeleft-minutes .single-number-wrapper .as-h1.number.animateIn, .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper:not(.last-10) .timeleft-seconds .single-number-wrapper .as-h1.number.animateIn {
  transition-delay: 250ms, 250ms;
  transform: scale(1) rotateY(0deg);
  -webkit-transform: scale(1) rotateY(0deg);
}

.digital-sales-modal .bw-modal-body-heading {
  display: none;
}

.digital-sales-what-happens-next-header {
  margin-bottom: 8px;
  margin-top: 4px;
}
@media (min-width: 840px) {
  .digital-sales-what-happens-next-header {
    margin-top: 16px;
    margin-bottom: 48px;
  }
}

.digital-sales-admin-controls-wrapper {
  position: fixed;
  top: 140px;
  left: 0;
  z-index: 11;
  display: flex;
  flex-flow: column nowrap;
  padding: 16px;
  background: #21211E;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: left 250ms ease-in-out;
}
.digital-sales-admin-controls-wrapper > * {
  color: #FFFFFF;
}
.digital-sales-admin-controls-wrapper.hidden {
  left: -176px;
}
.digital-sales-admin-controls-wrapper.hidden .digital-sales-admin-controls-show-hide .digital-sales-admin-controls-arrow {
  transform: rotate(0deg);
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-show-hide {
  position: absolute;
  background: #21211E;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 40px;
  width: 20px;
  right: -20px;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-show-hide .digital-sales-admin-controls-arrow {
  background: url(/static/img/icon-chevron-right-light.svg) no-repeat center center;
  width: 20px;
  cursor: pointer;
  height: 20px;
  transition: 250ms ease-in-out;
  transform: rotateY(180deg);
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-intro {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 16px;
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-intro h5, .digital-sales-admin-controls-wrapper .digital-sales-admin-controls-intro .as-h5 {
  margin: 0;
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-intro span {
  font-style: italic;
  font-size: 10px;
  line-height: 12px;
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-button-wrapper {
  display: flex;
  flex-flow: column nowrap;
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-button-wrapper .digital-sales-start-admin-controls-button {
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  padding-bottom: 3px;
  color: #ffffff;
  font-weight: bold;
  opacity: 0.8;
}
.digital-sales-admin-controls-wrapper .digital-sales-admin-controls-button-wrapper .digital-sales-start-admin-controls-button:hover {
  opacity: 1;
}

.animation-delay-fast-0 {
  animation-delay: 0ms, 8000ms !important;
}

.animation-delay-fast-1 {
  animation-delay: 50ms, 8100ms !important;
}

.animation-delay-fast-2 {
  animation-delay: 100ms, 8200ms !important;
}

.animation-delay-fast-3 {
  animation-delay: 150ms, 8300ms !important;
}

.animation-delay-fast-4 {
  animation-delay: 200ms, 8400ms !important;
}

.animation-delay-fast-5 {
  animation-delay: 250ms, 8500ms !important;
}

.animation-delay-fast-6 {
  animation-delay: 300ms, 8600ms !important;
}

.animation-delay-fast-7 {
  animation-delay: 350ms, 8700ms !important;
}

.animation-delay-fast-8 {
  animation-delay: 400ms, 8800ms !important;
}

.animation-delay-fast-9 {
  animation-delay: 450ms, 8900ms !important;
}

.animation-delay-fast-10 {
  animation-delay: 500ms, 9000ms !important;
}

.animation-delay-fast-11 {
  animation-delay: 550ms, 9100ms !important;
}

.animation-delay-fast-12 {
  animation-delay: 600ms, 9200ms !important;
}

.animation-delay-normal-n {
  animation-delay: 0ms, 1000ms !important;
}

.animation-delay-normal-n {
  animation-delay: 50ms, 1100ms !important;
}

.animation-delay-normal-n {
  animation-delay: 100ms, 1200ms !important;
}

.animation-delay-normal-n {
  animation-delay: 150ms, 1300ms !important;
}

.animation-delay-normal-n {
  animation-delay: 200ms, 1400ms !important;
}

.animation-delay-normal-n {
  animation-delay: 250ms, 1500ms !important;
}

.animation-delay-normal-n {
  animation-delay: 300ms, 1600ms !important;
}

.animation-delay-normal-n {
  animation-delay: 350ms, 1700ms !important;
}

.animation-delay-normal-n {
  animation-delay: 400ms, 1800ms !important;
}

.animation-delay-normal-n {
  animation-delay: 450ms, 1900ms !important;
}

.animation-delay-normal-n {
  animation-delay: 500ms, 2000ms !important;
}

.animation-delay-normal-n {
  animation-delay: 550ms, 2100ms !important;
}

.animation-delay-normal-n {
  animation-delay: 600ms, 2200ms !important;
}

@keyframes pushLeft {
  0% {
    margin-left: 16px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes slotMachine-ie11 {
  0% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  99% {
    transform: translateY(-2800px);
    -webkit-transform: translateY(-2800px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
}
@keyframes slotMachine {
  0% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  99% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
}
@keyframes twistY {
  0% {
    transform: scaleY(0) rotateY(-90deg);
    -webkit-transform: scaleY(0) rotateY(-90deg);
  }
  100% {
    transform: scaleY(2) rotateY(90deg);
    -webkit-transform: scaleY(2) rotateY(90deg);
  }
}
@keyframes fadeOut {
  0%, 95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flipShowForever {
  0% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
  10% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
}
@keyframes flipRemoveShowForever {
  0% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  80% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
}
@keyframes flipWiggleWithPause {
  0% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  20% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  40% {
    transform: rotateY(540deg);
    -webkit-transform: rotateY(540deg);
  }
  100% {
    transform: rotateY(540deg);
    -webkit-transform: rotateY(540deg);
  }
}
@keyframes flipShowLong {
  0% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
  10% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  90% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes flipShowShort {
  0% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
  20% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  80% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: translate(-100%, -50%);
    -webkit-transform: translateX(-100%, -50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0px, -50%);
    -webkit-transform: translateX(0px, -50%);
  }
}
@keyframes textFlyIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) translateY(100px);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) translateY(0px);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(0px);
  }
}
@keyframes textFlyOut {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) translateY(0px);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) translateY(-100px);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-100px);
  }
}
@keyframes magnifyIndexRemove {
  0% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    color: #21211E;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    color: #FFFFFF;
  }
}
@keyframes magnifyIndex {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    color: #FFFFFF;
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    color: #21211E;
  }
}
@keyframes audioPlaying {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  20%, 50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  33%, 60% {
    transform: translate(-50%, -50%) scale(0.9);
  }
}
/* colors */
/* Blue */
/* Red */
/* Yellow */
/* Green */
/* Grey */
/* Pink */
/* typography */
/* misc */
.tab-content-area .text-hero {
  padding-top: 0;
}

.tab-blocks-row {
  flex-wrap: nowrap;
  gap: 32px;
}
.tab-blocks-row > .bw-column {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .tab-blocks-row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .tab-blocks-row > .bw-column {
    flex: 1 1 100%;
  }
}

.tab-block-wrapper {
  padding: 12px 48px 12px 12px;
}
.tab-block-wrapper > * {
  padding: 0 !important;
}

.project-hero-image {
  position: relative;
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  margin-bottom: 32px;
}
@media (min-width: 840px) {
  .project-hero-image {
    border-radius: 24px;
  }
}
.project-hero-image__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 60%);
}
.project-hero-image__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 64px 64px;
}
.project-hero-image__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.project-hero-image__name {
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}
.project-hero-image__location {
  font-weight: 400;
  color: #FFFFFF;
}
.project-hero-image__gallery-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  background: #FFFFFF;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  color: #21211E;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.project-hero-image__gallery-btn svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  .project-hero-image {
    height: 524px;
  }
  .project-hero-image__content {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 16px 0 32px;
  }
  .project-hero-image__text {
    padding: 0 24px;
  }
  .project-hero-image__gallery-btn {
    order: -1;
    align-self: flex-end;
    margin-right: 16px;
  }
}

.project-images-slider-section {
  padding-top: 32px;
}
.project-images-slider-section__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 48px;
}
.project-images-slider-section__heading {
  flex: 1;
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.025em;
  color: #21211E;
}
.project-images-slider-section__all-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  background: #21211E;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
  cursor: pointer;
  white-space: nowrap;
}
.project-images-slider-section__all-btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.project-images-slider-section__all-btn:hover {
  background: #555862;
}
@media (max-width: 768px) {
  .project-images-slider-section {
    padding-top: 24px;
  }
  .project-images-slider-section__header {
    margin-bottom: 24px;
  }
  .project-images-slider-section__heading {
    font-size: 28px;
  }
  .project-images-slider-section__all-btn {
    font-size: 14px;
    height: 40px;
    padding: 0 16px;
  }
  .project-images-slider-section__all-btn svg {
    width: 20px;
    height: 20px;
  }
}

.project-images-slider {
  position: relative;
  overflow: hidden;
  padding-bottom: 96px;
}
.project-images-slider__track {
  display: flex;
  gap: 32px;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}
.project-images-slider__slide {
  flex: 0 0 calc(100% - 240px);
  height: 845px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .project-images-slider__slide {
    flex: 0 0 calc(100% - 56px);
    height: calc((100vw - 56px) * 0.65);
  }
}
.project-images-slider__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
.project-images-slider__expand {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #FFFFFF;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-images-slider__expand svg {
  width: 24px;
  height: 24px;
  color: #21211E;
}
.project-images-slider__expand:hover {
  background: #EEEEEF;
}
.project-images-slider__counter {
  position: absolute;
  bottom: calc(96px + 24px);
  right: calc(208px / 2 - 48px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #21211E;
  pointer-events: none;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .project-images-slider__counter {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(96px + 16px);
  }
}
.project-images-slider__nav {
  position: absolute;
  top: calc(845px / 2);
  transform: translateY(-50%);
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background: #21211E;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease;
}
.project-images-slider__nav svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.project-images-slider__nav:hover {
  background: #555862;
}
.project-images-slider__nav--prev {
  left: 24px;
}
.project-images-slider__nav--next {
  left: calc(100% - 208px + 24px);
}
@media (max-width: 768px) {
  .project-images-slider__nav {
    display: none;
  }
}

.project-wrapper .section-header {
  padding-top: 6vh;
  padding-bottom: 48px;
  margin-bottom: 48px;
}
.project-wrapper .section-header h3, .project-wrapper .section-header .as-h3, .project-wrapper .section-header h4, .project-wrapper .section-header .as-h4 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-content: center;
}
.project-wrapper .section-header .header-tag {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  min-height: 38px;
  line-height: 27px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #6A7C46;
  border-radius: 8px;
  padding: 8px 16px;
  color: #FFFFFF;
  gap: 8px;
  margin-bottom: 24px;
}
.project-wrapper .section-header.green-background {
  background-image: linear-gradient(180deg, #e1e5da 0%, rgba(225, 229, 218, 0) 100%);
}
.project-wrapper .section-header.green-background .header-tag {
  background-color: #6A7C46;
}
.project-wrapper .section-header.green-background .svg-header-color, .project-wrapper .section-header.green-background .svg-header-color * {
  fill: #6A7C46;
}
.project-wrapper .section-header.pink-background {
  background-image: linear-gradient(180deg, #FFF4F4 0%, rgba(255, 244, 244, 0) 100%);
}
.project-wrapper .section-header.pink-background .header-tag {
  background-color: #FFCAC6;
}
.project-wrapper .section-header.pink-background .svg-header-color, .project-wrapper .section-header.pink-background .svg-header-color * {
  fill: #FFCAC6;
}
.project-wrapper .section-header.blue-background {
  background-image: linear-gradient(180deg, #DAE5EA 0%, rgba(218, 229, 234, 0) 100%);
}
.project-wrapper .section-header.blue-background .header-tag {
  background-color: #447c97;
}
.project-wrapper .section-header.blue-background .svg-header-color, .project-wrapper .section-header.blue-background .svg-header-color * {
  fill: #447c97;
}
.project-wrapper .section-header.yellow-background {
  background-image: linear-gradient(180deg, #FDEECD 0%, rgba(253, 238, 205, 0) 100%);
}
.project-wrapper .section-header.yellow-background .header-tag {
  background-color: #F2A900;
  color: #21211E;
}
.project-wrapper .section-header.yellow-background .svg-header-color, .project-wrapper .section-header.yellow-background .svg-header-color * {
  fill: #F2A900;
}
.project-wrapper .section-header .hero-img-text {
  border-radius: 24px;
  width: 75%;
  position: relative;
  overflow: visible;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #21211E;
  text-decoration: underline;
  align-items: center;
}
.project-wrapper .section-header .hero-img-text a {
  color: #21211E;
}
.project-wrapper .section-header .hero-img-text .map-marker {
  width: 11px;
  height: 15px;
  margin-right: 8px;
  margin-top: 6px;
}
.project-wrapper .section-header .header-gallery {
  position: relative;
}
@media (min-width: 840px) {
  .project-wrapper .section-header .header-gallery.bw-column-lg-8 {
    padding-right: 64px;
  }
}
.project-wrapper .section-header .header-gallery.single-img {
  justify-content: center;
  display: flex;
}
.project-wrapper .section-header .header-gallery.single-img ul {
  width: 1536px;
}
.project-wrapper .section-header .header-gallery.single-img ul li {
  width: 1536px;
  max-width: none;
}
.project-wrapper .section-header .header-gallery.single-img ul li img {
  width: 100%;
}
.project-wrapper .section-header .header-gallery.single-img ul li:last-child {
  margin-right: 0;
}
.project-wrapper .section-header .header-gallery.single-img ul li:first-child {
  margin-left: 0;
}
.project-wrapper .section-header .header-gallery .bw-column {
  position: relative;
  height: 56.25%;
}
.project-wrapper .section-header .header-gallery .position-indicator-container {
  width: 100%;
}
.project-wrapper .section-header .header-gallery .position-indicator-container .position-indicator {
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  margin-top: -48px;
  float: right;
  margin-right: 10px;
}
.project-wrapper .section-header .header-gallery .click-areas {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
}
.project-wrapper .section-header .header-gallery .click-areas .back,
.project-wrapper .section-header .header-gallery .click-areas .forward {
  height: 100%;
  flex-basis: 50%;
  cursor: pointer;
}
.project-wrapper .section-header .header-gallery ul {
  display: flex;
  width: 100vw;
  height: auto;
  gap: 46px;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.project-wrapper .section-header .header-gallery li {
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 26px;
  width: 100%;
  height: auto;
  max-height: 693.05px;
  scroll-snap-align: start;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
}
.project-wrapper .section-header .header-gallery li.first {
  max-width: 4955px;
  width: 4955px;
}
.project-wrapper .section-header .header-gallery li.last {
  max-width: 5000px;
  width: 5000px;
}
.project-wrapper .section-header .header-gallery li.past {
  opacity: 0.5;
}
.project-wrapper .section-header .header-gallery li img {
  max-width: 100%;
  pointer-events: none;
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .header-gallery {
    margin-top: 0;
    padding-inline: 20px;
  }
  .project-wrapper .section-header .header-gallery .position-indicator {
    display: block;
    right: 4%;
    z-index: 1000;
    position: absolute;
  }
  .project-wrapper .section-header .header-gallery ul {
    overflow-x: scroll;
    scroll-padding-left: 0;
    scroll-snap-type: x mandatory;
    padding-bottom: 0;
    margin-bottom: 0;
    gap: 0;
    height: auto;
  }
  .project-wrapper .section-header .header-gallery ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
  }
  .project-wrapper .section-header .header-gallery ul::-webkit-scrollbar-bar {
    width: 0;
    height: 0;
    background: transparent;
  }
  .project-wrapper .section-header .header-gallery ul::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .project-wrapper .section-header .header-gallery li {
    width: 100%;
    max-width: 100%;
    height: 71.875vw;
    border-radius: 16px;
  }
  .project-wrapper .section-header .header-gallery li img {
    width: 100%;
  }
  .project-wrapper .section-header .header-gallery li.spacer {
    display: none;
  }
  .project-wrapper .section-header .header-gallery li:last-child {
    margin-right: 0;
  }
  .project-wrapper .section-header .header-gallery li:first-child {
    margin-left: 0;
  }
  .project-wrapper .section-header .header-gallery li.past {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .project-wrapper .section-header .header-gallery .click-areas {
    display: none;
  }
}
.project-wrapper .section-header .header-gallery.bw-column-lg-12 .position-indicator-container .position-indicator {
  right: 1%;
}
@media (min-width: 768px) {
  .project-wrapper .section-header .header-gallery-contained .header-gallery ul {
    width: 100%;
  }
  .project-wrapper .section-header .header-gallery-contained .header-gallery li:not(.spacer) {
    width: calc(100% - 120px);
  }
}
.project-wrapper .section-header .big-list {
  margin: 50px 0;
}
.project-wrapper .section-header .big-list .bw-column {
  display: block;
  padding-right: 22px;
}
.project-wrapper .section-header .big-list .bw-column > svg {
  float: left;
  margin-right: 10px;
  height: 48px;
  width: 48px;
}
.project-wrapper .section-header .big-list .bw-column > h3, .project-wrapper .section-header .big-list .bw-column > .as-h3 {
  display: block;
  width: auto;
  margin: 0;
}
.project-wrapper .section-header .big-list p {
  display: block;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.5px;
}
.project-wrapper .section-header .big-list.blue path {
  fill: #447c97;
}
.project-wrapper .section-header .big-list.green path {
  fill: #6A7C46;
}
.project-wrapper .section-header .big-list.pink path {
  fill: #FFCAC6;
}
.project-wrapper .section-header .big-list.yellow path {
  fill: #F2A900;
}
@media (max-width: 1040px) {
  .project-wrapper .section-header .big-list .bw-column > h3, .project-wrapper .section-header .big-list .bw-column > .as-h3 {
    display: block;
    width: auto;
    margin: 0;
  }
  .project-wrapper .section-header .big-list p {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 1536px) {
  .project-wrapper .section-header h2, .project-wrapper .section-header .as-h2 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .project-wrapper .section-header {
    margin-top: 0;
    padding-top: 0;
  }
  .project-wrapper .section-header .header-tag {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px;
  }
  .project-wrapper .section-header .header-tag svg {
    width: 20px;
    height: 20px;
  }
}
.project-wrapper .section-header .img-disclaimer-row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .img-disclaimer-row {
    gap: 16px;
    padding-inline: 20px;
    justify-content: space-between;
    flex-direction: column;
  }
}
@media (min-width: 840px) {
  .project-wrapper .section-header .img-disclaimer-row.bw-column-lg-8 {
    padding-right: 50px;
  }
}
.project-wrapper .section-header .img-disclaimer-row .hero-img-text {
  flex: 1;
  display: flex;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .img-disclaimer-row .hero-img-text {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 840px) {
  .project-wrapper .section-header .img-disclaimer-row .hero-img-text.xs {
    flex: 1;
  }
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns {
  flex: 0;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .img-disclaimer-row .hero-btns {
    gap: 20px;
    margin-top: 16px;
  }
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn {
  white-space: nowrap;
  max-height: 42px;
  /*margin-top: ($default-gutter * 2);*/
  margin-right: 16px;
  border: 0;
  padding: 10px 30px 10px 30px;
  min-height: 0;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn {
    width: 50%;
    margin-right: 0;
  }
  .project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.single-btn {
    width: 100%;
  }
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.blue {
  background-color: #447c97;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.blue:hover {
  background-color: #7CA3B6;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.green {
  background-color: #6A7C46;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.green:hover {
  background-color: #97A37E;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.pink {
  background-color: #FFCAC6;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.pink:hover {
  background-color: #FFDEDD;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.yellow {
  background-color: #F2A900;
  color: #21211E;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .all-img-btn.yellow:hover {
  background-color: #F7C759;
}
.project-wrapper .section-header .img-disclaimer-row .hero-btns .floorplan-btn {
  white-space: nowrap;
  max-height: 42px;
  /*margin-top: ($default-gutter * 2);*/
  margin-right: 16px;
  padding: 10px 30px 10px 30px;
  min-height: 0;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .img-disclaimer-row .hero-btns .floorplan-btn {
    width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .project-wrapper .only-desktop a {
    display: none;
  }
}
.project-wrapper .anchor--more, .project-wrapper .anchor--contact {
  position: relative;
  top: -50px;
  z-index: 1000;
  visibility: hidden;
  width: 100%;
  height: 5px;
  margin-bottom: -5px;
  background: red;
}
@media (min-width: 768px) {
  .project-wrapper .anchor--more, .project-wrapper .anchor--contact {
    top: -150px;
  }
}

.sticky-project-nav {
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #E9E9E8;
  padding-top: 110px;
  margin-top: -210px;
  transition: margin-top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sticky-project-nav a {
  white-space: nowrap;
}
.sticky-project-nav__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 96px;
  padding: 24px 32px;
  flex-wrap: nowrap;
}
.sticky-project-nav__links {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sticky-project-nav__link {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #21211E;
  text-decoration: none;
}
.sticky-project-nav__link:hover {
  text-decoration: underline;
}
.sticky-project-nav__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 24px;
  background: #F2A900;
  border-radius: 999px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #21211E;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.1s ease-in-out;
}
.sticky-project-nav__cta:hover, .sticky-project-nav__cta:focus {
  background: #D99600;
  color: #21211E;
  text-decoration: none;
}
@media (max-width: 768px) {
  .sticky-project-nav {
    padding-top: 0;
    margin-top: 0;
    top: unset;
    bottom: 0;
    overflow: hidden;
  }
  .sticky-project-nav__inner {
    min-height: unset;
    padding: 14px 0;
    justify-content: flex-start;
    gap: 24px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #90908E #E3E3E3;
  }
  .sticky-project-nav__inner::-webkit-scrollbar {
    height: 3px;
  }
  .sticky-project-nav__inner::-webkit-scrollbar-track {
    background: #E3E3E3;
    border-radius: 999px;
  }
  .sticky-project-nav__inner::-webkit-scrollbar-thumb {
    background: #90908E;
    border-radius: 999px;
  }
  .sticky-project-nav__links {
    gap: 24px;
    overflow-x: visible;
    min-width: auto;
    flex: 0 0 auto;
  }
  .sticky-project-nav__cta {
    order: -1;
  }
  .sticky-project-nav__link {
    font-size: 14px;
  }
}

.project-nav-inline {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E9E9E8;
  width: 100%;
}
.project-nav-inline a {
  white-space: nowrap;
}
.project-nav-inline__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 96px;
  padding: 24px 0;
  flex-wrap: nowrap;
}
.project-nav-inline__links {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.project-nav-inline__link {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #21211E;
  text-decoration: none;
  white-space: nowrap;
}
.project-nav-inline__link:hover {
  text-decoration: underline;
}
.project-nav-inline__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 24px;
  background: #F2A900;
  border-radius: 999px;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #21211E;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.1s ease-in-out;
}
.project-nav-inline__cta:hover, .project-nav-inline__cta:focus {
  background: #D99600;
  color: #21211E;
  text-decoration: none;
}
@media (max-width: 768px) {
  .project-nav-inline {
    overflow: hidden;
  }
  .project-nav-inline__inner {
    min-height: unset;
    padding: 14px 0px;
    justify-content: flex-start;
    gap: 24px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #90908E #E3E3E3;
  }
  .project-nav-inline__inner::-webkit-scrollbar {
    height: 3px;
  }
  .project-nav-inline__inner::-webkit-scrollbar-track {
    background: #E3E3E3;
    border-radius: 999px;
  }
  .project-nav-inline__inner::-webkit-scrollbar-thumb {
    background: #90908E;
    border-radius: 999px;
  }
  .project-nav-inline__links {
    gap: 24px;
    overflow-x: visible;
    min-width: auto;
    flex: 0 0 auto;
  }
  .project-nav-inline__cta {
    order: -1;
  }
  .project-nav-inline__link {
    font-size: 14px;
  }
}

#projectnav .sticky-project-nav {
  display: none;
  margin-top: 0;
  padding-top: 0;
}
#projectnav.stickyprojectnav .project-nav-inline {
  visibility: hidden;
}
#projectnav.stickyprojectnav .sticky-project-nav {
  display: block;
}

.usps {
  display: flex !important;
  flex-wrap: wrap;
  margin-top: 16px;
}
.usps .usp {
  display: flex;
  align-items: center;
  padding: 0 30px 0 0;
}
@media (min-width: 768px) {
  .usps .usp {
    flex-basis: 33.33%;
  }
}
.usps .usp .icon svg {
  width: 30px;
  height: 30px;
  margin: 0 8px 0 0;
}
.usps .usp .icon svg path {
  fill: #21211E;
}
.usps .usp h4, .usps .usp .as-h4 {
  margin: 0;
  font-weight: 700;
  color: #21211E;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .show-project-header-desktop .sticky-project-nav {
    margin-top: -110px;
  }
  .show-project-header-desktop.show-header .sticky-project-nav {
    margin-top: 0px;
  }
}
.scroll-header:not(.hide-header) .sticky-project-nav {
  margin-top: 200px;
}

.sales-pitch {
  max-height: fit-content;
  padding-right: 28px;
}
@media (min-width: 840px) {
  .sales-pitch {
    max-height: 94px;
    overflow: hidden;
  }
}

@media (max-width: 840px) {
  .gradient-project {
    display: none;
  }
}
.gradient-project {
  height: 65px;
  width: 100%;
  margin-top: -54px;
}

.blue-background .gradient-project {
  background: linear-gradient(360deg, rgb(220, 229, 233) 25%, rgba(220, 229, 233, 0.6) 54%);
}

.yellow-background .gradient-project {
  background: linear-gradient(360deg, #faebcc 25%, rgba(251, 236, 205, 0.6) 54%);
}

.green-background .gradient-project {
  background: linear-gradient(360deg, #e1e5da 25%, rgba(221, 224, 214, 0.6) 54%);
}

.pink-background .gradient-project {
  background: linear-gradient(360deg, #FFF4F4 25%, rgba(237, 228, 228, 0.6) 54%);
}

.anchors {
  flex-wrap: nowrap !important;
}

.intro-text {
  align-content: flex-start;
}

@media (max-width: 840px) {
  .show-description {
    display: none;
  }
}
.show-description {
  height: 42px;
  padding-inline: 24px;
  border: #21211E solid 1px;
  border-radius: 999px;
  font-size: 16px;
  color: #21211E;
  font-weight: 700;
  padding-top: 6px;
}

@media (max-width: 840px) {
  .pi-0 {
    padding-left: 0;
    padding-right: 0;
  }
}

#interest-form h3, #interest-form .as-h3 {
  font-weight: 700;
  color: #21211E;
  margin-bottom: 16px;
}
#interest-form .form-element input[type=text],
#interest-form .form-element input[type=email],
#interest-form .form-element input[type=tel] {
  background-color: #FFFFFF;
  border: 1px solid #E9E9E8;
  border-radius: 4px;
  font-size: 16px;
  height: 56px;
  padding: 0 16px;
}
#interest-form .form-element input[type=text]::placeholder,
#interest-form .form-element input[type=email]::placeholder,
#interest-form .form-element input[type=tel]::placeholder {
  color: #9B9B96;
}
#interest-form .form-element input[type=text]:focus,
#interest-form .form-element input[type=email]:focus,
#interest-form .form-element input[type=tel]:focus {
  border-color: #21211E;
  outline: none;
}
#interest-form .form-consent a {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: underline;
  color: #21211E;
}
#interest-form input[type=submit] {
  width: 100%;
  height: 56px;
  min-height: 56px;
  background-color: #F2A900;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  color: #21211E;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
}
#interest-form input[type=submit]:hover, #interest-form input[type=submit]:focus {
  background-color: #D99600;
  color: #21211E;
  border-color: transparent;
}

.unit-facts-documents {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
@media (min-width: 768px) {
  .unit-facts-documents {
    flex-direction: row;
    gap: 32px;
  }
}
.unit-facts-documents > * {
  flex: 1 1 0;
  min-width: 0;
}

.unit-facts {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #ECF2F5;
  padding: 32px;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .unit-facts {
    gap: 24px;
    padding: 64px;
    border-radius: 24px;
  }
}
.unit-facts__heading {
  margin: 0;
}
.unit-facts__heading-name {
  font-weight: 400;
}
.unit-facts__heading-name {
  font-weight: 400;
  display: inline;
}
.unit-facts__status-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
@media (min-width: 768px) {
  .unit-facts__status-row {
    gap: 16px;
  }
}
.unit-facts__status-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  color: #FFFFFF;
  background: #6A7C46;
}
.unit-facts__status-badge--red {
  background: #AF2D17;
}
.unit-facts__status-badge--blue {
  background: #447c97;
}
.unit-facts__status-badge--yellow {
  background: #F2A900;
  color: #21211E;
}
.unit-facts__status-badge--pink {
  background: #FFCAC6;
  color: #21211E;
}
.unit-facts__status-info {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 150%;
  color: #21211E;
}
.unit-facts__status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #6A7C46;
}
.unit-facts__status-dot--red {
  background: #AF2D17;
}
.unit-facts__status-dot--blue {
  background: #447c97;
}
.unit-facts__status-dot--yellow {
  background: #F2A900;
}
.unit-facts__status-dot--pink {
  background: #FFCAC6;
}
.unit-facts__grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.unit-facts__row {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.unit-facts__label {
  flex: 0 0 120px;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #21211E;
}
@media (min-width: 768px) {
  .unit-facts__label {
    flex-basis: 150px;
  }
}
.unit-facts__value {
  flex: 1 1 0;
  min-width: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #21211E;
}
@media (max-width: 768px) {
  .unit-facts__row {
    display: block;
  }
  .unit-facts__label {
    display: inline;
    flex: none;
  }
  .unit-facts__label::after {
    content: ":";
  }
  .unit-facts__value {
    display: inline;
  }
}
.unit-facts__fade {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 56px;
  height: 64px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(236, 242, 245, 0) 0%, rgb(236, 242, 245) 100%);
}
.unit-facts__show-more {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 4px;
  align-self: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #21211E;
}
.unit-facts__show-more-text {
  text-decoration: underline;
}
.unit-facts__show-more-icon {
  transition: transform 0.1s ease-in-out;
}
@media (max-width: 768px) {
  .unit-facts.js-collapsible .unit-facts__grid {
    max-height: 240px;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
  }
  .unit-facts.js-collapsible .unit-facts__fade {
    display: block;
  }
  .unit-facts.js-collapsible .unit-facts__show-more {
    display: inline-flex;
  }
  .unit-facts.js-collapsible.is-expanded .unit-facts__grid {
    max-height: 2000px;
  }
  .unit-facts.js-collapsible.is-expanded .unit-facts__fade {
    display: none;
  }
  .unit-facts.js-collapsible.is-expanded .unit-facts__show-more-icon {
    transform: rotate(180deg);
  }
}

.unit-documents {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #E3E3E3;
  padding: 32px;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .unit-documents {
    gap: 32px;
    padding: 64px;
    border-radius: 24px;
  }
}
.unit-documents__heading {
  margin: 0;
}
.unit-documents__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .unit-documents__list {
    gap: 16px;
  }
}
.unit-documents__item {
  margin: 0;
}
.unit-documents__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  text-decoration: none;
  color: #21211E;
}
.unit-documents__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #FFFFFF;
  color: #21211E;
}
.unit-documents__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.unit-documents__text-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #21211E;
  text-decoration: underline;
}
.unit-documents__text-meta {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #21211E;
}

.unit-images.section-header {
  padding-top: 24px;
}
@media (min-width: 768px) {
  .unit-images.section-header {
    padding-top: 48px;
  }
}
.unit-images__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .unit-images__header {
    justify-content: flex-end;
    margin-bottom: 16px;
  }
}
.unit-images__title {
  width: auto;
  margin: 0;
}
@media (max-width: 768px) {
  .unit-images__title {
    display: none;
  }
}
.unit-images__see-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  border: none;
  border-radius: 999px;
  background: #21211E;
  color: #FFFFFF;
  font-family: "Noto IKEA Latin", "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.1s ease-in-out;
}
.unit-images__see-all:hover {
  background: #555862;
}
.unit-images__see-all-icon {
  flex-shrink: 0;
}
.unit-images__fullscreen {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 999px;
  background: #FFFFFF;
  color: #21211E;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(33, 33, 30, 0.12);
  transition: background-color 0.1s ease-in-out;
}
.unit-images__fullscreen:hover {
  background: #EEEEEF;
}
.unit-images .header-gallery li:not(.spacer) {
  border-radius: 24px;
}
@media (max-width: 768px) {
  .unit-images .header-gallery li:not(.spacer) {
    border-radius: 16px;
  }
}
.unit-images .header-gallery .position-indicator {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 999px;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #21211E;
}
.unit-images .header-gallery .click-areas .back,
.unit-images .header-gallery .click-areas .forward {
  display: flex;
  align-items: center;
}
.unit-images .header-gallery .click-areas .back {
  justify-content: flex-start;
}
.unit-images .header-gallery .click-areas .forward {
  justify-content: flex-end;
}
.unit-images__nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin: 0 16px;
  border-radius: 999px;
  background: #21211E;
  color: #FFFFFF;
  pointer-events: none;
}
.unit-images__nav-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 768px) {
  .unit-images.section-header .header-gallery .click-areas {
    display: flex;
    pointer-events: none;
  }
  .unit-images__nav-icon {
    width: 48px;
    height: 48px;
    pointer-events: auto;
  }
  .unit-images .header-gallery .click-areas .forward .unit-images__nav-icon {
    margin: 0 24px;
  }
  .unit-images .header-gallery .click-areas .back .unit-images__nav-icon {
    margin: 0 -20px;
  }
}

.unit-nav .project-nav-inline {
  border-top: 1px solid #E9E9E8;
}
@media (max-width: 768px) {
  .unit-nav .project-nav-inline {
    border-top: none;
  }
}

.unit-project-header {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .unit-project-header {
    margin-bottom: 48px;
  }
}

body.onetrust--approved-C0002 .onetrust--require-C0002-not {
  display: none !important;
}

body.onetrust--blocked-C0002 .onetrust--require-C0002 {
  display: none !important;
}

body.onetrust--approved-C0003 .onetrust--require-C0003-not {
  display: none !important;
}

body.onetrust--blocked-C0003 .onetrust--require-C0003 {
  display: none !important;
}

body.onetrust--approved-C0004 .onetrust--require-C0004-not {
  display: none !important;
}

body.onetrust--blocked-C0004 .onetrust--require-C0004 {
  display: none !important;
}

body.onetrust--approved-C0005 .onetrust--require-C0005-not {
  display: none !important;
}

body.onetrust--blocked-C0005 .onetrust--require-C0005 {
  display: none !important;
}

body.onetrust--approved-C0006 .onetrust--require-C0006-not {
  display: none !important;
}

body.onetrust--blocked-C0006 .onetrust--require-C0006 {
  display: none !important;
}

body.onetrust--approved-C0007 .onetrust--require-C0007-not {
  display: none !important;
}

body.onetrust--blocked-C0007 .onetrust--require-C0007 {
  display: none !important;
}

.onetrust--blocked-content {
  background-color: #FFEAE8;
  border-radius: 24px;
}
.onetrust--blocked-content h3, .onetrust--blocked-content .as-h3, .onetrust--blocked-content p {
  color: darkred !important;
}
.onetrust--blocked-content h3, .onetrust--blocked-content .as-h3 {
  margin: 30px 0 10px 0;
}
.onetrust--blocked-content h3:before, .onetrust--blocked-content .as-h3:before {
  content: "🛇";
  margin-right: 10px;
}
.onetrust--blocked-content .block-5050-inner-text {
  padding: 20px 0;
}
.onetrust--blocked-content.padding {
  padding: 15px 40px;
}

.image .onetrust--blocked-content {
  padding: 15px 40px;
}