@charset "UTF-8";
.bw-container {
  width: 100%;
  max-width: 100%;
  display: block;
}
.bw-container.md {
  max-width: 768px;
}
.bw-container.lg {
  max-width: 840px;
}
.bw-container.xl {
  max-width: 1040px;
}
.bw-container.xx {
  max-width: 1336px;
}

.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-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 {
  /* Extra small columns, keeping designated column width*/
}
.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.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 {
    /* Extra small columns, keeping designated column width*/
  }
  .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.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 {
    /* Small columns, keeping designated column width*/
  }
  .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.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: 1336px) {
  /*.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 */
/* typography */
/* misc */
/* colors */
/* 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: 22px;
  font-size: 12px;
  font-weight: normal;
  scrollbar-color: #21211E #EBEBEF;
  scrollbar-width: 8px;
}
@media (min-width: 1040px) {
  html,
  body {
    line-height: 26px;
    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 {
  margin: 0 auto 0;
  overflow: hidden;
}
@media (min-width: 840px) {
  .bw-container {
    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);
}
@media (min-width: 768px) {
  .bw-container .bw-row {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 840px) {
  .bw-container .bw-row {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.bw-container .bw-row .bw-column .block-base-inner {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
}
.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;
  padding-top: 72px;
  padding-bottom: 72px;
}
@media (min-width: 840px) {
  .full-width-wrapper {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .full-width-wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media (min-width: 1336px) {
  .full-width-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.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.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: 1336px) {
  .full-width-wrapper.margin-bottom {
    margin-bottom: 120px;
  }
}
@media (min-width: 768px) {
  .full-width-wrapper.rounded {
    border-radius: 24px;
  }
}

.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: 22px;
  letter-spacing: -0.33px;
  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;
}

.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: 16px;
  padding-left: 16px;
  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: 480px) {
  .header .header-inner .place-header-content .header-navigation ul {
    display: none;
  }
}
@media (min-width: 520px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 160px);
    width: calc(100% - 160px);
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 160px);
    width: calc(100% - 160px);
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 160px);
    width: calc(100% - 160px);
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation ul {
    max-width: calc(100% - 160px);
    width: calc(100% - 160px);
    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 .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;
  height: 57px;
  padding-right: 0;
  padding-left: 0;
  width: 64px;
  overflow: visible;
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation .search {
    height: 57px;
    width: 48px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation .search {
    height: 72px;
    width: 48px;
  }
}
.header .header-inner .place-header-content .header-navigation .search .search-inner-icon {
  display: block;
  height: 57px;
  width: 64px;
  border-radius: 36px;
  position: relative;
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  background-image: url(/static/img/icon-search-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  z-index: 2;
}
@media (min-width: 840px) {
  .header .header-inner .place-header-content .header-navigation .search .search-inner-icon {
    width: 48px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation .search .search-inner-icon {
    height: 72px;
    width: 48px;
  }
}
.header .header-inner .place-header-content .header-navigation .search .search-inner-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 .search-inner-icon.open {
  background-image: url(/static/img/icon-cross-dark.svg);
}
.header .header-inner .place-header-content .header-navigation .search.active .search-inner-icon {
  background-image: url(/static/img/icon-cross-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  z-index: 2;
}
.header .header-inner .place-header-content .header-navigation .search.active .search-inner-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 .search-wrapper {
  height: 57px;
  display: none;
  min-width: 48px;
  width: 48px;
  background-color: #F5F5F7;
  border-radius: 36px;
  top: 0;
  right: 40px;
  opacity: 0;
  position: absolute;
  overflow: visible;
  z-index: 1;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 520px) {
  .header .header-inner .place-header-content .header-navigation .search .search-wrapper {
    display: block;
    min-width: 32px;
    width: 32px;
  }
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation .search .search-wrapper {
    right: -16px;
    top: 8px;
    min-width: 72px;
    width: 72px;
    border-radius: 36px;
    height: 72px;
  }
}
.header .header-inner .place-header-content .header-navigation .search .search-wrapper.open {
  width: 340px;
  opacity: 1;
  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .header .header-inner .place-header-content .header-navigation .search .search-wrapper.open {
    width: 450px;
  }
}
.header .header-inner .place-header-content .header-navigation .search .search-wrapper input[type=text] {
  background-color: transparent;
  width: 100%;
  border-radius: 36px;
  float: left;
  display: block;
  font-weight: bold;
  padding: 8px 48px 8px 32px;
  height: 57px;
}
@media (min-width: 1040px) {
  .header .header-inner .place-header-content .header-navigation .search .search-wrapper input[type=text] {
    height: 72px;
  }
}
.header .header-inner .place-header-content .header-navigation .search .search-wrapper input[type=text]:focus {
  border-radius: 36px;
}
.header .header-inner .place-header-content .header-navigation .search .autocomplete-wrapper {
  display: none;
  position: relative;
  top: 16px;
  right: 0;
  width: 450px;
  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);
}
.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: #ffffff;
}
.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 {
  background-color: #21211E;
}
body.menu-open .header {
  background-color: #21211E;
  color: #ffffff;
}
body.menu-open .header .header-inner .place-header-content .logo .logo-main {
  background-image: url(/static/img/boklok-logo-neg.svg);
}
body.menu-open .header .header-inner .place-header-content .header-navigation ul {
  display: none;
}
body.menu-open .header .header-inner .place-header-content .header-navigation .google {
  display: none;
}
body.menu-open .header .header-inner .place-header-content .header-navigation .search {
  display: none;
}

.device-foldout-menu {
  display: none;
  background-color: #21211E;
}
.device-foldout-menu.open {
  display: block;
  color: #ffffff;
  padding-top: 110px;
}
@media (min-width: 840px) {
  .device-foldout-menu.open {
    display: none;
  }
}
.device-foldout-menu.open ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  display: block;
  border-top: solid 1px #555862;
  border-bottom: solid 1px #555862;
}
.device-foldout-menu.open ul li {
  list-style: none;
  border-top: solid 1px #555862;
  display: block;
  min-height: 72px;
  position: relative;
  float: left;
  width: 100%;
}
.device-foldout-menu.open ul li:first-child {
  border-top: none;
}
.device-foldout-menu.open ul li a {
  list-style: none;
  padding: 24px;
  color: #ffffff;
  display: block;
  width: 100%;
  padding-right: 72px;
  min-height: 72px;
  text-decoration: none;
  float: left;
}
.device-foldout-menu.open ul li a:hover {
  text-decoration: none;
}
.device-foldout-menu.open ul li ul {
  list-style: none;
  overflow: visible;
  margin: 0;
  width: 100%;
  display: none;
  float: left;
  background-color: #555862;
}
.device-foldout-menu.open ul li ul.open {
  display: block;
}
.device-foldout-menu.open ul li ul li {
  display: block;
  float: left;
  min-height: 72px;
  position: relative;
  width: 100%;
  border-top: solid 1px #21211E;
}
.device-foldout-menu.open ul li ul li:first-child {
  border-top: solid 1px #555862;
}
.device-foldout-menu.open ul li ul li a {
  padding: 24px;
  padding-right: 72px;
  min-height: 72px;
  float: left;
}
.device-foldout-menu.open ul li .device-caret {
  float: right;
  margin-top: 0;
  margin-left: 10px;
  border-left: solid 1px #555862;
  width: 72px;
  height: 72px;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  position: absolute;
  right: 0;
}
.device-foldout-menu.open ul li .device-caret .arrow {
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  bottom: -5px;
  transform: rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 2px;
  text-align: left;
  float: right;
  left: 35px;
  top: 28px;
}
.device-foldout-menu.open ul li .device-caret .arrow:before, .device-foldout-menu.open ul li .device-caret .arrow:after {
  content: "";
  background-color: transparent;
  width: 2px;
  height: 8px;
  display: inline-block;
  position: absolute;
  border-bottom: 10px solid #ffffff;
  top: 0;
  left: 0;
  transform: rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.device-foldout-menu.open ul li .device-caret .arrow:before {
  position: absolute;
  transform: rotate(-135deg);
}
.device-foldout-menu.open ul li .device-caret .arrow:after {
  position: absolute;
  transform: rotate(135deg);
}
.device-foldout-menu.open ul li .device-caret.active .arrow {
  transform: rotate(0);
  transform: translate(0, -6px);
}
.device-foldout-menu.open ul li .device-caret.active .arrow:before {
  transform: rotate(-45deg);
}
.device-foldout-menu.open ul li .device-caret.active .arrow:after {
  transform: rotate(45deg);
}
.device-foldout-menu .device-foldout-menu-inner {
  color: #ffffff;
  padding: 24px;
}
.device-foldout-menu .device-foldout-menu-inner h4, .device-foldout-menu .device-foldout-menu-inner .as-h4 {
  margin-bottom: 16px;
}
.device-foldout-menu .device-foldout-menu-inner p a {
  color: #ffffff;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.device-foldout-menu .device-foldout-menu-inner p a:hover {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.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;
  padding-top: 72px;
  padding-bottom: 96px;
}
.footer .footer-inner {
  padding-right: 16px;
  padding-left: 16px;
  width: 100%;
  display: block;
}
.footer .footer-inner ul {
  list-style: none;
}
.footer .footer-inner ul li {
  list-style-image: none;
  margin-bottom: 24px;
}
.footer .footer-inner ul li a {
  color: #ffffff;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner ul li a:hover {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner .footer-inner-content {
  color: #ffffff;
  width: 100%;
  border-top: solid 1px #555862;
  padding-top: 32px;
  padding-bottom: 8px;
}
@media (min-width: 840px) {
  .footer .footer-inner .footer-inner-content {
    padding-top: 0;
    border-top: none;
  }
}
.footer .footer-inner .footer-inner-content h4, .footer .footer-inner .footer-inner-content .as-h4 {
  margin-bottom: 16px;
}
.footer .footer-inner .footer-inner-content p a {
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner .footer-inner-content p a:hover {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner .footer-inner-content ul {
  list-style: none;
  display: table;
}
.footer .footer-inner .footer-inner-content ul li {
  list-style-image: none;
  margin-bottom: 16px;
}
.footer .footer-inner .footer-inner-content ul li a {
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.33px;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner .footer-inner-content ul li a:hover {
  text-decoration: underline;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner .footer-inner-content ul li a:after {
  content: "";
  display: block;
  background: url(/static/img/icon-link-external-light.svg) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  float: right;
  margin: 2px 0 0 16px;
}
.footer .footer-inner .footer-inner-content.social {
  text-align: left;
  padding-top: 48px;
}
@media (min-width: 1040px) {
  .footer .footer-inner .footer-inner-content.social {
    text-align: right;
    padding-top: 0;
  }
}
.footer .footer-inner .footer-inner-content.social a {
  opacity: 1;
  display: inline-block;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 48px;
  height: 48px;
}
.footer .footer-inner .footer-inner-content.social a.social-item {
  margin-right: 16px;
  margin-left: 0;
}
@media (min-width: 1040px) {
  .footer .footer-inner .footer-inner-content.social a.social-item {
    margin-right: 0;
    margin-left: 8px;
  }
}
.footer .footer-inner .footer-inner-content.social a:hover {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-inner .footer-inner-content.extra-footer-images {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  justify-content: flex-start;
  border-top: solid 1px #555862;
  margin-top: 48px;
  padding-top: 48px;
}
@media (min-width: 1040px) {
  .footer .footer-inner .footer-inner-content.extra-footer-images {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.footer .footer-inner .footer-inner-content.extra-footer-images .extra-footer-image {
  height: 40px;
  margin: 0;
}
.footer .footer-inner .footer-inner-content.extra-footer-images .extra-footer-image img {
  max-height: 100%;
}
@media (min-width: 768px) {
  .footer .footer-inner .footer-inner-content.extra-footer-images .extra-footer-image {
    height: 80px;
  }
}
.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-size: 36px;
  line-height: 49px;
  letter-spacing: -0.97px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h1, .as-h1 {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -1.3px;
  }
}
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-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h2, .as-h2 {
    font-size: 36px;
    line-height: 49px;
    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-size: 16px;
  line-height: 26px;
  letter-spacing: -0.33px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h3, .as-h3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
h3 span, .as-h3 span {
  font-weight: normal;
  display: block;
}

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

h4, .as-h4 {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.29px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  h4, .as-h4 {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.33px;
  }
}
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: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
h5 span, .as-h5 span {
  font-weight: normal;
  display: block;
}

.as-h5 {
  display: block;
}

p {
  line-height: 22px;
  font-size: 12px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  p {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 32px;
  }
}
p.preamble {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 24px;
}
@media (min-width: 840px) {
  p.preamble {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

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

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

label {
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
}
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: bold;
  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;
}

.breadcrumbs {
  padding: 0;
  margin: 16px;
  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: 26px;
  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: 26px;
  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;
}

.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: 22px;
  font-size: 12px;
}
@media (min-width: 840px) {
  .cookie .cookie-content .cookie-link {
    line-height: 26px;
    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 - 1336px)";
  }
}
@media (min-width: 1336px) {
  .breakpoint-helper:after {
    content: "xx (1336px - ∞)";
  }
}

/* colors */
/* typography */
/* misc */
.start-hero {
  border-radius: 0;
  width: 100%;
  min-height: 432px;
  position: relative;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 24px;
  z-index: 4;
}
@media (min-width: 768px) {
  .start-hero {
    margin-bottom: 72px;
    border-radius: 24px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.start-hero .start-hero-inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: visible;
  border-radius: 0;
  padding: 48px 24px;
  min-height: 336px;
  align-items: flex-end;
  display: flex;
}
@media (min-width: 768px) {
  .start-hero .start-hero-inner {
    min-height: 432px;
    border-radius: 24px;
    padding: 48px;
  }
}
@media (min-width: 768px) {
  .start-hero .start-hero-inner {
    padding: 72px;
  }
}
.start-hero .start-hero-inner .start-hero-inner-text {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
  overflow: visible;
}
@media (min-width: 480px) {
  .start-hero .start-hero-inner .start-hero-inner-text {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .start-hero .start-hero-inner .start-hero-inner-text {
    width: 80%;
  }
}
@media (min-width: 840px) {
  .start-hero .start-hero-inner .start-hero-inner-text {
    width: 60%;
  }
}
@media (min-width: 1040px) {
  .start-hero .start-hero-inner .start-hero-inner-text {
    width: 50%;
  }
}
@media (min-width: 1336px) {
  .start-hero .start-hero-inner .start-hero-inner-text {
    width: 40%;
  }
}
.start-hero .start-hero-inner .start-hero-inner-text h1, .start-hero .start-hero-inner .start-hero-inner-text .as-h1 {
  color: #FFFFFF;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -1.73px;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .start-hero .start-hero-inner .start-hero-inner-text h1, .start-hero .start-hero-inner .start-hero-inner-text .as-h1 {
    font-size: 64px;
    line-height: 78px;
  }
}
.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-inner .start-hero-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
@media (min-width: 768px) {
  .start-hero .start-hero-inner .start-hero-overlay {
    border-radius: 24px;
  }
}
.start-hero .start-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) {
  .start-hero .start-hero-inner video {
    border-radius: 24px;
  }
}

.start-hero-intro {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 72px;
  font-weight: bold;
}
@media (min-width: 840px) {
  .start-hero-intro {
    font-size: 24px;
    line-height: 42px;
  }
}
.start-hero-intro p {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (min-width: 840px) {
  .start-hero-intro p {
    font-size: 24px;
    line-height: 42px;
  }
}

.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: 1336px) {
  .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: 1336px) {
  .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: 36px;
  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;
  }
}

.text-hero {
  border-radius: 24px;
  width: 100%;
  position: relative;
  overflow: visible;
  padding-top: 24px;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 48px;
}
@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: 1336px) {
  .text-hero {
    padding-top: 120px;
  }
}
.text-hero.proj-obj-top {
  padding-top: 32px;
  margin-bottom: 0;
}
.text-hero.no-top-padding {
  padding-top: 0;
}
.text-hero.top-padding-M {
  padding-top: 48px;
}
@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: 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: 36px;
  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: 22px;
  font-size: 12px;
  margin-bottom: 16px;
}
@media (min-width: 840px) {
  .text-hero .text-hero-inner .text-hero-inner-text.normal p {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 32px;
  }
}
.text-hero .text-hero-inner .text-hero-inner-text.normal p + a {
  margin-top: 32px;
}

.image-text {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
  margin-right: 0;
  margin-left: 0;
  position: relative;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .image-text {
    margin-bottom: 32px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 16px;
    margin-left: 16px;
  }
}
.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: 1336px) {
  .image-text.stand-alone {
    margin-bottom: 120px;
  }
}
.image-text .image-text-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-text .image-text-inner .image-text-inner-text {
  float: left;
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  padding: 32px;
  background-color: #ffffff;
  border: solid 1px #B7BDD3;
  border-radius: 24px;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.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 {
  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);
}
.image-text .image-text-inner .image-text-inner-text p {
  color: #21211E;
  font-weight: normal;
  margin-bottom: 0;
}
.image-text .image-text-inner .image-text-inner-text .image-text-inner-text-content {
  width: 100%;
  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 {
  color: #21211E;
  font-weight: normal;
  margin-bottom: 0;
}
.image-text .image-text-inner .image-text-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  padding-bottom: 72.875%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  position: relative;
}
.image-text .image-text-inner .image-text-img video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  border-radius: 24px 24px 0 0;
}
.image-text .image-text-inner .image-text-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text .image-text-inner .image-text-img + .image-text-inner-text {
  border-radius: 0 0 24px 24px;
}
.image-text.color-complementary1 .image-text-inner-text {
  border: none;
  background-color: #DAE5EA;
}
.image-text.color-complementary2 .image-text-inner-text {
  border: none;
  background-color: #EFD5D1;
}
.image-text.color-complementary3 .image-text-inner-text {
  border: none;
  background-color: #FDEECD;
}
.image-text.color-complementary4 .image-text-inner-text {
  border: none;
  background-color: #e1e5da;
}
.image-text.color-complementary5 .image-text-inner-text {
  border: none;
  background-color: #E9E9E8;
}
.image-text.color-complementary6 .image-text-inner-text {
  border: none;
  background-color: #FFF4F4;
}
.image-text:hover:not(.contact):not(.floorplan) {
  cursor: pointer;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.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-img + .image-text-inner-text {
  border-radius: 0 0 24px 24px;
}
.image-text:hover:not(.contact):not(.floorplan) .image-text-inner .image-text-inner-text {
  background-color: #F5F5F7;
  transition: background-color 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;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text:hover:not(.contact):not(.floorplan).color-complementary1 .image-text-inner-text {
  background-color: #C6D7DF;
}
.image-text:hover:not(.contact):not(.floorplan).color-complementary2 .image-text-inner-text {
  background-color: #E7C0B9;
}
.image-text:hover:not(.contact):not(.floorplan).color-complementary3 .image-text-inner-text {
  background-color: #F9E5BF;
}
.image-text:hover:not(.contact):not(.floorplan).color-complementary4 .image-text-inner-text {
  background-color: #D2D7C7;
}
.image-text:hover:not(.contact):not(.floorplan).color-complementary5 .image-text-inner-text {
  background-color: #DDDDDD;
}
.image-text:hover:not(.contact):not(.floorplan).color-complementary6 .image-text-inner-text {
  background-color: #FFEAE8;
}
.image-text.contact .image-text-inner {
  border-radius: 0;
  position: relative;
  overflow: hidden;
  float: left;
  align-content: stretch;
  align-items: flex-start;
  flex-direction: column;
  display: block;
  height: auto;
  width: 100%;
}
.image-text.contact .image-text-inner .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.contact .image-text-inner .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.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: 24px;
  letter-spacing: -0.29px;
}
.image-text.contact .image-text-inner .image-text-img {
  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 {
  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: 1336px) {
  .image-text.floorplan {
    margin-bottom: 120px;
  }
}
.image-text.floorplan .image-text-inner {
  border-radius: 24px 24px 0 0;
  position: relative;
  overflow: hidden;
  float: left;
  align-content: stretch;
  align-items: flex-start;
  flex-direction: column;
  display: block;
  height: auto;
  width: 100%;
}
.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 {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-img img {
  border-radius: 24px;
  margin-bottom: 16px;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper .image-text-img .image-text-img-overlay {
  display: block;
  position: absolute;
  background-color: #ECA92B;
  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-img + .image-text-inner-text {
  border-radius: 0 0 24px 24px;
}
.image-text.floorplan .image-text-inner .image-text-inner-wrapper:hover .image-text-inner-text {
  transition: background-color 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;
  /*width: 100%;*/
  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;
}

.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: #ECA92B;
}
.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;
}

.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);
}

.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.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: 1336px) {
  .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: 1336px) {
  .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: 1336px) {
  .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: 1336px) {
  .image.stand-alone .image-inner .image-vid .caption {
    width: 60%;
  }
}

.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-right: 16px;
    margin-left: 16px;
    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: #C6D7DF;
}
.background-plate:hover.color-complementary2 .background-plate-inner .background-plate-inner-text {
  background-color: #E7C0B9;
}
.background-plate:hover.color-complementary3 .background-plate-inner .background-plate-inner-text {
  background-color: #F9E5BF;
}
.background-plate:hover.color-complementary4 .background-plate-inner .background-plate-inner-text {
  background-color: #D2D7C7;
}
.background-plate:hover.color-complementary5 .background-plate-inner .background-plate-inner-text {
  background-color: #DDDDDD;
}
.background-plate:hover.color-complementary6 .background-plate-inner .background-plate-inner-text {
  background-color: #FFEAE8;
}

/* colors */
/* typography */
/* misc */
.block-5050 {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .block-5050 {
    padding-right: 0;
    padding-left: 0;
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 32px;
  }
}
@media (min-width: 840px) {
  .block-5050 {
    margin-bottom: 88px;
  }
}
@media (min-width: 1040px) {
  .block-5050 {
    margin-bottom: 104px;
  }
}
@media (min-width: 1336px) {
  .block-5050 {
    margin-bottom: 120px;
  }
}
.block-5050 .bw-row {
  padding: 0;
}
.block-5050 .block-5050-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  padding-bottom: 72.875%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.block-5050 .block-5050-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 24px;
}
.block-5050 .block-5050-img .block-5050-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 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);
}
@media (min-width: 768px) {
  .block-5050 .block-5050-img .block-5050-overlay {
    border-radius: 24px;
  }
}
.block-5050 .block-5050-img .block-5050-overlay:hover {
  cursor: pointer;
  border-radius: 0;
  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%;
  max-width: 100%;
  object-fit: fill;
  width: 100%;
  display: block;
  border-radius: 24px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-5050 .block-5050-img.modal:hover {
  cursor: pointer;
  border-radius: 24px;
  -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);
  border-radius: 24px;
}
.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 {
  padding: 24px 16px 16px 16px;
  display: block;
  width: 100%;
  align-self: center;
}
@media (min-width: 480px) {
  .block-5050 .block-5050-inner {
    padding: 48px 24px 24px 24px;
  }
}
@media (min-width: 768px) {
  .block-5050 .block-5050-inner {
    padding: 0 48px;
    display: flex;
  }
}
@media (min-width: 840px) {
  .block-5050 .block-5050-inner {
    padding: 0 48px;
  }
}
@media (min-width: 1040px) {
  .block-5050 .block-5050-inner {
    padding: 0 72px;
  }
}
.block-5050 .block-5050-inner .block-5050-inner-text {
  width: 100%;
}
.block-5050 .block-5050-inner .block-5050-inner-text h3, .block-5050 .block-5050-inner .block-5050-inner-text .as-h3 {
  color: #21211E;
}
.block-5050 .block-5050-inner .block-5050-inner-text p, .block-5050 .block-5050-inner .block-5050-inner-text > div:not(.btn) {
  color: #21211E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-weight: normal;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
@media (min-width: 768px) {
  .block-5050 .block-5050-inner .block-5050-inner-text p, .block-5050 .block-5050-inner .block-5050-inner-text > div:not(.btn) {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 1040px) {
  .block-5050 .block-5050-inner .block-5050-inner-text p, .block-5050 .block-5050-inner .block-5050-inner-text > div:not(.btn) {
    -webkit-line-clamp: 5;
  }
}
.block-5050 .block-5050-inner .block-5050-inner-text .block-5050-inner-project {
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  font-weight: normal;
  color: #21211E;
}
.block-5050 .block-5050-inner .block-5050-inner-text .block-5050-inner-project strong {
  margin-bottom: 2px;
  width: 100%;
  display: block;
}
.block-5050 .block-5050-inner .block-5050-inner-text .block-5050-inner-project p {
  font-size: initial;
  line-height: initial;
  margin-bottom: 16px;
}
.block-5050 .block-5050-inner .block-5050-inner-text.extended p {
  -webkit-line-clamp: 16;
}
@media (min-width: 768px) {
  .block-5050 .block-5050-inner .block-5050-inner-text.extended p {
    -webkit-line-clamp: 8;
  }
}
@media (min-width: 1040px) {
  .block-5050 .block-5050-inner .block-5050-inner-text.extended p {
    -webkit-line-clamp: 10;
  }
}
.block-5050 .block-5050-inner .block-5050-inner-text.extended p a {
  line-height: 22px;
  font-size: 12px;
}
@media (min-width: 840px) {
  .block-5050 .block-5050-inner .block-5050-inner-text.extended p a {
    line-height: 26px;
    font-size: 16px;
  }
}
.block-5050.color-complementary1 .block-5050-text-left-outer, .block-5050.color-complementary2 .block-5050-text-left-outer, .block-5050.color-complementary3 .block-5050-text-left-outer, .block-5050.color-complementary4 .block-5050-text-left-outer, .block-5050.color-complementary5 .block-5050-text-left-outer, .block-5050.color-complementary6 .block-5050-text-left-outer, .block-5050.color-7 .block-5050-text-left-outer, .block-5050.color-bordered .block-5050-text-left-outer {
  border-radius: 0 0 24px 24px;
}
@media (min-width: 768px) {
  .block-5050.color-complementary1 .block-5050-text-left-outer, .block-5050.color-complementary2 .block-5050-text-left-outer, .block-5050.color-complementary3 .block-5050-text-left-outer, .block-5050.color-complementary4 .block-5050-text-left-outer, .block-5050.color-complementary5 .block-5050-text-left-outer, .block-5050.color-complementary6 .block-5050-text-left-outer, .block-5050.color-7 .block-5050-text-left-outer, .block-5050.color-bordered .block-5050-text-left-outer {
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.color-complementary1 .block-5050-text-right-outer, .block-5050.color-complementary2 .block-5050-text-right-outer, .block-5050.color-complementary3 .block-5050-text-right-outer, .block-5050.color-complementary4 .block-5050-text-right-outer, .block-5050.color-complementary5 .block-5050-text-right-outer, .block-5050.color-complementary6 .block-5050-text-right-outer, .block-5050.color-7 .block-5050-text-right-outer, .block-5050.color-bordered .block-5050-text-right-outer {
  border-radius: 0 0 24px 24px;
}
@media (min-width: 768px) {
  .block-5050.color-complementary1 .block-5050-text-right-outer, .block-5050.color-complementary2 .block-5050-text-right-outer, .block-5050.color-complementary3 .block-5050-text-right-outer, .block-5050.color-complementary4 .block-5050-text-right-outer, .block-5050.color-complementary5 .block-5050-text-right-outer, .block-5050.color-complementary6 .block-5050-text-right-outer, .block-5050.color-7 .block-5050-text-right-outer, .block-5050.color-bordered .block-5050-text-right-outer {
    border-radius: 0 24px 24px 0;
  }
}
.block-5050.color-complementary1 .block-5050-img-left-outer, .block-5050.color-complementary2 .block-5050-img-left-outer, .block-5050.color-complementary3 .block-5050-img-left-outer, .block-5050.color-complementary4 .block-5050-img-left-outer, .block-5050.color-complementary5 .block-5050-img-left-outer, .block-5050.color-complementary6 .block-5050-img-left-outer, .block-5050.color-7 .block-5050-img-left-outer, .block-5050.color-bordered .block-5050-img-left-outer {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.block-5050.color-complementary1 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary2 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary3 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary4 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary5 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary6 .block-5050-img-left-outer .block-5050-img, .block-5050.color-7 .block-5050-img-left-outer .block-5050-img, .block-5050.color-bordered .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: 768px) {
  .block-5050.color-complementary1 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary2 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary3 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary4 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary5 .block-5050-img-left-outer .block-5050-img, .block-5050.color-complementary6 .block-5050-img-left-outer .block-5050-img, .block-5050.color-7 .block-5050-img-left-outer .block-5050-img, .block-5050.color-bordered .block-5050-img-left-outer .block-5050-img {
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.color-complementary1 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary2 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary3 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary4 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary5 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary6 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-7 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-bordered .block-5050-img-left-outer .block-5050-img img {
  border-radius: 24px 24px 0 0;
}
@media (min-width: 768px) {
  .block-5050.color-complementary1 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary2 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary3 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary4 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary5 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-complementary6 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-7 .block-5050-img-left-outer .block-5050-img img, .block-5050.color-bordered .block-5050-img-left-outer .block-5050-img img {
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.color-complementary1 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary2 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary3 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary4 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary5 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary6 .block-5050-img-right-outer .block-5050-img, .block-5050.color-7 .block-5050-img-right-outer .block-5050-img, .block-5050.color-bordered .block-5050-img-right-outer .block-5050-img {
  border-radius: 24px 24px 0 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 768px) {
  .block-5050.color-complementary1 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary2 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary3 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary4 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary5 .block-5050-img-right-outer .block-5050-img, .block-5050.color-complementary6 .block-5050-img-right-outer .block-5050-img, .block-5050.color-7 .block-5050-img-right-outer .block-5050-img, .block-5050.color-bordered .block-5050-img-right-outer .block-5050-img {
    border-radius: 0 24px 24px 0;
  }
}
.block-5050.color-complementary1 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary2 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary3 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary4 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary5 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary6 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-7 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-bordered .block-5050-img-right-outer .block-5050-img img {
  border-radius: 24px 24px 0 0;
}
@media (min-width: 768px) {
  .block-5050.color-complementary1 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary2 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary3 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary4 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary5 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-complementary6 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-7 .block-5050-img-right-outer .block-5050-img img, .block-5050.color-bordered .block-5050-img-right-outer .block-5050-img img {
    border-radius: 0 24px 24px 0;
  }
}
.block-5050.color-complementary1 .btn, .block-5050.color-complementary2 .btn, .block-5050.color-complementary3 .btn, .block-5050.color-complementary4 .btn, .block-5050.color-complementary5 .btn, .block-5050.color-complementary6 .btn, .block-5050.color-7 .btn, .block-5050.color-bordered .btn {
  display: none;
}
.block-5050.color-complementary1 .block-5050-text-left-outer {
  background-color: #DAE5EA;
}
.block-5050.color-complementary1 .block-5050-text-right-outer {
  background-color: #DAE5EA;
}
.block-5050.color-complementary2 .block-5050-text-left-outer {
  background-color: #EFD5D1;
}
.block-5050.color-complementary2 .block-5050-text-right-outer {
  background-color: #EFD5D1;
}
.block-5050.color-complementary3 .block-5050-text-left-outer {
  background-color: #FDEECD;
}
.block-5050.color-complementary3 .block-5050-text-right-outer {
  background-color: #FDEECD;
}
.block-5050.color-complementary4 .block-5050-text-left-outer {
  background-color: #e1e5da;
}
.block-5050.color-complementary4 .block-5050-text-right-outer {
  background-color: #e1e5da;
}
.block-5050.color-complementary5 .block-5050-text-left-outer {
  background-color: #E9E9E8;
}
.block-5050.color-complementary5 .block-5050-text-right-outer {
  background-color: #E9E9E8;
}
.block-5050.color-complementary6 .block-5050-text-left-outer {
  background-color: #FFF4F4;
}
.block-5050.color-complementary6 .block-5050-text-right-outer {
  background-color: #FFF4F4;
}
.block-5050.color-7 .block-5050-text-left-outer, .block-5050.color-bordered .block-5050-text-left-outer {
  border: solid 1px #B7BDD3;
  border-radius: 0 0 24px 24px;
}
@media (min-width: 768px) {
  .block-5050.color-7 .block-5050-text-left-outer, .block-5050.color-bordered .block-5050-text-left-outer {
    border: solid 1px #B7BDD3;
    border-radius: 24px 0 0 24px;
  }
}
.block-5050.color-7 .block-5050-text-right-outer, .block-5050.color-bordered .block-5050-text-right-outer {
  border: solid 1px #B7BDD3;
  border-radius: 0 0 24px 24px;
}
@media (min-width: 768px) {
  .block-5050.color-7 .block-5050-text-right-outer, .block-5050.color-bordered .block-5050-text-right-outer {
    border: solid 1px #B7BDD3;
    border-radius: 0 24px 24px 0;
  }
}
.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: black !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: white !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: white !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 {
  border-radius: 24px;
  -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);
  border-radius: 24px;
}
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 .block-5050-text-left-outer {
  background-color: #C6D7DF;
}
a.block-5050:hover.color-complementary1 .block-5050-text-right-outer {
  background-color: #C6D7DF;
}
a.block-5050:hover.color-complementary2 .block-5050-text-left-outer {
  background-color: #E7C0B9;
}
a.block-5050:hover.color-complementary2 .block-5050-text-right-outer {
  background-color: #E7C0B9;
}
a.block-5050:hover.color-complementary3 .block-5050-text-left-outer {
  background-color: #F9E5BF;
}
a.block-5050:hover.color-complementary3 .block-5050-text-right-outer {
  background-color: #F9E5BF;
}
a.block-5050:hover.color-complementary4 .block-5050-text-left-outer {
  background-color: #D2D7C7;
}
a.block-5050:hover.color-complementary4 .block-5050-text-right-outer {
  background-color: #D2D7C7;
}
a.block-5050:hover.color-complementary5 .block-5050-text-left-outer {
  background-color: #DDDDDD;
}
a.block-5050:hover.color-complementary5 .block-5050-text-right-outer {
  background-color: #DDDDDD;
}
a.block-5050:hover.color-complementary6 .block-5050-text-left-outer {
  background-color: #FFEAE8;
}
a.block-5050:hover.color-complementary6 .block-5050-text-right-outer {
  background-color: #FFEAE8;
}
a.block-5050:hover.color-bordered .block-5050-text-left-outer {
  background-color: #F5F5F7;
}
a.block-5050:hover.color-bordered .block-5050-text-right-outer {
  background-color: #F5F5F7;
}
a.block-5050:hover.color-complementary1 .block-5050-text-left-outer {
  background-color: #C6D7DF;
}
a.block-5050:hover.color-complementary1 .block-5050-text-right-outer {
  background-color: #C6D7DF;
}
a.block-5050:hover.color-complementary2 .block-5050-text-left-outer {
  background-color: #E7C0B9;
}
a.block-5050:hover.color-complementary2 .block-5050-text-right-outer {
  background-color: #E7C0B9;
}
a.block-5050:hover.color-complementary3 .block-5050-text-left-outer {
  background-color: #F9E5BF;
}
a.block-5050:hover.color-complementary3 .block-5050-text-right-outer {
  background-color: #F9E5BF;
}
a.block-5050:hover.color-complementary4 .block-5050-text-left-outer {
  background-color: #D2D7C7;
}
a.block-5050:hover.color-complementary4 .block-5050-text-right-outer {
  background-color: #D2D7C7;
}
a.block-5050:hover.color-complementary5 .block-5050-text-left-outer {
  background-color: #DDDDDD;
}
a.block-5050:hover.color-complementary5 .block-5050-text-right-outer {
  background-color: #DDDDDD;
}
a.block-5050:hover.color-complementary6 .block-5050-text-left-outer {
  background-color: #FFEAE8;
}
a.block-5050:hover.color-complementary6 .block-5050-text-right-outer {
  background-color: #FFEAE8;
}
a.block-5050:hover.color-7 .block-5050-text-left-outer, a.block-5050:hover.color-bordered .block-5050-text-left-outer {
  background-color: #F5F5F7;
}
a.block-5050:hover.color-7 .block-5050-text-right-outer, a.block-5050:hover.color-bordered .block-5050-text-right-outer {
  background-color: #F5F5F7;
}

.container-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 72px;
}
@media (min-width: 840px) {
  .container-block {
    margin-bottom: 72px;
  }
}
@media (min-width: 1040px) {
  .container-block {
    margin-bottom: 72px;
  }
}
@media (min-width: 1336px) {
  .container-block {
    margin-bottom: 88px;
  }
}
@media (min-width: 768px) {
  .container-block.rounded {
    border-radius: 24px;
  }
}
.container-block .container-block-header {
  width: 100%;
  display: block;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 32px;
}
.container-block .container-block-header .container-block-header-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.container-block .container-block-header .container-block-header-inner p {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .container-block .container-block-header .container-block-header-inner p {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .container-block .container-block-header .container-block-header-inner p {
    width: 80%;
  }
}
@media (min-width: 840px) {
  .container-block .container-block-header .container-block-header-inner p {
    width: 70%;
  }
}
@media (min-width: 1040px) {
  .container-block .container-block-header .container-block-header-inner p {
    width: 60%;
  }
}
@media (min-width: 1336px) {
  .container-block .container-block-header .container-block-header-inner p {
    width: 50%;
  }
}
.container-block .container-block-header p {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .container-block .container-block-header p {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .container-block .container-block-header p {
    width: 80%;
  }
}
@media (min-width: 840px) {
  .container-block .container-block-header p {
    width: 70%;
  }
}
@media (min-width: 1040px) {
  .container-block .container-block-header p {
    width: 60%;
  }
}
@media (min-width: 1336px) {
  .container-block .container-block-header p {
    width: 50%;
  }
}
.container-block .container-block-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.container-block .container-block-inner .bw-column:nth-child(3).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(6).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(9).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(12).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(15).bw-column-md-6.bw-column-lg-4 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
@media (min-width: 840px) {
  .container-block .container-block-inner .bw-column:nth-child(3).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(6).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(9).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(12).bw-column-md-6.bw-column-lg-4, .container-block .container-block-inner .bw-column:nth-child(15).bw-column-md-6.bw-column-lg-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
}
.container-block .container-block-inner .bw-column.bw-column-md-6.bw-column-lg-4 {
  flex: 1 0 100%;
  max-width: 100%;
  flex: 1 0 100%;
}
@media (min-width: 840px) {
  .container-block .container-block-inner .bw-column.bw-column-md-6.bw-column-lg-4 {
    flex: 1 0 33.333333%;
    max-width: 33.333333%;
    flex: 1 0 33.333333%;
  }
}
.container-block .container-block-inner .bw-column.bw-column-md-6 .image .image-inner .image-img .caption {
  width: 100%;
  font-size: 14px;
}
.container-block .container-block-loadmore {
  width: 100%;
  display: block;
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 16px;
  text-align: center;
}
@media (min-width: 840px) {
  .container-block .container-block-loadmore {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.container-block.global {
  padding-top: 64px;
}
.container-block.no-margin-bottom {
  margin-bottom: 0;
}

.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;
  margin-bottom: 32px;
}
.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-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;
}

.news-container-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 88px;
}
.news-container-block .news-container-block-header {
  width: 100%;
  display: block;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 48px;
}
.news-container-block .news-container-block-header .news-container-block-header-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.news-container-block .news-container-block-header .news-container-block-header-inner p {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .news-container-block .news-container-block-header .news-container-block-header-inner p {
    width: 50%;
  }
}
.news-container-block .news-container-block-outer-wrapper {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-left: 0;
  margin-right: 0;
}
.news-container-block .news-container-block-outer-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 480px) {
  .news-container-block .news-container-block-outer-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .news-container-block .news-container-block-outer-wrapper::-webkit-scrollbar {
    display: initial;
  }
}
@media (min-width: 768px) {
  .news-container-block .news-container-block-outer-wrapper {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .news-container-block .news-container-block-outer-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.news-container-block .news-container-block-outer-wrapper .news-container-block-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 1040px;
  overflow: visible;
  position: relative;
}
@media (min-width: 840px) {
  .news-container-block .news-container-block-outer-wrapper .news-container-block-inner {
    min-width: initial;
  }
}
.news-container-block .news-container-more {
  width: 100%;
  display: block;
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 16px;
  text-align: center;
}
@media (min-width: 840px) {
  .news-container-block .news-container-more {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.news-container-block .news-container-more.show-on-device {
  display: block;
}
@media (min-width: 840px) {
  .news-container-block .news-container-more.show-on-device {
    display: none;
  }
}

.news-item {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 32px;
  margin-right: 0;
  margin-left: 0;
  position: relative;
}
@media (min-width: 768px) {
  .news-item {
    margin-bottom: 32px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 16px;
    margin-left: 16px;
  }
}
.news-item .news-item-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%;
}
.news-item .news-item-inner .news-item-inner-text {
  float: left;
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  font-weight: normal;
  padding: 32px;
  background-color: #ffffff;
  border: solid 1px #B7BDD3;
  border-radius: 0 0 24px 24px;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #21211E;
}
.news-item .news-item-inner .news-item-inner-text h4, .news-item .news-item-inner .news-item-inner-text .as-h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #21211E;
  margin-bottom: 16px;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-item .news-item-inner .news-item-inner-text h5, .news-item .news-item-inner .news-item-inner-text .as-h5 {
  color: #21211E;
}
.news-item .news-item-inner .news-item-inner-text p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.news-item .news-item-inner .news-item-img {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.news-item .news-item-inner .news-item-img img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  max-width: 100%;
  width: 100%;
  display: block;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-item:hover {
  cursor: pointer;
}
.news-item:hover .news-item-inner .news-item-img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.news-item:hover .news-item-inner .news-item-img img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: scale(1.04);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-item:hover .news-item-inner .news-item-inner-text {
  background-color: #F5F5F7;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-item:hover .news-item-inner .news-item-inner-text h4, .news-item:hover .news-item-inner .news-item-inner-text .as-h4 {
  text-decoration: underline;
  transition: text-decoration 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.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;
  }
}

.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: 1336px) {
  .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 {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.33px;
  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;
  }
}
@media (min-width: 1040px) {
  .block-facts .block-facts-inner .block-facts-inner-text h3, .block-facts .block-facts-inner .block-facts-inner-text .as-h3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
.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: 32px;
  padding: 0;
}
@media (min-width: 1040px) {
  .block-facts .block-facts-inner .block-facts-inner-text p.preamble {
    font-size: 20px;
    line-height: 36px;
  }
}
.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: 1336px) {
  .block-facts.important-info-active {
    padding-top: 104px;
  }
}
.block-facts.important-info-active .block-facts-inner dl {
  margin-top: 70px;
}

.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: 1336px) {
  .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: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  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;
  }
}

.latest-projects-block .hide-on-mobile {
  display: none;
}
@media (min-width: 840px) {
  .latest-projects-block .hide-on-mobile {
    display: block;
  }
}
.latest-projects-block .no-margin-bottom {
  margin-bottom: 0;
}
.latest-projects-block .latest-projects-inner {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
}
.latest-projects-block .latest-projects-inner .btn-wrapper {
  margin-top: 24px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .btn-wrapper {
    display: none;
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: 100%;
  overflow: auto;
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel {
    overflow: hidden;
    justify-content: center;
    /** Pre-calculates opened width. */
  }
  .latest-projects-carousel-card:not(.view-all) {
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(4).hover, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(4) ~ .latest-projects-carousel-card:not(.view-all).hover {
    flex-basis: calc(100% - 200px);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(4) .latest-projects-link-wrapper .latest-projects-info-box, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(4) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box {
    min-width: calc(
								min(100vw, 1336px) - 48px - (100px * 2)
							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(4) .latest-projects-link-wrapper .latest-projects-info-box p, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(4) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box p {
    max-width: 100%;
    max-width: calc( 								min(100vw, 1336px) - 48px - (100px * 2) 							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(5).hover, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(5) ~ .latest-projects-carousel-card:not(.view-all).hover {
    flex-basis: calc(100% - 300px);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(5) .latest-projects-link-wrapper .latest-projects-info-box, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(5) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box {
    min-width: calc(
								min(100vw, 1336px) - 48px - (100px * 3)
							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(5) .latest-projects-link-wrapper .latest-projects-info-box p, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(5) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box p {
    max-width: 100%;
    max-width: calc( 								min(100vw, 1336px) - 48px - (100px * 3) 							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(6).hover, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(6) ~ .latest-projects-carousel-card:not(.view-all).hover {
    flex-basis: calc(100% - 400px);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(6) .latest-projects-link-wrapper .latest-projects-info-box, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(6) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box {
    min-width: calc(
								min(100vw, 1336px) - 48px - (100px * 4)
							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(6) .latest-projects-link-wrapper .latest-projects-info-box p, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(6) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box p {
    max-width: 100%;
    max-width: calc( 								min(100vw, 1336px) - 48px - (100px * 4) 							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(7).hover, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(7) ~ .latest-projects-carousel-card:not(.view-all).hover {
    flex-basis: calc(100% - 500px);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(7) .latest-projects-link-wrapper .latest-projects-info-box, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(7) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box {
    min-width: calc(
								min(100vw, 1336px) - 48px - (100px * 5)
							);
  }
  .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(7) .latest-projects-link-wrapper .latest-projects-info-box p, .latest-projects-carousel-card:not(.view-all):first-child:nth-last-child(7) ~ .latest-projects-carousel-card:not(.view-all) .latest-projects-link-wrapper .latest-projects-info-box p {
    max-width: 100%;
    max-width: calc( 								min(100vw, 1336px) - 48px - (100px * 5) 							);
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel::-webkit-scrollbar {
  display: none;
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  flex: 0 0 80%;
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card {
    flex: 1 0 100px;
  }
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.hover .latest-projects-link-wrapper {
    cursor: pointer;
  }
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.hover .latest-projects-link-wrapper .latest-projects-info-box {
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.25s;
    opacity: 1;
  }
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.view-all {
    display: none;
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.view-all .latest-projects-image-wrapper {
  padding: 8px;
  background: #21211E;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
@media (min-width: 480px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.view-all .latest-projects-image-wrapper {
    border-radius: 8px;
  }
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.view-all .latest-projects-image-wrapper {
    border-radius: 24px;
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card.view-all .latest-projects-image-wrapper label {
  text-align: center;
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper {
  display: flex;
  text-decoration: none;
  flex-flow: column nowrap;
  cursor: default;
  font-weight: normal;
  color: #21211E;
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-image-wrapper {
  flex: 0 0 240px;
  width: 100%;
  padding: 0 8px;
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 480px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-image-wrapper {
    flex: 0 0 360px;
  }
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-image-wrapper {
    flex: 0 0 500px;
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-image-wrapper .latest-projects-image {
  width: 100%;
  flex: 1 0 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 4px;
}
@media (min-width: 480px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-image-wrapper .latest-projects-image {
    border-radius: 8px;
  }
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-image-wrapper .latest-projects-image {
    border-radius: 24px;
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-info-box {
  padding-top: 24px;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 840px) {
  .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-info-box {
    opacity: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 180px;
  }
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-info-box h3, .latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-info-box .as-h3 {
  text-decoration: underline;
  white-space: pre-line;
}
.latest-projects-block .latest-projects-inner .latest-projects-carousel .latest-projects-carousel-card .latest-projects-link-wrapper .latest-projects-info-box p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: max(300px, 75%);
  max-width: 100%;
  white-space: pre-line;
}

.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-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: 32px;
  letter-spacing: -0.5px;
  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 {
  font-size: 24px;
  line-height: 32px;
  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: 16px;
  line-height: 26px;
}
.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: 16px;
  line-height: 26px;
}
.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: 16px;
    line-height: 26px;
  }
}
.important-date .important-anchor {
  color: #21211E;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
}

.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: 1336px) {
  .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: 36px;
  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: 1336px) {
  .section-marg {
    margin-bottom: 120px;
  }
}

.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: 1336px) {
  .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: 24px;
  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: 1336px) {
  .image-gallery-image-wrapper .caption {
    width: 60%;
  }
}

.calculator-block .calculator-block-header {
  padding: 0 16px;
  margin-bottom: 8px;
}
.calculator-block .calculator-wrapper {
  display: grid;
  grid-template-areas: "image" "math" "faq";
  grid-template-columns: 1fr;
  row-gap: 16px;
}
@media (min-width: 768px) {
  .calculator-block .calculator-wrapper > div:first-child .calculator-outer {
    padding-right: 16px;
  }
  .calculator-block .calculator-wrapper > div:last-child .calculator-outer {
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .calculator-block .calculator-wrapper {
    grid-template-areas: "image math" "faq math";
    grid-template-rows: 180px 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
    column-gap: 48px;
  }
}
@media (min-width: 1040px) {
  .calculator-block .calculator-wrapper {
    column-gap: 96px;
  }
}
.calculator-block .calculator-wrapper .calculator-outer {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.calculator-block .calculator-wrapper .calculator-outer.calculator-image-container {
  display: flex;
  flex-flow: row nowrap;
  grid-area: image;
  column-gap: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .calculator-block .calculator-wrapper .calculator-outer.calculator-image-container {
    height: auto;
  }
}
.calculator-block .calculator-wrapper .calculator-outer.calculator-image-container img {
  width: 100%;
  max-height: 80px;
}
@media (min-width: 768px) {
  .calculator-block .calculator-wrapper .calculator-outer.calculator-image-container img {
    height: auto;
    max-height: 100%;
  }
}
.calculator-block .calculator-wrapper .calculator-outer.calculator-faq-container {
  grid-area: faq;
}
.calculator-block .calculator-wrapper .calculator-outer.calculator-math-container {
  grid-area: math;
}
.calculator-block .calculator-wrapper .calculator-outer .slider-wrapper {
  padding-top: 0;
  margin-bottom: 48px;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-inner {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-image-wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-image-wrapper img {
  flex: 0 0 auto;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-table {
  border: none;
  border-bottom: 1px solid #B7BDD3;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-table tbody,
.calculator-block .calculator-wrapper .calculator-outer .calculator-table td {
  border: none;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-table tbody p,
.calculator-block .calculator-wrapper .calculator-outer .calculator-table td p {
  margin: 0;
}
.calculator-block .calculator-wrapper .calculator-outer .calculator-table td:not(:first-of-type) {
  text-align: right;
}
.calculator-block .calculator-wrapper .calculator-outer .result-row {
  margin-top: 24px;
}
.calculator-block .calculator-wrapper .calculator-outer [data-suffix]::after {
  content: " " attr(data-suffix);
}
.calculator-block .calculator-wrapper .calculator-outer .form .form-element {
  padding: 0;
}
.calculator-block .calculator-wrapper .calculator-outer .form .form-element .down-payment-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column wrap;
}
.calculator-block .calculator-wrapper .calculator-outer .form .form-element .down-payment-wrapper input {
  font-size: 16px;
}
.calculator-block .calculator-wrapper .calculator-outer .form .form-element .down-payment-wrapper::after {
  content: "kr";
  font-size: 16px;
  color: #21211E;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
}
.calculator-block .calculator-wrapper .calculator-value {
  display: block;
  padding-top: 0;
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 24px;
}
@media (min-width: 840px) {
  .calculator-block .calculator-wrapper .calculator-value {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

.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: 16px;
  line-height: 26px;
  letter-spacing: -0.33px;
}
@media (min-width: 840px) {
  .jobs .jobs-inner .jobs-inner-text .jobs-header-sub {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
.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;
}

/** 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 {
  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:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: none;
}
.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%;
  filter: blur(3px);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@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 .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: 1304px;
  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;
}

.project-start-hero {
  margin-top: 0;
  /** Override google maps padding */
}
@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 .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;
  }
}
.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;
}

.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: 1336px) {
  .quote {
    margin-bottom: 120px;
  }
}
.quote .quote-inner {
  padding-left: 0;
  padding-right: 0;
  padding-top: 128px;
  padding-bottom: 128px;
}
@media (min-width: 768px) {
  .quote .quote-inner {
    padding-left: 96px;
    padding-right: 32px;
  }
}
.quote .quote-inner:after {
  content: url("/static/img/icon-quote.svg");
  position: absolute;
  left: 0;
  top: 48px;
}
@media (min-width: 768px) {
  .quote .quote-inner:after {
    top: 136px;
  }
}
.quote .quote-inner p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .quote .quote-inner p {
    font-size: 48px;
    line-height: 64px;
  }
}
.quote .quote-inner.medium p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .quote .quote-inner.medium p {
    font-size: 24px;
    line-height: 48px;
  }
}
.quote .quote-inner.small p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .quote .quote-inner.small p {
    font-size: 20px;
    line-height: 36px;
  }
}
.quote .quote-inner.no-bottom-space p {
  padding-bottom: 0;
}
.quote .quote-inner .quote-inner-info {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
  height: 80px;
}
@media (min-width: 768px) {
  .quote .quote-inner .quote-inner-info {
    height: 128px;
  }
}
.quote .quote-inner .quote-inner-info .quote-image {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  display: flex;
}
@media (min-width: 768px) {
  .quote .quote-inner .quote-inner-info .quote-image {
    width: 128px;
    height: 128px;
    border-radius: 64px;
  }
}
.quote .quote-inner .quote-inner-info .quote-image img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  border-radius: 40px;
}
@media (min-width: 768px) {
  .quote .quote-inner .quote-inner-info .quote-image img {
    border-radius: 64px;
  }
}
.quote .quote-inner .quote-inner-info .quote-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.quote .quote-inner .quote-inner-info .quote-meta .quote-by {
  float: left;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding-left: 98px;
}
@media (min-width: 768px) {
  .quote .quote-inner .quote-inner-info .quote-meta .quote-by {
    font-size: 24px;
    line-height: 36px;
    padding-left: 172px;
  }
}
.quote .quote-inner .quote-inner-info .quote-meta .quote-title {
  float: left;
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-left: 98px;
}
@media (min-width: 768px) {
  .quote .quote-inner .quote-inner-info .quote-meta .quote-title {
    font-size: 24px;
    line-height: 36px;
    padding-left: 172px;
  }
}
.quote .quote-inner .quote-inner-info .quote-meta.pull-left .quote-by {
  padding-left: 0;
}
.quote .quote-inner .quote-inner-info .quote-meta.pull-left .quote-title {
  padding-left: 0;
}
.quote:before {
  content: "";
  width: 20px;
  height: 100%;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -20px;
}
@media (min-width: 1336px) {
  .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: 1336px) {
  .quote:after {
    width: 600px;
    right: -600px;
  }
}
.quote.color-complementary1 {
  background-color: #DAE5EA;
}
.quote.color-complementary1:before {
  background-color: #DAE5EA;
}
.quote.color-complementary1:after {
  background-color: #DAE5EA;
}
.quote.color-complementary2 {
  background-color: #EFD5D1;
}
.quote.color-complementary2:before {
  background-color: #EFD5D1;
}
.quote.color-complementary2:after {
  background-color: #EFD5D1;
}
.quote.color-complementary3 {
  background-color: #FDEECD;
}
.quote.color-complementary3:before {
  background-color: #FDEECD;
}
.quote.color-complementary3:after {
  background-color: #FDEECD;
}
.quote.color-complementary4 {
  background-color: #e1e5da;
}
.quote.color-complementary4:before {
  background-color: #e1e5da;
}
.quote.color-complementary4:after {
  background-color: #e1e5da;
}
.quote.color-complementary5 {
  background-color: #E9E9E8;
}
.quote.color-complementary5:before {
  background-color: #E9E9E8;
}
.quote.color-complementary5:after {
  background-color: #E9E9E8;
}
.quote.color-complementary6 {
  background-color: #FFF4F4;
}
.quote.color-complementary6:before {
  background-color: #FFF4F4;
}
.quote.color-complementary6:after {
  background-color: #FFF4F4;
}

.tab-content-area {
  background-color: #F5F5F7;
}
.tab-content-area.unit-top-marg {
  padding-top: 32px;
}
.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: #fff;
  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;
}

.section-steps {
  margin: 128px 0;
}
.section-steps .bw-row {
  padding: 0 32px;
}
.section-steps .bw-row .icon {
  width: 100%;
  margin-bottom: 10px;
}
.section-steps .bw-row .text-hero {
  padding-top: 0;
  margin-top: 0;
}
.section-steps .bw-row.steps {
  flex-wrap: nowrap;
}
.section-steps .bw-row.steps > * {
  padding: 0 11px;
  display: block;
}
.section-steps .bw-row.steps > *:first-child {
  padding-left: 0px;
}
.section-steps .bw-row.steps > *:last-child {
  padding-right: 0px;
}
.section-steps .bw-row.steps > * > * {
  width: 100%;
}
@media (max-width: 840px) {
  .section-steps {
    margin: 64px 0;
  }
  .section-steps .bw-row.steps {
    flex-direction: column;
  }
  .section-steps .bw-row.steps > * {
    padding: 22px;
    text-align: center;
  }
  .section-steps .bw-row.steps > *:first-child {
    padding: 22px;
  }
  .section-steps .bw-row.steps > *:last-child {
    padding: 22px;
  }
}

/* colors */
/* typography */
/* misc */
.main-text {
  display: block;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 72px;
}
@media (max-width: 840px) {
  .main-text {
    overflow-x: scroll;
  }
}
.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 ul,
.main-text ol {
  margin-left: 30px;
}
.main-text ul li,
.main-text ol li {
  margin-bottom: 20px;
}
.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: 22px;
  letter-spacing: -0.33px;
  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: #ECA92B;
  border: none;
  color: #21211E;
}
.btn.yellow:hover {
  background-color: #F4CE88;
}
.btn.yellow:active, .btn.yellow:focus {
  background-color: #F4CE88;
}
.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-left: 8px;
  padding-right: 8px;
}
@media (min-width: 840px) {
  .form {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1040px) {
  .form {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1336px) {
  .form {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.form .form-header {
  display: block;
  overflow: visible;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.form .form-info {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
  font-weight: normal;
  display: block;
  overflow: visible;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.form .form-info p {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
  font-weight: normal;
}
.form .form-info a {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
}
.form .form-consent {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  margin-bottom: 24px;
}
.form .form-consent a {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
.form .form-consent a.consent-link {
  cursor: pointer;
}
.form .form-element {
  padding-left: 8px;
  padding-right: 8px;
  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 {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  text-transform: uppercase;
  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: 26px;
  letter-spacing: -0.33px;
}
.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: 12px;
}
.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: 36px;
}
.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: 36px;
}
.form .form-result-wrapper.warning .form-result-wrapper-inner {
  height: auto;
  background-color: #ECA92B;
  padding: 24px;
  width: 100%;
  display: block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 24px;
  color: #ffffff;
  font-size: 20px;
  line-height: 36px;
}
.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;
  /** Firefox */
  /** IE */
}
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]::-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]::-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: 1336px) {
  .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-left: 16px;
  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 #B7BDD3;
  border-bottom: solid 1px #B7BDD3;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item {
  list-style: none;
  border-top: solid 1px #B7BDD3;
  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: 13px;
  height: 13px;
  display: block;
  position: absolute;
  transform: rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 2px;
  text-align: left;
  float: right;
  left: 22px;
  top: 19px;
  cursor: pointer;
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-caret .arrow:before, .faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-caret .arrow:after {
  content: "";
  background-color: transparent;
  width: 2px;
  height: 8px;
  display: inline-block;
  position: absolute;
  border-bottom: 10px solid #21211E;
  top: 0;
  left: 0;
  transform: rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-caret .arrow:before {
  position: absolute;
  transform: rotate(-135deg);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item .faq-caret .arrow:after {
  position: absolute;
  transform: rotate(135deg);
}
.faq-outer-wrapper .faq-wrapper ul li.faq-item.active .faq-caret .arrow {
  transform: rotate(0);
  transform: translate(0, -6px);
}
.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: 1336px) {
  .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: 12px;
  }
}
.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);
}
@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: 1336px) {
  .bw-modal .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 1272px;
  }
}
.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;
  /*.embed {		
      overflow: visible;		
      top: auto;
      bottom: auto;
      position: relative;
  }*/
}
@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-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: 1336px) {
  .bw-modal.fullscreen .bw-modal-body {
    margin: 24px auto 24px;
    max-width: 1272px;
  }
}
.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);
}

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 {
  border-radius: 36px;
}
.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 h5, .search-autocomplete .autocomplete-wrapper ul li.no-results > div .as-h5 {
  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 h5, .search-autocomplete .autocomplete-wrapper ul li a .as-h5 {
  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;
}

.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: 26px;
  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 */
/* 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 */
/* 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: 26px;
  border-bottom: solid 1px #B7BDD3;
  letter-spacing: -0.33px;
  text-decoration: none;
  transition: text-decoration 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
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 h5, ul.search-results li a:hover .as-h5 {
  text-decoration: none;
}
ul.search-results li a:hover p {
  text-decoration: none;
}

.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;
  letter-spacing: 0;
}

.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);
  perspective: 1000px;
}
@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: 1336px) {
  .slot-machine .slot-machine-square-flip-wrapper {
    width: 100px;
    height: 100px;
  }
}
.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: 1336px) {
  .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: #ECA92B;
  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: 1336px) {
  .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: #ECA92B;
}
.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);
  display: flex;
  align-items: center;
  justify-content: center;
}
.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.winner {
  background: #ECA92B;
  color: #21211E;
}
.slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back .as-h1 {
  font-size: calc((100vw / 12 - 5px) * 0.56);
  margin: 0;
}
@media (min-width: 768px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back .as-h1 {
    font-size: calc((100vw / 12 - 15px) * 0.56);
  }
}
@media (min-width: 1040px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back .as-h1 {
    font-size: calc((100vw / 12 - 15px) * 0.56);
  }
}
@media (min-width: 1336px) {
  .slot-machine .slot-machine-square-flip-wrapper .slot-machine-square-flip-inner .slot-machine-square-flip.back .as-h1 {
    font-size: 56px;
  }
}
.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: 1336px) {
  .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;
  font-size: calc((100vw / 12 - 5px) * 0.56);
  color: #21211E;
  line-height: calc(100vw / 12 - 5px);
  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);
    line-height: calc(100vw / 12 - 15px);
    font-size: calc((100vw / 12 - 15px) * 0.56);
  }
}
@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);
    line-height: calc(100vw / 12 - 15px);
    font-size: calc((100vw / 12 - 15px) * 0.56);
  }
}
@media (min-width: 1336px) {
  .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;
    line-height: 100px;
    font-size: 56px;
  }
}
.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: 1336px) {
  .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: 1336px) {
  .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: 1336px) {
  .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 {
  border-color: #FFFFFF;
}
.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 .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;
  overflow: hidden;
}
@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).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.seconds .number-wrapper .as-h1 {
  font-size: 160px;
  line-height: 170px;
}
@media (min-width: 1040px) {
  .digital-sales-countdown-wrapper .digital-sales-countdown.seconds .number-wrapper .as-h1 {
    line-height: 280px;
    font-size: 250px;
  }
}
.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.hours .number-wrapper .as-h1 {
  font-size: 60px;
  line-height: 70px;
}
@media (min-width: 1040px) {
  .digital-sales-countdown-wrapper .digital-sales-countdown.hours .number-wrapper .as-h1 {
    font-size: 200px;
    line-height: 220px;
  }
}
.digital-sales-countdown-wrapper .digital-sales-countdown.minutes .number-wrapper .as-h1 {
  font-size: 130px;
  line-height: 140px;
}
@media (min-width: 1040px) {
  .digital-sales-countdown-wrapper .digital-sales-countdown.minutes .number-wrapper .as-h1 {
    font-size: 250px;
    line-height: 280px;
  }
}
.digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
@media (min-width: 1040px) {
  .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper .as-h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
.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 {
  font-size: 200px;
  line-height: 210px;
  transform: scaleY(0) rotateY(-90deg);
  -webkit-transform: scaleY(0) rotateY(-90deg);
  opacity: 0;
}
@media (min-width: 1040px) {
  .digital-sales-countdown-wrapper .digital-sales-countdown .number-wrapper.last-10 .single-number-wrapper.seconds_X .as-h1 {
    font-size: 400px;
    line-height: 410px;
  }
}
.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 */
/* typography */
/* misc */
.project-wrapper .section-header {
  margin-top: 25vh;
  padding-top: 25vh;
  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;
  text-transform: uppercase;
}
.project-wrapper .section-header h3, .project-wrapper .section-header .as-h3 {
  line-height: 34px;
}
.project-wrapper .section-header .header-tag {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #6A7C46;
  border-radius: 8px;
  padding: 8px 16px;
  color: #fff;
  gap: 8px;
  margin-bottom: 24px;
}
.project-wrapper .section-header.green-background {
  background-color: #e1e5da;
}
.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-color: #fff4f4;
}
.project-wrapper .section-header.pink-background .header-tag {
  background-color: #FFCSC6;
}
.project-wrapper .section-header.pink-background .svg-header-color, .project-wrapper .section-header.pink-background .svg-header-color * {
  fill: #FFCSC6;
}
.project-wrapper .section-header.blue-background {
  background-color: #dae5ea;
}
.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-color: #fdeecd;
}
.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;
  padding-right: 32px;
  padding-left: 32px;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
.project-wrapper .section-header .header-gallery {
  margin-top: -46vh;
  position: relative;
}
.project-wrapper .section-header .header-gallery.single-img {
  justify-content: center;
  display: flex;
}
.project-wrapper .section-header .header-gallery.single-img ul {
  width: 1336px;
}
.project-wrapper .section-header .header-gallery.single-img ul li {
  width: 1336px;
  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 {
  display: none;
  position: absolute;
  bottom: 35px;
  right: 15px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}
.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 {
  height: 100%;
  flex-basis: 50%;
}
.project-wrapper .section-header .header-gallery .click-areas .back.blue {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' transform='rotate(-180 48 48)' fill='%23447c97'/%3E%3Cpath d='M42.8579 62L28.7157 47.8579L42.8579 33.7158' stroke='%23dae5ea' stroke-width='3'/%3E%3Crect x='68' y='49.3579' width='39' height='3' transform='rotate(-180 68 49.3579)' fill='%23dae5ea'/%3E%3C/svg%3E ") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .back.green {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' transform='rotate(-180 48 48)' fill='%236A7C46'/%3E%3Cpath d='M42.8579 62L28.7157 47.8579L42.8579 33.7158' stroke='%23e1e5da' stroke-width='3'/%3E%3Crect x='68' y='49.3579' width='39' height='3' transform='rotate(-180 68 49.3579)' fill='%23e1e5da'/%3E%3C/svg%3E ") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .back.pink {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' transform='rotate(-180 48 48)' fill='%23FFCSC6'/%3E%3Cpath d='M42.8579 62L28.7157 47.8579L42.8579 33.7158' stroke='%23fff4f4' stroke-width='3'/%3E%3Crect x='68' y='49.3579' width='39' height='3' transform='rotate(-180 68 49.3579)' fill='%23fff4f4'/%3E%3C/svg%3E ") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .back.yellow {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' transform='rotate(-180 48 48)' fill='%23F2A900'/%3E%3Cpath d='M42.8579 62L28.7157 47.8579L42.8579 33.7158' stroke='%2321211E' stroke-width='3'/%3E%3Crect x='68' y='49.3579' width='39' height='3' transform='rotate(-180 68 49.3579)' fill='%2321211E'/%3E%3C/svg%3E ") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .forward {
  height: 100%;
  flex-basis: 50%;
}
.project-wrapper .section-header .header-gallery .click-areas .forward.blue {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' fill='%23447c97'/%3E%3Cpath d='M53.1421 34L67.2843 48.1421L53.1421 62.2842' stroke='%23dae5ea' stroke-width='3'/%3E%3Crect x='28' y='46.6421' width='39' height='3' fill='%23dae5ea'/%3E%3C/svg%3E%0A") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .forward.green {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' fill='%236A7C46'/%3E%3Cpath d='M53.1421 34L67.2843 48.1421L53.1421 62.2842' stroke='%23e1e5da' stroke-width='3'/%3E%3Crect x='28' y='46.6421' width='39' height='3' fill='%23e1e5da'/%3E%3C/svg%3E%0A") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .forward.pink {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' fill='%23FFCSC6'/%3E%3Cpath d='M53.1421 34L67.2843 48.1421L53.1421 62.2842' stroke='%23fff4f4' stroke-width='3'/%3E%3Crect x='28' y='46.6421' width='39' height='3' fill='%23fff4f4'/%3E%3C/svg%3E%0A") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery .click-areas .forward.yellow {
  cursor: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' fill='%23F2A900'/%3E%3Cpath d='M53.1421 34L67.2843 48.1421L53.1421 62.2842' stroke='%2321211E' stroke-width='3'/%3E%3Crect x='28' y='46.6421' width='39' height='3' fill='%2321211E'/%3E%3C/svg%3E%0A") 45 45, pointer;
}
.project-wrapper .section-header .header-gallery ul {
  display: flex;
  width: 100vw;
  height: auto;
  gap: 40px;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.project-wrapper .section-header .header-gallery li {
  overflow: hidden;
  flex-shrink: 0;
  max-width: 1300px;
  border-radius: 26px;
  height: 51.875vw;
  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: 5000px;
  width: 5000px;
}
.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%;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .header-gallery {
    margin-top: 0;
  }
  .project-wrapper .section-header .header-gallery .position-indicator {
    display: block;
  }
  .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: 0;
  }
  .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 .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;
  font-size: 20px;
  line-height: 50px;
  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: #FFCSC6;
}
.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;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
  }
  .project-wrapper .section-header .big-list p {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 1336px) {
  .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;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 768px) {
  .project-wrapper .section-header .img-disclaimer-row {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.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;
  }
}
.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-bottom: 16px;
    margin-top: 0;
  }
}
.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: #96A37D;
}
.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 {
    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: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 10;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.16);
  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 .header {
  font-size: 20px;
  font-weight: bold;
}
.sticky-project-nav .header span {
  display: block;
  font-weight: normal;
}
.sticky-project-nav .bw-row {
  min-height: 92px;
  flex-wrap: nowrap;
  padding: 22px 32px;
}
.sticky-project-nav .bw-column-expand {
  flex: 1;
}
.sticky-project-nav .bw-column-shrink {
  flex: 0;
}
@media (max-width: 768px) {
  .sticky-project-nav {
    padding-top: 0;
    margin-top: 0;
    top: unset;
    bottom: 0px;
  }
  .sticky-project-nav .header {
    font-size: 14px;
    line-height: 18px;
  }
  .sticky-project-nav .bw-row {
    flex-wrap: nowrap;
    padding: 14px 20px;
  }
  .sticky-project-nav .btn.text-variant {
    display: none;
  }
}

.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-size: 12px;
  line-height: 20px;
  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;
}

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;
}