.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
/*!
 * Bootstrap Grid v5.0.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-fhd,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container-sm, .container-m, .container {
    max-width: 952px;
  }
}
@media (min-width: 1024px) {
  .container-md, .container-sm, .container-m, .container {
    max-width: 992px;
  }
}
@media (min-width: 1280px) {
  .container-lg, .container-md, .container-sm, .container-m, .container {
    max-width: 1136px;
  }
}
@media (min-width: 1440px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container-m, .container {
    max-width: 1280px;
  }
}
@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-m, .container {
    max-width: 1490px;
  }
}
@media (min-width: 1920px) {
  .container-fhd, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-m, .container {
    max-width: 1490px;
  }
}
.row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 0;
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 5px;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 5px;
}

.g-10,
.gx-10 {
  --bs-gutter-x: 10px;
}

.g-10,
.gy-10 {
  --bs-gutter-y: 10px;
}

.g-15,
.gx-15 {
  --bs-gutter-x: 15px;
}

.g-15,
.gy-15 {
  --bs-gutter-y: 15px;
}

.g-20,
.gx-20 {
  --bs-gutter-x: 20px;
}

.g-20,
.gy-20 {
  --bs-gutter-y: 20px;
}

.g-25,
.gx-25 {
  --bs-gutter-x: 25px;
}

.g-25,
.gy-25 {
  --bs-gutter-y: 25px;
}

.g-30,
.gx-30 {
  --bs-gutter-x: 30px;
}

.g-30,
.gy-30 {
  --bs-gutter-y: 30px;
}

.g-35,
.gx-35 {
  --bs-gutter-x: 35px;
}

.g-35,
.gy-35 {
  --bs-gutter-y: 35px;
}

.g-40,
.gx-40 {
  --bs-gutter-x: 40px;
}

.g-40,
.gy-40 {
  --bs-gutter-y: 40px;
}

.g-45,
.gx-45 {
  --bs-gutter-x: 45px;
}

.g-45,
.gy-45 {
  --bs-gutter-y: 45px;
}

.g-50,
.gx-50 {
  --bs-gutter-x: 50px;
}

.g-50,
.gy-50 {
  --bs-gutter-y: 50px;
}

.g-55,
.gx-55 {
  --bs-gutter-x: 55px;
}

.g-55,
.gy-55 {
  --bs-gutter-y: 55px;
}

.g-60,
.gx-60 {
  --bs-gutter-x: 60px;
}

.g-60,
.gy-60 {
  --bs-gutter-y: 60px;
}

.g-65,
.gx-65 {
  --bs-gutter-x: 65px;
}

.g-65,
.gy-65 {
  --bs-gutter-y: 65px;
}

.g-70,
.gx-70 {
  --bs-gutter-x: 70px;
}

.g-70,
.gy-70 {
  --bs-gutter-y: 70px;
}

.g-75,
.gx-75 {
  --bs-gutter-x: 75px;
}

.g-75,
.gy-75 {
  --bs-gutter-y: 75px;
}

.g-80,
.gx-80 {
  --bs-gutter-x: 80px;
}

.g-80,
.gy-80 {
  --bs-gutter-y: 80px;
}

.g-85,
.gx-85 {
  --bs-gutter-x: 85px;
}

.g-85,
.gy-85 {
  --bs-gutter-y: 85px;
}

.g-90,
.gx-90 {
  --bs-gutter-x: 90px;
}

.g-90,
.gy-90 {
  --bs-gutter-y: 90px;
}

.g-95,
.gx-95 {
  --bs-gutter-x: 95px;
}

.g-95,
.gy-95 {
  --bs-gutter-y: 95px;
}

.g-100,
.gx-100 {
  --bs-gutter-x: 100px;
}

.g-100,
.gy-100 {
  --bs-gutter-y: 100px;
}

@media (min-width: 480px) {
  .col-m {
    flex: 1 0 0%;
  }
  .row-cols-m-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-m-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-m-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-m-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-m-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-m-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-m-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-m-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-m-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-m-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-m-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-m-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-m-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-m-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-m-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-m-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-m-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-m-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-m-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-m-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-m-0 {
    margin-left: 0;
  }
  .offset-m-1 {
    margin-left: 8.3333333333%;
  }
  .offset-m-2 {
    margin-left: 16.6666666667%;
  }
  .offset-m-3 {
    margin-left: 25%;
  }
  .offset-m-4 {
    margin-left: 33.3333333333%;
  }
  .offset-m-5 {
    margin-left: 41.6666666667%;
  }
  .offset-m-6 {
    margin-left: 50%;
  }
  .offset-m-7 {
    margin-left: 58.3333333333%;
  }
  .offset-m-8 {
    margin-left: 66.6666666667%;
  }
  .offset-m-9 {
    margin-left: 75%;
  }
  .offset-m-10 {
    margin-left: 83.3333333333%;
  }
  .offset-m-11 {
    margin-left: 91.6666666667%;
  }
  .g-m-0,
  .gx-m-0 {
    --bs-gutter-x: 0;
  }
  .g-m-0,
  .gy-m-0 {
    --bs-gutter-y: 0;
  }
  .g-m-5,
  .gx-m-5 {
    --bs-gutter-x: 5px;
  }
  .g-m-5,
  .gy-m-5 {
    --bs-gutter-y: 5px;
  }
  .g-m-10,
  .gx-m-10 {
    --bs-gutter-x: 10px;
  }
  .g-m-10,
  .gy-m-10 {
    --bs-gutter-y: 10px;
  }
  .g-m-15,
  .gx-m-15 {
    --bs-gutter-x: 15px;
  }
  .g-m-15,
  .gy-m-15 {
    --bs-gutter-y: 15px;
  }
  .g-m-20,
  .gx-m-20 {
    --bs-gutter-x: 20px;
  }
  .g-m-20,
  .gy-m-20 {
    --bs-gutter-y: 20px;
  }
  .g-m-25,
  .gx-m-25 {
    --bs-gutter-x: 25px;
  }
  .g-m-25,
  .gy-m-25 {
    --bs-gutter-y: 25px;
  }
  .g-m-30,
  .gx-m-30 {
    --bs-gutter-x: 30px;
  }
  .g-m-30,
  .gy-m-30 {
    --bs-gutter-y: 30px;
  }
  .g-m-35,
  .gx-m-35 {
    --bs-gutter-x: 35px;
  }
  .g-m-35,
  .gy-m-35 {
    --bs-gutter-y: 35px;
  }
  .g-m-40,
  .gx-m-40 {
    --bs-gutter-x: 40px;
  }
  .g-m-40,
  .gy-m-40 {
    --bs-gutter-y: 40px;
  }
  .g-m-45,
  .gx-m-45 {
    --bs-gutter-x: 45px;
  }
  .g-m-45,
  .gy-m-45 {
    --bs-gutter-y: 45px;
  }
  .g-m-50,
  .gx-m-50 {
    --bs-gutter-x: 50px;
  }
  .g-m-50,
  .gy-m-50 {
    --bs-gutter-y: 50px;
  }
  .g-m-55,
  .gx-m-55 {
    --bs-gutter-x: 55px;
  }
  .g-m-55,
  .gy-m-55 {
    --bs-gutter-y: 55px;
  }
  .g-m-60,
  .gx-m-60 {
    --bs-gutter-x: 60px;
  }
  .g-m-60,
  .gy-m-60 {
    --bs-gutter-y: 60px;
  }
  .g-m-65,
  .gx-m-65 {
    --bs-gutter-x: 65px;
  }
  .g-m-65,
  .gy-m-65 {
    --bs-gutter-y: 65px;
  }
  .g-m-70,
  .gx-m-70 {
    --bs-gutter-x: 70px;
  }
  .g-m-70,
  .gy-m-70 {
    --bs-gutter-y: 70px;
  }
  .g-m-75,
  .gx-m-75 {
    --bs-gutter-x: 75px;
  }
  .g-m-75,
  .gy-m-75 {
    --bs-gutter-y: 75px;
  }
  .g-m-80,
  .gx-m-80 {
    --bs-gutter-x: 80px;
  }
  .g-m-80,
  .gy-m-80 {
    --bs-gutter-y: 80px;
  }
  .g-m-85,
  .gx-m-85 {
    --bs-gutter-x: 85px;
  }
  .g-m-85,
  .gy-m-85 {
    --bs-gutter-y: 85px;
  }
  .g-m-90,
  .gx-m-90 {
    --bs-gutter-x: 90px;
  }
  .g-m-90,
  .gy-m-90 {
    --bs-gutter-y: 90px;
  }
  .g-m-95,
  .gx-m-95 {
    --bs-gutter-x: 95px;
  }
  .g-m-95,
  .gy-m-95 {
    --bs-gutter-y: 95px;
  }
  .g-m-100,
  .gx-m-100 {
    --bs-gutter-x: 100px;
  }
  .g-m-100,
  .gy-m-100 {
    --bs-gutter-y: 100px;
  }
}
@media (min-width: 768px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 5px;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 5px;
  }
  .g-sm-10,
  .gx-sm-10 {
    --bs-gutter-x: 10px;
  }
  .g-sm-10,
  .gy-sm-10 {
    --bs-gutter-y: 10px;
  }
  .g-sm-15,
  .gx-sm-15 {
    --bs-gutter-x: 15px;
  }
  .g-sm-15,
  .gy-sm-15 {
    --bs-gutter-y: 15px;
  }
  .g-sm-20,
  .gx-sm-20 {
    --bs-gutter-x: 20px;
  }
  .g-sm-20,
  .gy-sm-20 {
    --bs-gutter-y: 20px;
  }
  .g-sm-25,
  .gx-sm-25 {
    --bs-gutter-x: 25px;
  }
  .g-sm-25,
  .gy-sm-25 {
    --bs-gutter-y: 25px;
  }
  .g-sm-30,
  .gx-sm-30 {
    --bs-gutter-x: 30px;
  }
  .g-sm-30,
  .gy-sm-30 {
    --bs-gutter-y: 30px;
  }
  .g-sm-35,
  .gx-sm-35 {
    --bs-gutter-x: 35px;
  }
  .g-sm-35,
  .gy-sm-35 {
    --bs-gutter-y: 35px;
  }
  .g-sm-40,
  .gx-sm-40 {
    --bs-gutter-x: 40px;
  }
  .g-sm-40,
  .gy-sm-40 {
    --bs-gutter-y: 40px;
  }
  .g-sm-45,
  .gx-sm-45 {
    --bs-gutter-x: 45px;
  }
  .g-sm-45,
  .gy-sm-45 {
    --bs-gutter-y: 45px;
  }
  .g-sm-50,
  .gx-sm-50 {
    --bs-gutter-x: 50px;
  }
  .g-sm-50,
  .gy-sm-50 {
    --bs-gutter-y: 50px;
  }
  .g-sm-55,
  .gx-sm-55 {
    --bs-gutter-x: 55px;
  }
  .g-sm-55,
  .gy-sm-55 {
    --bs-gutter-y: 55px;
  }
  .g-sm-60,
  .gx-sm-60 {
    --bs-gutter-x: 60px;
  }
  .g-sm-60,
  .gy-sm-60 {
    --bs-gutter-y: 60px;
  }
  .g-sm-65,
  .gx-sm-65 {
    --bs-gutter-x: 65px;
  }
  .g-sm-65,
  .gy-sm-65 {
    --bs-gutter-y: 65px;
  }
  .g-sm-70,
  .gx-sm-70 {
    --bs-gutter-x: 70px;
  }
  .g-sm-70,
  .gy-sm-70 {
    --bs-gutter-y: 70px;
  }
  .g-sm-75,
  .gx-sm-75 {
    --bs-gutter-x: 75px;
  }
  .g-sm-75,
  .gy-sm-75 {
    --bs-gutter-y: 75px;
  }
  .g-sm-80,
  .gx-sm-80 {
    --bs-gutter-x: 80px;
  }
  .g-sm-80,
  .gy-sm-80 {
    --bs-gutter-y: 80px;
  }
  .g-sm-85,
  .gx-sm-85 {
    --bs-gutter-x: 85px;
  }
  .g-sm-85,
  .gy-sm-85 {
    --bs-gutter-y: 85px;
  }
  .g-sm-90,
  .gx-sm-90 {
    --bs-gutter-x: 90px;
  }
  .g-sm-90,
  .gy-sm-90 {
    --bs-gutter-y: 90px;
  }
  .g-sm-95,
  .gx-sm-95 {
    --bs-gutter-x: 95px;
  }
  .g-sm-95,
  .gy-sm-95 {
    --bs-gutter-y: 95px;
  }
  .g-sm-100,
  .gx-sm-100 {
    --bs-gutter-x: 100px;
  }
  .g-sm-100,
  .gy-sm-100 {
    --bs-gutter-y: 100px;
  }
}
@media (min-width: 1024px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 5px;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 5px;
  }
  .g-md-10,
  .gx-md-10 {
    --bs-gutter-x: 10px;
  }
  .g-md-10,
  .gy-md-10 {
    --bs-gutter-y: 10px;
  }
  .g-md-15,
  .gx-md-15 {
    --bs-gutter-x: 15px;
  }
  .g-md-15,
  .gy-md-15 {
    --bs-gutter-y: 15px;
  }
  .g-md-20,
  .gx-md-20 {
    --bs-gutter-x: 20px;
  }
  .g-md-20,
  .gy-md-20 {
    --bs-gutter-y: 20px;
  }
  .g-md-25,
  .gx-md-25 {
    --bs-gutter-x: 25px;
  }
  .g-md-25,
  .gy-md-25 {
    --bs-gutter-y: 25px;
  }
  .g-md-30,
  .gx-md-30 {
    --bs-gutter-x: 30px;
  }
  .g-md-30,
  .gy-md-30 {
    --bs-gutter-y: 30px;
  }
  .g-md-35,
  .gx-md-35 {
    --bs-gutter-x: 35px;
  }
  .g-md-35,
  .gy-md-35 {
    --bs-gutter-y: 35px;
  }
  .g-md-40,
  .gx-md-40 {
    --bs-gutter-x: 40px;
  }
  .g-md-40,
  .gy-md-40 {
    --bs-gutter-y: 40px;
  }
  .g-md-45,
  .gx-md-45 {
    --bs-gutter-x: 45px;
  }
  .g-md-45,
  .gy-md-45 {
    --bs-gutter-y: 45px;
  }
  .g-md-50,
  .gx-md-50 {
    --bs-gutter-x: 50px;
  }
  .g-md-50,
  .gy-md-50 {
    --bs-gutter-y: 50px;
  }
  .g-md-55,
  .gx-md-55 {
    --bs-gutter-x: 55px;
  }
  .g-md-55,
  .gy-md-55 {
    --bs-gutter-y: 55px;
  }
  .g-md-60,
  .gx-md-60 {
    --bs-gutter-x: 60px;
  }
  .g-md-60,
  .gy-md-60 {
    --bs-gutter-y: 60px;
  }
  .g-md-65,
  .gx-md-65 {
    --bs-gutter-x: 65px;
  }
  .g-md-65,
  .gy-md-65 {
    --bs-gutter-y: 65px;
  }
  .g-md-70,
  .gx-md-70 {
    --bs-gutter-x: 70px;
  }
  .g-md-70,
  .gy-md-70 {
    --bs-gutter-y: 70px;
  }
  .g-md-75,
  .gx-md-75 {
    --bs-gutter-x: 75px;
  }
  .g-md-75,
  .gy-md-75 {
    --bs-gutter-y: 75px;
  }
  .g-md-80,
  .gx-md-80 {
    --bs-gutter-x: 80px;
  }
  .g-md-80,
  .gy-md-80 {
    --bs-gutter-y: 80px;
  }
  .g-md-85,
  .gx-md-85 {
    --bs-gutter-x: 85px;
  }
  .g-md-85,
  .gy-md-85 {
    --bs-gutter-y: 85px;
  }
  .g-md-90,
  .gx-md-90 {
    --bs-gutter-x: 90px;
  }
  .g-md-90,
  .gy-md-90 {
    --bs-gutter-y: 90px;
  }
  .g-md-95,
  .gx-md-95 {
    --bs-gutter-x: 95px;
  }
  .g-md-95,
  .gy-md-95 {
    --bs-gutter-y: 95px;
  }
  .g-md-100,
  .gx-md-100 {
    --bs-gutter-x: 100px;
  }
  .g-md-100,
  .gy-md-100 {
    --bs-gutter-y: 100px;
  }
}
@media (min-width: 1280px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 5px;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 5px;
  }
  .g-lg-10,
  .gx-lg-10 {
    --bs-gutter-x: 10px;
  }
  .g-lg-10,
  .gy-lg-10 {
    --bs-gutter-y: 10px;
  }
  .g-lg-15,
  .gx-lg-15 {
    --bs-gutter-x: 15px;
  }
  .g-lg-15,
  .gy-lg-15 {
    --bs-gutter-y: 15px;
  }
  .g-lg-20,
  .gx-lg-20 {
    --bs-gutter-x: 20px;
  }
  .g-lg-20,
  .gy-lg-20 {
    --bs-gutter-y: 20px;
  }
  .g-lg-25,
  .gx-lg-25 {
    --bs-gutter-x: 25px;
  }
  .g-lg-25,
  .gy-lg-25 {
    --bs-gutter-y: 25px;
  }
  .g-lg-30,
  .gx-lg-30 {
    --bs-gutter-x: 30px;
  }
  .g-lg-30,
  .gy-lg-30 {
    --bs-gutter-y: 30px;
  }
  .g-lg-35,
  .gx-lg-35 {
    --bs-gutter-x: 35px;
  }
  .g-lg-35,
  .gy-lg-35 {
    --bs-gutter-y: 35px;
  }
  .g-lg-40,
  .gx-lg-40 {
    --bs-gutter-x: 40px;
  }
  .g-lg-40,
  .gy-lg-40 {
    --bs-gutter-y: 40px;
  }
  .g-lg-45,
  .gx-lg-45 {
    --bs-gutter-x: 45px;
  }
  .g-lg-45,
  .gy-lg-45 {
    --bs-gutter-y: 45px;
  }
  .g-lg-50,
  .gx-lg-50 {
    --bs-gutter-x: 50px;
  }
  .g-lg-50,
  .gy-lg-50 {
    --bs-gutter-y: 50px;
  }
  .g-lg-55,
  .gx-lg-55 {
    --bs-gutter-x: 55px;
  }
  .g-lg-55,
  .gy-lg-55 {
    --bs-gutter-y: 55px;
  }
  .g-lg-60,
  .gx-lg-60 {
    --bs-gutter-x: 60px;
  }
  .g-lg-60,
  .gy-lg-60 {
    --bs-gutter-y: 60px;
  }
  .g-lg-65,
  .gx-lg-65 {
    --bs-gutter-x: 65px;
  }
  .g-lg-65,
  .gy-lg-65 {
    --bs-gutter-y: 65px;
  }
  .g-lg-70,
  .gx-lg-70 {
    --bs-gutter-x: 70px;
  }
  .g-lg-70,
  .gy-lg-70 {
    --bs-gutter-y: 70px;
  }
  .g-lg-75,
  .gx-lg-75 {
    --bs-gutter-x: 75px;
  }
  .g-lg-75,
  .gy-lg-75 {
    --bs-gutter-y: 75px;
  }
  .g-lg-80,
  .gx-lg-80 {
    --bs-gutter-x: 80px;
  }
  .g-lg-80,
  .gy-lg-80 {
    --bs-gutter-y: 80px;
  }
  .g-lg-85,
  .gx-lg-85 {
    --bs-gutter-x: 85px;
  }
  .g-lg-85,
  .gy-lg-85 {
    --bs-gutter-y: 85px;
  }
  .g-lg-90,
  .gx-lg-90 {
    --bs-gutter-x: 90px;
  }
  .g-lg-90,
  .gy-lg-90 {
    --bs-gutter-y: 90px;
  }
  .g-lg-95,
  .gx-lg-95 {
    --bs-gutter-x: 95px;
  }
  .g-lg-95,
  .gy-lg-95 {
    --bs-gutter-y: 95px;
  }
  .g-lg-100,
  .gx-lg-100 {
    --bs-gutter-x: 100px;
  }
  .g-lg-100,
  .gy-lg-100 {
    --bs-gutter-y: 100px;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 5px;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 5px;
  }
  .g-xl-10,
  .gx-xl-10 {
    --bs-gutter-x: 10px;
  }
  .g-xl-10,
  .gy-xl-10 {
    --bs-gutter-y: 10px;
  }
  .g-xl-15,
  .gx-xl-15 {
    --bs-gutter-x: 15px;
  }
  .g-xl-15,
  .gy-xl-15 {
    --bs-gutter-y: 15px;
  }
  .g-xl-20,
  .gx-xl-20 {
    --bs-gutter-x: 20px;
  }
  .g-xl-20,
  .gy-xl-20 {
    --bs-gutter-y: 20px;
  }
  .g-xl-25,
  .gx-xl-25 {
    --bs-gutter-x: 25px;
  }
  .g-xl-25,
  .gy-xl-25 {
    --bs-gutter-y: 25px;
  }
  .g-xl-30,
  .gx-xl-30 {
    --bs-gutter-x: 30px;
  }
  .g-xl-30,
  .gy-xl-30 {
    --bs-gutter-y: 30px;
  }
  .g-xl-35,
  .gx-xl-35 {
    --bs-gutter-x: 35px;
  }
  .g-xl-35,
  .gy-xl-35 {
    --bs-gutter-y: 35px;
  }
  .g-xl-40,
  .gx-xl-40 {
    --bs-gutter-x: 40px;
  }
  .g-xl-40,
  .gy-xl-40 {
    --bs-gutter-y: 40px;
  }
  .g-xl-45,
  .gx-xl-45 {
    --bs-gutter-x: 45px;
  }
  .g-xl-45,
  .gy-xl-45 {
    --bs-gutter-y: 45px;
  }
  .g-xl-50,
  .gx-xl-50 {
    --bs-gutter-x: 50px;
  }
  .g-xl-50,
  .gy-xl-50 {
    --bs-gutter-y: 50px;
  }
  .g-xl-55,
  .gx-xl-55 {
    --bs-gutter-x: 55px;
  }
  .g-xl-55,
  .gy-xl-55 {
    --bs-gutter-y: 55px;
  }
  .g-xl-60,
  .gx-xl-60 {
    --bs-gutter-x: 60px;
  }
  .g-xl-60,
  .gy-xl-60 {
    --bs-gutter-y: 60px;
  }
  .g-xl-65,
  .gx-xl-65 {
    --bs-gutter-x: 65px;
  }
  .g-xl-65,
  .gy-xl-65 {
    --bs-gutter-y: 65px;
  }
  .g-xl-70,
  .gx-xl-70 {
    --bs-gutter-x: 70px;
  }
  .g-xl-70,
  .gy-xl-70 {
    --bs-gutter-y: 70px;
  }
  .g-xl-75,
  .gx-xl-75 {
    --bs-gutter-x: 75px;
  }
  .g-xl-75,
  .gy-xl-75 {
    --bs-gutter-y: 75px;
  }
  .g-xl-80,
  .gx-xl-80 {
    --bs-gutter-x: 80px;
  }
  .g-xl-80,
  .gy-xl-80 {
    --bs-gutter-y: 80px;
  }
  .g-xl-85,
  .gx-xl-85 {
    --bs-gutter-x: 85px;
  }
  .g-xl-85,
  .gy-xl-85 {
    --bs-gutter-y: 85px;
  }
  .g-xl-90,
  .gx-xl-90 {
    --bs-gutter-x: 90px;
  }
  .g-xl-90,
  .gy-xl-90 {
    --bs-gutter-y: 90px;
  }
  .g-xl-95,
  .gx-xl-95 {
    --bs-gutter-x: 95px;
  }
  .g-xl-95,
  .gy-xl-95 {
    --bs-gutter-y: 95px;
  }
  .g-xl-100,
  .gx-xl-100 {
    --bs-gutter-x: 100px;
  }
  .g-xl-100,
  .gy-xl-100 {
    --bs-gutter-y: 100px;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 5px;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 5px;
  }
  .g-xxl-10,
  .gx-xxl-10 {
    --bs-gutter-x: 10px;
  }
  .g-xxl-10,
  .gy-xxl-10 {
    --bs-gutter-y: 10px;
  }
  .g-xxl-15,
  .gx-xxl-15 {
    --bs-gutter-x: 15px;
  }
  .g-xxl-15,
  .gy-xxl-15 {
    --bs-gutter-y: 15px;
  }
  .g-xxl-20,
  .gx-xxl-20 {
    --bs-gutter-x: 20px;
  }
  .g-xxl-20,
  .gy-xxl-20 {
    --bs-gutter-y: 20px;
  }
  .g-xxl-25,
  .gx-xxl-25 {
    --bs-gutter-x: 25px;
  }
  .g-xxl-25,
  .gy-xxl-25 {
    --bs-gutter-y: 25px;
  }
  .g-xxl-30,
  .gx-xxl-30 {
    --bs-gutter-x: 30px;
  }
  .g-xxl-30,
  .gy-xxl-30 {
    --bs-gutter-y: 30px;
  }
  .g-xxl-35,
  .gx-xxl-35 {
    --bs-gutter-x: 35px;
  }
  .g-xxl-35,
  .gy-xxl-35 {
    --bs-gutter-y: 35px;
  }
  .g-xxl-40,
  .gx-xxl-40 {
    --bs-gutter-x: 40px;
  }
  .g-xxl-40,
  .gy-xxl-40 {
    --bs-gutter-y: 40px;
  }
  .g-xxl-45,
  .gx-xxl-45 {
    --bs-gutter-x: 45px;
  }
  .g-xxl-45,
  .gy-xxl-45 {
    --bs-gutter-y: 45px;
  }
  .g-xxl-50,
  .gx-xxl-50 {
    --bs-gutter-x: 50px;
  }
  .g-xxl-50,
  .gy-xxl-50 {
    --bs-gutter-y: 50px;
  }
  .g-xxl-55,
  .gx-xxl-55 {
    --bs-gutter-x: 55px;
  }
  .g-xxl-55,
  .gy-xxl-55 {
    --bs-gutter-y: 55px;
  }
  .g-xxl-60,
  .gx-xxl-60 {
    --bs-gutter-x: 60px;
  }
  .g-xxl-60,
  .gy-xxl-60 {
    --bs-gutter-y: 60px;
  }
  .g-xxl-65,
  .gx-xxl-65 {
    --bs-gutter-x: 65px;
  }
  .g-xxl-65,
  .gy-xxl-65 {
    --bs-gutter-y: 65px;
  }
  .g-xxl-70,
  .gx-xxl-70 {
    --bs-gutter-x: 70px;
  }
  .g-xxl-70,
  .gy-xxl-70 {
    --bs-gutter-y: 70px;
  }
  .g-xxl-75,
  .gx-xxl-75 {
    --bs-gutter-x: 75px;
  }
  .g-xxl-75,
  .gy-xxl-75 {
    --bs-gutter-y: 75px;
  }
  .g-xxl-80,
  .gx-xxl-80 {
    --bs-gutter-x: 80px;
  }
  .g-xxl-80,
  .gy-xxl-80 {
    --bs-gutter-y: 80px;
  }
  .g-xxl-85,
  .gx-xxl-85 {
    --bs-gutter-x: 85px;
  }
  .g-xxl-85,
  .gy-xxl-85 {
    --bs-gutter-y: 85px;
  }
  .g-xxl-90,
  .gx-xxl-90 {
    --bs-gutter-x: 90px;
  }
  .g-xxl-90,
  .gy-xxl-90 {
    --bs-gutter-y: 90px;
  }
  .g-xxl-95,
  .gx-xxl-95 {
    --bs-gutter-x: 95px;
  }
  .g-xxl-95,
  .gy-xxl-95 {
    --bs-gutter-y: 95px;
  }
  .g-xxl-100,
  .gx-xxl-100 {
    --bs-gutter-x: 100px;
  }
  .g-xxl-100,
  .gy-xxl-100 {
    --bs-gutter-y: 100px;
  }
}
@media (min-width: 1920px) {
  .col-fhd {
    flex: 1 0 0%;
  }
  .row-cols-fhd-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-fhd-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-fhd-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-fhd-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-fhd-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-fhd-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-fhd-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-fhd-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-fhd-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-fhd-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-fhd-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-fhd-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-fhd-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-fhd-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-fhd-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-fhd-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-fhd-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-fhd-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-fhd-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-fhd-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-fhd-0 {
    margin-left: 0;
  }
  .offset-fhd-1 {
    margin-left: 8.3333333333%;
  }
  .offset-fhd-2 {
    margin-left: 16.6666666667%;
  }
  .offset-fhd-3 {
    margin-left: 25%;
  }
  .offset-fhd-4 {
    margin-left: 33.3333333333%;
  }
  .offset-fhd-5 {
    margin-left: 41.6666666667%;
  }
  .offset-fhd-6 {
    margin-left: 50%;
  }
  .offset-fhd-7 {
    margin-left: 58.3333333333%;
  }
  .offset-fhd-8 {
    margin-left: 66.6666666667%;
  }
  .offset-fhd-9 {
    margin-left: 75%;
  }
  .offset-fhd-10 {
    margin-left: 83.3333333333%;
  }
  .offset-fhd-11 {
    margin-left: 91.6666666667%;
  }
  .g-fhd-0,
  .gx-fhd-0 {
    --bs-gutter-x: 0;
  }
  .g-fhd-0,
  .gy-fhd-0 {
    --bs-gutter-y: 0;
  }
  .g-fhd-5,
  .gx-fhd-5 {
    --bs-gutter-x: 5px;
  }
  .g-fhd-5,
  .gy-fhd-5 {
    --bs-gutter-y: 5px;
  }
  .g-fhd-10,
  .gx-fhd-10 {
    --bs-gutter-x: 10px;
  }
  .g-fhd-10,
  .gy-fhd-10 {
    --bs-gutter-y: 10px;
  }
  .g-fhd-15,
  .gx-fhd-15 {
    --bs-gutter-x: 15px;
  }
  .g-fhd-15,
  .gy-fhd-15 {
    --bs-gutter-y: 15px;
  }
  .g-fhd-20,
  .gx-fhd-20 {
    --bs-gutter-x: 20px;
  }
  .g-fhd-20,
  .gy-fhd-20 {
    --bs-gutter-y: 20px;
  }
  .g-fhd-25,
  .gx-fhd-25 {
    --bs-gutter-x: 25px;
  }
  .g-fhd-25,
  .gy-fhd-25 {
    --bs-gutter-y: 25px;
  }
  .g-fhd-30,
  .gx-fhd-30 {
    --bs-gutter-x: 30px;
  }
  .g-fhd-30,
  .gy-fhd-30 {
    --bs-gutter-y: 30px;
  }
  .g-fhd-35,
  .gx-fhd-35 {
    --bs-gutter-x: 35px;
  }
  .g-fhd-35,
  .gy-fhd-35 {
    --bs-gutter-y: 35px;
  }
  .g-fhd-40,
  .gx-fhd-40 {
    --bs-gutter-x: 40px;
  }
  .g-fhd-40,
  .gy-fhd-40 {
    --bs-gutter-y: 40px;
  }
  .g-fhd-45,
  .gx-fhd-45 {
    --bs-gutter-x: 45px;
  }
  .g-fhd-45,
  .gy-fhd-45 {
    --bs-gutter-y: 45px;
  }
  .g-fhd-50,
  .gx-fhd-50 {
    --bs-gutter-x: 50px;
  }
  .g-fhd-50,
  .gy-fhd-50 {
    --bs-gutter-y: 50px;
  }
  .g-fhd-55,
  .gx-fhd-55 {
    --bs-gutter-x: 55px;
  }
  .g-fhd-55,
  .gy-fhd-55 {
    --bs-gutter-y: 55px;
  }
  .g-fhd-60,
  .gx-fhd-60 {
    --bs-gutter-x: 60px;
  }
  .g-fhd-60,
  .gy-fhd-60 {
    --bs-gutter-y: 60px;
  }
  .g-fhd-65,
  .gx-fhd-65 {
    --bs-gutter-x: 65px;
  }
  .g-fhd-65,
  .gy-fhd-65 {
    --bs-gutter-y: 65px;
  }
  .g-fhd-70,
  .gx-fhd-70 {
    --bs-gutter-x: 70px;
  }
  .g-fhd-70,
  .gy-fhd-70 {
    --bs-gutter-y: 70px;
  }
  .g-fhd-75,
  .gx-fhd-75 {
    --bs-gutter-x: 75px;
  }
  .g-fhd-75,
  .gy-fhd-75 {
    --bs-gutter-y: 75px;
  }
  .g-fhd-80,
  .gx-fhd-80 {
    --bs-gutter-x: 80px;
  }
  .g-fhd-80,
  .gy-fhd-80 {
    --bs-gutter-y: 80px;
  }
  .g-fhd-85,
  .gx-fhd-85 {
    --bs-gutter-x: 85px;
  }
  .g-fhd-85,
  .gy-fhd-85 {
    --bs-gutter-y: 85px;
  }
  .g-fhd-90,
  .gx-fhd-90 {
    --bs-gutter-x: 90px;
  }
  .g-fhd-90,
  .gy-fhd-90 {
    --bs-gutter-y: 90px;
  }
  .g-fhd-95,
  .gx-fhd-95 {
    --bs-gutter-x: 95px;
  }
  .g-fhd-95,
  .gy-fhd-95 {
    --bs-gutter-y: 95px;
  }
  .g-fhd-100,
  .gx-fhd-100 {
    --bs-gutter-x: 100px;
  }
  .g-fhd-100,
  .gy-fhd-100 {
    --bs-gutter-y: 100px;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-55 {
  margin: 55px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-65 {
  margin: 65px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-75 {
  margin: 75px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-85 {
  margin: 85px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-95 {
  margin: 95px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.mx-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mx-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.mx-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.mx-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.mx-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.mx-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.mx-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.mx-65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}

.mx-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.mx-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.mx-85 {
  margin-right: 85px !important;
  margin-left: 85px !important;
}

.mx-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}

.mx-95 {
  margin-right: 95px !important;
  margin-left: 95px !important;
}

.mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.my-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.my-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-55 {
  padding: 55px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-65 {
  padding: 65px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-75 {
  padding: 75px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-85 {
  padding: 85px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-95 {
  padding: 95px !important;
}

.p-100 {
  padding: 100px !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.px-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.px-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.px-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.px-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.px-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.px-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.px-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.px-85 {
  padding-right: 85px !important;
  padding-left: 85px !important;
}

.px-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}

.px-95 {
  padding-right: 95px !important;
  padding-left: 95px !important;
}

.px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.py-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.py-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.py-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.py-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.py-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

@media (min-width: 480px) {
  .d-m-none {
    display: none !important;
  }
  .d-m-inline {
    display: inline !important;
  }
  .d-m-inline-block {
    display: inline-block !important;
  }
  .d-m-block {
    display: block !important;
  }
  .d-m-table {
    display: table !important;
  }
  .d-m-table-row {
    display: table-row !important;
  }
  .d-m-table-cell {
    display: table-cell !important;
  }
  .d-m-flex {
    display: flex !important;
  }
  .d-m-inline-flex {
    display: inline-flex !important;
  }
  .flex-m-fill {
    flex: 1 1 auto !important;
  }
  .flex-m-row {
    flex-direction: row !important;
  }
  .flex-m-column {
    flex-direction: column !important;
  }
  .flex-m-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-m-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-m-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-m-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-m-start {
    justify-content: flex-start !important;
  }
  .justify-content-m-end {
    justify-content: flex-end !important;
  }
  .justify-content-m-center {
    justify-content: center !important;
  }
  .justify-content-m-between {
    justify-content: space-between !important;
  }
  .justify-content-m-around {
    justify-content: space-around !important;
  }
  .justify-content-m-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-m-start {
    align-items: flex-start !important;
  }
  .align-items-m-end {
    align-items: flex-end !important;
  }
  .align-items-m-center {
    align-items: center !important;
  }
  .align-items-m-baseline {
    align-items: baseline !important;
  }
  .align-items-m-stretch {
    align-items: stretch !important;
  }
  .align-content-m-start {
    align-content: flex-start !important;
  }
  .align-content-m-end {
    align-content: flex-end !important;
  }
  .align-content-m-center {
    align-content: center !important;
  }
  .align-content-m-between {
    align-content: space-between !important;
  }
  .align-content-m-around {
    align-content: space-around !important;
  }
  .align-content-m-stretch {
    align-content: stretch !important;
  }
  .align-self-m-auto {
    align-self: auto !important;
  }
  .align-self-m-start {
    align-self: flex-start !important;
  }
  .align-self-m-end {
    align-self: flex-end !important;
  }
  .align-self-m-center {
    align-self: center !important;
  }
  .align-self-m-baseline {
    align-self: baseline !important;
  }
  .align-self-m-stretch {
    align-self: stretch !important;
  }
  .order-m-first {
    order: -1 !important;
  }
  .order-m-0 {
    order: 0 !important;
  }
  .order-m-1 {
    order: 1 !important;
  }
  .order-m-2 {
    order: 2 !important;
  }
  .order-m-3 {
    order: 3 !important;
  }
  .order-m-4 {
    order: 4 !important;
  }
  .order-m-5 {
    order: 5 !important;
  }
  .order-m-last {
    order: 6 !important;
  }
  .m-m-0 {
    margin: 0 !important;
  }
  .m-m-5 {
    margin: 5px !important;
  }
  .m-m-10 {
    margin: 10px !important;
  }
  .m-m-15 {
    margin: 15px !important;
  }
  .m-m-20 {
    margin: 20px !important;
  }
  .m-m-25 {
    margin: 25px !important;
  }
  .m-m-30 {
    margin: 30px !important;
  }
  .m-m-35 {
    margin: 35px !important;
  }
  .m-m-40 {
    margin: 40px !important;
  }
  .m-m-45 {
    margin: 45px !important;
  }
  .m-m-50 {
    margin: 50px !important;
  }
  .m-m-55 {
    margin: 55px !important;
  }
  .m-m-60 {
    margin: 60px !important;
  }
  .m-m-65 {
    margin: 65px !important;
  }
  .m-m-70 {
    margin: 70px !important;
  }
  .m-m-75 {
    margin: 75px !important;
  }
  .m-m-80 {
    margin: 80px !important;
  }
  .m-m-85 {
    margin: 85px !important;
  }
  .m-m-90 {
    margin: 90px !important;
  }
  .m-m-95 {
    margin: 95px !important;
  }
  .m-m-100 {
    margin: 100px !important;
  }
  .m-m-auto {
    margin: auto !important;
  }
  .mx-m-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-m-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-m-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-m-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-m-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-m-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-m-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-m-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-m-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-m-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-m-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-m-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-m-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-m-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-m-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-m-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-m-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-m-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-m-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-m-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-m-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-m-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-m-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-m-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-m-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-m-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-m-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-m-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-m-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-m-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-m-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-m-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-m-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-m-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-m-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-m-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-m-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-m-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-m-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-m-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-m-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-m-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-m-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-m-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-m-0 {
    margin-top: 0 !important;
  }
  .mt-m-5 {
    margin-top: 5px !important;
  }
  .mt-m-10 {
    margin-top: 10px !important;
  }
  .mt-m-15 {
    margin-top: 15px !important;
  }
  .mt-m-20 {
    margin-top: 20px !important;
  }
  .mt-m-25 {
    margin-top: 25px !important;
  }
  .mt-m-30 {
    margin-top: 30px !important;
  }
  .mt-m-35 {
    margin-top: 35px !important;
  }
  .mt-m-40 {
    margin-top: 40px !important;
  }
  .mt-m-45 {
    margin-top: 45px !important;
  }
  .mt-m-50 {
    margin-top: 50px !important;
  }
  .mt-m-55 {
    margin-top: 55px !important;
  }
  .mt-m-60 {
    margin-top: 60px !important;
  }
  .mt-m-65 {
    margin-top: 65px !important;
  }
  .mt-m-70 {
    margin-top: 70px !important;
  }
  .mt-m-75 {
    margin-top: 75px !important;
  }
  .mt-m-80 {
    margin-top: 80px !important;
  }
  .mt-m-85 {
    margin-top: 85px !important;
  }
  .mt-m-90 {
    margin-top: 90px !important;
  }
  .mt-m-95 {
    margin-top: 95px !important;
  }
  .mt-m-100 {
    margin-top: 100px !important;
  }
  .mt-m-auto {
    margin-top: auto !important;
  }
  .mr-m-0 {
    margin-right: 0 !important;
  }
  .mr-m-5 {
    margin-right: 5px !important;
  }
  .mr-m-10 {
    margin-right: 10px !important;
  }
  .mr-m-15 {
    margin-right: 15px !important;
  }
  .mr-m-20 {
    margin-right: 20px !important;
  }
  .mr-m-25 {
    margin-right: 25px !important;
  }
  .mr-m-30 {
    margin-right: 30px !important;
  }
  .mr-m-35 {
    margin-right: 35px !important;
  }
  .mr-m-40 {
    margin-right: 40px !important;
  }
  .mr-m-45 {
    margin-right: 45px !important;
  }
  .mr-m-50 {
    margin-right: 50px !important;
  }
  .mr-m-55 {
    margin-right: 55px !important;
  }
  .mr-m-60 {
    margin-right: 60px !important;
  }
  .mr-m-65 {
    margin-right: 65px !important;
  }
  .mr-m-70 {
    margin-right: 70px !important;
  }
  .mr-m-75 {
    margin-right: 75px !important;
  }
  .mr-m-80 {
    margin-right: 80px !important;
  }
  .mr-m-85 {
    margin-right: 85px !important;
  }
  .mr-m-90 {
    margin-right: 90px !important;
  }
  .mr-m-95 {
    margin-right: 95px !important;
  }
  .mr-m-100 {
    margin-right: 100px !important;
  }
  .mr-m-auto {
    margin-right: auto !important;
  }
  .mb-m-0 {
    margin-bottom: 0 !important;
  }
  .mb-m-5 {
    margin-bottom: 5px !important;
  }
  .mb-m-10 {
    margin-bottom: 10px !important;
  }
  .mb-m-15 {
    margin-bottom: 15px !important;
  }
  .mb-m-20 {
    margin-bottom: 20px !important;
  }
  .mb-m-25 {
    margin-bottom: 25px !important;
  }
  .mb-m-30 {
    margin-bottom: 30px !important;
  }
  .mb-m-35 {
    margin-bottom: 35px !important;
  }
  .mb-m-40 {
    margin-bottom: 40px !important;
  }
  .mb-m-45 {
    margin-bottom: 45px !important;
  }
  .mb-m-50 {
    margin-bottom: 50px !important;
  }
  .mb-m-55 {
    margin-bottom: 55px !important;
  }
  .mb-m-60 {
    margin-bottom: 60px !important;
  }
  .mb-m-65 {
    margin-bottom: 65px !important;
  }
  .mb-m-70 {
    margin-bottom: 70px !important;
  }
  .mb-m-75 {
    margin-bottom: 75px !important;
  }
  .mb-m-80 {
    margin-bottom: 80px !important;
  }
  .mb-m-85 {
    margin-bottom: 85px !important;
  }
  .mb-m-90 {
    margin-bottom: 90px !important;
  }
  .mb-m-95 {
    margin-bottom: 95px !important;
  }
  .mb-m-100 {
    margin-bottom: 100px !important;
  }
  .mb-m-auto {
    margin-bottom: auto !important;
  }
  .ml-m-0 {
    margin-left: 0 !important;
  }
  .ml-m-5 {
    margin-left: 5px !important;
  }
  .ml-m-10 {
    margin-left: 10px !important;
  }
  .ml-m-15 {
    margin-left: 15px !important;
  }
  .ml-m-20 {
    margin-left: 20px !important;
  }
  .ml-m-25 {
    margin-left: 25px !important;
  }
  .ml-m-30 {
    margin-left: 30px !important;
  }
  .ml-m-35 {
    margin-left: 35px !important;
  }
  .ml-m-40 {
    margin-left: 40px !important;
  }
  .ml-m-45 {
    margin-left: 45px !important;
  }
  .ml-m-50 {
    margin-left: 50px !important;
  }
  .ml-m-55 {
    margin-left: 55px !important;
  }
  .ml-m-60 {
    margin-left: 60px !important;
  }
  .ml-m-65 {
    margin-left: 65px !important;
  }
  .ml-m-70 {
    margin-left: 70px !important;
  }
  .ml-m-75 {
    margin-left: 75px !important;
  }
  .ml-m-80 {
    margin-left: 80px !important;
  }
  .ml-m-85 {
    margin-left: 85px !important;
  }
  .ml-m-90 {
    margin-left: 90px !important;
  }
  .ml-m-95 {
    margin-left: 95px !important;
  }
  .ml-m-100 {
    margin-left: 100px !important;
  }
  .ml-m-auto {
    margin-left: auto !important;
  }
  .p-m-0 {
    padding: 0 !important;
  }
  .p-m-5 {
    padding: 5px !important;
  }
  .p-m-10 {
    padding: 10px !important;
  }
  .p-m-15 {
    padding: 15px !important;
  }
  .p-m-20 {
    padding: 20px !important;
  }
  .p-m-25 {
    padding: 25px !important;
  }
  .p-m-30 {
    padding: 30px !important;
  }
  .p-m-35 {
    padding: 35px !important;
  }
  .p-m-40 {
    padding: 40px !important;
  }
  .p-m-45 {
    padding: 45px !important;
  }
  .p-m-50 {
    padding: 50px !important;
  }
  .p-m-55 {
    padding: 55px !important;
  }
  .p-m-60 {
    padding: 60px !important;
  }
  .p-m-65 {
    padding: 65px !important;
  }
  .p-m-70 {
    padding: 70px !important;
  }
  .p-m-75 {
    padding: 75px !important;
  }
  .p-m-80 {
    padding: 80px !important;
  }
  .p-m-85 {
    padding: 85px !important;
  }
  .p-m-90 {
    padding: 90px !important;
  }
  .p-m-95 {
    padding: 95px !important;
  }
  .p-m-100 {
    padding: 100px !important;
  }
  .px-m-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-m-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-m-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-m-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-m-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-m-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-m-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-m-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-m-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-m-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-m-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-m-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-m-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-m-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-m-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-m-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-m-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-m-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-m-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-m-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-m-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-m-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-m-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-m-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-m-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-m-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-m-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-m-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-m-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-m-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-m-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-m-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-m-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-m-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-m-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-m-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-m-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-m-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-m-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-m-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-m-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-m-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-m-0 {
    padding-top: 0 !important;
  }
  .pt-m-5 {
    padding-top: 5px !important;
  }
  .pt-m-10 {
    padding-top: 10px !important;
  }
  .pt-m-15 {
    padding-top: 15px !important;
  }
  .pt-m-20 {
    padding-top: 20px !important;
  }
  .pt-m-25 {
    padding-top: 25px !important;
  }
  .pt-m-30 {
    padding-top: 30px !important;
  }
  .pt-m-35 {
    padding-top: 35px !important;
  }
  .pt-m-40 {
    padding-top: 40px !important;
  }
  .pt-m-45 {
    padding-top: 45px !important;
  }
  .pt-m-50 {
    padding-top: 50px !important;
  }
  .pt-m-55 {
    padding-top: 55px !important;
  }
  .pt-m-60 {
    padding-top: 60px !important;
  }
  .pt-m-65 {
    padding-top: 65px !important;
  }
  .pt-m-70 {
    padding-top: 70px !important;
  }
  .pt-m-75 {
    padding-top: 75px !important;
  }
  .pt-m-80 {
    padding-top: 80px !important;
  }
  .pt-m-85 {
    padding-top: 85px !important;
  }
  .pt-m-90 {
    padding-top: 90px !important;
  }
  .pt-m-95 {
    padding-top: 95px !important;
  }
  .pt-m-100 {
    padding-top: 100px !important;
  }
  .pr-m-0 {
    padding-right: 0 !important;
  }
  .pr-m-5 {
    padding-right: 5px !important;
  }
  .pr-m-10 {
    padding-right: 10px !important;
  }
  .pr-m-15 {
    padding-right: 15px !important;
  }
  .pr-m-20 {
    padding-right: 20px !important;
  }
  .pr-m-25 {
    padding-right: 25px !important;
  }
  .pr-m-30 {
    padding-right: 30px !important;
  }
  .pr-m-35 {
    padding-right: 35px !important;
  }
  .pr-m-40 {
    padding-right: 40px !important;
  }
  .pr-m-45 {
    padding-right: 45px !important;
  }
  .pr-m-50 {
    padding-right: 50px !important;
  }
  .pr-m-55 {
    padding-right: 55px !important;
  }
  .pr-m-60 {
    padding-right: 60px !important;
  }
  .pr-m-65 {
    padding-right: 65px !important;
  }
  .pr-m-70 {
    padding-right: 70px !important;
  }
  .pr-m-75 {
    padding-right: 75px !important;
  }
  .pr-m-80 {
    padding-right: 80px !important;
  }
  .pr-m-85 {
    padding-right: 85px !important;
  }
  .pr-m-90 {
    padding-right: 90px !important;
  }
  .pr-m-95 {
    padding-right: 95px !important;
  }
  .pr-m-100 {
    padding-right: 100px !important;
  }
  .pb-m-0 {
    padding-bottom: 0 !important;
  }
  .pb-m-5 {
    padding-bottom: 5px !important;
  }
  .pb-m-10 {
    padding-bottom: 10px !important;
  }
  .pb-m-15 {
    padding-bottom: 15px !important;
  }
  .pb-m-20 {
    padding-bottom: 20px !important;
  }
  .pb-m-25 {
    padding-bottom: 25px !important;
  }
  .pb-m-30 {
    padding-bottom: 30px !important;
  }
  .pb-m-35 {
    padding-bottom: 35px !important;
  }
  .pb-m-40 {
    padding-bottom: 40px !important;
  }
  .pb-m-45 {
    padding-bottom: 45px !important;
  }
  .pb-m-50 {
    padding-bottom: 50px !important;
  }
  .pb-m-55 {
    padding-bottom: 55px !important;
  }
  .pb-m-60 {
    padding-bottom: 60px !important;
  }
  .pb-m-65 {
    padding-bottom: 65px !important;
  }
  .pb-m-70 {
    padding-bottom: 70px !important;
  }
  .pb-m-75 {
    padding-bottom: 75px !important;
  }
  .pb-m-80 {
    padding-bottom: 80px !important;
  }
  .pb-m-85 {
    padding-bottom: 85px !important;
  }
  .pb-m-90 {
    padding-bottom: 90px !important;
  }
  .pb-m-95 {
    padding-bottom: 95px !important;
  }
  .pb-m-100 {
    padding-bottom: 100px !important;
  }
  .pl-m-0 {
    padding-left: 0 !important;
  }
  .pl-m-5 {
    padding-left: 5px !important;
  }
  .pl-m-10 {
    padding-left: 10px !important;
  }
  .pl-m-15 {
    padding-left: 15px !important;
  }
  .pl-m-20 {
    padding-left: 20px !important;
  }
  .pl-m-25 {
    padding-left: 25px !important;
  }
  .pl-m-30 {
    padding-left: 30px !important;
  }
  .pl-m-35 {
    padding-left: 35px !important;
  }
  .pl-m-40 {
    padding-left: 40px !important;
  }
  .pl-m-45 {
    padding-left: 45px !important;
  }
  .pl-m-50 {
    padding-left: 50px !important;
  }
  .pl-m-55 {
    padding-left: 55px !important;
  }
  .pl-m-60 {
    padding-left: 60px !important;
  }
  .pl-m-65 {
    padding-left: 65px !important;
  }
  .pl-m-70 {
    padding-left: 70px !important;
  }
  .pl-m-75 {
    padding-left: 75px !important;
  }
  .pl-m-80 {
    padding-left: 80px !important;
  }
  .pl-m-85 {
    padding-left: 85px !important;
  }
  .pl-m-90 {
    padding-left: 90px !important;
  }
  .pl-m-95 {
    padding-left: 95px !important;
  }
  .pl-m-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-5 {
    margin: 5px !important;
  }
  .m-sm-10 {
    margin: 10px !important;
  }
  .m-sm-15 {
    margin: 15px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .m-sm-25 {
    margin: 25px !important;
  }
  .m-sm-30 {
    margin: 30px !important;
  }
  .m-sm-35 {
    margin: 35px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .m-sm-45 {
    margin: 45px !important;
  }
  .m-sm-50 {
    margin: 50px !important;
  }
  .m-sm-55 {
    margin: 55px !important;
  }
  .m-sm-60 {
    margin: 60px !important;
  }
  .m-sm-65 {
    margin: 65px !important;
  }
  .m-sm-70 {
    margin: 70px !important;
  }
  .m-sm-75 {
    margin: 75px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
  .m-sm-85 {
    margin: 85px !important;
  }
  .m-sm-90 {
    margin: 90px !important;
  }
  .m-sm-95 {
    margin: 95px !important;
  }
  .m-sm-100 {
    margin: 100px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-sm-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-sm-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-sm-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-sm-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-sm-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-sm-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-sm-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-sm-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-sm-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-sm-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-sm-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-sm-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-sm-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-sm-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-sm-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-sm-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-sm-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-sm-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-sm-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-sm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-sm-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-sm-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-sm-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-sm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-sm-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-sm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-sm-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-sm-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-sm-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-sm-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-25 {
    margin-top: 25px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-35 {
    margin-top: 35px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-45 {
    margin-top: 45px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-55 {
    margin-top: 55px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-65 {
    margin-top: 65px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-75 {
    margin-top: 75px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mt-sm-85 {
    margin-top: 85px !important;
  }
  .mt-sm-90 {
    margin-top: 90px !important;
  }
  .mt-sm-95 {
    margin-top: 95px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-5 {
    margin-right: 5px !important;
  }
  .mr-sm-10 {
    margin-right: 10px !important;
  }
  .mr-sm-15 {
    margin-right: 15px !important;
  }
  .mr-sm-20 {
    margin-right: 20px !important;
  }
  .mr-sm-25 {
    margin-right: 25px !important;
  }
  .mr-sm-30 {
    margin-right: 30px !important;
  }
  .mr-sm-35 {
    margin-right: 35px !important;
  }
  .mr-sm-40 {
    margin-right: 40px !important;
  }
  .mr-sm-45 {
    margin-right: 45px !important;
  }
  .mr-sm-50 {
    margin-right: 50px !important;
  }
  .mr-sm-55 {
    margin-right: 55px !important;
  }
  .mr-sm-60 {
    margin-right: 60px !important;
  }
  .mr-sm-65 {
    margin-right: 65px !important;
  }
  .mr-sm-70 {
    margin-right: 70px !important;
  }
  .mr-sm-75 {
    margin-right: 75px !important;
  }
  .mr-sm-80 {
    margin-right: 80px !important;
  }
  .mr-sm-85 {
    margin-right: 85px !important;
  }
  .mr-sm-90 {
    margin-right: 90px !important;
  }
  .mr-sm-95 {
    margin-right: 95px !important;
  }
  .mr-sm-100 {
    margin-right: 100px !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-35 {
    margin-bottom: 35px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-45 {
    margin-bottom: 45px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-55 {
    margin-bottom: 55px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-65 {
    margin-bottom: 65px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-75 {
    margin-bottom: 75px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .mb-sm-85 {
    margin-bottom: 85px !important;
  }
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
  .mb-sm-95 {
    margin-bottom: 95px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-5 {
    margin-left: 5px !important;
  }
  .ml-sm-10 {
    margin-left: 10px !important;
  }
  .ml-sm-15 {
    margin-left: 15px !important;
  }
  .ml-sm-20 {
    margin-left: 20px !important;
  }
  .ml-sm-25 {
    margin-left: 25px !important;
  }
  .ml-sm-30 {
    margin-left: 30px !important;
  }
  .ml-sm-35 {
    margin-left: 35px !important;
  }
  .ml-sm-40 {
    margin-left: 40px !important;
  }
  .ml-sm-45 {
    margin-left: 45px !important;
  }
  .ml-sm-50 {
    margin-left: 50px !important;
  }
  .ml-sm-55 {
    margin-left: 55px !important;
  }
  .ml-sm-60 {
    margin-left: 60px !important;
  }
  .ml-sm-65 {
    margin-left: 65px !important;
  }
  .ml-sm-70 {
    margin-left: 70px !important;
  }
  .ml-sm-75 {
    margin-left: 75px !important;
  }
  .ml-sm-80 {
    margin-left: 80px !important;
  }
  .ml-sm-85 {
    margin-left: 85px !important;
  }
  .ml-sm-90 {
    margin-left: 90px !important;
  }
  .ml-sm-95 {
    margin-left: 95px !important;
  }
  .ml-sm-100 {
    margin-left: 100px !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-5 {
    padding: 5px !important;
  }
  .p-sm-10 {
    padding: 10px !important;
  }
  .p-sm-15 {
    padding: 15px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .p-sm-25 {
    padding: 25px !important;
  }
  .p-sm-30 {
    padding: 30px !important;
  }
  .p-sm-35 {
    padding: 35px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .p-sm-45 {
    padding: 45px !important;
  }
  .p-sm-50 {
    padding: 50px !important;
  }
  .p-sm-55 {
    padding: 55px !important;
  }
  .p-sm-60 {
    padding: 60px !important;
  }
  .p-sm-65 {
    padding: 65px !important;
  }
  .p-sm-70 {
    padding: 70px !important;
  }
  .p-sm-75 {
    padding: 75px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
  .p-sm-85 {
    padding: 85px !important;
  }
  .p-sm-90 {
    padding: 90px !important;
  }
  .p-sm-95 {
    padding: 95px !important;
  }
  .p-sm-100 {
    padding: 100px !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-sm-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-sm-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-sm-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-sm-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-sm-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-sm-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-sm-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-sm-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-sm-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-sm-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-sm-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-sm-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-sm-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-sm-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-sm-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-sm-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-sm-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-sm-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-sm-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-sm-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-sm-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-sm-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-sm-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-sm-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-sm-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-sm-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-sm-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-sm-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-sm-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pt-sm-35 {
    padding-top: 35px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pt-sm-45 {
    padding-top: 45px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pt-sm-55 {
    padding-top: 55px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pt-sm-65 {
    padding-top: 65px !important;
  }
  .pt-sm-70 {
    padding-top: 70px !important;
  }
  .pt-sm-75 {
    padding-top: 75px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pt-sm-85 {
    padding-top: 85px !important;
  }
  .pt-sm-90 {
    padding-top: 90px !important;
  }
  .pt-sm-95 {
    padding-top: 95px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-5 {
    padding-right: 5px !important;
  }
  .pr-sm-10 {
    padding-right: 10px !important;
  }
  .pr-sm-15 {
    padding-right: 15px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .pr-sm-25 {
    padding-right: 25px !important;
  }
  .pr-sm-30 {
    padding-right: 30px !important;
  }
  .pr-sm-35 {
    padding-right: 35px !important;
  }
  .pr-sm-40 {
    padding-right: 40px !important;
  }
  .pr-sm-45 {
    padding-right: 45px !important;
  }
  .pr-sm-50 {
    padding-right: 50px !important;
  }
  .pr-sm-55 {
    padding-right: 55px !important;
  }
  .pr-sm-60 {
    padding-right: 60px !important;
  }
  .pr-sm-65 {
    padding-right: 65px !important;
  }
  .pr-sm-70 {
    padding-right: 70px !important;
  }
  .pr-sm-75 {
    padding-right: 75px !important;
  }
  .pr-sm-80 {
    padding-right: 80px !important;
  }
  .pr-sm-85 {
    padding-right: 85px !important;
  }
  .pr-sm-90 {
    padding-right: 90px !important;
  }
  .pr-sm-95 {
    padding-right: 95px !important;
  }
  .pr-sm-100 {
    padding-right: 100px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pb-sm-35 {
    padding-bottom: 35px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pb-sm-45 {
    padding-bottom: 45px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pb-sm-55 {
    padding-bottom: 55px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pb-sm-65 {
    padding-bottom: 65px !important;
  }
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .pb-sm-75 {
    padding-bottom: 75px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pb-sm-85 {
    padding-bottom: 85px !important;
  }
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
  .pb-sm-95 {
    padding-bottom: 95px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-5 {
    padding-left: 5px !important;
  }
  .pl-sm-10 {
    padding-left: 10px !important;
  }
  .pl-sm-15 {
    padding-left: 15px !important;
  }
  .pl-sm-20 {
    padding-left: 20px !important;
  }
  .pl-sm-25 {
    padding-left: 25px !important;
  }
  .pl-sm-30 {
    padding-left: 30px !important;
  }
  .pl-sm-35 {
    padding-left: 35px !important;
  }
  .pl-sm-40 {
    padding-left: 40px !important;
  }
  .pl-sm-45 {
    padding-left: 45px !important;
  }
  .pl-sm-50 {
    padding-left: 50px !important;
  }
  .pl-sm-55 {
    padding-left: 55px !important;
  }
  .pl-sm-60 {
    padding-left: 60px !important;
  }
  .pl-sm-65 {
    padding-left: 65px !important;
  }
  .pl-sm-70 {
    padding-left: 70px !important;
  }
  .pl-sm-75 {
    padding-left: 75px !important;
  }
  .pl-sm-80 {
    padding-left: 80px !important;
  }
  .pl-sm-85 {
    padding-left: 85px !important;
  }
  .pl-sm-90 {
    padding-left: 90px !important;
  }
  .pl-sm-95 {
    padding-left: 95px !important;
  }
  .pl-sm-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 1024px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-5 {
    margin: 5px !important;
  }
  .m-md-10 {
    margin: 10px !important;
  }
  .m-md-15 {
    margin: 15px !important;
  }
  .m-md-20 {
    margin: 20px !important;
  }
  .m-md-25 {
    margin: 25px !important;
  }
  .m-md-30 {
    margin: 30px !important;
  }
  .m-md-35 {
    margin: 35px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .m-md-45 {
    margin: 45px !important;
  }
  .m-md-50 {
    margin: 50px !important;
  }
  .m-md-55 {
    margin: 55px !important;
  }
  .m-md-60 {
    margin: 60px !important;
  }
  .m-md-65 {
    margin: 65px !important;
  }
  .m-md-70 {
    margin: 70px !important;
  }
  .m-md-75 {
    margin: 75px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
  .m-md-85 {
    margin: 85px !important;
  }
  .m-md-90 {
    margin: 90px !important;
  }
  .m-md-95 {
    margin: 95px !important;
  }
  .m-md-100 {
    margin: 100px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-md-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-md-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-md-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-md-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-md-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-md-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-md-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-md-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-md-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-md-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-md-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-md-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-md-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-md-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-md-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-md-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-md-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-md-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-md-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-md-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-md-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-md-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-md-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-md-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-md-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-md-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-md-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-md-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-md-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-md-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-md-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-5 {
    margin-top: 5px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mt-md-35 {
    margin-top: 35px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mt-md-45 {
    margin-top: 45px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mt-md-55 {
    margin-top: 55px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mt-md-65 {
    margin-top: 65px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mt-md-75 {
    margin-top: 75px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mt-md-85 {
    margin-top: 85px !important;
  }
  .mt-md-90 {
    margin-top: 90px !important;
  }
  .mt-md-95 {
    margin-top: 95px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-5 {
    margin-right: 5px !important;
  }
  .mr-md-10 {
    margin-right: 10px !important;
  }
  .mr-md-15 {
    margin-right: 15px !important;
  }
  .mr-md-20 {
    margin-right: 20px !important;
  }
  .mr-md-25 {
    margin-right: 25px !important;
  }
  .mr-md-30 {
    margin-right: 30px !important;
  }
  .mr-md-35 {
    margin-right: 35px !important;
  }
  .mr-md-40 {
    margin-right: 40px !important;
  }
  .mr-md-45 {
    margin-right: 45px !important;
  }
  .mr-md-50 {
    margin-right: 50px !important;
  }
  .mr-md-55 {
    margin-right: 55px !important;
  }
  .mr-md-60 {
    margin-right: 60px !important;
  }
  .mr-md-65 {
    margin-right: 65px !important;
  }
  .mr-md-70 {
    margin-right: 70px !important;
  }
  .mr-md-75 {
    margin-right: 75px !important;
  }
  .mr-md-80 {
    margin-right: 80px !important;
  }
  .mr-md-85 {
    margin-right: 85px !important;
  }
  .mr-md-90 {
    margin-right: 90px !important;
  }
  .mr-md-95 {
    margin-right: 95px !important;
  }
  .mr-md-100 {
    margin-right: 100px !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .mb-md-35 {
    margin-bottom: 35px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-45 {
    margin-bottom: 45px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .mb-md-55 {
    margin-bottom: 55px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .mb-md-65 {
    margin-bottom: 65px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .mb-md-75 {
    margin-bottom: 75px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .mb-md-85 {
    margin-bottom: 85px !important;
  }
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
  .mb-md-95 {
    margin-bottom: 95px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-5 {
    margin-left: 5px !important;
  }
  .ml-md-10 {
    margin-left: 10px !important;
  }
  .ml-md-15 {
    margin-left: 15px !important;
  }
  .ml-md-20 {
    margin-left: 20px !important;
  }
  .ml-md-25 {
    margin-left: 25px !important;
  }
  .ml-md-30 {
    margin-left: 30px !important;
  }
  .ml-md-35 {
    margin-left: 35px !important;
  }
  .ml-md-40 {
    margin-left: 40px !important;
  }
  .ml-md-45 {
    margin-left: 45px !important;
  }
  .ml-md-50 {
    margin-left: 50px !important;
  }
  .ml-md-55 {
    margin-left: 55px !important;
  }
  .ml-md-60 {
    margin-left: 60px !important;
  }
  .ml-md-65 {
    margin-left: 65px !important;
  }
  .ml-md-70 {
    margin-left: 70px !important;
  }
  .ml-md-75 {
    margin-left: 75px !important;
  }
  .ml-md-80 {
    margin-left: 80px !important;
  }
  .ml-md-85 {
    margin-left: 85px !important;
  }
  .ml-md-90 {
    margin-left: 90px !important;
  }
  .ml-md-95 {
    margin-left: 95px !important;
  }
  .ml-md-100 {
    margin-left: 100px !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-5 {
    padding: 5px !important;
  }
  .p-md-10 {
    padding: 10px !important;
  }
  .p-md-15 {
    padding: 15px !important;
  }
  .p-md-20 {
    padding: 20px !important;
  }
  .p-md-25 {
    padding: 25px !important;
  }
  .p-md-30 {
    padding: 30px !important;
  }
  .p-md-35 {
    padding: 35px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .p-md-45 {
    padding: 45px !important;
  }
  .p-md-50 {
    padding: 50px !important;
  }
  .p-md-55 {
    padding: 55px !important;
  }
  .p-md-60 {
    padding: 60px !important;
  }
  .p-md-65 {
    padding: 65px !important;
  }
  .p-md-70 {
    padding: 70px !important;
  }
  .p-md-75 {
    padding: 75px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
  .p-md-85 {
    padding: 85px !important;
  }
  .p-md-90 {
    padding: 90px !important;
  }
  .p-md-95 {
    padding: 95px !important;
  }
  .p-md-100 {
    padding: 100px !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-md-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-md-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-md-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-md-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-md-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-md-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-md-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-md-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-md-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-md-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-md-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-md-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-md-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-md-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-md-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-md-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-md-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-md-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-md-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-md-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-md-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-md-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-md-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-md-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-md-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-md-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-md-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-md-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-md-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-5 {
    padding-top: 5px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pt-md-25 {
    padding-top: 25px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pt-md-35 {
    padding-top: 35px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-45 {
    padding-top: 45px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pt-md-55 {
    padding-top: 55px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pt-md-65 {
    padding-top: 65px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pt-md-75 {
    padding-top: 75px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pt-md-85 {
    padding-top: 85px !important;
  }
  .pt-md-90 {
    padding-top: 90px !important;
  }
  .pt-md-95 {
    padding-top: 95px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-5 {
    padding-right: 5px !important;
  }
  .pr-md-10 {
    padding-right: 10px !important;
  }
  .pr-md-15 {
    padding-right: 15px !important;
  }
  .pr-md-20 {
    padding-right: 20px !important;
  }
  .pr-md-25 {
    padding-right: 25px !important;
  }
  .pr-md-30 {
    padding-right: 30px !important;
  }
  .pr-md-35 {
    padding-right: 35px !important;
  }
  .pr-md-40 {
    padding-right: 40px !important;
  }
  .pr-md-45 {
    padding-right: 45px !important;
  }
  .pr-md-50 {
    padding-right: 50px !important;
  }
  .pr-md-55 {
    padding-right: 55px !important;
  }
  .pr-md-60 {
    padding-right: 60px !important;
  }
  .pr-md-65 {
    padding-right: 65px !important;
  }
  .pr-md-70 {
    padding-right: 70px !important;
  }
  .pr-md-75 {
    padding-right: 75px !important;
  }
  .pr-md-80 {
    padding-right: 80px !important;
  }
  .pr-md-85 {
    padding-right: 85px !important;
  }
  .pr-md-90 {
    padding-right: 90px !important;
  }
  .pr-md-95 {
    padding-right: 95px !important;
  }
  .pr-md-100 {
    padding-right: 100px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pb-md-55 {
    padding-bottom: 55px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pb-md-65 {
    padding-bottom: 65px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
  .pb-md-75 {
    padding-bottom: 75px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pb-md-85 {
    padding-bottom: 85px !important;
  }
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
  .pb-md-95 {
    padding-bottom: 95px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-5 {
    padding-left: 5px !important;
  }
  .pl-md-10 {
    padding-left: 10px !important;
  }
  .pl-md-15 {
    padding-left: 15px !important;
  }
  .pl-md-20 {
    padding-left: 20px !important;
  }
  .pl-md-25 {
    padding-left: 25px !important;
  }
  .pl-md-30 {
    padding-left: 30px !important;
  }
  .pl-md-35 {
    padding-left: 35px !important;
  }
  .pl-md-40 {
    padding-left: 40px !important;
  }
  .pl-md-45 {
    padding-left: 45px !important;
  }
  .pl-md-50 {
    padding-left: 50px !important;
  }
  .pl-md-55 {
    padding-left: 55px !important;
  }
  .pl-md-60 {
    padding-left: 60px !important;
  }
  .pl-md-65 {
    padding-left: 65px !important;
  }
  .pl-md-70 {
    padding-left: 70px !important;
  }
  .pl-md-75 {
    padding-left: 75px !important;
  }
  .pl-md-80 {
    padding-left: 80px !important;
  }
  .pl-md-85 {
    padding-left: 85px !important;
  }
  .pl-md-90 {
    padding-left: 90px !important;
  }
  .pl-md-95 {
    padding-left: 95px !important;
  }
  .pl-md-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-5 {
    margin: 5px !important;
  }
  .m-lg-10 {
    margin: 10px !important;
  }
  .m-lg-15 {
    margin: 15px !important;
  }
  .m-lg-20 {
    margin: 20px !important;
  }
  .m-lg-25 {
    margin: 25px !important;
  }
  .m-lg-30 {
    margin: 30px !important;
  }
  .m-lg-35 {
    margin: 35px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .m-lg-45 {
    margin: 45px !important;
  }
  .m-lg-50 {
    margin: 50px !important;
  }
  .m-lg-55 {
    margin: 55px !important;
  }
  .m-lg-60 {
    margin: 60px !important;
  }
  .m-lg-65 {
    margin: 65px !important;
  }
  .m-lg-70 {
    margin: 70px !important;
  }
  .m-lg-75 {
    margin: 75px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
  .m-lg-85 {
    margin: 85px !important;
  }
  .m-lg-90 {
    margin: 90px !important;
  }
  .m-lg-95 {
    margin: 95px !important;
  }
  .m-lg-100 {
    margin: 100px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-lg-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-lg-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-lg-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-lg-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-lg-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-lg-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-lg-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-lg-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-lg-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-lg-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-lg-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-lg-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-lg-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-lg-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-lg-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-lg-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-lg-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-lg-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-lg-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-lg-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-lg-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-lg-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-lg-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-lg-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-lg-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-lg-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-lg-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-lg-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-lg-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-lg-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-lg-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-lg-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-5 {
    margin-top: 5px !important;
  }
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mt-lg-15 {
    margin-top: 15px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mt-lg-25 {
    margin-top: 25px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mt-lg-35 {
    margin-top: 35px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mt-lg-45 {
    margin-top: 45px !important;
  }
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mt-lg-55 {
    margin-top: 55px !important;
  }
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mt-lg-65 {
    margin-top: 65px !important;
  }
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .mt-lg-75 {
    margin-top: 75px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mt-lg-85 {
    margin-top: 85px !important;
  }
  .mt-lg-90 {
    margin-top: 90px !important;
  }
  .mt-lg-95 {
    margin-top: 95px !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-5 {
    margin-right: 5px !important;
  }
  .mr-lg-10 {
    margin-right: 10px !important;
  }
  .mr-lg-15 {
    margin-right: 15px !important;
  }
  .mr-lg-20 {
    margin-right: 20px !important;
  }
  .mr-lg-25 {
    margin-right: 25px !important;
  }
  .mr-lg-30 {
    margin-right: 30px !important;
  }
  .mr-lg-35 {
    margin-right: 35px !important;
  }
  .mr-lg-40 {
    margin-right: 40px !important;
  }
  .mr-lg-45 {
    margin-right: 45px !important;
  }
  .mr-lg-50 {
    margin-right: 50px !important;
  }
  .mr-lg-55 {
    margin-right: 55px !important;
  }
  .mr-lg-60 {
    margin-right: 60px !important;
  }
  .mr-lg-65 {
    margin-right: 65px !important;
  }
  .mr-lg-70 {
    margin-right: 70px !important;
  }
  .mr-lg-75 {
    margin-right: 75px !important;
  }
  .mr-lg-80 {
    margin-right: 80px !important;
  }
  .mr-lg-85 {
    margin-right: 85px !important;
  }
  .mr-lg-90 {
    margin-right: 90px !important;
  }
  .mr-lg-95 {
    margin-right: 95px !important;
  }
  .mr-lg-100 {
    margin-right: 100px !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .mb-lg-35 {
    margin-bottom: 35px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .mb-lg-45 {
    margin-bottom: 45px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .mb-lg-55 {
    margin-bottom: 55px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .mb-lg-65 {
    margin-bottom: 65px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .mb-lg-75 {
    margin-bottom: 75px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .mb-lg-85 {
    margin-bottom: 85px !important;
  }
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .mb-lg-95 {
    margin-bottom: 95px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-5 {
    margin-left: 5px !important;
  }
  .ml-lg-10 {
    margin-left: 10px !important;
  }
  .ml-lg-15 {
    margin-left: 15px !important;
  }
  .ml-lg-20 {
    margin-left: 20px !important;
  }
  .ml-lg-25 {
    margin-left: 25px !important;
  }
  .ml-lg-30 {
    margin-left: 30px !important;
  }
  .ml-lg-35 {
    margin-left: 35px !important;
  }
  .ml-lg-40 {
    margin-left: 40px !important;
  }
  .ml-lg-45 {
    margin-left: 45px !important;
  }
  .ml-lg-50 {
    margin-left: 50px !important;
  }
  .ml-lg-55 {
    margin-left: 55px !important;
  }
  .ml-lg-60 {
    margin-left: 60px !important;
  }
  .ml-lg-65 {
    margin-left: 65px !important;
  }
  .ml-lg-70 {
    margin-left: 70px !important;
  }
  .ml-lg-75 {
    margin-left: 75px !important;
  }
  .ml-lg-80 {
    margin-left: 80px !important;
  }
  .ml-lg-85 {
    margin-left: 85px !important;
  }
  .ml-lg-90 {
    margin-left: 90px !important;
  }
  .ml-lg-95 {
    margin-left: 95px !important;
  }
  .ml-lg-100 {
    margin-left: 100px !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-5 {
    padding: 5px !important;
  }
  .p-lg-10 {
    padding: 10px !important;
  }
  .p-lg-15 {
    padding: 15px !important;
  }
  .p-lg-20 {
    padding: 20px !important;
  }
  .p-lg-25 {
    padding: 25px !important;
  }
  .p-lg-30 {
    padding: 30px !important;
  }
  .p-lg-35 {
    padding: 35px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .p-lg-45 {
    padding: 45px !important;
  }
  .p-lg-50 {
    padding: 50px !important;
  }
  .p-lg-55 {
    padding: 55px !important;
  }
  .p-lg-60 {
    padding: 60px !important;
  }
  .p-lg-65 {
    padding: 65px !important;
  }
  .p-lg-70 {
    padding: 70px !important;
  }
  .p-lg-75 {
    padding: 75px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
  .p-lg-85 {
    padding: 85px !important;
  }
  .p-lg-90 {
    padding: 90px !important;
  }
  .p-lg-95 {
    padding: 95px !important;
  }
  .p-lg-100 {
    padding: 100px !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-lg-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-lg-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-lg-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-lg-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-lg-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-lg-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-lg-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-lg-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-lg-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-lg-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-lg-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-lg-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-lg-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-lg-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-lg-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-lg-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-lg-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-lg-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-lg-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-lg-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-lg-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-lg-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-lg-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-lg-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-lg-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-lg-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-lg-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-lg-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-5 {
    padding-top: 5px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pt-lg-15 {
    padding-top: 15px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pt-lg-25 {
    padding-top: 25px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pt-lg-35 {
    padding-top: 35px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pt-lg-45 {
    padding-top: 45px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pt-lg-55 {
    padding-top: 55px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pt-lg-65 {
    padding-top: 65px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pt-lg-75 {
    padding-top: 75px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pt-lg-85 {
    padding-top: 85px !important;
  }
  .pt-lg-90 {
    padding-top: 90px !important;
  }
  .pt-lg-95 {
    padding-top: 95px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-5 {
    padding-right: 5px !important;
  }
  .pr-lg-10 {
    padding-right: 10px !important;
  }
  .pr-lg-15 {
    padding-right: 15px !important;
  }
  .pr-lg-20 {
    padding-right: 20px !important;
  }
  .pr-lg-25 {
    padding-right: 25px !important;
  }
  .pr-lg-30 {
    padding-right: 30px !important;
  }
  .pr-lg-35 {
    padding-right: 35px !important;
  }
  .pr-lg-40 {
    padding-right: 40px !important;
  }
  .pr-lg-45 {
    padding-right: 45px !important;
  }
  .pr-lg-50 {
    padding-right: 50px !important;
  }
  .pr-lg-55 {
    padding-right: 55px !important;
  }
  .pr-lg-60 {
    padding-right: 60px !important;
  }
  .pr-lg-65 {
    padding-right: 65px !important;
  }
  .pr-lg-70 {
    padding-right: 70px !important;
  }
  .pr-lg-75 {
    padding-right: 75px !important;
  }
  .pr-lg-80 {
    padding-right: 80px !important;
  }
  .pr-lg-85 {
    padding-right: 85px !important;
  }
  .pr-lg-90 {
    padding-right: 90px !important;
  }
  .pr-lg-95 {
    padding-right: 95px !important;
  }
  .pr-lg-100 {
    padding-right: 100px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .pb-lg-35 {
    padding-bottom: 35px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .pb-lg-45 {
    padding-bottom: 45px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pb-lg-55 {
    padding-bottom: 55px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pb-lg-65 {
    padding-bottom: 65px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .pb-lg-75 {
    padding-bottom: 75px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .pb-lg-85 {
    padding-bottom: 85px !important;
  }
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
  .pb-lg-95 {
    padding-bottom: 95px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-5 {
    padding-left: 5px !important;
  }
  .pl-lg-10 {
    padding-left: 10px !important;
  }
  .pl-lg-15 {
    padding-left: 15px !important;
  }
  .pl-lg-20 {
    padding-left: 20px !important;
  }
  .pl-lg-25 {
    padding-left: 25px !important;
  }
  .pl-lg-30 {
    padding-left: 30px !important;
  }
  .pl-lg-35 {
    padding-left: 35px !important;
  }
  .pl-lg-40 {
    padding-left: 40px !important;
  }
  .pl-lg-45 {
    padding-left: 45px !important;
  }
  .pl-lg-50 {
    padding-left: 50px !important;
  }
  .pl-lg-55 {
    padding-left: 55px !important;
  }
  .pl-lg-60 {
    padding-left: 60px !important;
  }
  .pl-lg-65 {
    padding-left: 65px !important;
  }
  .pl-lg-70 {
    padding-left: 70px !important;
  }
  .pl-lg-75 {
    padding-left: 75px !important;
  }
  .pl-lg-80 {
    padding-left: 80px !important;
  }
  .pl-lg-85 {
    padding-left: 85px !important;
  }
  .pl-lg-90 {
    padding-left: 90px !important;
  }
  .pl-lg-95 {
    padding-left: 95px !important;
  }
  .pl-lg-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-5 {
    margin: 5px !important;
  }
  .m-xl-10 {
    margin: 10px !important;
  }
  .m-xl-15 {
    margin: 15px !important;
  }
  .m-xl-20 {
    margin: 20px !important;
  }
  .m-xl-25 {
    margin: 25px !important;
  }
  .m-xl-30 {
    margin: 30px !important;
  }
  .m-xl-35 {
    margin: 35px !important;
  }
  .m-xl-40 {
    margin: 40px !important;
  }
  .m-xl-45 {
    margin: 45px !important;
  }
  .m-xl-50 {
    margin: 50px !important;
  }
  .m-xl-55 {
    margin: 55px !important;
  }
  .m-xl-60 {
    margin: 60px !important;
  }
  .m-xl-65 {
    margin: 65px !important;
  }
  .m-xl-70 {
    margin: 70px !important;
  }
  .m-xl-75 {
    margin: 75px !important;
  }
  .m-xl-80 {
    margin: 80px !important;
  }
  .m-xl-85 {
    margin: 85px !important;
  }
  .m-xl-90 {
    margin: 90px !important;
  }
  .m-xl-95 {
    margin: 95px !important;
  }
  .m-xl-100 {
    margin: 100px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-xl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-xl-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-xl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xl-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-xl-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-xl-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-xl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xl-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-xl-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-xl-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-xl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xl-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-xl-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-xl-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-xl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-xl-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-xl-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-xl-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-xl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-xl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-xl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-xl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-xl-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-xl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-xl-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-xl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xl-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-xl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-xl-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-xl-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-xl-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-xl-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-5 {
    margin-top: 5px !important;
  }
  .mt-xl-10 {
    margin-top: 10px !important;
  }
  .mt-xl-15 {
    margin-top: 15px !important;
  }
  .mt-xl-20 {
    margin-top: 20px !important;
  }
  .mt-xl-25 {
    margin-top: 25px !important;
  }
  .mt-xl-30 {
    margin-top: 30px !important;
  }
  .mt-xl-35 {
    margin-top: 35px !important;
  }
  .mt-xl-40 {
    margin-top: 40px !important;
  }
  .mt-xl-45 {
    margin-top: 45px !important;
  }
  .mt-xl-50 {
    margin-top: 50px !important;
  }
  .mt-xl-55 {
    margin-top: 55px !important;
  }
  .mt-xl-60 {
    margin-top: 60px !important;
  }
  .mt-xl-65 {
    margin-top: 65px !important;
  }
  .mt-xl-70 {
    margin-top: 70px !important;
  }
  .mt-xl-75 {
    margin-top: 75px !important;
  }
  .mt-xl-80 {
    margin-top: 80px !important;
  }
  .mt-xl-85 {
    margin-top: 85px !important;
  }
  .mt-xl-90 {
    margin-top: 90px !important;
  }
  .mt-xl-95 {
    margin-top: 95px !important;
  }
  .mt-xl-100 {
    margin-top: 100px !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-5 {
    margin-right: 5px !important;
  }
  .mr-xl-10 {
    margin-right: 10px !important;
  }
  .mr-xl-15 {
    margin-right: 15px !important;
  }
  .mr-xl-20 {
    margin-right: 20px !important;
  }
  .mr-xl-25 {
    margin-right: 25px !important;
  }
  .mr-xl-30 {
    margin-right: 30px !important;
  }
  .mr-xl-35 {
    margin-right: 35px !important;
  }
  .mr-xl-40 {
    margin-right: 40px !important;
  }
  .mr-xl-45 {
    margin-right: 45px !important;
  }
  .mr-xl-50 {
    margin-right: 50px !important;
  }
  .mr-xl-55 {
    margin-right: 55px !important;
  }
  .mr-xl-60 {
    margin-right: 60px !important;
  }
  .mr-xl-65 {
    margin-right: 65px !important;
  }
  .mr-xl-70 {
    margin-right: 70px !important;
  }
  .mr-xl-75 {
    margin-right: 75px !important;
  }
  .mr-xl-80 {
    margin-right: 80px !important;
  }
  .mr-xl-85 {
    margin-right: 85px !important;
  }
  .mr-xl-90 {
    margin-right: 90px !important;
  }
  .mr-xl-95 {
    margin-right: 95px !important;
  }
  .mr-xl-100 {
    margin-right: 100px !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-5 {
    margin-bottom: 5px !important;
  }
  .mb-xl-10 {
    margin-bottom: 10px !important;
  }
  .mb-xl-15 {
    margin-bottom: 15px !important;
  }
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .mb-xl-25 {
    margin-bottom: 25px !important;
  }
  .mb-xl-30 {
    margin-bottom: 30px !important;
  }
  .mb-xl-35 {
    margin-bottom: 35px !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xl-45 {
    margin-bottom: 45px !important;
  }
  .mb-xl-50 {
    margin-bottom: 50px !important;
  }
  .mb-xl-55 {
    margin-bottom: 55px !important;
  }
  .mb-xl-60 {
    margin-bottom: 60px !important;
  }
  .mb-xl-65 {
    margin-bottom: 65px !important;
  }
  .mb-xl-70 {
    margin-bottom: 70px !important;
  }
  .mb-xl-75 {
    margin-bottom: 75px !important;
  }
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
  .mb-xl-85 {
    margin-bottom: 85px !important;
  }
  .mb-xl-90 {
    margin-bottom: 90px !important;
  }
  .mb-xl-95 {
    margin-bottom: 95px !important;
  }
  .mb-xl-100 {
    margin-bottom: 100px !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-5 {
    margin-left: 5px !important;
  }
  .ml-xl-10 {
    margin-left: 10px !important;
  }
  .ml-xl-15 {
    margin-left: 15px !important;
  }
  .ml-xl-20 {
    margin-left: 20px !important;
  }
  .ml-xl-25 {
    margin-left: 25px !important;
  }
  .ml-xl-30 {
    margin-left: 30px !important;
  }
  .ml-xl-35 {
    margin-left: 35px !important;
  }
  .ml-xl-40 {
    margin-left: 40px !important;
  }
  .ml-xl-45 {
    margin-left: 45px !important;
  }
  .ml-xl-50 {
    margin-left: 50px !important;
  }
  .ml-xl-55 {
    margin-left: 55px !important;
  }
  .ml-xl-60 {
    margin-left: 60px !important;
  }
  .ml-xl-65 {
    margin-left: 65px !important;
  }
  .ml-xl-70 {
    margin-left: 70px !important;
  }
  .ml-xl-75 {
    margin-left: 75px !important;
  }
  .ml-xl-80 {
    margin-left: 80px !important;
  }
  .ml-xl-85 {
    margin-left: 85px !important;
  }
  .ml-xl-90 {
    margin-left: 90px !important;
  }
  .ml-xl-95 {
    margin-left: 95px !important;
  }
  .ml-xl-100 {
    margin-left: 100px !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-5 {
    padding: 5px !important;
  }
  .p-xl-10 {
    padding: 10px !important;
  }
  .p-xl-15 {
    padding: 15px !important;
  }
  .p-xl-20 {
    padding: 20px !important;
  }
  .p-xl-25 {
    padding: 25px !important;
  }
  .p-xl-30 {
    padding: 30px !important;
  }
  .p-xl-35 {
    padding: 35px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .p-xl-45 {
    padding: 45px !important;
  }
  .p-xl-50 {
    padding: 50px !important;
  }
  .p-xl-55 {
    padding: 55px !important;
  }
  .p-xl-60 {
    padding: 60px !important;
  }
  .p-xl-65 {
    padding: 65px !important;
  }
  .p-xl-70 {
    padding: 70px !important;
  }
  .p-xl-75 {
    padding: 75px !important;
  }
  .p-xl-80 {
    padding: 80px !important;
  }
  .p-xl-85 {
    padding: 85px !important;
  }
  .p-xl-90 {
    padding: 90px !important;
  }
  .p-xl-95 {
    padding: 95px !important;
  }
  .p-xl-100 {
    padding: 100px !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-xl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-xl-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-xl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xl-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-xl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-xl-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-xl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xl-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-xl-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-xl-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-xl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xl-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-xl-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-xl-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-xl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-xl-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-xl-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-xl-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-xl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-xl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-xl-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-xl-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-xl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xl-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-xl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-xl-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-xl-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-xl-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-xl-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-5 {
    padding-top: 5px !important;
  }
  .pt-xl-10 {
    padding-top: 10px !important;
  }
  .pt-xl-15 {
    padding-top: 15px !important;
  }
  .pt-xl-20 {
    padding-top: 20px !important;
  }
  .pt-xl-25 {
    padding-top: 25px !important;
  }
  .pt-xl-30 {
    padding-top: 30px !important;
  }
  .pt-xl-35 {
    padding-top: 35px !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pt-xl-45 {
    padding-top: 45px !important;
  }
  .pt-xl-50 {
    padding-top: 50px !important;
  }
  .pt-xl-55 {
    padding-top: 55px !important;
  }
  .pt-xl-60 {
    padding-top: 60px !important;
  }
  .pt-xl-65 {
    padding-top: 65px !important;
  }
  .pt-xl-70 {
    padding-top: 70px !important;
  }
  .pt-xl-75 {
    padding-top: 75px !important;
  }
  .pt-xl-80 {
    padding-top: 80px !important;
  }
  .pt-xl-85 {
    padding-top: 85px !important;
  }
  .pt-xl-90 {
    padding-top: 90px !important;
  }
  .pt-xl-95 {
    padding-top: 95px !important;
  }
  .pt-xl-100 {
    padding-top: 100px !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-5 {
    padding-right: 5px !important;
  }
  .pr-xl-10 {
    padding-right: 10px !important;
  }
  .pr-xl-15 {
    padding-right: 15px !important;
  }
  .pr-xl-20 {
    padding-right: 20px !important;
  }
  .pr-xl-25 {
    padding-right: 25px !important;
  }
  .pr-xl-30 {
    padding-right: 30px !important;
  }
  .pr-xl-35 {
    padding-right: 35px !important;
  }
  .pr-xl-40 {
    padding-right: 40px !important;
  }
  .pr-xl-45 {
    padding-right: 45px !important;
  }
  .pr-xl-50 {
    padding-right: 50px !important;
  }
  .pr-xl-55 {
    padding-right: 55px !important;
  }
  .pr-xl-60 {
    padding-right: 60px !important;
  }
  .pr-xl-65 {
    padding-right: 65px !important;
  }
  .pr-xl-70 {
    padding-right: 70px !important;
  }
  .pr-xl-75 {
    padding-right: 75px !important;
  }
  .pr-xl-80 {
    padding-right: 80px !important;
  }
  .pr-xl-85 {
    padding-right: 85px !important;
  }
  .pr-xl-90 {
    padding-right: 90px !important;
  }
  .pr-xl-95 {
    padding-right: 95px !important;
  }
  .pr-xl-100 {
    padding-right: 100px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-5 {
    padding-bottom: 5px !important;
  }
  .pb-xl-10 {
    padding-bottom: 10px !important;
  }
  .pb-xl-15 {
    padding-bottom: 15px !important;
  }
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .pb-xl-25 {
    padding-bottom: 25px !important;
  }
  .pb-xl-30 {
    padding-bottom: 30px !important;
  }
  .pb-xl-35 {
    padding-bottom: 35px !important;
  }
  .pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .pb-xl-45 {
    padding-bottom: 45px !important;
  }
  .pb-xl-50 {
    padding-bottom: 50px !important;
  }
  .pb-xl-55 {
    padding-bottom: 55px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px !important;
  }
  .pb-xl-65 {
    padding-bottom: 65px !important;
  }
  .pb-xl-70 {
    padding-bottom: 70px !important;
  }
  .pb-xl-75 {
    padding-bottom: 75px !important;
  }
  .pb-xl-80 {
    padding-bottom: 80px !important;
  }
  .pb-xl-85 {
    padding-bottom: 85px !important;
  }
  .pb-xl-90 {
    padding-bottom: 90px !important;
  }
  .pb-xl-95 {
    padding-bottom: 95px !important;
  }
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-5 {
    padding-left: 5px !important;
  }
  .pl-xl-10 {
    padding-left: 10px !important;
  }
  .pl-xl-15 {
    padding-left: 15px !important;
  }
  .pl-xl-20 {
    padding-left: 20px !important;
  }
  .pl-xl-25 {
    padding-left: 25px !important;
  }
  .pl-xl-30 {
    padding-left: 30px !important;
  }
  .pl-xl-35 {
    padding-left: 35px !important;
  }
  .pl-xl-40 {
    padding-left: 40px !important;
  }
  .pl-xl-45 {
    padding-left: 45px !important;
  }
  .pl-xl-50 {
    padding-left: 50px !important;
  }
  .pl-xl-55 {
    padding-left: 55px !important;
  }
  .pl-xl-60 {
    padding-left: 60px !important;
  }
  .pl-xl-65 {
    padding-left: 65px !important;
  }
  .pl-xl-70 {
    padding-left: 70px !important;
  }
  .pl-xl-75 {
    padding-left: 75px !important;
  }
  .pl-xl-80 {
    padding-left: 80px !important;
  }
  .pl-xl-85 {
    padding-left: 85px !important;
  }
  .pl-xl-90 {
    padding-left: 90px !important;
  }
  .pl-xl-95 {
    padding-left: 95px !important;
  }
  .pl-xl-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 1600px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-5 {
    margin: 5px !important;
  }
  .m-xxl-10 {
    margin: 10px !important;
  }
  .m-xxl-15 {
    margin: 15px !important;
  }
  .m-xxl-20 {
    margin: 20px !important;
  }
  .m-xxl-25 {
    margin: 25px !important;
  }
  .m-xxl-30 {
    margin: 30px !important;
  }
  .m-xxl-35 {
    margin: 35px !important;
  }
  .m-xxl-40 {
    margin: 40px !important;
  }
  .m-xxl-45 {
    margin: 45px !important;
  }
  .m-xxl-50 {
    margin: 50px !important;
  }
  .m-xxl-55 {
    margin: 55px !important;
  }
  .m-xxl-60 {
    margin: 60px !important;
  }
  .m-xxl-65 {
    margin: 65px !important;
  }
  .m-xxl-70 {
    margin: 70px !important;
  }
  .m-xxl-75 {
    margin: 75px !important;
  }
  .m-xxl-80 {
    margin: 80px !important;
  }
  .m-xxl-85 {
    margin: 85px !important;
  }
  .m-xxl-90 {
    margin: 90px !important;
  }
  .m-xxl-95 {
    margin: 95px !important;
  }
  .m-xxl-100 {
    margin: 100px !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-xxl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-xxl-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-xxl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xxl-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-xxl-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-xxl-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-xxl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xxl-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-xxl-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-xxl-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-xxl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xxl-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-xxl-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-xxl-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-xxl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-xxl-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-xxl-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-xxl-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-xxl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-xxl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-xxl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-xxl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xxl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-xxl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-xxl-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-xxl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xxl-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-xxl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-xxl-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-xxl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xxl-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-xxl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-xxl-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-xxl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-xxl-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-xxl-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-xxl-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-xxl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-5 {
    margin-top: 5px !important;
  }
  .mt-xxl-10 {
    margin-top: 10px !important;
  }
  .mt-xxl-15 {
    margin-top: 15px !important;
  }
  .mt-xxl-20 {
    margin-top: 20px !important;
  }
  .mt-xxl-25 {
    margin-top: 25px !important;
  }
  .mt-xxl-30 {
    margin-top: 30px !important;
  }
  .mt-xxl-35 {
    margin-top: 35px !important;
  }
  .mt-xxl-40 {
    margin-top: 40px !important;
  }
  .mt-xxl-45 {
    margin-top: 45px !important;
  }
  .mt-xxl-50 {
    margin-top: 50px !important;
  }
  .mt-xxl-55 {
    margin-top: 55px !important;
  }
  .mt-xxl-60 {
    margin-top: 60px !important;
  }
  .mt-xxl-65 {
    margin-top: 65px !important;
  }
  .mt-xxl-70 {
    margin-top: 70px !important;
  }
  .mt-xxl-75 {
    margin-top: 75px !important;
  }
  .mt-xxl-80 {
    margin-top: 80px !important;
  }
  .mt-xxl-85 {
    margin-top: 85px !important;
  }
  .mt-xxl-90 {
    margin-top: 90px !important;
  }
  .mt-xxl-95 {
    margin-top: 95px !important;
  }
  .mt-xxl-100 {
    margin-top: 100px !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mr-xxl-5 {
    margin-right: 5px !important;
  }
  .mr-xxl-10 {
    margin-right: 10px !important;
  }
  .mr-xxl-15 {
    margin-right: 15px !important;
  }
  .mr-xxl-20 {
    margin-right: 20px !important;
  }
  .mr-xxl-25 {
    margin-right: 25px !important;
  }
  .mr-xxl-30 {
    margin-right: 30px !important;
  }
  .mr-xxl-35 {
    margin-right: 35px !important;
  }
  .mr-xxl-40 {
    margin-right: 40px !important;
  }
  .mr-xxl-45 {
    margin-right: 45px !important;
  }
  .mr-xxl-50 {
    margin-right: 50px !important;
  }
  .mr-xxl-55 {
    margin-right: 55px !important;
  }
  .mr-xxl-60 {
    margin-right: 60px !important;
  }
  .mr-xxl-65 {
    margin-right: 65px !important;
  }
  .mr-xxl-70 {
    margin-right: 70px !important;
  }
  .mr-xxl-75 {
    margin-right: 75px !important;
  }
  .mr-xxl-80 {
    margin-right: 80px !important;
  }
  .mr-xxl-85 {
    margin-right: 85px !important;
  }
  .mr-xxl-90 {
    margin-right: 90px !important;
  }
  .mr-xxl-95 {
    margin-right: 95px !important;
  }
  .mr-xxl-100 {
    margin-right: 100px !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-5 {
    margin-bottom: 5px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 10px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 15px !important;
  }
  .mb-xxl-20 {
    margin-bottom: 20px !important;
  }
  .mb-xxl-25 {
    margin-bottom: 25px !important;
  }
  .mb-xxl-30 {
    margin-bottom: 30px !important;
  }
  .mb-xxl-35 {
    margin-bottom: 35px !important;
  }
  .mb-xxl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xxl-45 {
    margin-bottom: 45px !important;
  }
  .mb-xxl-50 {
    margin-bottom: 50px !important;
  }
  .mb-xxl-55 {
    margin-bottom: 55px !important;
  }
  .mb-xxl-60 {
    margin-bottom: 60px !important;
  }
  .mb-xxl-65 {
    margin-bottom: 65px !important;
  }
  .mb-xxl-70 {
    margin-bottom: 70px !important;
  }
  .mb-xxl-75 {
    margin-bottom: 75px !important;
  }
  .mb-xxl-80 {
    margin-bottom: 80px !important;
  }
  .mb-xxl-85 {
    margin-bottom: 85px !important;
  }
  .mb-xxl-90 {
    margin-bottom: 90px !important;
  }
  .mb-xxl-95 {
    margin-bottom: 95px !important;
  }
  .mb-xxl-100 {
    margin-bottom: 100px !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .ml-xxl-5 {
    margin-left: 5px !important;
  }
  .ml-xxl-10 {
    margin-left: 10px !important;
  }
  .ml-xxl-15 {
    margin-left: 15px !important;
  }
  .ml-xxl-20 {
    margin-left: 20px !important;
  }
  .ml-xxl-25 {
    margin-left: 25px !important;
  }
  .ml-xxl-30 {
    margin-left: 30px !important;
  }
  .ml-xxl-35 {
    margin-left: 35px !important;
  }
  .ml-xxl-40 {
    margin-left: 40px !important;
  }
  .ml-xxl-45 {
    margin-left: 45px !important;
  }
  .ml-xxl-50 {
    margin-left: 50px !important;
  }
  .ml-xxl-55 {
    margin-left: 55px !important;
  }
  .ml-xxl-60 {
    margin-left: 60px !important;
  }
  .ml-xxl-65 {
    margin-left: 65px !important;
  }
  .ml-xxl-70 {
    margin-left: 70px !important;
  }
  .ml-xxl-75 {
    margin-left: 75px !important;
  }
  .ml-xxl-80 {
    margin-left: 80px !important;
  }
  .ml-xxl-85 {
    margin-left: 85px !important;
  }
  .ml-xxl-90 {
    margin-left: 90px !important;
  }
  .ml-xxl-95 {
    margin-left: 95px !important;
  }
  .ml-xxl-100 {
    margin-left: 100px !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-5 {
    padding: 5px !important;
  }
  .p-xxl-10 {
    padding: 10px !important;
  }
  .p-xxl-15 {
    padding: 15px !important;
  }
  .p-xxl-20 {
    padding: 20px !important;
  }
  .p-xxl-25 {
    padding: 25px !important;
  }
  .p-xxl-30 {
    padding: 30px !important;
  }
  .p-xxl-35 {
    padding: 35px !important;
  }
  .p-xxl-40 {
    padding: 40px !important;
  }
  .p-xxl-45 {
    padding: 45px !important;
  }
  .p-xxl-50 {
    padding: 50px !important;
  }
  .p-xxl-55 {
    padding: 55px !important;
  }
  .p-xxl-60 {
    padding: 60px !important;
  }
  .p-xxl-65 {
    padding: 65px !important;
  }
  .p-xxl-70 {
    padding: 70px !important;
  }
  .p-xxl-75 {
    padding: 75px !important;
  }
  .p-xxl-80 {
    padding: 80px !important;
  }
  .p-xxl-85 {
    padding: 85px !important;
  }
  .p-xxl-90 {
    padding: 90px !important;
  }
  .p-xxl-95 {
    padding: 95px !important;
  }
  .p-xxl-100 {
    padding: 100px !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-xxl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-xxl-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-xxl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xxl-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-xxl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-xxl-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-xxl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xxl-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-xxl-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-xxl-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-xxl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xxl-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-xxl-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-xxl-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-xxl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-xxl-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-xxl-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-xxl-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-xxl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-xxl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xxl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-xxl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xxl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-xxl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-xxl-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-xxl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xxl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-xxl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-xxl-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-xxl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xxl-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-xxl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-xxl-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-xxl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-xxl-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-xxl-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-xxl-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-xxl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-5 {
    padding-top: 5px !important;
  }
  .pt-xxl-10 {
    padding-top: 10px !important;
  }
  .pt-xxl-15 {
    padding-top: 15px !important;
  }
  .pt-xxl-20 {
    padding-top: 20px !important;
  }
  .pt-xxl-25 {
    padding-top: 25px !important;
  }
  .pt-xxl-30 {
    padding-top: 30px !important;
  }
  .pt-xxl-35 {
    padding-top: 35px !important;
  }
  .pt-xxl-40 {
    padding-top: 40px !important;
  }
  .pt-xxl-45 {
    padding-top: 45px !important;
  }
  .pt-xxl-50 {
    padding-top: 50px !important;
  }
  .pt-xxl-55 {
    padding-top: 55px !important;
  }
  .pt-xxl-60 {
    padding-top: 60px !important;
  }
  .pt-xxl-65 {
    padding-top: 65px !important;
  }
  .pt-xxl-70 {
    padding-top: 70px !important;
  }
  .pt-xxl-75 {
    padding-top: 75px !important;
  }
  .pt-xxl-80 {
    padding-top: 80px !important;
  }
  .pt-xxl-85 {
    padding-top: 85px !important;
  }
  .pt-xxl-90 {
    padding-top: 90px !important;
  }
  .pt-xxl-95 {
    padding-top: 95px !important;
  }
  .pt-xxl-100 {
    padding-top: 100px !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pr-xxl-5 {
    padding-right: 5px !important;
  }
  .pr-xxl-10 {
    padding-right: 10px !important;
  }
  .pr-xxl-15 {
    padding-right: 15px !important;
  }
  .pr-xxl-20 {
    padding-right: 20px !important;
  }
  .pr-xxl-25 {
    padding-right: 25px !important;
  }
  .pr-xxl-30 {
    padding-right: 30px !important;
  }
  .pr-xxl-35 {
    padding-right: 35px !important;
  }
  .pr-xxl-40 {
    padding-right: 40px !important;
  }
  .pr-xxl-45 {
    padding-right: 45px !important;
  }
  .pr-xxl-50 {
    padding-right: 50px !important;
  }
  .pr-xxl-55 {
    padding-right: 55px !important;
  }
  .pr-xxl-60 {
    padding-right: 60px !important;
  }
  .pr-xxl-65 {
    padding-right: 65px !important;
  }
  .pr-xxl-70 {
    padding-right: 70px !important;
  }
  .pr-xxl-75 {
    padding-right: 75px !important;
  }
  .pr-xxl-80 {
    padding-right: 80px !important;
  }
  .pr-xxl-85 {
    padding-right: 85px !important;
  }
  .pr-xxl-90 {
    padding-right: 90px !important;
  }
  .pr-xxl-95 {
    padding-right: 95px !important;
  }
  .pr-xxl-100 {
    padding-right: 100px !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-5 {
    padding-bottom: 5px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 10px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 15px !important;
  }
  .pb-xxl-20 {
    padding-bottom: 20px !important;
  }
  .pb-xxl-25 {
    padding-bottom: 25px !important;
  }
  .pb-xxl-30 {
    padding-bottom: 30px !important;
  }
  .pb-xxl-35 {
    padding-bottom: 35px !important;
  }
  .pb-xxl-40 {
    padding-bottom: 40px !important;
  }
  .pb-xxl-45 {
    padding-bottom: 45px !important;
  }
  .pb-xxl-50 {
    padding-bottom: 50px !important;
  }
  .pb-xxl-55 {
    padding-bottom: 55px !important;
  }
  .pb-xxl-60 {
    padding-bottom: 60px !important;
  }
  .pb-xxl-65 {
    padding-bottom: 65px !important;
  }
  .pb-xxl-70 {
    padding-bottom: 70px !important;
  }
  .pb-xxl-75 {
    padding-bottom: 75px !important;
  }
  .pb-xxl-80 {
    padding-bottom: 80px !important;
  }
  .pb-xxl-85 {
    padding-bottom: 85px !important;
  }
  .pb-xxl-90 {
    padding-bottom: 90px !important;
  }
  .pb-xxl-95 {
    padding-bottom: 95px !important;
  }
  .pb-xxl-100 {
    padding-bottom: 100px !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }
  .pl-xxl-5 {
    padding-left: 5px !important;
  }
  .pl-xxl-10 {
    padding-left: 10px !important;
  }
  .pl-xxl-15 {
    padding-left: 15px !important;
  }
  .pl-xxl-20 {
    padding-left: 20px !important;
  }
  .pl-xxl-25 {
    padding-left: 25px !important;
  }
  .pl-xxl-30 {
    padding-left: 30px !important;
  }
  .pl-xxl-35 {
    padding-left: 35px !important;
  }
  .pl-xxl-40 {
    padding-left: 40px !important;
  }
  .pl-xxl-45 {
    padding-left: 45px !important;
  }
  .pl-xxl-50 {
    padding-left: 50px !important;
  }
  .pl-xxl-55 {
    padding-left: 55px !important;
  }
  .pl-xxl-60 {
    padding-left: 60px !important;
  }
  .pl-xxl-65 {
    padding-left: 65px !important;
  }
  .pl-xxl-70 {
    padding-left: 70px !important;
  }
  .pl-xxl-75 {
    padding-left: 75px !important;
  }
  .pl-xxl-80 {
    padding-left: 80px !important;
  }
  .pl-xxl-85 {
    padding-left: 85px !important;
  }
  .pl-xxl-90 {
    padding-left: 90px !important;
  }
  .pl-xxl-95 {
    padding-left: 95px !important;
  }
  .pl-xxl-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 1920px) {
  .d-fhd-none {
    display: none !important;
  }
  .d-fhd-inline {
    display: inline !important;
  }
  .d-fhd-inline-block {
    display: inline-block !important;
  }
  .d-fhd-block {
    display: block !important;
  }
  .d-fhd-table {
    display: table !important;
  }
  .d-fhd-table-row {
    display: table-row !important;
  }
  .d-fhd-table-cell {
    display: table-cell !important;
  }
  .d-fhd-flex {
    display: flex !important;
  }
  .d-fhd-inline-flex {
    display: inline-flex !important;
  }
  .flex-fhd-fill {
    flex: 1 1 auto !important;
  }
  .flex-fhd-row {
    flex-direction: row !important;
  }
  .flex-fhd-column {
    flex-direction: column !important;
  }
  .flex-fhd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-fhd-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-fhd-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-fhd-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-fhd-start {
    justify-content: flex-start !important;
  }
  .justify-content-fhd-end {
    justify-content: flex-end !important;
  }
  .justify-content-fhd-center {
    justify-content: center !important;
  }
  .justify-content-fhd-between {
    justify-content: space-between !important;
  }
  .justify-content-fhd-around {
    justify-content: space-around !important;
  }
  .justify-content-fhd-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-fhd-start {
    align-items: flex-start !important;
  }
  .align-items-fhd-end {
    align-items: flex-end !important;
  }
  .align-items-fhd-center {
    align-items: center !important;
  }
  .align-items-fhd-baseline {
    align-items: baseline !important;
  }
  .align-items-fhd-stretch {
    align-items: stretch !important;
  }
  .align-content-fhd-start {
    align-content: flex-start !important;
  }
  .align-content-fhd-end {
    align-content: flex-end !important;
  }
  .align-content-fhd-center {
    align-content: center !important;
  }
  .align-content-fhd-between {
    align-content: space-between !important;
  }
  .align-content-fhd-around {
    align-content: space-around !important;
  }
  .align-content-fhd-stretch {
    align-content: stretch !important;
  }
  .align-self-fhd-auto {
    align-self: auto !important;
  }
  .align-self-fhd-start {
    align-self: flex-start !important;
  }
  .align-self-fhd-end {
    align-self: flex-end !important;
  }
  .align-self-fhd-center {
    align-self: center !important;
  }
  .align-self-fhd-baseline {
    align-self: baseline !important;
  }
  .align-self-fhd-stretch {
    align-self: stretch !important;
  }
  .order-fhd-first {
    order: -1 !important;
  }
  .order-fhd-0 {
    order: 0 !important;
  }
  .order-fhd-1 {
    order: 1 !important;
  }
  .order-fhd-2 {
    order: 2 !important;
  }
  .order-fhd-3 {
    order: 3 !important;
  }
  .order-fhd-4 {
    order: 4 !important;
  }
  .order-fhd-5 {
    order: 5 !important;
  }
  .order-fhd-last {
    order: 6 !important;
  }
  .m-fhd-0 {
    margin: 0 !important;
  }
  .m-fhd-5 {
    margin: 5px !important;
  }
  .m-fhd-10 {
    margin: 10px !important;
  }
  .m-fhd-15 {
    margin: 15px !important;
  }
  .m-fhd-20 {
    margin: 20px !important;
  }
  .m-fhd-25 {
    margin: 25px !important;
  }
  .m-fhd-30 {
    margin: 30px !important;
  }
  .m-fhd-35 {
    margin: 35px !important;
  }
  .m-fhd-40 {
    margin: 40px !important;
  }
  .m-fhd-45 {
    margin: 45px !important;
  }
  .m-fhd-50 {
    margin: 50px !important;
  }
  .m-fhd-55 {
    margin: 55px !important;
  }
  .m-fhd-60 {
    margin: 60px !important;
  }
  .m-fhd-65 {
    margin: 65px !important;
  }
  .m-fhd-70 {
    margin: 70px !important;
  }
  .m-fhd-75 {
    margin: 75px !important;
  }
  .m-fhd-80 {
    margin: 80px !important;
  }
  .m-fhd-85 {
    margin: 85px !important;
  }
  .m-fhd-90 {
    margin: 90px !important;
  }
  .m-fhd-95 {
    margin: 95px !important;
  }
  .m-fhd-100 {
    margin: 100px !important;
  }
  .m-fhd-auto {
    margin: auto !important;
  }
  .mx-fhd-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-fhd-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx-fhd-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx-fhd-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx-fhd-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-fhd-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx-fhd-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx-fhd-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .mx-fhd-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-fhd-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .mx-fhd-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx-fhd-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .mx-fhd-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-fhd-65 {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .mx-fhd-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx-fhd-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .mx-fhd-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx-fhd-85 {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .mx-fhd-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx-fhd-95 {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .mx-fhd-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-fhd-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-fhd-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-fhd-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-fhd-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-fhd-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-fhd-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-fhd-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-fhd-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-fhd-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-fhd-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-fhd-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-fhd-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-fhd-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .my-fhd-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-fhd-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .my-fhd-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my-fhd-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .my-fhd-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my-fhd-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .my-fhd-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my-fhd-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .my-fhd-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-fhd-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-fhd-0 {
    margin-top: 0 !important;
  }
  .mt-fhd-5 {
    margin-top: 5px !important;
  }
  .mt-fhd-10 {
    margin-top: 10px !important;
  }
  .mt-fhd-15 {
    margin-top: 15px !important;
  }
  .mt-fhd-20 {
    margin-top: 20px !important;
  }
  .mt-fhd-25 {
    margin-top: 25px !important;
  }
  .mt-fhd-30 {
    margin-top: 30px !important;
  }
  .mt-fhd-35 {
    margin-top: 35px !important;
  }
  .mt-fhd-40 {
    margin-top: 40px !important;
  }
  .mt-fhd-45 {
    margin-top: 45px !important;
  }
  .mt-fhd-50 {
    margin-top: 50px !important;
  }
  .mt-fhd-55 {
    margin-top: 55px !important;
  }
  .mt-fhd-60 {
    margin-top: 60px !important;
  }
  .mt-fhd-65 {
    margin-top: 65px !important;
  }
  .mt-fhd-70 {
    margin-top: 70px !important;
  }
  .mt-fhd-75 {
    margin-top: 75px !important;
  }
  .mt-fhd-80 {
    margin-top: 80px !important;
  }
  .mt-fhd-85 {
    margin-top: 85px !important;
  }
  .mt-fhd-90 {
    margin-top: 90px !important;
  }
  .mt-fhd-95 {
    margin-top: 95px !important;
  }
  .mt-fhd-100 {
    margin-top: 100px !important;
  }
  .mt-fhd-auto {
    margin-top: auto !important;
  }
  .mr-fhd-0 {
    margin-right: 0 !important;
  }
  .mr-fhd-5 {
    margin-right: 5px !important;
  }
  .mr-fhd-10 {
    margin-right: 10px !important;
  }
  .mr-fhd-15 {
    margin-right: 15px !important;
  }
  .mr-fhd-20 {
    margin-right: 20px !important;
  }
  .mr-fhd-25 {
    margin-right: 25px !important;
  }
  .mr-fhd-30 {
    margin-right: 30px !important;
  }
  .mr-fhd-35 {
    margin-right: 35px !important;
  }
  .mr-fhd-40 {
    margin-right: 40px !important;
  }
  .mr-fhd-45 {
    margin-right: 45px !important;
  }
  .mr-fhd-50 {
    margin-right: 50px !important;
  }
  .mr-fhd-55 {
    margin-right: 55px !important;
  }
  .mr-fhd-60 {
    margin-right: 60px !important;
  }
  .mr-fhd-65 {
    margin-right: 65px !important;
  }
  .mr-fhd-70 {
    margin-right: 70px !important;
  }
  .mr-fhd-75 {
    margin-right: 75px !important;
  }
  .mr-fhd-80 {
    margin-right: 80px !important;
  }
  .mr-fhd-85 {
    margin-right: 85px !important;
  }
  .mr-fhd-90 {
    margin-right: 90px !important;
  }
  .mr-fhd-95 {
    margin-right: 95px !important;
  }
  .mr-fhd-100 {
    margin-right: 100px !important;
  }
  .mr-fhd-auto {
    margin-right: auto !important;
  }
  .mb-fhd-0 {
    margin-bottom: 0 !important;
  }
  .mb-fhd-5 {
    margin-bottom: 5px !important;
  }
  .mb-fhd-10 {
    margin-bottom: 10px !important;
  }
  .mb-fhd-15 {
    margin-bottom: 15px !important;
  }
  .mb-fhd-20 {
    margin-bottom: 20px !important;
  }
  .mb-fhd-25 {
    margin-bottom: 25px !important;
  }
  .mb-fhd-30 {
    margin-bottom: 30px !important;
  }
  .mb-fhd-35 {
    margin-bottom: 35px !important;
  }
  .mb-fhd-40 {
    margin-bottom: 40px !important;
  }
  .mb-fhd-45 {
    margin-bottom: 45px !important;
  }
  .mb-fhd-50 {
    margin-bottom: 50px !important;
  }
  .mb-fhd-55 {
    margin-bottom: 55px !important;
  }
  .mb-fhd-60 {
    margin-bottom: 60px !important;
  }
  .mb-fhd-65 {
    margin-bottom: 65px !important;
  }
  .mb-fhd-70 {
    margin-bottom: 70px !important;
  }
  .mb-fhd-75 {
    margin-bottom: 75px !important;
  }
  .mb-fhd-80 {
    margin-bottom: 80px !important;
  }
  .mb-fhd-85 {
    margin-bottom: 85px !important;
  }
  .mb-fhd-90 {
    margin-bottom: 90px !important;
  }
  .mb-fhd-95 {
    margin-bottom: 95px !important;
  }
  .mb-fhd-100 {
    margin-bottom: 100px !important;
  }
  .mb-fhd-auto {
    margin-bottom: auto !important;
  }
  .ml-fhd-0 {
    margin-left: 0 !important;
  }
  .ml-fhd-5 {
    margin-left: 5px !important;
  }
  .ml-fhd-10 {
    margin-left: 10px !important;
  }
  .ml-fhd-15 {
    margin-left: 15px !important;
  }
  .ml-fhd-20 {
    margin-left: 20px !important;
  }
  .ml-fhd-25 {
    margin-left: 25px !important;
  }
  .ml-fhd-30 {
    margin-left: 30px !important;
  }
  .ml-fhd-35 {
    margin-left: 35px !important;
  }
  .ml-fhd-40 {
    margin-left: 40px !important;
  }
  .ml-fhd-45 {
    margin-left: 45px !important;
  }
  .ml-fhd-50 {
    margin-left: 50px !important;
  }
  .ml-fhd-55 {
    margin-left: 55px !important;
  }
  .ml-fhd-60 {
    margin-left: 60px !important;
  }
  .ml-fhd-65 {
    margin-left: 65px !important;
  }
  .ml-fhd-70 {
    margin-left: 70px !important;
  }
  .ml-fhd-75 {
    margin-left: 75px !important;
  }
  .ml-fhd-80 {
    margin-left: 80px !important;
  }
  .ml-fhd-85 {
    margin-left: 85px !important;
  }
  .ml-fhd-90 {
    margin-left: 90px !important;
  }
  .ml-fhd-95 {
    margin-left: 95px !important;
  }
  .ml-fhd-100 {
    margin-left: 100px !important;
  }
  .ml-fhd-auto {
    margin-left: auto !important;
  }
  .p-fhd-0 {
    padding: 0 !important;
  }
  .p-fhd-5 {
    padding: 5px !important;
  }
  .p-fhd-10 {
    padding: 10px !important;
  }
  .p-fhd-15 {
    padding: 15px !important;
  }
  .p-fhd-20 {
    padding: 20px !important;
  }
  .p-fhd-25 {
    padding: 25px !important;
  }
  .p-fhd-30 {
    padding: 30px !important;
  }
  .p-fhd-35 {
    padding: 35px !important;
  }
  .p-fhd-40 {
    padding: 40px !important;
  }
  .p-fhd-45 {
    padding: 45px !important;
  }
  .p-fhd-50 {
    padding: 50px !important;
  }
  .p-fhd-55 {
    padding: 55px !important;
  }
  .p-fhd-60 {
    padding: 60px !important;
  }
  .p-fhd-65 {
    padding: 65px !important;
  }
  .p-fhd-70 {
    padding: 70px !important;
  }
  .p-fhd-75 {
    padding: 75px !important;
  }
  .p-fhd-80 {
    padding: 80px !important;
  }
  .p-fhd-85 {
    padding: 85px !important;
  }
  .p-fhd-90 {
    padding: 90px !important;
  }
  .p-fhd-95 {
    padding: 95px !important;
  }
  .p-fhd-100 {
    padding: 100px !important;
  }
  .px-fhd-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-fhd-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-fhd-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-fhd-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-fhd-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-fhd-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-fhd-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-fhd-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .px-fhd-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-fhd-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .px-fhd-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-fhd-55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .px-fhd-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-fhd-65 {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .px-fhd-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-fhd-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .px-fhd-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-fhd-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .px-fhd-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-fhd-95 {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .px-fhd-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-fhd-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-fhd-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-fhd-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-fhd-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-fhd-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-fhd-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-fhd-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-fhd-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-fhd-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-fhd-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-fhd-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-fhd-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .py-fhd-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-fhd-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .py-fhd-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-fhd-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-fhd-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-fhd-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .py-fhd-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-fhd-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .py-fhd-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pt-fhd-0 {
    padding-top: 0 !important;
  }
  .pt-fhd-5 {
    padding-top: 5px !important;
  }
  .pt-fhd-10 {
    padding-top: 10px !important;
  }
  .pt-fhd-15 {
    padding-top: 15px !important;
  }
  .pt-fhd-20 {
    padding-top: 20px !important;
  }
  .pt-fhd-25 {
    padding-top: 25px !important;
  }
  .pt-fhd-30 {
    padding-top: 30px !important;
  }
  .pt-fhd-35 {
    padding-top: 35px !important;
  }
  .pt-fhd-40 {
    padding-top: 40px !important;
  }
  .pt-fhd-45 {
    padding-top: 45px !important;
  }
  .pt-fhd-50 {
    padding-top: 50px !important;
  }
  .pt-fhd-55 {
    padding-top: 55px !important;
  }
  .pt-fhd-60 {
    padding-top: 60px !important;
  }
  .pt-fhd-65 {
    padding-top: 65px !important;
  }
  .pt-fhd-70 {
    padding-top: 70px !important;
  }
  .pt-fhd-75 {
    padding-top: 75px !important;
  }
  .pt-fhd-80 {
    padding-top: 80px !important;
  }
  .pt-fhd-85 {
    padding-top: 85px !important;
  }
  .pt-fhd-90 {
    padding-top: 90px !important;
  }
  .pt-fhd-95 {
    padding-top: 95px !important;
  }
  .pt-fhd-100 {
    padding-top: 100px !important;
  }
  .pr-fhd-0 {
    padding-right: 0 !important;
  }
  .pr-fhd-5 {
    padding-right: 5px !important;
  }
  .pr-fhd-10 {
    padding-right: 10px !important;
  }
  .pr-fhd-15 {
    padding-right: 15px !important;
  }
  .pr-fhd-20 {
    padding-right: 20px !important;
  }
  .pr-fhd-25 {
    padding-right: 25px !important;
  }
  .pr-fhd-30 {
    padding-right: 30px !important;
  }
  .pr-fhd-35 {
    padding-right: 35px !important;
  }
  .pr-fhd-40 {
    padding-right: 40px !important;
  }
  .pr-fhd-45 {
    padding-right: 45px !important;
  }
  .pr-fhd-50 {
    padding-right: 50px !important;
  }
  .pr-fhd-55 {
    padding-right: 55px !important;
  }
  .pr-fhd-60 {
    padding-right: 60px !important;
  }
  .pr-fhd-65 {
    padding-right: 65px !important;
  }
  .pr-fhd-70 {
    padding-right: 70px !important;
  }
  .pr-fhd-75 {
    padding-right: 75px !important;
  }
  .pr-fhd-80 {
    padding-right: 80px !important;
  }
  .pr-fhd-85 {
    padding-right: 85px !important;
  }
  .pr-fhd-90 {
    padding-right: 90px !important;
  }
  .pr-fhd-95 {
    padding-right: 95px !important;
  }
  .pr-fhd-100 {
    padding-right: 100px !important;
  }
  .pb-fhd-0 {
    padding-bottom: 0 !important;
  }
  .pb-fhd-5 {
    padding-bottom: 5px !important;
  }
  .pb-fhd-10 {
    padding-bottom: 10px !important;
  }
  .pb-fhd-15 {
    padding-bottom: 15px !important;
  }
  .pb-fhd-20 {
    padding-bottom: 20px !important;
  }
  .pb-fhd-25 {
    padding-bottom: 25px !important;
  }
  .pb-fhd-30 {
    padding-bottom: 30px !important;
  }
  .pb-fhd-35 {
    padding-bottom: 35px !important;
  }
  .pb-fhd-40 {
    padding-bottom: 40px !important;
  }
  .pb-fhd-45 {
    padding-bottom: 45px !important;
  }
  .pb-fhd-50 {
    padding-bottom: 50px !important;
  }
  .pb-fhd-55 {
    padding-bottom: 55px !important;
  }
  .pb-fhd-60 {
    padding-bottom: 60px !important;
  }
  .pb-fhd-65 {
    padding-bottom: 65px !important;
  }
  .pb-fhd-70 {
    padding-bottom: 70px !important;
  }
  .pb-fhd-75 {
    padding-bottom: 75px !important;
  }
  .pb-fhd-80 {
    padding-bottom: 80px !important;
  }
  .pb-fhd-85 {
    padding-bottom: 85px !important;
  }
  .pb-fhd-90 {
    padding-bottom: 90px !important;
  }
  .pb-fhd-95 {
    padding-bottom: 95px !important;
  }
  .pb-fhd-100 {
    padding-bottom: 100px !important;
  }
  .pl-fhd-0 {
    padding-left: 0 !important;
  }
  .pl-fhd-5 {
    padding-left: 5px !important;
  }
  .pl-fhd-10 {
    padding-left: 10px !important;
  }
  .pl-fhd-15 {
    padding-left: 15px !important;
  }
  .pl-fhd-20 {
    padding-left: 20px !important;
  }
  .pl-fhd-25 {
    padding-left: 25px !important;
  }
  .pl-fhd-30 {
    padding-left: 30px !important;
  }
  .pl-fhd-35 {
    padding-left: 35px !important;
  }
  .pl-fhd-40 {
    padding-left: 40px !important;
  }
  .pl-fhd-45 {
    padding-left: 45px !important;
  }
  .pl-fhd-50 {
    padding-left: 50px !important;
  }
  .pl-fhd-55 {
    padding-left: 55px !important;
  }
  .pl-fhd-60 {
    padding-left: 60px !important;
  }
  .pl-fhd-65 {
    padding-left: 65px !important;
  }
  .pl-fhd-70 {
    padding-left: 70px !important;
  }
  .pl-fhd-75 {
    padding-left: 75px !important;
  }
  .pl-fhd-80 {
    padding-left: 80px !important;
  }
  .pl-fhd-85 {
    padding-left: 85px !important;
  }
  .pl-fhd-90 {
    padding-left: 90px !important;
  }
  .pl-fhd-95 {
    padding-left: 95px !important;
  }
  .pl-fhd-100 {
    padding-left: 100px !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
/*! destyle.css v1.0.14 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  appearance: checkbox;
}

[type=radio] {
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container { /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

/* stylelint-disable color-no-hex  */
/* stylelint-enable color-no-hex  */
.text-arsenic {
  color: #17243e !important; /* stylelint-disable-line declaration-no-important */
}
.text-arsenic > * {
  color: inherit;
}

.bg-arsenic {
  background-color: #17243e !important;
}

.text-stone {
  color: #a2a7b2 !important; /* stylelint-disable-line declaration-no-important */
}
.text-stone > * {
  color: inherit;
}

.bg-stone {
  background-color: #a2a7b2 !important;
}

.text-athens-gray {
  color: #ebecf2 !important; /* stylelint-disable-line declaration-no-important */
}
.text-athens-gray > * {
  color: inherit;
}

.bg-athens-gray {
  background-color: #ebecf2 !important;
}

.text-solitude {
  color: #d1d3d8 !important; /* stylelint-disable-line declaration-no-important */
}
.text-solitude > * {
  color: inherit;
}

.bg-solitude {
  background-color: #d1d3d8 !important;
}

.text-alto {
  color: #f2f3f7 !important; /* stylelint-disable-line declaration-no-important */
}
.text-alto > * {
  color: inherit;
}

.bg-alto {
  background-color: #f2f3f7 !important;
}

.text-milk {
  color: #fff !important; /* stylelint-disable-line declaration-no-important */
}
.text-milk > * {
  color: inherit;
}

.bg-milk {
  background-color: #fff !important;
}

.text-pictone {
  color: #46bccd !important; /* stylelint-disable-line declaration-no-important */
}
.text-pictone > * {
  color: inherit;
}

.bg-pictone {
  background-color: #46bccd !important;
}

.text-skyline {
  color: #47c6d8 !important; /* stylelint-disable-line declaration-no-important */
}
.text-skyline > * {
  color: inherit;
}

.bg-skyline {
  background-color: #47c6d8 !important;
}

.text-cons {
  color: #D71F85 !important; /* stylelint-disable-line declaration-no-important */
}
.text-cons > * {
  color: inherit;
}

.bg-cons {
  background-color: #D71F85 !important;
}

.text-mischka {
  color: #d7dae5 !important; /* stylelint-disable-line declaration-no-important */
}
.text-mischka > * {
  color: inherit;
}

.bg-mischka {
  background-color: #d7dae5 !important;
}

.text-moon {
  color: #97d555 !important; /* stylelint-disable-line declaration-no-important */
}
.text-moon > * {
  color: inherit;
}

.bg-moon {
  background-color: #97d555 !important;
}

.text-moon-light {
  color: #c2d500 !important; /* stylelint-disable-line declaration-no-important */
}
.text-moon-light > * {
  color: inherit;
}

.bg-moon-light {
  background-color: #c2d500 !important;
}

.text-cola {
  color: #000 !important; /* stylelint-disable-line declaration-no-important */
}
.text-cola > * {
  color: inherit;
}

.bg-cola {
  background-color: #000 !important;
}

.text-blue {
  color: #173667 !important; /* stylelint-disable-line declaration-no-important */
}
.text-blue > * {
  color: inherit;
}

.bg-blue {
  background-color: #173667 !important;
}

.text-alabaster {
  color: #f6f4ea !important; /* stylelint-disable-line declaration-no-important */
}
.text-alabaster > * {
  color: inherit;
}

.bg-alabaster {
  background-color: #f6f4ea !important;
}

.bg-stone {
  color: #fff !important;
}

:root {
  --size-bullet: 5px;
  --size-btn-play: 60px;
  --size-radius-btn: 4px;
  --size-form-check-indicator: 16px;
  --size-accordion-indicator: 10px;
  --height-btn: 40px;
  --height-btn-sm: 40px;
  --height-form-control: 48px;
  --px-btn: 16px;
  --py-section: 45px;
  --py-section-large: 55px;
  --px-form-control: 13px;
  --py-form-control: 15px;
  --py-accordion: 15px;
  --pr-accordion: 15px;
  --pl-accordion: 45px;
  --font-size-base: 14px;
  --font-size-btn-sm: 16px;
  --font-size-btn: var(--font-size-base);
  --line-height-base: 1.6;
  --speed-fast: .125s;
  --speed-default: .25s;
  --speed-slow: .5s;
  --speed-sluggish: 1s;
  --speed-snail: 2s;
  --cubic-bezier: cubic-bezier(.05, .69, .14, 1);
  --cubic-bezier-2: cubic-bezier(.215, .61, .355, 1);
}
@media (min-width: 1024px) {
  :root {
    --size-bullet: 6px;
    --size-btn-play: 74px;
    --size-accordion-indicator: 16px;
    --py-section: 85px;
    --py-section-large: 130px;
    --py-accordion: 22px;
    --pr-accordion: 75px;
    --pl-accordion: 70px;
    --px-form-control: 20px;
    --line-height-base: 26px;
  }
}
@media (min-width: 1440px) {
  :root {
    --size-bullet: 7px;
    --size-btn-play: 114px;
    --height-btn: 64px;
    --height-btn-sm: 48px;
    --height-form-control: 64px;
    --size-form-check-indicator: 20px;
    --px-btn: 24px;
    --py-section: 100px;
    --py-section-large: 150px;
    --px-form-control: 28px;
    --font-size-base: 20px;
    --font-size-btn: var(--font-size-base);
    --line-height-base: 30px;
  }
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

@media (min-width: 480px) {
  .text-m-left {
    text-align: left !important;
  }
  .text-m-right {
    text-align: right !important;
  }
  .text-m-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1600px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1920px) {
  .text-fhd-left {
    text-align: left !important;
  }
  .text-fhd-right {
    text-align: right !important;
  }
  .text-fhd-center {
    text-align: center !important;
  }
}
/* stylelint-disable plugin/no-low-performance-animation-properties  */
/* stylelint-enable plugin/no-low-performance-animation-properties  */
@font-face {
  font-family: "hansjanssen-icons";
  src: url("fonts/hansjanssen-icons.eot?or7y08");
  src: url("fonts/hansjanssen-icons.eot?or7y08#iefix") format("embedded-opentype"), url("fonts/hansjanssen-icons.woff2?or7y08") format("woff2"), url("fonts/hansjanssen-icons.ttf?or7y08") format("truetype"), url("fonts/hansjanssen-icons.woff?or7y08") format("woff"), url("fonts/hansjanssen-icons.svg?or7y08#hansjanssen-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hansjanssen-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clock:before {
  content: "\E93F";
}

.icon-calendar:before {
  content: "\E940";
}

.icon-twitter:before {
  content: "\E93C";
}

.icon-360:before {
  content: "\E900";
}

.icon-account:before {
  content: "\E901";
}

.icon-arrow-down:before {
  content: "\E902";
}

.icon-arrow-left:before {
  content: "\E903";
}

.icon-arrow-right:before {
  content: "\E904";
}

.icon-arrow-up:before {
  content: "\E905";
}

.icon-available:before {
  content: "\E906";
}

.icon-bars:before {
  content: "\E907";
}

.icon-check:before {
  content: "\E908";
}

.icon-chevron-down:before {
  content: "\E909";
}

.icon-chevron-left:before {
  content: "\E90A";
}

.icon-chevron-right:before {
  content: "\E90B";
}

.icon-chevron-up:before {
  content: "\E90C";
}

.icon-close:before {
  content: "\E90D";
}

.icon-download:before {
  content: "\E90E";
}

.icon-emoticonhappy:before {
  content: "\E90F";
}

.icon-emoticonveryhappy:before {
  content: "\E910";
}

.icon-emotion-sad:before {
  content: "\E911";
}

.icon-energylabel:before {
  content: "\E912";
}

.icon-externallink:before {
  content: "\E913";
}

.icon-facebook:before {
  content: "\E914";
}

.icon-female:before {
  content: "\E915";
}

.icon-file:before {
  content: "\E916";
}

.icon-filters:before {
  content: "\E917";
}

.icon-food:before {
  content: "\E918";
}

.icon-fullwidth:before {
  content: "\E919";
}

.icon-grid:before {
  content: "\E91A";
}

.icon-headset:before {
  content: "\E91B";
}

.icon-heart:before {
  content: "\E91C";
}

.icon-house:before {
  content: "\E91D";
}

.icon-images:before {
  content: "\E91E";
}

.icon-info:before {
  content: "\E91F";
}

.icon-instagram:before {
  content: "\E920";
}

.icon-label:before {
  content: "\E921";
}

.icon-linkedin:before {
  content: "\E922";
}

.icon-location:before {
  content: "\E923";
}

.icon-lock:before {
  content: "\E924";
}

.icon-m2:before {
  content: "\E925";
}

.icon-m3:before {
  content: "\E926";
}

.icon-magnifyingglass:before {
  content: "\E927";
}

.icon-mail:before {
  content: "\E928";
}

.icon-male:before {
  content: "\E929";
}

.icon-marker:before {
  content: "\E92A";
}

.icon-menu:before {
  content: "\E92B";
}

.icon-microphone:before {
  content: "\E92C";
}

.icon-minus:before {
  content: "\E92D";
}

.icon-people:before {
  content: "\E92E";
}

.icon-phone:before {
  content: "\E92F";
}

.icon-piegraph:before {
  content: "\E930";
}

.icon-pinterest:before {
  content: "\E931";
}

.icon-play-circle:before {
  content: "\E932";
}

.icon-plus-circle:before {
  content: "\E933";
}

.icon-plus:before {
  content: "\E934";
}

.icon-quote:before {
  content: "\E935";
}

.icon-range-horizontal:before {
  content: "\E936";
}

.icon-range-vertical:before {
  content: "\E937";
}

.icon-search:before {
  content: "\E938";
}

.icon-sun:before {
  content: "\E939";
}

.icon-surface:before {
  content: "\E93A";
}

.icon-tree:before {
  content: "\E93B";
}

.icon-video:before {
  content: "\E93D";
}

.icon-whatsapp:before {
  content: "\E93E";
}

@font-face {
  font-family: "hansjanssen-icons";
  src: url("../fonts/hansjanssen-icons.woff2?do8v6s") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.custom-select .select-selected::after {
  speak: none;
  font-family: "hansjanssen-icons" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cta-specialists h2, .cta-block__top h2, h1,
.h1,
.downloads__top h1,
.downloads-list__top h1,
.certificates__top h1,
.certificates-overview__top h1,
.heading__text h1,
.service-header__content h1,
.blog-filter__text h2,
.blog-filter__text h1,
.service-banner__top h1,
.blog-detail__top h1,
.vacancy-section__top h1,
.contact-banner h1,
h2,
.h2,
.house-heading__text__title h1,
h3,
.h3,
.downloads__holder h3,
.left-right .left-right__left-content h1,
.left-right .left-right__left-content h2,
.left-right .left-right__left-content h3,
.left-right .left-right__left-content h4,
.blog-detail blockquote,
h4,
.h4,
.section.section--event-planning .event-planning__wrapper .planning .planning-heading h2,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h1,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h2,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h3,
h5,
.h5,
.card-usp__title,
.downloads__top,
.downloads-list__top,
.certificates__top,
.certificates-overview__top,
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info p,
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info h3,
.section.section--event-planning .event-planning__wrapper .planning .planning-heading h3,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h4,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h5,
.work-method__top,
.heading__text,
.house-heading__text,
.service-header__content,
.search-header__text,
.blog-filter__text,
.reviews__top,
.testimonial__text,
.description__top,
.left-right,
.service-banner__top,
.blog-detail__top,
.vacancy-section__top,
.team-section__top,
.portal-heading__text,
.not-found p,
.service-slider__list-link,
.action-team__top,
.feedback-section__top,
h6,
.h6,
.description__top h2,
.action-team__title {
  margin-bottom: 1rem;
  font-weight: 700;
}
@media (min-width: 1440px) {
  .cta-specialists h2, .cta-block__top h2, h1,
  .h1,
  .downloads__top h1,
  .downloads-list__top h1,
  .certificates__top h1,
  .certificates-overview__top h1,
  .heading__text h1,
  .service-header__content h1,
  .blog-filter__text h2,
  .blog-filter__text h1,
  .service-banner__top h1,
  .blog-detail__top h1,
  .vacancy-section__top h1,
  .contact-banner h1,
  h2,
  .h2,
  .house-heading__text__title h1,
  h3,
  .h3,
  .downloads__holder h3,
  .left-right .left-right__left-content h1,
  .left-right .left-right__left-content h2,
  .left-right .left-right__left-content h3,
  .left-right .left-right__left-content h4,
  .blog-detail blockquote,
  h4,
  .h4,
  .section.section--event-planning .event-planning__wrapper .planning .planning-heading h2,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h1,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h2,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h3,
  h5,
  .h5,
  .card-usp__title,
  .downloads__top,
  .downloads-list__top,
  .certificates__top,
  .certificates-overview__top,
  .section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info p,
  .section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info h3,
  .section.section--event-planning .event-planning__wrapper .planning .planning-heading h3,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h4,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h5,
  .work-method__top,
  .heading__text,
  .house-heading__text,
  .service-header__content,
  .search-header__text,
  .blog-filter__text,
  .reviews__top,
  .testimonial__text,
  .description__top,
  .left-right,
  .service-banner__top,
  .blog-detail__top,
  .vacancy-section__top,
  .team-section__top,
  .portal-heading__text,
  .not-found p,
  .service-slider__list-link,
  .action-team__top,
  .feedback-section__top,
  h6,
  .h6,
  .description__top h2,
  .action-team__title {
    margin-bottom: 1.5rem;
  }
}

.cta-specialists h2, .cta-block__top h2, h1,
.h1 {
  font-size: 40px;
  line-height: 44px;
}
@media (min-width: 1024px) {
  .cta-specialists h2, .cta-block__top h2, h1,
  .h1 {
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 1440px) {
  .cta-specialists h2, .cta-block__top h2, h1,
  .h1 {
    font-size: 80px;
    line-height: 88px;
  }
}

.downloads__top h1, .downloads-list__top h1, .certificates__top h1, .certificates-overview__top h1, .heading__text h1, .service-header__content h1, .blog-filter__text h2,
.blog-filter__text h1, .service-banner__top h1, .blog-detail__top h1, .vacancy-section__top h1, .contact-banner h1, h2,
.h2 {
  font-size: 32px;
  line-height: 36px;
}
@media (min-width: 1024px) {
  .downloads__top h1, .downloads-list__top h1, .certificates__top h1, .certificates-overview__top h1, .heading__text h1, .service-header__content h1, .blog-filter__text h2,
  .blog-filter__text h1, .service-banner__top h1, .blog-detail__top h1, .vacancy-section__top h1, .contact-banner h1, h2,
  .h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (min-width: 1440px) {
  .downloads__top h1, .downloads-list__top h1, .certificates__top h1, .certificates-overview__top h1, .heading__text h1, .service-header__content h1, .blog-filter__text h2,
  .blog-filter__text h1, .service-banner__top h1, .blog-detail__top h1, .vacancy-section__top h1, .contact-banner h1, h2,
  .h2 {
    font-size: 64px;
    line-height: 72px;
  }
}

.house-heading__text__title h1, h3,
.h3 {
  font-size: 28px;
  line-height: 32px;
}
@media (min-width: 1024px) {
  .house-heading__text__title h1, h3,
  .h3 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .house-heading__text__title h1, h3,
  .h3 {
    font-size: 56px;
    line-height: 64px;
  }
}

.downloads__holder h3, .left-right .left-right__left-content h1, .left-right .left-right__left-content h2, .left-right .left-right__left-content h3, .left-right .left-right__left-content h4, .blog-detail blockquote, h4,
.h4 {
  font-size: 24px;
  line-height: 26px;
}
@media (min-width: 1440px) {
  .downloads__holder h3, .left-right .left-right__left-content h1, .left-right .left-right__left-content h2, .left-right .left-right__left-content h3, .left-right .left-right__left-content h4, .blog-detail blockquote, h4,
  .h4 {
    font-size: 44px;
    line-height: 52px;
  }
}

.section.section--event-planning .event-planning__wrapper .planning .planning-heading h2, .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h1,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h2,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h3, h5,
.h5 {
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 1440px) {
  .section.section--event-planning .event-planning__wrapper .planning .planning-heading h2, .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h1,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h2,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h3, h5,
  .h5 {
    font-size: 32px;
    line-height: 40px;
  }
}

.card-usp__title, .downloads__top, .downloads-list__top, .certificates__top, .certificates-overview__top, .section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info p,
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info h3, .section.section--event-planning .event-planning__wrapper .planning .planning-heading h3, .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h4,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h5, .work-method__top, .heading__text, .house-heading__text, .service-header__content, .search-header__text, .blog-filter__text, .reviews__top, .testimonial__text, .description__top, .left-right, .service-banner__top, .blog-detail__top, .vacancy-section__top, .team-section__top, .portal-heading__text, .not-found p, .service-slider__list-link, .action-team__top, .feedback-section__top, h6,
.h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1440px) {
  .card-usp__title, .downloads__top, .downloads-list__top, .certificates__top, .certificates-overview__top, .section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info p,
  .section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info h3, .section.section--event-planning .event-planning__wrapper .planning .planning-heading h3, .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h4,
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h5, .work-method__top, .heading__text, .house-heading__text, .service-header__content, .search-header__text, .blog-filter__text, .reviews__top, .testimonial__text, .description__top, .left-right, .service-banner__top, .blog-detail__top, .vacancy-section__top, .team-section__top, .portal-heading__text, .not-found p, .service-slider__list-link, .action-team__top, .feedback-section__top, h6,
  .h6 {
    font-size: 24px;
    line-height: 36px;
  }
}

.description__top h2, .action-team__title {
  font-size: 56px;
  line-height: 56px;
}
@media (min-width: 1024px) {
  .description__top h2, .action-team__title {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (min-width: 1440px) {
  .description__top h2, .action-team__title {
    font-size: 160px;
    line-height: 160px;
  }
}

.card-post__label, .card-house__label,
.card-event__label, .about-section__image-label {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  padding: 2px 10px 1px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}
@media (min-width: 1024px) {
  .card-post__label, .card-house__label,
  .card-event__label, .about-section__image-label {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .card-post__label, .card-house__label,
  .card-event__label, .about-section__image-label {
    height: 32px;
    padding: 2px 18px 1px;
    font-size: 16px;
  }
}

.card.card--house-build-number .build-number-title, .card.card--house-build .object-numbers tbody td.object-title, .section--nieuwbouw-stappenplan .accordion__content ul,
.section--nieuwbouw-stappenplan .accordion__content li, .section--nieuwbouw-stappenplan .accordion__content p {
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 1440px) {
  .card.card--house-build-number .build-number-title, .card.card--house-build .object-numbers tbody td.object-title, .section--nieuwbouw-stappenplan .accordion__content ul,
  .section--nieuwbouw-stappenplan .accordion__content li, .section--nieuwbouw-stappenplan .accordion__content p {
    font-size: 16px;
    line-height: 24px;
  }
}

.gform .gform_validation_errors .gform_submission_error,
.gform_wrapper .gform_validation_errors .gform_submission_error, .card.card--house-build-number .build-number-surface, .card.card--house-build-number .build-number-capacity, .card.card--house-build-number .build-number-sleeping-rooms, .card.card--house-build-number .build-number-price, .card.card--house-build-number .build-number-status span, .card.card--house-build .object-numbers tbody td.object-surface, .card.card--house-build .object-numbers tbody td.object-rooms, .card.card--house-build .object-numbers tbody td.object-price, .card.card--house-build .object-numbers tbody td.object-status span, .card.card--house-build .object-numbers thead th, .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand, .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-heading .type, section.section--pricing-packages .pricing-packages__bottom-text p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 1440px) {
  .gform .gform_validation_errors .gform_submission_error,
  .gform_wrapper .gform_validation_errors .gform_submission_error, .card.card--house-build-number .build-number-surface, .card.card--house-build-number .build-number-capacity, .card.card--house-build-number .build-number-sleeping-rooms, .card.card--house-build-number .build-number-price, .card.card--house-build-number .build-number-status span, .card.card--house-build .object-numbers tbody td.object-surface, .card.card--house-build .object-numbers tbody td.object-rooms, .card.card--house-build .object-numbers tbody td.object-price, .card.card--house-build .object-numbers tbody td.object-status span, .card.card--house-build .object-numbers thead th, .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand, .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-heading .type, section.section--pricing-packages .pricing-packages__bottom-text p {
    font-size: 16px;
    line-height: 24px;
  }
}

*:focus {
  outline: 0;
}

button {
  border: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f2f3f7;
}
body main {
  flex-grow: 1;
}
body.prevent-scrolling {
  overflow: hidden;
}

p {
  margin-bottom: 15px;
}
@media (min-width: 1440px) {
  p {
    margin-bottom: 25px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.container--full {
  max-width: unset;
}
@media (min-width: 1280px) {
  .container--full {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .row {
    margin-right: calc(24px * -0.5);
    margin-left: calc(24px * -0.5);
  }
  .row .col,
  .row [class*=col-] {
    padding-right: calc(24px / 2);
    padding-left: calc(24px / 2);
  }
}
@media (min-width: 1280px) {
  .row {
    margin-right: calc(32px * -0.5);
    margin-left: calc(32px * -0.5);
  }
  .row .col,
  .row [class*=col-] {
    padding-right: calc(32px / 2);
    padding-left: calc(32px / 2);
  }
}
@media (min-width: 1440px) {
  .row {
    margin-right: calc(40px * -0.5);
    margin-left: calc(40px * -0.5);
  }
  .row .col,
  .row [class*=col-] {
    padding-right: calc(40px / 2);
    padding-left: calc(40px / 2);
  }
}
@media (min-width: 1600px) {
  .row {
    margin-right: calc(40px * -0.5);
    margin-left: calc(40px * -0.5);
  }
  .row .col,
  .row [class*=col-] {
    padding-right: calc(40px / 2);
    padding-left: calc(40px / 2);
  }
}

.collapse {
  display: none;
}
.collapse.show {
  display: block;
}

.collapsing {
  overflow: hidden;
  height: 0;
  transition: height var(--speed-default) var(--cubic-bezier-2); /* stylelint-disable-line plugin/no-low-performance-animation-properties */
}

.mCSB_scrollTools .mCSB_draggerContainer {
  height: 100%;
  position: relative;
}
.mCSB_scrollTools .mCSB_draggerContainer::after {
  width: 2px;
  height: 100%;
  background: #f2f3f7;
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  opacity: 0 !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px !important;
  background: #17243e !important;
}
@media (min-width: 1440px) {
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px !important;
  }
}

.wrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 80px;
  position: relative;
}
.favorites .wrapper, .nieuwbouw-archive .wrapper, .wonen-archive .wrapper {
  overflow: visible;
}
.bedrijven-archive .wrapper {
  z-index: 1;
}
.bedrijven-archive .wrapper::before {
  width: 100%;
  height: 420px;
  border-radius: 0 0 24px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .bedrijven-archive .wrapper::before {
    height: 560px;
    border-radius: 0 0 32px 0;
  }
}
@media (min-width: 1024px) {
  .bedrijven-archive .wrapper::after {
    background-image: url(../images/heading-overlay.svg);
    background-position: right 55px top;
    background-repeat: no-repeat;
    width: 987px;
    height: 808px;
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 90px;
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .wrapper {
    padding-top: 144px;
  }
}

.swiper-scrollbar {
  width: 100%;
  height: 4px;
  margin-top: 35px;
  background: #fff;
  position: relative;
  z-index: 9;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  height: 100%;
  background: #46bccd;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrapper.business .swiper-scrollbar .swiper-scrollbar-drag {
  background: #97d555;
}
.wrapper.consumers .swiper-scrollbar .swiper-scrollbar-drag {
  background: #D71F85;
}
@media (min-width: 1024px) {
  .news-slider .swiper-scrollbar {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) {
  .news-slider .swiper-scrollbar {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .swiper-scrollbar {
    margin-top: 65px;
  }
}
@media (min-width: 1440px) {
  .swiper-scrollbar {
    margin-top: 80px;
  }
}

.usp-section .slick-list {
  overflow: visible;
}

.select2 {
  display: block;
  min-width: 100%;
}

.select2-container--default .select2-selection--single {
  height: 48px;
  border: 0;
  border-radius: 0 0 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 14px;
  color: #17243e;
  transition: var(--speed-default);
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "\E909";
  font-family: "hansjanssen-icons";
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
@media (min-width: 1440px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 64px;
    height: 64px;
    font-size: 16px;
  }
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 50px;
  padding-left: 25px;
  font-size: 14px;
  line-height: 48px;
}
@media (min-width: 1440px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 64px;
  }
}
@media (min-width: 1440px) {
  .select2-container--default .select2-selection--single {
    height: 64px;
  }
}
.select2-container--default.select2-container--open .select2-selection__arrow {
  transform: rotate(180deg);
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 4px 4px 0 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 0 0 4px 4px;
}

.select2-dropdown {
  border: 0;
}

.select2-container--default .select2-selection--multiple {
  min-height: var(--height-form-control);
}
.select2-container--default .select2-selection__choice {
  display: inline-flex !important;
  align-items: center;
  height: calc(var(--height-form-control) - 10px);
  margin-top: 10px;
  padding-right: 10px !important;
  padding-left: 40px !important;
  font-size: var(--font-size-btn-sm);
}
.select2-container--default .select2-selection__choice__display {
  padding-right: 15px;
}
.select2-container--default .select2-selection__choice__remove {
  height: 100%;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.select2-container--default .select2-results__option {
  border-top: 1px solid #f2f3f7;
  padding: 0 25px;
  font-size: 14px;
  line-height: 48px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .select2-container--default .select2-results__option {
    font-size: 16px;
    line-height: 60px;
  }
}
.select2-container--default .select2-results__option--selected {
  background: #46bccd;
  color: #17243e;
}
.select2-container--default .select2-results__option--highlighted {
  background: #46bccd;
  color: #17243e;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #47c6d8;
  color: #17243e;
}

.select2-search {
  display: none;
}

.flex-wrap {
  flex-wrap: wrap;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-content {
  height: auto !important;
}
.mfp-content .popup-content {
  height: 100%;
}

.mfp-container {
  padding: 0;
}

.mfp-with-inline .mfp-container {
  padding: 35px 0 0;
}
@media (min-width: 1024px) {
  .mfp-with-inline .mfp-container {
    padding: 45px 65px 0;
  }
}
@media (min-width: 1440px) {
  .mfp-with-inline .mfp-container {
    padding: 100px 100px 0;
  }
}

.mfp-wrap.mfp-with-inline {
  overflow: hidden !important;
}

.mfp-wrap {
  height: 100% !important;
}
.mfp-wrap:has(.video-popup-inline) {
  position: fixed !important;
  top: 0 !important;
}

.mfp-bg {
  opacity: 1;
  background: #f2f3f7;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.voiceSearchInputTrigger {
  cursor: pointer;
}

.voiceSearchInputTrigger {
  cursor: pointer;
}

.infoBox > img {
  width: 30px !important;
  height: 30px !important;
  margin: 10px !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  z-index: 100 !important;
}

@media (min-width: 1280px) and (max-width: 1919.98px) {
  body.portal .heading {
    margin: 32px 0 0;
  }
}
@media (min-width: 1280px) and (max-width: 1919.98px) {
  body.portal .card-portal__image {
    height: 375px;
  }
}

.hide-send-button .gform_footer {
  display: none !important;
}

@media screen and (max-width: 600px) {
  #CookiebotWidget:not(.CookiebotWidget-inactive) {
    right: auto !important;
    left: 10px !important;
  }
}

.video-popup-inline {
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-popup-inline .video-popup-inline__video-wrapper {
  max-height: calc(100svh - 80px);
}
.video-popup-inline .popup-content__close {
  top: 0;
}

.responsive-ratio {
  display: block;
  width: 1680px;
  max-width: 100%;
  margin: 16px;
  position: relative;
}
.responsive-ratio::before {
  display: block;
  padding-top: 100%;
  content: "";
}
.responsive-ratio > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.responsive-ratio.responsive-ratio--16x9::before {
  padding-top: 56.25%;
}
@media (min-width: 768px) {
  .responsive-ratio {
    margin: 40px;
  }
}

.rekentool-block {
  margin-bottom: var(--py-section-large);
}

@font-face {
  font-family: "Roc Grotesk";
  src: url("../fonts/RocGrotesk-Regular.woff2") format("woff2"), url("../fonts/RocGrotesk-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roc Grotesk";
  src: url("../fonts/RocGrotesk-Bold.woff2") format("woff2"), url("../fonts/RocGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roc Grotesk";
  src: url("../fonts/RocGrotesk-Medium.woff2") format("woff2"), url("../fonts/RocGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Roc Grotesk", sans-serif;
  font-weight: 500;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: #17243e;
}

body,
button,
input,
select,
textarea {
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga", "kern";
}

p a,
p span a,
td a,
li a,
a a,
label a,
legend a,
span a {
  color: #46bccd;
  text-decoration: none;
  transition: var(--speed-default);
}
p a:hover,
p span a:hover,
td a:hover,
li a:hover,
a a:hover,
label a:hover,
legend a:hover,
span a:hover {
  text-decoration: underline;
}
.wrapper.business p a,
.wrapper.business p span a,
.wrapper.business td a,
.wrapper.business li a,
.wrapper.business a a,
.wrapper.business label a,
.wrapper.business legend a,
.wrapper.business span a {
  color: #97d555;
}
.wrapper.consumers p a,
.wrapper.consumers p span a,
.wrapper.consumers td a,
.wrapper.consumers li a,
.wrapper.consumers a a,
.wrapper.consumers label a,
.wrapper.consumers legend a,
.wrapper.consumers span a {
  color: #D71F85;
}

.button-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.button-wrapper .btn, .button-wrapper .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .button-wrapper .gform_button,
.button-wrapper .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .button-wrapper .gform_button, .button-wrapper .house-filter__search .button, .house-filter__search .button-wrapper .button, .button-wrapper .cta-block__search .button, .cta-block__search .button-wrapper .button, .button-wrapper .house-list__button ul li a, .house-list__button ul li .button-wrapper a {
  flex-shrink: 0;
}

.btn, .gform.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .gform_button, .house-filter__search .button, .cta-block__search .button, .house-list__button ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: var(--font-size-btn);
  line-height: 1.4;
  text-decoration: none;
  transition: var(--speed-default);
}
.btn:not(.btn--text), .gform.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text), .house-filter__search .button:not(.btn--text), .cta-block__search .button:not(.btn--text), .house-list__button ul li a:not(.btn--text) {
  height: var(--height-btn);
  border-radius: var(--size-radius-btn);
  background-image: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  background-color: #fff;
  color: #17243e;
  padding-top: 1px;
  padding-right: var(--px-btn);
  padding-left: var(--px-btn);
}
.btn:not(.btn--text):hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text):hover, .house-filter__search .button:not(.btn--text):hover, .cta-block__search .button:not(.btn--text):hover, .house-list__button ul li a:not(.btn--text):hover {
  background: #fff;
  color: #17243e;
}
.btn:not(.btn--text).btn--sm, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--sm,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--sm, .house-filter__search .button:not(.btn--text).btn--sm, .cta-block__search .button:not(.btn--text).btn--sm, .house-list__button ul li a:not(.btn--text).btn--sm {
  height: var(--height-btn-sm);
  font-size: var(--font-size-btn-sm);
  padding-right: 20px;
  padding-left: 20px;
}
.btn:not(.btn--text).btn--blue, .gform.gravity-theme .gform_footer .btn.gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .btn.gform_button:not(.btn--text), .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--blue, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform.gravity-theme .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--blue,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text), .house-filter__search .button:not(.btn--text), .cta-block__search .button:not(.btn--text), .house-list__button ul li a:not(.btn--text).btn--blue, .house-list__button ul li .gform.gravity-theme .gform_footer a.gform_button:not(.btn--text), .gform.gravity-theme .gform_footer .house-list__button ul li a.gform_button:not(.btn--text),
.house-list__button ul li .gform_wrapper.gravity-theme .gform_footer a.gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .house-list__button ul li a.gform_button:not(.btn--text) {
  background: #46bccd;
  color: #fff;
}
.btn:not(.btn--text).btn--blue:hover, .gform.gravity-theme .gform_footer .btn.gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .btn.gform_button:not(.btn--text):hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--blue:hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform.gravity-theme .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--blue:hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text):hover, .house-filter__search .button:not(.btn--text):hover, .cta-block__search .button:not(.btn--text):hover, .house-list__button ul li a:not(.btn--text).btn--blue:hover, .house-list__button ul li .gform.gravity-theme .gform_footer a.gform_button:not(.btn--text):hover, .gform.gravity-theme .gform_footer .house-list__button ul li a.gform_button:not(.btn--text):hover,
.house-list__button ul li .gform_wrapper.gravity-theme .gform_footer a.gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .house-list__button ul li a.gform_button:not(.btn--text):hover {
  background: #fff;
  color: #17243e;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.wrapper.business .btn:not(.btn--text).btn--blue, .wrapper.business .gform.gravity-theme .gform_footer .gform_button:not(.btn--text), .gform.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text),
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text), .wrapper.business .house-filter__search .button:not(.btn--text), .house-filter__search .wrapper.business .button:not(.btn--text), .wrapper.business .cta-block__search .button:not(.btn--text), .cta-block__search .wrapper.business .button:not(.btn--text), .wrapper.business .house-list__button ul li a:not(.btn--text).btn--blue, .house-list__button ul li .wrapper.business a:not(.btn--text).btn--blue {
  background: #97d555;
}
.wrapper.business .btn:not(.btn--text).btn--blue:hover, .wrapper.business .gform.gravity-theme .gform_footer .gform_button:not(.btn--text):hover, .gform.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text):hover,
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text):hover, .wrapper.business .house-filter__search .button:not(.btn--text):hover, .house-filter__search .wrapper.business .button:not(.btn--text):hover, .wrapper.business .cta-block__search .button:not(.btn--text):hover, .cta-block__search .wrapper.business .button:not(.btn--text):hover, .wrapper.business .house-list__button ul li a:not(.btn--text).btn--blue:hover, .house-list__button ul li .wrapper.business a:not(.btn--text).btn--blue:hover {
  background: #fff;
  color: #97d555;
}
.wrapper.blue .btn:not(.btn--text).btn--blue, .wrapper.blue .gform.gravity-theme .gform_footer .gform_button:not(.btn--text), .gform.gravity-theme .gform_footer .wrapper.blue .gform_button:not(.btn--text),
.wrapper.blue .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .wrapper.blue .gform_button:not(.btn--text), .wrapper.blue .house-filter__search .button:not(.btn--text), .house-filter__search .wrapper.blue .button:not(.btn--text), .wrapper.blue .cta-block__search .button:not(.btn--text), .cta-block__search .wrapper.blue .button:not(.btn--text), .wrapper.blue .house-list__button ul li a:not(.btn--text).btn--blue, .house-list__button ul li .wrapper.blue a:not(.btn--text).btn--blue {
  background: #46bccd;
}
.wrapper.blue .btn:not(.btn--text).btn--blue:hover, .wrapper.blue .gform.gravity-theme .gform_footer .gform_button:not(.btn--text):hover, .gform.gravity-theme .gform_footer .wrapper.blue .gform_button:not(.btn--text):hover,
.wrapper.blue .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.blue .gform_button:not(.btn--text):hover, .wrapper.blue .house-filter__search .button:not(.btn--text):hover, .house-filter__search .wrapper.blue .button:not(.btn--text):hover, .wrapper.blue .cta-block__search .button:not(.btn--text):hover, .cta-block__search .wrapper.blue .button:not(.btn--text):hover, .wrapper.blue .house-list__button ul li a:not(.btn--text).btn--blue:hover, .house-list__button ul li .wrapper.blue a:not(.btn--text).btn--blue:hover {
  background: #fff;
  color: #000;
}
.wrapper.consumers .btn:not(.btn--text).btn--blue, .wrapper.consumers .gform.gravity-theme .gform_footer .gform_button:not(.btn--text), .gform.gravity-theme .gform_footer .wrapper.consumers .gform_button:not(.btn--text),
.wrapper.consumers .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text),
.gform_wrapper.gravity-theme .gform_footer .wrapper.consumers .gform_button:not(.btn--text), .wrapper.consumers .house-filter__search .button:not(.btn--text), .house-filter__search .wrapper.consumers .button:not(.btn--text), .wrapper.consumers .cta-block__search .button:not(.btn--text), .cta-block__search .wrapper.consumers .button:not(.btn--text), .wrapper.consumers .house-list__button ul li a:not(.btn--text).btn--blue, .house-list__button ul li .wrapper.consumers a:not(.btn--text).btn--blue {
  background: #D71F85;
}
.wrapper.consumers .btn:not(.btn--text).btn--blue:hover, .wrapper.consumers .gform.gravity-theme .gform_footer .gform_button:not(.btn--text):hover, .gform.gravity-theme .gform_footer .wrapper.consumers .gform_button:not(.btn--text):hover,
.wrapper.consumers .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text):hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.consumers .gform_button:not(.btn--text):hover, .wrapper.consumers .house-filter__search .button:not(.btn--text):hover, .house-filter__search .wrapper.consumers .button:not(.btn--text):hover, .wrapper.consumers .cta-block__search .button:not(.btn--text):hover, .cta-block__search .wrapper.consumers .button:not(.btn--text):hover, .wrapper.consumers .house-list__button ul li a:not(.btn--text).btn--blue:hover, .house-list__button ul li .wrapper.consumers a:not(.btn--text).btn--blue:hover {
  background: #fff;
  color: #D71F85;
}
.btn:not(.btn--text).btn--pink, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink, .house-filter__search .button:not(.btn--text).btn--pink, .cta-block__search .button:not(.btn--text).btn--pink, .house-list__button ul li a:not(.btn--text).btn--pink {
  background: #D71F85;
  color: #fff;
}
.btn:not(.btn--text).btn--pink:hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink:hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink:hover, .house-filter__search .button:not(.btn--text).btn--pink:hover, .cta-block__search .button:not(.btn--text).btn--pink:hover, .house-list__button ul li a:not(.btn--text).btn--pink:hover {
  background: #fff;
  color: #17243e;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.wrapper.pink .btn:not(.btn--text).btn--pink, .wrapper.pink .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink, .gform.gravity-theme .gform_footer .wrapper.pink .gform_button:not(.btn--text).btn--pink,
.wrapper.pink .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink,
.gform_wrapper.gravity-theme .gform_footer .wrapper.pink .gform_button:not(.btn--text).btn--pink, .wrapper.pink .house-filter__search .button:not(.btn--text).btn--pink, .house-filter__search .wrapper.pink .button:not(.btn--text).btn--pink, .wrapper.pink .cta-block__search .button:not(.btn--text).btn--pink, .cta-block__search .wrapper.pink .button:not(.btn--text).btn--pink, .wrapper.pink .house-list__button ul li a:not(.btn--text).btn--pink, .house-list__button ul li .wrapper.pink a:not(.btn--text).btn--pink {
  background: #D71F85;
}
.wrapper.pink .btn:not(.btn--text).btn--pink:hover, .wrapper.pink .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink:hover, .gform.gravity-theme .gform_footer .wrapper.pink .gform_button:not(.btn--text).btn--pink:hover,
.wrapper.pink .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--pink:hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.pink .gform_button:not(.btn--text).btn--pink:hover, .wrapper.pink .house-filter__search .button:not(.btn--text).btn--pink:hover, .house-filter__search .wrapper.pink .button:not(.btn--text).btn--pink:hover, .wrapper.pink .cta-block__search .button:not(.btn--text).btn--pink:hover, .cta-block__search .wrapper.pink .button:not(.btn--text).btn--pink:hover, .wrapper.pink .house-list__button ul li a:not(.btn--text).btn--pink:hover, .house-list__button ul li .wrapper.pink a:not(.btn--text).btn--pink:hover {
  background: #fff;
  color: #000;
}
.btn:not(.btn--text).btn--white, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white, .house-filter__search .button:not(.btn--text).btn--white, .cta-block__search .button:not(.btn--text).btn--white, .house-list__button ul li a:not(.btn--text) {
  background: #fff;
  color: #17243e;
}
.btn:not(.btn--text).btn--white:hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white:hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white:hover, .house-filter__search .button:not(.btn--text).btn--white:hover, .cta-block__search .button:not(.btn--text).btn--white:hover, .house-list__button ul li a:not(.btn--text):hover {
  background: #46bccd;
  color: #fff;
}
.wrapper.business .btn:not(.btn--text).btn--white, .wrapper.business .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white, .gform.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text).btn--white,
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white,
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text).btn--white, .wrapper.business .house-filter__search .button:not(.btn--text).btn--white, .house-filter__search .wrapper.business .button:not(.btn--text).btn--white, .wrapper.business .cta-block__search .button:not(.btn--text).btn--white, .cta-block__search .wrapper.business .button:not(.btn--text).btn--white, .wrapper.business .house-list__button ul li a:not(.btn--text), .house-list__button ul li .wrapper.business a:not(.btn--text) {
  color: #97d555;
}
.wrapper.business .btn:not(.btn--text).btn--white:hover, .wrapper.business .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white:hover, .gform.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text).btn--white:hover,
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white:hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .gform_button:not(.btn--text).btn--white:hover, .wrapper.business .house-filter__search .button:not(.btn--text).btn--white:hover, .house-filter__search .wrapper.business .button:not(.btn--text).btn--white:hover, .wrapper.business .cta-block__search .button:not(.btn--text).btn--white:hover, .cta-block__search .wrapper.business .button:not(.btn--text).btn--white:hover, .wrapper.business .house-list__button ul li a:not(.btn--text):hover, .house-list__button ul li .wrapper.business a:not(.btn--text):hover {
  background: #97d555;
}
.wrapper.consumers .btn:not(.btn--text).btn--white:hover, .wrapper.consumers .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white:hover, .gform.gravity-theme .gform_footer .wrapper.consumers .gform_button:not(.btn--text).btn--white:hover,
.wrapper.consumers .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--white:hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.consumers .gform_button:not(.btn--text).btn--white:hover, .wrapper.consumers .house-filter__search .button:not(.btn--text).btn--white:hover, .house-filter__search .wrapper.consumers .button:not(.btn--text).btn--white:hover, .wrapper.consumers .cta-block__search .button:not(.btn--text).btn--white:hover, .cta-block__search .wrapper.consumers .button:not(.btn--text).btn--white:hover, .wrapper.consumers .house-list__button ul li a:not(.btn--text):hover, .house-list__button ul li .wrapper.consumers a:not(.btn--text):hover {
  background: #D71F85;
  color: #fff;
}
.btn:not(.btn--text).btn--outline, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline, .house-filter__search .button:not(.btn--text).btn--outline, .cta-block__search .button:not(.btn--text).btn--outline, .house-list__button ul li a:not(.btn--text).btn--outline {
  border: 1px solid #d1d3d8;
  background: transparent;
  color: #17243e;
  text-decoration: none;
}
.btn:not(.btn--text).btn--outline:hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline:hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline:hover, .house-filter__search .button:not(.btn--text).btn--outline:hover, .cta-block__search .button:not(.btn--text).btn--outline:hover, .house-list__button ul li a:not(.btn--text).btn--outline:hover {
  border-color: transparent;
  background-image: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  color: #17243e;
}
.btn:not(.btn--text).btn--outline.btn--white, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline.btn--white,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline.btn--white, .house-filter__search .button:not(.btn--text).btn--outline.btn--white, .cta-block__search .button:not(.btn--text).btn--outline.btn--white, .house-list__button ul li a:not(.btn--text).btn--outline {
  color: #fff;
}
.btn:not(.btn--text).btn--outline.btn--white:hover, .gform.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline.btn--white:hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text).btn--outline.btn--white:hover, .house-filter__search .button:not(.btn--text).btn--outline.btn--white:hover, .cta-block__search .button:not(.btn--text).btn--outline.btn--white:hover, .house-list__button ul li a:not(.btn--text).btn--outline:hover {
  color: #17243e;
}
@media (min-width: 1440px) {
  .btn:not(.btn--text), .gform.gravity-theme .gform_footer .gform_button:not(.btn--text),
  .gform_wrapper.gravity-theme .gform_footer .gform_button:not(.btn--text), .house-filter__search .button:not(.btn--text), .cta-block__search .button:not(.btn--text), .house-list__button ul li a:not(.btn--text) {
    padding-top: 2px;
  }
}
.btn.btn--spacing, .gform.gravity-theme .gform_footer .btn--spacing.gform_button,
.gform_wrapper.gravity-theme .gform_footer .btn--spacing.gform_button, .house-filter__search .btn--spacing.button, .cta-block__search .btn--spacing.button, .house-list__button ul li a.btn--spacing {
  margin-top: 25px;
}
@media (min-width: 1600px) {
  .btn.btn--spacing, .gform.gravity-theme .gform_footer .btn--spacing.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .btn--spacing.gform_button, .house-filter__search .btn--spacing.button, .cta-block__search .btn--spacing.button, .house-list__button ul li a.btn--spacing {
    margin-top: 35px;
  }
}
.btn.btn--io, .gform.gravity-theme .gform_footer .btn--io.gform_button,
.gform_wrapper.gravity-theme .gform_footer .btn--io.gform_button, .house-filter__search .btn--io.button, .cta-block__search .btn--io.button, .house-list__button ul li a.btn--io {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: var(--height-btn);
  height: var(--height-btn);
  padding: 0 !important;
  text-decoration: none;
}
.btn.btn--io i, .gform.gravity-theme .gform_footer .btn--io.gform_button i,
.gform_wrapper.gravity-theme .gform_footer .btn--io.gform_button i, .house-filter__search .btn--io.button i, .cta-block__search .btn--io.button i, .house-list__button ul li a.btn--io i {
  font-size: inherit;
}
.btn.btn--io.btn--sm, .gform.gravity-theme .gform_footer .btn--io.btn--sm.gform_button,
.gform_wrapper.gravity-theme .gform_footer .btn--io.btn--sm.gform_button, .house-filter__search .btn--io.btn--sm.button, .cta-block__search .btn--io.btn--sm.button, .house-list__button ul li a.btn--io.btn--sm {
  width: var(--height-btn-sm);
  height: var(--height-btn-sm);
  font-size: 14px;
}
@media (min-width: 1440px) {
  .btn.btn--io.btn--sm, .gform.gravity-theme .gform_footer .btn--io.btn--sm.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .btn--io.btn--sm.gform_button, .house-filter__search .btn--io.btn--sm.button, .cta-block__search .btn--io.btn--sm.button, .house-list__button ul li a.btn--io.btn--sm {
    font-size: var(--font-size-btn-sm);
  }
}
.btn.btn--text, .gform.gravity-theme .gform_footer .btn--text.gform_button,
.gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button, .house-filter__search .btn--text.button, .cta-block__search .btn--text.button, .house-list__button ul li a.btn--text {
  height: auto;
  font-size: var(--font-size-base);
  color: #a2a7b2;
  position: relative;
  padding-top: 8px;
  padding-right: var(--px-btn);
  padding-bottom: 8px;
  padding-left: var(--px-btn);
}
.btn.btn--text::after, .gform.gravity-theme .gform_footer .btn--text.gform_button::after,
.gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button::after, .house-filter__search .btn--text.button::after, .cta-block__search .btn--text.button::after, .house-list__button ul li a.btn--text::after {
  width: 100%;
  height: 80%;
  border-color: #46bccd;
  border-radius: 0 0 30px 0;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .btn.btn--text::after, .gform.gravity-theme .gform_footer .btn--text.gform_button::after,
  .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button::after, .house-filter__search .btn--text.button::after, .cta-block__search .btn--text.button::after, .house-list__button ul li a.btn--text::after {
    border-radius: 0 0 40px 0;
  }
}
.btn.btn--text i, .gform.gravity-theme .gform_footer .btn--text.gform_button i,
.gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button i, .house-filter__search .btn--text.button i, .cta-block__search .btn--text.button i, .house-list__button ul li a.btn--text i {
  font-size: 70%;
}
.btn.btn--text:hover, .gform.gravity-theme .gform_footer .btn--text.gform_button:hover,
.gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover, .house-filter__search .btn--text.button:hover, .cta-block__search .btn--text.button:hover, .house-list__button ul li a.btn--text:hover {
  color: #46bccd;
  text-decoration: none;
}
.btn.btn--text:hover::after, .gform.gravity-theme .gform_footer .btn--text.gform_button:hover::after,
.gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover::after, .house-filter__search .btn--text.button:hover::after, .cta-block__search .btn--text.button:hover::after, .house-list__button ul li a.btn--text:hover::after {
  border-color: #46bccd;
}
.btn.btn--text.btn--lg, .gform.gravity-theme .gform_footer .btn--text.btn--lg.gform_button,
.gform_wrapper.gravity-theme .gform_footer .btn--text.btn--lg.gform_button, .house-filter__search .btn--text.btn--lg.button, .cta-block__search .btn--text.btn--lg.button, .house-list__button ul li a.btn--text.btn--lg {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .btn.btn--text.btn--lg, .gform.gravity-theme .gform_footer .btn--text.btn--lg.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .btn--text.btn--lg.gform_button, .house-filter__search .btn--text.btn--lg.button, .cta-block__search .btn--text.btn--lg.button, .house-list__button ul li a.btn--text.btn--lg {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .btn.btn--text.btn--lg, .gform.gravity-theme .gform_footer .btn--text.btn--lg.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .btn--text.btn--lg.gform_button, .house-filter__search .btn--text.btn--lg.button, .cta-block__search .btn--text.btn--lg.button, .house-list__button ul li a.btn--text.btn--lg {
    font-size: 24px;
  }
}
.wrapper.business .btn.btn--text::after, .wrapper.business .gform.gravity-theme .gform_footer .btn--text.gform_button::after, .gform.gravity-theme .gform_footer .wrapper.business .btn--text.gform_button::after,
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button::after,
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .btn--text.gform_button::after, .wrapper.business .house-filter__search .btn--text.button::after, .house-filter__search .wrapper.business .btn--text.button::after, .wrapper.business .cta-block__search .btn--text.button::after, .cta-block__search .wrapper.business .btn--text.button::after, .wrapper.business .house-list__button ul li a.btn--text::after, .house-list__button ul li .wrapper.business a.btn--text::after {
  border-color: #97d555;
}
.wrapper.business .btn.btn--text:hover, .wrapper.business .gform.gravity-theme .gform_footer .btn--text.gform_button:hover, .gform.gravity-theme .gform_footer .wrapper.business .btn--text.gform_button:hover,
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .btn--text.gform_button:hover, .wrapper.business .house-filter__search .btn--text.button:hover, .house-filter__search .wrapper.business .btn--text.button:hover, .wrapper.business .cta-block__search .btn--text.button:hover, .cta-block__search .wrapper.business .btn--text.button:hover, .wrapper.business .house-list__button ul li a.btn--text:hover, .house-list__button ul li .wrapper.business a.btn--text:hover {
  color: #97d555;
}
.wrapper.business .btn.btn--text:hover::after, .wrapper.business .gform.gravity-theme .gform_footer .btn--text.gform_button:hover::after, .gform.gravity-theme .gform_footer .wrapper.business .btn--text.gform_button:hover::after,
.wrapper.business .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover::after,
.gform_wrapper.gravity-theme .gform_footer .wrapper.business .btn--text.gform_button:hover::after, .wrapper.business .house-filter__search .btn--text.button:hover::after, .house-filter__search .wrapper.business .btn--text.button:hover::after, .wrapper.business .cta-block__search .btn--text.button:hover::after, .cta-block__search .wrapper.business .btn--text.button:hover::after, .wrapper.business .house-list__button ul li a.btn--text:hover::after, .house-list__button ul li .wrapper.business a.btn--text:hover::after {
  border-color: #97d555;
}
.wrapper.consumers .btn.btn--text::after, .wrapper.consumers .gform.gravity-theme .gform_footer .btn--text.gform_button::after, .gform.gravity-theme .gform_footer .wrapper.consumers .btn--text.gform_button::after,
.wrapper.consumers .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button::after,
.gform_wrapper.gravity-theme .gform_footer .wrapper.consumers .btn--text.gform_button::after, .wrapper.consumers .house-filter__search .btn--text.button::after, .house-filter__search .wrapper.consumers .btn--text.button::after, .wrapper.consumers .cta-block__search .btn--text.button::after, .cta-block__search .wrapper.consumers .btn--text.button::after, .wrapper.consumers .house-list__button ul li a.btn--text::after, .house-list__button ul li .wrapper.consumers a.btn--text::after {
  border-color: #D71F85;
}
.wrapper.consumers .btn.btn--text:hover, .wrapper.consumers .gform.gravity-theme .gform_footer .btn--text.gform_button:hover, .gform.gravity-theme .gform_footer .wrapper.consumers .btn--text.gform_button:hover,
.wrapper.consumers .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover,
.gform_wrapper.gravity-theme .gform_footer .wrapper.consumers .btn--text.gform_button:hover, .wrapper.consumers .house-filter__search .btn--text.button:hover, .house-filter__search .wrapper.consumers .btn--text.button:hover, .wrapper.consumers .cta-block__search .btn--text.button:hover, .cta-block__search .wrapper.consumers .btn--text.button:hover, .wrapper.consumers .house-list__button ul li a.btn--text:hover, .house-list__button ul li .wrapper.consumers a.btn--text:hover {
  color: #D71F85;
}
.wrapper.consumers .btn.btn--text:hover::after, .wrapper.consumers .gform.gravity-theme .gform_footer .btn--text.gform_button:hover::after, .gform.gravity-theme .gform_footer .wrapper.consumers .btn--text.gform_button:hover::after,
.wrapper.consumers .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover::after,
.gform_wrapper.gravity-theme .gform_footer .wrapper.consumers .btn--text.gform_button:hover::after, .wrapper.consumers .house-filter__search .btn--text.button:hover::after, .house-filter__search .wrapper.consumers .btn--text.button:hover::after, .wrapper.consumers .cta-block__search .btn--text.button:hover::after, .cta-block__search .wrapper.consumers .btn--text.button:hover::after, .wrapper.consumers .house-list__button ul li a.btn--text:hover::after, .house-list__button ul li .wrapper.consumers a.btn--text:hover::after {
  border-color: #D71F85;
}
@media (min-width: 1440px) {
  .btn.btn--text, .gform.gravity-theme .gform_footer .btn--text.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button, .house-filter__search .btn--text.button, .cta-block__search .btn--text.button, .house-list__button ul li a.btn--text {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.btn.btn--ir i, .gform.gravity-theme .gform_footer .btn--ir.gform_button i,
.gform_wrapper.gravity-theme .gform_footer .btn--ir.gform_button i, .house-filter__search .btn--ir.button i, .cta-block__search .btn--ir.button i, .house-list__button ul li a.btn--ir i {
  margin-left: 15px;
}
@media (min-width: 1440px) {
  .btn.btn--ir i, .gform.gravity-theme .gform_footer .btn--ir.gform_button i,
  .gform_wrapper.gravity-theme .gform_footer .btn--ir.gform_button i, .house-filter__search .btn--ir.button i, .cta-block__search .btn--ir.button i, .house-list__button ul li a.btn--ir i {
    margin-left: 20px;
  }
}
.btn.btn--il i, .gform.gravity-theme .gform_footer .btn--il.gform_button i,
.gform_wrapper.gravity-theme .gform_footer .btn--il.gform_button i, .house-filter__search .btn--il.button i, .cta-block__search .btn--il.button i, .house-list__button ul li a.btn--il i {
  margin-right: 15px;
}
@media (min-width: 1440px) {
  .btn.btn--il i, .gform.gravity-theme .gform_footer .btn--il.gform_button i,
  .gform_wrapper.gravity-theme .gform_footer .btn--il.gform_button i, .house-filter__search .btn--il.button i, .cta-block__search .btn--il.button i, .house-list__button ul li a.btn--il i {
    margin-right: 20px;
  }
}
.btn.btn--small, .gform.gravity-theme .gform_footer .btn--small.gform_button,
.gform_wrapper.gravity-theme .gform_footer .btn--small.gform_button, .house-filter__search .button, .cta-block__search .button, .house-list__button ul li a.btn--small {
  height: 40px;
  font-size: 14px;
}
@media (min-width: 1440px) {
  .btn.btn--small, .gform.gravity-theme .gform_footer .btn--small.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .btn--small.gform_button, .house-filter__search .button, .cta-block__search .button, .house-list__button ul li a.btn--small {
    height: 48px;
    font-size: 16px;
  }
}

.btn-video::before {
  width: 100px;
  height: 100px;
  content: "\E932";
  font-family: "hansjanssen-icons";
  font-size: 30px;
  line-height: 1.4;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 1440px) {
  .btn-video::before {
    font-size: 40px;
  }
}

.js-house-favorite {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  cursor: pointer;
  transition: var(--speed-default);
}
.js-house-favorite.is-favorite {
  background-color: #D71F85;
}
@media (min-width: 1024px) {
  .js-house-favorite {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .js-house-favorite {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
}

.section--navbar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: var(--speed-default);
}
.section--navbar .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin: 0 auto;
}
@media (min-width: 1440px) {
  .section--navbar .navbar {
    height: 144px;
  }
}
.section--navbar .navbar--left {
  display: flex;
  align-items: center;
  height: 100%;
}
.section--navbar .navbar--left .navbar__brand {
  display: block;
  width: 168px;
  height: 100%;
}
.section--navbar .navbar--left .navbar__brand img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.section--navbar .navbar--left .navbar__brand.is-light {
  display: none;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--left .navbar__brand {
    width: 181px;
  }
}
@media (min-width: 1440px) {
  .section--navbar .navbar--left .navbar__brand {
    width: 302px;
  }
}
.section--navbar .navbar--search,
.section--navbar .navbar--microphone {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 36px;
  height: var(--height-btn-sm);
  color: #a2a7b2;
  transition: var(--speed-default);
}
.section--navbar .navbar--search:hover,
.section--navbar .navbar--microphone:hover {
  color: #17243e;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--search,
  .section--navbar .navbar--microphone {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .section--navbar .navbar--search,
  .section--navbar .navbar--microphone {
    width: var(--height-btn-sm);
    font-size: 20px;
  }
}
.section--navbar .navbar--menu-btn {
  margin-left: 15px;
  padding-top: 2px;
  font-size: 14px !important;
}
.section--navbar .navbar--menu-btn.btn--il i {
  margin-right: 0;
}
.section--navbar .navbar--menu-btn.btn--il span {
  margin-left: 15px;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--menu-btn {
    font-size: 12px !important;
  }
}
@media (min-width: 1440px) {
  .section--navbar .navbar--menu-btn {
    font-size: 16px !important;
  }
}
.section--navbar .navbar--account-btn {
  border-radius: 50% !important;
}
.section--navbar .navbar--account {
  margin-left: 8px;
  padding: 26px 0;
  position: relative;
}
.section--navbar .navbar--account ul {
  opacity: 0;
  visibility: hidden;
  width: 328px;
  border-radius: 0 0 32px 0;
  padding: 10px 30px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  right: 0;
  transition: var(--speed-default);
}
.section--navbar .navbar--account ul > li {
  border-top: 1px solid #f2f3f7;
}
.section--navbar .navbar--account ul > li > a {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 15px 0;
  font-size: 16px;
  color: #a2a7b2;
  text-decoration: none;
  position: relative;
}
.section--navbar .navbar--account ul > li > a i {
  font-size: 80%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.section--navbar .navbar--account ul > li > a:hover {
  color: #17243e;
}
@media (min-width: 1440px) {
  .section--navbar .navbar--account ul > li > a {
    font-size: 20px;
  }
}
.section--navbar .navbar--account ul > li:first-child {
  border-top: 0;
}
.section--navbar .navbar--account:hover ul {
  opacity: 1;
  visibility: visible;
}
.section--navbar .navbar--account.phone-dropdown ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0;
}
.section--navbar .navbar--account.phone-dropdown ul li a i {
  right: auto;
  left: 0;
}
.section--navbar .navbar--account.phone-dropdown ul li a span {
  display: inline-block;
  padding-left: 30px;
  color: #17243e;
}
.section--navbar .navbar--account.phone-dropdown ul li a strong {
  font-weight: 300;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--account {
    margin-left: 15px;
  }
}
.section--navbar .navbar--links {
  width: 100%;
  margin-bottom: 20px;
}
.section--navbar .navbar--links > ul > li {
  min-width: 160px;
  position: relative;
}
.section--navbar .navbar--links > ul > li > a {
  display: flex;
  justify-content: space-around;
  align-content: center;
  align-items: center;
  height: 48px;
  border: 1px solid #d1d3d8;
  border-radius: 0 0 10px 0;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  color: #a2a7b2;
  text-decoration: none;
  padding-top: 2px;
  padding-right: var(--px-btn);
  padding-left: var(--px-btn);
}
.section--navbar .navbar--links > ul > li > a i {
  margin-left: 10px;
  font-size: 12px;
}
@media (min-width: 1440px) {
  .section--navbar .navbar--links > ul > li > a i {
    font-size: 16px;
  }
}
.section--navbar .navbar--links > ul > li > a:hover {
  color: #17243e;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--links > ul > li > a:hover {
    border-color: #fff;
    background: #fff;
  }
}
@media (min-width: 1024px) {
  .section--navbar .navbar--links > ul > li > a {
    height: var(--height-btn-sm);
    border-radius: var(--size-radius-btn);
    color: #17243e;
    padding-right: var(--px-btn);
    padding-left: var(--px-btn);
  }
}
@media (min-width: 1440px) {
  .section--navbar .navbar--links > ul > li > a {
    font-size: 16px;
  }
}
.section--navbar .navbar--links > ul > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  transition: var(--speed-default);
}
.section--navbar .navbar--links > ul > li > ul > li {
  border-top: 1px solid #f2f3f7;
}
.section--navbar .navbar--links > ul > li > ul > li > a {
  display: flex;
  align-content: center;
  align-items: center;
  height: var(--height-btn-sm);
  font-size: 14px;
  line-height: 1;
  color: #a2a7b2;
  text-decoration: none;
  padding-right: var(--px-btn);
  padding-left: var(--px-btn);
}
.section--navbar .navbar--links > ul > li > ul > li > a:hover {
  color: #17243e;
}
@media (min-width: 1440px) {
  .section--navbar .navbar--links > ul > li > ul > li > a {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .section--navbar .navbar--links > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
.section--navbar .navbar--links > ul > li:hover > a {
  color: #17243e;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--links > ul > li:hover > a {
    border-color: #fff;
    border-radius: var(--size-radius-btn) var(--size-radius-btn) 0 0;
    background: #fff;
  }
}
.section--navbar .navbar--links > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1024px) {
  .section--navbar .navbar--links {
    width: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .section--navbar .navbar--links {
    margin-left: 20px;
  }
}
.section--navbar.active .mobile-nav {
  opacity: 1;
  visibility: visible;
}
.section--navbar.active .js-navbar-links {
  justify-content: flex-start;
}
.section--navbar.active .js-navbar-links span {
  color: #17243e;
}
.section--navbar.is-up {
  background: #fff;
  transform: translateY(-100%) !important;
}
@media (min-width: 1440px) {
  .section--navbar.is-up .navbar {
    height: 100px;
  }
}
.section--navbar.is-up.is-down {
  transform: translateY(0) !important;
}
.business .section--navbar.is-up {
  background: linear-gradient(162deg, rgb(23, 36, 62) -15%, rgb(23, 54, 103) 115%);
}
.business .section--navbar {
  background: none;
}
.business .section--navbar .navbar__brand.is-dark {
  display: none;
}
.business .section--navbar .navbar__brand.is-light {
  display: block;
}
.business .section--navbar .navbar--links > ul > li > a {
  color: #fff;
}
.business .section--navbar .navbar--links > ul > li > a:hover {
  color: #17243e;
}
@media (min-width: 1024px) {
  .business .section--navbar .navbar--links > ul > li > a:hover {
    border-color: #fff;
    background: #fff;
  }
}
.business .section--navbar .navbar--links > ul > li:hover > a {
  color: #17243e;
}
@media (min-width: 1024px) {
  .business .section--navbar .navbar--links > ul > li:hover > a {
    border-color: #fff;
    background: #fff;
  }
}
.business .section--navbar--full {
  background: #17243e !important;
}
.business .section--navbar--fade {
  background: linear-gradient(99deg, rgb(23, 36, 62) 36%, rgb(23, 54, 103) 115%) !important;
}

.navigation {
  display: none;
}
.navigation .navigation__image {
  display: block;
  width: 100%;
  color: #fff;
  position: relative;
}
.navigation .navigation__image::before {
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  position: absolute;
  right: 35px;
  bottom: 35px;
  z-index: 1;
}
.navigation .navigation__image::after {
  opacity: 0.6;
  width: 100%;
  height: 50%;
  border-radius: 0 0 30px 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(23, 48, 89) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.navigation .navigation__image h6 {
  width: 100%;
  margin-bottom: 0;
  padding: 30px 80px 20px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.navigation .navigation__image picture,
.navigation .navigation__image img {
  display: block;
  width: 100%;
  border-radius: 0 0 30px 0;
}
.navigation .navigation__left {
  height: 100%;
  position: relative;
  z-index: 1;
}
.navigation .navigation__left::after {
  width: 2px;
  height: 100%;
  margin-right: -242px;
  background: #f2f3f7;
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
}
@media (min-width: 1280px) {
  .navigation .navigation__left::after {
    margin-right: -232px;
  }
}
@media (min-width: 1440px) {
  .navigation .navigation__left::after {
    height: 100%;
    margin-right: -271px;
  }
}
@media (min-width: 1600px) {
  .navigation .navigation__left::after {
    margin-right: -256px;
  }
}
.navigation .navigation__nav {
  width: 39%;
  font-size: 16px;
  position: relative;
}
.navigation .navigation__nav > li {
  width: 100%;
  padding: 5px 40px 15px 0;
}
.navigation .navigation__nav > li > a {
  display: block;
  width: 180px;
  border-radius: 0 0 40px 0;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  padding: 0 0 10px 22px;
  font-weight: 700;
  color: #17243e;
  text-decoration: none;
}
@media (min-width: 1440px) {
  .navigation .navigation__nav > li > a {
    width: 241px;
    padding: 5px 0 15px;
  }
}
.navigation .navigation__nav > li .navbar-sub {
  opacity: 0;
  visibility: hidden;
  width: 315px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 100%;
  transition: var(--speed-default);
}
.navigation .navigation__nav > li .navbar-sub ul {
  width: 100%;
}
.navigation .navigation__nav > li .navbar-sub ul li {
  padding: 10px 0;
}
.navigation .navigation__nav > li .navbar-sub ul li a {
  display: block;
  font-weight: 500;
  color: #a2a7b2;
}
.navigation .navigation__nav > li .navbar-sub ul li a:hover {
  color: #17243e;
  text-decoration: none;
}
@media (min-width: 1440px) {
  .navigation .navigation__nav > li .navbar-sub ul li {
    padding: 10px 0 45px;
  }
}
@media (min-width: 1440px) {
  .navigation .navigation__nav > li .navbar-sub {
    width: 365px;
    height: 590px;
  }
}
.navigation .navigation__nav > li:hover > a {
  border-color: #46bccd;
}
.navigation .navigation__nav > li:hover > a::after {
  opacity: 1;
}
.navigation .navigation__nav > li:hover .navbar-sub {
  opacity: 1;
  visibility: visible;
}
.navigation .navigation__nav > li.has-childs > a {
  padding-right: 50px;
  position: relative;
}
.navigation .navigation__nav > li.has-childs > a::after {
  opacity: 0;
  margin-top: -6px;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 11px;
  color: #46bccd;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .navigation .navigation__nav > li.has-childs > a::after {
    margin-top: -7px;
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .navigation .navigation__nav > li {
    padding: 5px 40px 30px 0;
  }
}
@media (min-width: 1440px) {
  .navigation .navigation__nav {
    font-size: 24px;
  }
}
.navigation .navigation__bottom {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 1856px;
  height: calc(100vh - 120px);
  margin: 0 auto;
  border-radius: 22px 22px 0 0;
  padding: 65px 0 40px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  position: relative;
}
@media (min-width: 1440px) {
  .navigation .navigation__bottom {
    height: calc(100vh - 147px);
    border-radius: 40px 40px 0 0;
    padding: 115px 0 30px;
  }
}
.navigation .navigation__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px 40px;
  background-color: #f2f3f7;
  position: relative;
  z-index: 9;
}
@media (min-width: 1440px) {
  .navigation .navigation__top {
    padding: 48px 20px 51px;
  }
}
.navigation .navigation__clear {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: #17243e;
  position: absolute;
  top: 0;
  right: 5px;
}
.navigation .navigation__clear i {
  font-size: 100%;
}
@media (min-width: 1440px) {
  .navigation .navigation__clear {
    width: 48px;
    height: 48px;
  }
}
.navigation .navigation__close {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  border-radius: 13px;
  background-color: #f2f3f7;
  font-weight: 700;
  font-size: 12px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 98px;
  left: 50%;
}
@media (min-width: 1440px) {
  .navigation .navigation__close {
    width: 80px;
    height: 80px;
    margin-left: -30px;
    border-radius: 24px;
    font-size: 20px;
    top: 120px;
  }
}
.navigation .navigation__search {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  position: relative;
}
.navigation .navigation__search a.js-clear-text {
  display: none;
}
.navigation .navigation__search i.icon-search {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #D71F85;
  position: absolute;
  top: 0;
  left: 5px;
}
@media (min-width: 1440px) {
  .navigation .navigation__search i.icon-search {
    width: 40px;
    height: 48px;
  }
}
.navigation .navigation__search input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding: 0 40px 0 50px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #17243e;
}
.navigation .navigation__search input::placeholder {
  color: #a2a7b2;
}
@media (min-width: 1440px) {
  .navigation .navigation__search input {
    height: 48px;
    font-size: 16px;
  }
}
.navigation .navigation__search .navbar-search:has(.listening)::before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 100%;
  content: "\E92C";
  font-family: "hansjanssen-icons";
  font-weight: bold;
  color: #D71F85;
  position: absolute;
  left: -45px;
  animation: blink 1.2s linear infinite;
}
.navigation .navigation__search .navbar-search:has(.listening)::after {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  content: "Aan het luisteren...";
  color: #D71F85;
  position: absolute;
  top: 0;
  left: -235px;
}
.navigation .navigation__search .navbar-search:has(.listening) input {
  border: 2px solid #D71F85;
}
.navigation .navigation__search .navbar-search:has(.listening) .icon-search::before {
  color: #D71F85;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .navigation .navigation__search {
    max-width: 448px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.08);
  }
}
@media (min-width: 1024px) {
  .navigation {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100vh;
    background: #f2f3f7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    transition: var(--speed-default);
  }
  .is-open-menu .navigation {
    opacity: 1;
    visibility: visible;
  }
}

.mobile-nav {
  opacity: 0;
  visibility: hidden;
  overflow: scroll;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transition: var(--speed-default);
}
.mobile-nav .mobile-nav__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -28px;
  padding: 20px 20px 60px;
  background-color: #f2f3f7;
}
.mobile-nav .mobile-nav__search {
  width: 100%;
  position: relative;
}
.mobile-nav .mobile-nav__search .icon-search {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #D71F85;
  position: absolute;
  top: 0;
  left: 5px;
}
.mobile-nav .mobile-nav__search input {
  width: 100%;
  height: 40px;
  border-radius: 2px;
  padding: 0 40px 0 50px;
  background: #fff;
  color: #17243e;
}
.mobile-nav .mobile-nav__search input::placeholder {
  color: #a2a7b2;
}
.mobile-nav .mobile-nav__clear {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: #17243e;
  position: absolute;
  top: 0;
  right: 5px;
}
.mobile-nav .mobile-nav__clear i {
  font-size: 100%;
}
@media (min-width: 1440px) {
  .mobile-nav .mobile-nav__clear {
    width: 48px;
    height: 48px;
  }
}
.mobile-nav .mobile-nav__close {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin: 0 0 0 -22px;
  border-radius: 13px;
  background-color: #f2f3f7;
  font-weight: 700;
  font-size: 12px;
  position: absolute;
  top: -22px;
  left: 50%;
}
.mobile-nav .mobile-nav__image {
  display: block;
  width: 100%;
  height: 290px;
  color: #fff;
  position: relative;
}
.mobile-nav .mobile-nav__image::before {
  width: 28px;
  height: 36px;
  border-radius: 0 0 30px 0;
  border-right: 1px solid #46bccd;
  border-bottom: 1px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 10px;
  line-height: 1;
  position: absolute;
  right: 15px;
  bottom: 20px;
}
.mobile-nav .mobile-nav__image::after {
  width: 100%;
  height: 90px;
  border-radius: 0 0 30px 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.mobile-nav .mobile-nav__image h4 {
  width: 100%;
  margin-bottom: 0;
  padding: 30px 80px 30px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.mobile-nav .mobile-nav__image picture,
.mobile-nav .mobile-nav__image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 30px 0;
  object-fit: cover;
  object-position: center top;
}
@media (min-width: 768px) {
  .mobile-nav .mobile-nav__image {
    height: 490px;
  }
}
.mobile-nav .mobile-nav__bottom {
  width: 100%;
  border-radius: 22px 22px 0 0;
  padding: 40px 20px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.mobile-nav .mobile-nav__nav {
  margin-bottom: 30px;
}
.mobile-nav .mobile-nav__nav ul li {
  display: block;
  width: 100%;
  position: relative;
}
.mobile-nav .mobile-nav__nav ul li a {
  display: block;
  padding: 7px 0;
  font-weight: 500;
  font-size: 16px;
  color: #17243e;
  text-decoration: none;
  transition: var(--speed-default);
}
.mobile-nav .mobile-nav__nav ul li a:hover {
  color: #17243e;
}
.mobile-nav .mobile-nav__nav ul li .navbar-menu__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 16px;
  position: absolute;
  top: 7px;
  right: -5px;
  transform: rotate(-90deg);
  transition: all 0.3s;
}
.mobile-nav .mobile-nav__nav ul li .navbar-sub {
  overflow: hidden;
  width: 100%;
  max-height: 0;
  transition: var(--speed-default);
}
.mobile-nav .mobile-nav__nav ul li .navbar-sub ul {
  padding: 0;
}
.mobile-nav .mobile-nav__nav ul li .navbar-sub ul li {
  padding: 0;
}
.mobile-nav .mobile-nav__nav ul li .navbar-sub ul li a {
  display: block;
  color: #a2a7b2;
  text-decoration: none;
}
.mobile-nav .mobile-nav__nav ul li.sub-open .navbar-menu__arrow {
  transform: rotate(0);
}
.mobile-nav .navbar--links > ul > li {
  overflow: hidden;
}
.mobile-nav .navbar--links > ul > li > a i {
  transition: var(--speed-default);
}
.mobile-nav .navbar--links > ul > li > ul {
  display: block;
  max-height: 0;
  transition: var(--speed-default);
}
.mobile-nav .navbar--links > ul > li > ul > li:first-child {
  border-top: 0;
}
.mobile-nav .navbar--links > ul > li.sub-open > a i {
  transform: rotate(-180deg);
}

body.navbar-open {
  overflow: hidden;
}

.section--footer {
  width: 100%;
  padding-bottom: 30px;
  position: relative;
}
@media (min-width: 1024px) {
  .section--footer::after {
    background-image: url(../images/footer-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 145px auto;
    width: 145px;
    height: 354px;
    content: "";
    position: absolute;
    top: -100px;
    right: 0;
  }
}
@media (min-width: 1440px) {
  .section--footer::after {
    width: 284px;
    height: 524px;
    background-size: 284px auto;
    top: -150px;
  }
}
.section--footer .logo {
  display: block;
  margin-bottom: 25px;
}
.section--footer .logo a {
  display: block;
  width: 182px;
}
.section--footer .logo a img {
  width: 100%;
}
@media (min-width: 1440px) {
  .section--footer .logo a {
    width: 242px;
  }
}
@media (min-width: 1024px) {
  .section--footer .logo {
    margin-bottom: 45px;
  }
}
@media (min-width: 1440px) {
  .section--footer .logo {
    margin-bottom: 115px;
  }
}
.section--footer .footer__copyright ul li,
.section--footer .footer__social ul li,
.section--footer .footer__menu ul li {
  margin-bottom: 12px;
  font-size: 12px;
  color: #a2a7b2;
}
.section--footer .footer__copyright ul li a,
.section--footer .footer__social ul li a,
.section--footer .footer__menu ul li a {
  display: inline-block;
  color: #a2a7b2;
  text-decoration: none;
}
.section--footer .footer__copyright ul li a:hover,
.section--footer .footer__social ul li a:hover,
.section--footer .footer__menu ul li a:hover {
  color: #17243e;
}
@media (min-width: 1024px) {
  .section--footer .footer__copyright ul li,
  .section--footer .footer__social ul li,
  .section--footer .footer__menu ul li {
    margin-bottom: 1px;
  }
}
.section--footer .footer__social ul li a {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
.section--footer .footer__social ul li a i {
  width: 28px;
  font-size: 16px;
  line-height: 1.2;
}
.section--footer .footer__copyright ul {
  width: 100%;
  margin-bottom: 30px;
}
.section--footer .footer__copyright ul li {
  width: 100%;
  margin-bottom: 17px;
  font-size: 12px;
  line-height: 1.2;
}
.section--footer .footer__copyright ul li a {
  display: block;
}
@media (min-width: 1024px) {
  .section--footer .footer__copyright ul li {
    width: auto;
    margin-right: 55px;
    margin-bottom: 0;
    font-size: 10px;
  }
}
@media (min-width: 1440px) {
  .section--footer .footer__copyright ul li {
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  .section--footer .footer__copyright ul {
    display: inline-flex;
    flex-wrap: wrap;
    width: auto;
    margin-bottom: 0;
  }
}
.section--footer .footer__copyright__social-icons {
  display: flex;
  gap: 12px;
  color: #a2a7b2;
}
.section--footer .footer__copyright__social-icons a {
  transition: color var(--speed-default);
}
.section--footer .footer__copyright__social-icons a:hover {
  color: #17243e;
}
.section--footer .footer__copyright__social-icons .su-icon {
  display: block;
  line-height: 1;
}
.section--footer .footer__images {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.section--footer .footer__images img {
  opacity: 0.5;
  max-height: 22px;
  margin-right: 20px;
}
.section--footer .footer__images img:last-child {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .section--footer .footer__images img {
    max-height: 20px;
  }
}
@media (min-width: 1440px) {
  .section--footer .footer__images img {
    max-height: 22px;
    margin-right: 30px;
  }
}
@media (min-width: 1024px) {
  .section--footer .footer__images {
    display: inline-flex;
    justify-content: flex-start;
    width: auto;
    margin-bottom: 0;
  }
}
.section--footer .footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.section--footer .footer__top {
  border-top: 2px solid rgb(232, 234, 255);
  padding-top: 35px;
  padding-bottom: 10px;
}
.section--footer .footer__top h6 {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 12px;
}
@media (min-width: 1024px) {
  .section--footer .footer__top h6 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1440px) {
  .section--footer .footer__top h6 {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .section--footer .footer__top {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1440px) {
  .section--footer .footer__top {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media (min-width: 1024px) {
  .section--footer {
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .section--footer {
    padding-bottom: 50px;
  }
}

.section {
  padding-top: var(--py-section);
  padding-bottom: var(--py-section);
}
.section.section--content-nieuwbouw {
  padding-top: 0;
}

.sticky-bar {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  z-index: 98;
  transition: var(--speed-default);
}
.sticky-bar--show {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.sticky-bar__right {
  width: 275px;
}
.sticky-bar__left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0 0 8px;
  padding: 10px 10px 10px 15px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.sticky-bar__left .btn, .sticky-bar__left .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .sticky-bar__left .gform_button,
.sticky-bar__left .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .sticky-bar__left .gform_button, .sticky-bar__left .house-filter__search .button, .house-filter__search .sticky-bar__left .button, .sticky-bar__left .cta-block__search .button, .cta-block__search .sticky-bar__left .button, .sticky-bar__left .house-list__button ul li a, .house-list__button ul li .sticky-bar__left a {
  height: 40px;
}
@media (min-width: 1024px) {
  .sticky-bar__left .btn, .sticky-bar__left .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .sticky-bar__left .gform_button,
  .sticky-bar__left .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer .sticky-bar__left .gform_button, .sticky-bar__left .house-filter__search .button, .house-filter__search .sticky-bar__left .button, .sticky-bar__left .cta-block__search .button, .cta-block__search .sticky-bar__left .button, .sticky-bar__left .house-list__button ul li a, .house-list__button ul li .sticky-bar__left a {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .sticky-bar__left .btn, .sticky-bar__left .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .sticky-bar__left .gform_button,
  .sticky-bar__left .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer .sticky-bar__left .gform_button, .sticky-bar__left .house-filter__search .button, .house-filter__search .sticky-bar__left .button, .sticky-bar__left .cta-block__search .button, .cta-block__search .sticky-bar__left .button, .sticky-bar__left .house-list__button ul li a, .house-list__button ul li .sticky-bar__left a {
    height: 48px;
  }
}
@media (min-width: 1024px) {
  .sticky-bar__left {
    width: 360px;
  }
}
@media (min-width: 1440px) {
  .sticky-bar__left {
    width: 450px;
    padding: 18px 20px;
  }
}

.appointment-popup {
  font-size: 14px;
  line-height: 21px;
  color: #a2a7b2;
}
.appointment-popup h2,
.appointment-popup h5 {
  color: #17243e;
}
@media (min-width: 1440px) {
  .appointment-popup .gform_footer {
    text-align: right;
  }
}
.appointment-popup .gform_wrapper {
  padding-bottom: 40px;
}
@media (min-width: 1440px) {
  .appointment-popup {
    font-size: 16px;
    line-height: 24px;
  }
}

.alert-popup {
  font-size: 14px;
  line-height: 21px;
  color: #a2a7b2;
}
.alert-popup h2,
.alert-popup h5 {
  color: #17243e;
}
@media (min-width: 1440px) {
  .alert-popup .gform_footer {
    text-align: right;
  }
}
.alert-popup .gform_wrapper {
  padding-bottom: 40px;
}
@media (min-width: 1440px) {
  .alert-popup {
    font-size: 16px;
    line-height: 24px;
  }
}

.about-section {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .about-section::after {
    background-image: url(../images/footer-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 190px auto;
    width: 190px;
    height: 364px;
    content: "";
    position: absolute;
    bottom: 20%;
    left: 0;
    transform: scaleX(-1);
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .about-section::after {
    width: 380px;
    height: 720px;
    background-size: 375px auto;
    bottom: 10%;
  }
}
.about-section__text {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .about-section__text p {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .about-section__text {
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .about-section__text {
    font-size: 24px;
    line-height: 36px;
  }
}
.about-section__text--light {
  color: #a2a7b2;
}
.about-section__image-label {
  border: 0;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .about-section__image-label {
    top: 25px;
    left: 25px;
  }
}
@media (min-width: 1440px) {
  .about-section__image-label {
    top: 30px;
    left: 30px;
  }
}
@media (max-width: 1023.98px) {
  .about-section__image1 {
    height: 500px;
  }
}
@media (min-width: 1024px) {
  .about-section__image1 {
    margin-top: 70px;
  }
}
@media (min-width: 1440px) {
  .about-section__image1 {
    margin-top: 100px;
  }
}
.about-section__image2 {
  width: 100%;
}
@media (max-width: 1023.98px) {
  .about-section__image2 {
    height: 500px;
  }
}
@media (min-width: 1440px) {
  .about-section__image2 {
    height: 936px;
    margin-top: -180px;
  }
  .about-section__image2 img {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .about-section__image3 {
    margin-top: 50px;
  }
}
@media (min-width: 1440px) {
  .about-section__image3 {
    margin-top: 35px;
  }
}
.about-section__image-logo {
  width: 108px;
  margin-bottom: 30px;
}
.about-section__image-logo picture,
.about-section__image-logo img {
  border-radius: 0;
}
@media (min-width: 1024px) {
  .about-section__image-logo {
    width: 181px;
  }
}
@media (min-width: 1440px) {
  .about-section__image-logo {
    width: 200px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .about-section__image-logo {
    width: 242px;
  }
}
.about-section__image {
  overflow: hidden;
  display: block;
  width: 100%;
  margin-bottom: 18px;
  border-radius: 0 0 16px;
  color: #fff;
  position: relative;
}
.about-section__image::before {
  opacity: 0.6;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.about-section__image::after {
  opacity: 0.6;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.about-section__image img,
.about-section__image picture {
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .about-section__image img,
  .about-section__image picture {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .about-section__image img,
  .about-section__image picture {
    border-radius: 0 0 32px;
  }
}
.about-section__image i {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: var(--speed-default);
}
.wrapper.business .about-section__image i {
  border-color: #97d555;
}
.wrapper.consumers .about-section__image i {
  border-color: #D71F85;
}
@media (min-width: 1024px) {
  .about-section__image i {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .about-section__image i {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .about-section__image {
    margin-bottom: 0;
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .about-section__image {
    border-radius: 0 0 32px;
  }
}
.about-section__image-title {
  width: 100%;
  padding: 30px 80px 30px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.about-section__image-title h4 {
  margin: 0;
}
@media (min-width: 1440px) {
  .about-section__image-title {
    padding: 35px 100px 30px 45px;
  }
}
@media (min-width: 1024px) {
  .about-section__block1 {
    margin-top: 160px;
  }
}
@media (min-width: 1440px) {
  .about-section__block1 {
    margin-top: 70px;
  }
}
@media (min-width: 1024px) {
  .about-section__block2 {
    margin-top: -120px;
  }
}
@media (min-width: 1440px) {
  .about-section__block2 {
    margin-top: -210px;
  }
}
.about-section ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
.about-section ul li {
  padding: 5px 0 5px 50px;
  position: relative;
}
.about-section ul li::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #17243e;
  border-radius: 50%;
  content: "\E908";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  position: absolute;
  top: 3px;
  left: 0;
}
@media (min-width: 1440px) {
  .about-section ul {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.testimonial-slider {
  width: 100%;
  color: #fff;
  position: relative;
  margin-bottom: 100px;
  padding-top: 45px;
  padding-bottom: 45px;
}
.testimonial-slider::after {
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .testimonial-slider::after {
    width: calc(100% - 30px);
    margin: 0 15px;
    border-radius: 0 0 24px 0;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider::after {
    width: calc(100% - 80px);
    margin: 0 40px;
    border-radius: 0 0 32px 0;
  }
}
@media (min-width: 1024px) {
  .testimonial-slider {
    margin-bottom: var(--py-section-large);
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider {
    padding-top: 260px;
    padding-bottom: 240px;
  }
}
.testimonial-slider__for {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .testimonial-slider__for .slick-list {
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .testimonial-slider__for {
    margin-bottom: 95px;
    padding: 0 40px 0 65px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__for {
    margin-bottom: 40px;
    padding: 0;
  }
}
.testimonial-slider__for-slide {
  padding-top: 60px;
  position: relative;
}
@media (min-width: 1024px) {
  .testimonial-slider__for-slide.slick-current + .testimonial-slider__for-slide {
    opacity: 0.4 !important;
  }
}
.testimonial-slider__for-slide.slick-current {
  opacity: 1 !important;
  filter: blur(0);
  transform: none;
}
@media (min-width: 1024px) {
  .testimonial-slider__for-slide {
    opacity: 0 !important;
    padding-right: 130px;
    filter: blur(20px);
    transform: scale(1.5) translateX(120px);
    transition: var(--speed-default);
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__for-slide {
    padding-top: 0;
    transform: scale(1.5) translateX(220px);
  }
}
.testimonial-slider__nav {
  padding: 0 45px;
}
@media (min-width: 1024px) {
  .testimonial-slider__nav {
    width: 330px;
    padding: 0 48px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__nav {
    width: 365px;
    padding: 0 56px;
  }
}
.testimonial-slider__nav--set {
  display: flex;
  padding-left: 0 !important;
}
.testimonial-slider__arrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.testimonial-slider__arrow.slick-next {
  right: 0;
  left: auto;
}
@media (min-width: 1440px) {
  .testimonial-slider__arrow {
    width: 48px;
    height: 48px;
  }
}
.testimonial-slider__holder {
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .testimonial-slider__holder {
    padding: 0 85px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__holder {
    padding: 0;
  }
}
.testimonial-slider__dots-list {
  display: flex;
  width: calc(100% + 10px);
}
.testimonial-slider__dots-list li {
  width: 25%;
  height: 1px;
  margin-right: 16px;
  background: rgba(255, 255, 255, 0.2);
  text-indent: -9999px;
  cursor: pointer;
  transition: var(--speed-default);
}
.testimonial-slider__dots-list li.slick-active {
  background: white;
}
.testimonial-slider__dots-list li:last-child {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .testimonial-slider__dots-list li {
    margin-right: 10px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__dots-list li {
    height: 2px;
    margin-right: 16px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__dots-list {
    width: calc(100% + 16px);
  }
}
.testimonial-slider__dots {
  width: 100%;
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .testimonial-slider__dots {
    width: 380px;
    margin-top: 0;
    position: absolute;
    right: 80px;
    bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .testimonial-slider__dots {
    width: 590px;
    right: 0;
    bottom: 35px;
  }
}
@media (min-width: 1600px) {
  .testimonial-slider__dots {
    width: 690px;
  }
}
.testimonial-slider__logo {
  position: absolute;
  top: 10px;
  right: 35px;
}

.feedback-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.feedback-section .card-supply {
  padding: 50px 70px 30px 30px;
  align-content: flex-start;
}
.feedback-section__top {
  padding: 20px;
  color: #a2a7b2;
}
.feedback-section__top h2,
.feedback-section__top h3,
.feedback-section__top h4,
.feedback-section__top h5 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .feedback-section__top h2,
  .feedback-section__top h3,
  .feedback-section__top h4,
  .feedback-section__top h5 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1280px) {
  .feedback-section__top h2,
  .feedback-section__top h3,
  .feedback-section__top h4,
  .feedback-section__top h5 {
    flex: 0 0 41.6666666667%;
  }
}
@media (min-width: 1440px) {
  .feedback-section__top h2,
  .feedback-section__top h3,
  .feedback-section__top h4,
  .feedback-section__top h5 {
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 1280px) {
  .feedback-section__top p {
    flex-grow: 1;
    max-width: 680px;
  }
}
@media (min-width: 1024px) {
  .feedback-section__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
  }
}
.feedback-section__block {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
  height: 100%;
  border-radius: 0 0 40px 0;
  padding: 30px;
  background-image: linear-gradient(45deg, rgba(215, 218, 229, 0.5) 0%, rgba(230, 232, 239, 0.5) 100%);
  color: #17243e;
  position: relative;
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .feedback-section__block {
    padding: 35px 50px 60px 60px;
  }
}
.feedback-section__block-content {
  width: 100%;
  font-size: 16px;
  color: #a2a7b2;
  transition: var(--speed-default);
}
.feedback-section__block-content p strong {
  color: #17243e;
}
.feedback-section__block-content .gfield_label {
  font-size: 16px;
  color: #17243e !important;
}
.feedback-section__block-content .gfield_radio {
  display: flex;
  flex-wrap: wrap;
}
.feedback-section__block-content .gfield_radio .gchoice {
  width: 100%;
  margin-bottom: 10px;
}
.feedback-section__block-content .gfield_radio .gchoice input {
  display: none;
}
.feedback-section__block-content .gfield_radio .gchoice input:checked + label {
  background: #17243e;
  color: #fff;
  text-decoration: none;
}
.feedback-section__block-content .gfield_radio .gchoice label {
  display: inline-flex !important;
  align-content: center;
  align-items: center;
  width: 100%;
  max-width: 100% !important;
  height: 48px;
  border-radius: 4px;
  padding: 0 20px 0;
  background: #fff;
  font-size: 16px;
  color: #17243e;
}
.feedback-section__block-content .gfield_radio .gchoice label::before {
  margin-right: 10px;
  font-family: "hansjanssen-icons";
  position: relative;
  top: -1px;
}
.feedback-section__block-content .gfield_radio .gchoice label:hover {
  background: #17243e;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .feedback-section__block-content .gfield_radio .gchoice label {
    justify-content: center;
    width: auto;
    height: 32px;
    padding: 0 15px;
    font-size: 12px;
  }
}
@media (min-width: 1440px) {
  .feedback-section__block-content .gfield_radio .gchoice label {
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
  }
}
.feedback-section__block-content .gfield_radio .gchoice:nth-child(1) label::before {
  content: "\E911";
}
.feedback-section__block-content .gfield_radio .gchoice:nth-child(2) label::before {
  content: "\E90F";
}
.feedback-section__block-content .gfield_radio .gchoice:nth-child(3) label::before {
  content: "\E910";
}
@media (min-width: 1024px) {
  .feedback-section__block-content .gfield_radio .gchoice {
    width: auto;
    margin: 0 10px 10px 0;
  }
}
.feedback-section__block-content .gform_confirmation_message {
  display: block;
  margin-top: 24px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .feedback-section__block-content {
    font-size: 24px;
  }
}

.action-team {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.action-team__top {
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .action-team::after {
    background-image: url(../images/footer-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 145px auto;
    width: 145px;
    height: 354px;
    margin-top: -300px;
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    transform: scaleX(-1);
  }
}
@media (min-width: 1440px) {
  .action-team::after {
    width: 284px;
    height: 524px;
    margin-top: -270px;
    background-size: 284px auto;
  }
}
.action-team__title {
  margin-bottom: 40px;
  color: #17243e;
  text-align: center;
}
@media (min-width: 1440px) {
  .action-team__title {
    margin-bottom: 75px;
    font-size: 120px;
    line-height: 110px;
  }
}
.action-team__slider .slick-list {
  overflow: visible;
}
@media (min-width: 1024px) {
  .action-team__slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.action-team__slide {
  width: 274px;
  margin: 4px 8px;
}
@media (min-width: 1024px) {
  .action-team__slide {
    width: 217px;
    margin: 0 17px 18px;
  }
}
@media (min-width: 1440px) {
  .action-team__slide {
    width: 274px;
    margin: 4px;
  }
}

.service-slider {
  width: 100%;
  position: relative;
  margin-top: var(--py-section-large);
  margin-bottom: var(--py-section-large);
  z-index: 2;
}
@media (min-width: 1024px) {
  .service-slider h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .service-slider h2 {
    font-size: 56px;
    line-height: 64px;
  }
}
.service-slider__slide {
  width: 320px;
  margin-right: 15px;
}
@media (min-width: 1024px) {
  .service-slider__slide .card-service {
    margin-top: 10px;
    transform: rotate(4deg);
  }
}
@media (min-width: 1024px) {
  .service-slider__slide.swiper-slide-active .card-service, .service-slider__slide.swiper-slide-prev .card-service, .service-slider__slide.swiper-slide-active + .service-slider__slide + .service-slider__slide .card-service, .service-slider__slide.swiper-slide-active + .service-slider__slide .card-service {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1600px) {
  .service-slider__slide.swiper-slide-active + .service-slider__slide + .service-slider__slide + .service-slider__slide .card-service {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .service-slider__slide {
    width: 288px;
  }
}
@media (min-width: 1440px) {
  .service-slider__slide {
    width: 328px;
    margin-right: 32px;
  }
}
.service-slider__holder {
  width: 100%;
}
@media (min-width: 1024px) {
  .service-slider__holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-top: 1px solid #d1d3d8;
    padding-top: 30px;
    margin-top: 15px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .service-slider__holder {
    margin-top: 25px;
    margin-bottom: 75px;
    padding-top: 40px;
  }
}
.service-slider__heading a {
  white-space: nowrap;
}
.service-slider--bg {
  padding-top: 40px;
}
.service-slider--bg::before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgb(235, 237, 242) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .service-slider--bg::before {
    width: calc(100% - 30px);
    margin: 0 15px;
    border-radius: 16px;
  }
}
@media (min-width: 1440px) {
  .service-slider--bg::before {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
@media (min-width: 1024px) {
  .service-slider--bg {
    padding-top: 75px;
  }
}
@media (min-width: 1440px) {
  .service-slider--bg {
    padding-top: 190px;
  }
}
.service-slider__top {
  width: 100%;
}
@media (min-width: 1024px) {
  .service-slider__top {
    margin-bottom: 40px;
    border-bottom: 1px solid #d1d3d8;
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .service-slider__top {
    margin-bottom: 70px;
    padding-bottom: 10px;
  }
}
.service-slider__list-link {
  display: inline-flex;
  margin-bottom: 0;
  padding-top: 10px;
  color: #a2a7b2;
}
.service-slider__list-link:hover {
  color: #17243e;
  text-decoration: none;
}
.service-slider__list-item {
  margin-right: 40px;
}
.service-slider__list-item.is-active .service-slider__list-link {
  color: #17243e;
}
@media (min-width: 1440px) {
  .service-slider__list-item {
    margin-right: 52px;
  }
}
.service-slider__list {
  display: flex;
  flex-wrap: wrap;
}
.service-slider__select select {
  background-image: url(../images/select-arrow.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  width: 100%;
  height: 48px;
  margin-bottom: 25px;
  border-radius: 0 0 10px 0;
  padding: 0 50px 0 25px;
  background-color: #fff;
}
.service-slider__button {
  width: 100%;
}
.service-slider__button .btn, .service-slider__button .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .service-slider__button .gform_button,
.service-slider__button .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .service-slider__button .gform_button, .service-slider__button .house-filter__search .button, .house-filter__search .service-slider__button .button, .service-slider__button .cta-block__search .button, .cta-block__search .service-slider__button .button, .service-slider__button .house-list__button ul li a, .house-list__button ul li .service-slider__button a {
  display: flex;
  width: 100%;
}

.not-found {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
  padding-top: 230px;
  padding-bottom: 230px;
}
@media (min-width: 1024px) {
  .not-found {
    padding-top: 320px;
    padding-bottom: 320px;
  }
}
@media (min-width: 1440px) {
  .not-found {
    padding-top: 430px;
    padding-bottom: 430px;
  }
}
.not-found__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.not-found__image::before {
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to bottom, rgb(242, 243, 247) 0%, rgb(255, 255, 255) 23%, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.not-found__image::after {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 77%, rgb(242, 243, 247) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.not-found__image picture,
.not-found__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portal-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .portal-section::after {
    background-image: url(../images/footer-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 145px auto;
    width: 145px;
    height: 354px;
    content: "";
    position: absolute;
    right: 0;
    bottom: -100px;
  }
}
@media (min-width: 1440px) {
  .portal-section::after {
    width: 294px;
    height: 624px;
    background-size: 294px auto;
  }
}
@media (min-width: 480px) and (max-width: 1023.98px) {
  .portal-section .col-md-3 {
    width: 50%;
  }
}

.news-slider {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.news-slider__title {
  width: 100%;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .news-slider__title {
    margin-bottom: 35px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .news-slider__title {
    margin-bottom: 65px;
  }
}
.news-slider__slide {
  width: 320px;
  margin-right: 15px;
}
@media (min-width: 1024px) {
  .news-slider__slide .card-post {
    margin-top: 10px;
    transform: rotate(4deg);
  }
}
.news-slider__slide .card-post__image {
  min-height: 520px;
}
.news-slider__slide .card-post__image img {
  min-height: 520px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .news-slider__slide.swiper-slide-active .card-post, .news-slider__slide.swiper-slide-active + .news-slider__slide + .news-slider__slide .card-post, .news-slider__slide.swiper-slide-active + .news-slider__slide .card-post {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1600px) {
  .news-slider__slide.swiper-slide-active + .news-slider__slide + .news-slider__slide .card-post {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .news-slider__slide {
    width: 288px;
    margin-right: 25px;
  }
}
@media (min-width: 1440px) {
  .news-slider__slide {
    width: 450px;
    margin-right: 34px;
  }
}

.image-text {
  width: 100%;
  position: relative;
  z-index: 5;
  margin-bottom: var(--py-section-large);
}
.image-text .image-text__content {
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.image-text .image-text__content ul {
  margin-bottom: 30px;
}
.image-text .image-text__content ul li {
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}
.image-text .image-text__content ul li::after {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #46bccd;
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
}
.wrapper.business .image-text .image-text__content ul li::after {
  background: #97d555;
}
.wrapper.consumers .image-text .image-text__content ul li::after {
  background: #D71F85;
}
@media (min-width: 1600px) {
  .image-text .image-text__content ul li::after {
    width: 12px;
    height: 12px;
    top: 11px;
  }
}
@media (min-width: 1600px) {
  .image-text .image-text__content ul li {
    margin-bottom: 10px;
    padding-left: 35px;
  }
}
@media (min-width: 1024px) {
  .image-text .image-text__content {
    margin-top: 0px;
  }
  .image-text .image-text__content:not(.image-text .image-text__content.left) {
    margin-left: -70px;
    padding-right: 100px;
  }
  .image-text .image-text__content.left {
    margin-right: -70px;
    padding-left: 100px;
  }
}
@media (min-width: 1600px) {
  .image-text .image-text__content {
    font-size: 24px;
    line-height: 36px;
  }
  .image-text .image-text__content:not(.image-text .image-text__content.left) {
    margin-left: -120px;
  }
  .image-text .image-text__content.left {
    margin-right: -120px;
  }
}
.image-text .image-inner {
  overflow: hidden;
  border-bottom-right-radius: 32px;
  position: relative;
}
.image-text .btn-video {
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 1;
}
.image-text.business {
  color: #fff;
}
.image-text--gradient::after {
  width: 100%;
  height: calc(100% - 100px);
  border-radius: 0 0 30px;
  background-image: linear-gradient(to bottom, rgba(220, 222, 232, 0) 0%, rgb(235, 237, 242) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1600px) {
  .image-text--gradient::after {
    height: calc(100% - 200px);
  }
}
.image-text--gradient .image-text__image {
  width: 100%;
  margin: 0;
}
@media (min-width: 1600px) {
  .image-text--gradient .image-text__image {
    max-width: 568px;
  }
}
.image-text__content--white {
  margin-top: 40px;
  color: white;
}
.image-text__image {
  overflow: hidden;
  width: calc(100% + 40px);
  margin: 0 -20px 35px;
  border-radius: 0 0 16px;
  position: relative;
}
.image-text__image picture,
.image-text__image img {
  width: 100%;
  border-radius: 0 0 16px;
}
@media (min-width: 1024px) {
  .image-text__image picture,
  .image-text__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .image-text__image picture,
  .image-text__image img {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .image-text__image {
    width: 100%;
    margin: 0;
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .image-text__image {
    border-radius: 0 0 32px;
  }
}

.portal-heading {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 50px;
  margin-bottom: 45px;
}
@media (min-width: 1024px) {
  .portal-heading {
    margin-top: 80px;
    margin-bottom: 65px;
  }
}
@media (min-width: 1440px) {
  .portal-heading {
    margin-top: 100px;
    margin-bottom: 140px;
  }
}
.portal-heading__text {
  color: #a2a7b2;
}
.portal-heading__text h1 {
  color: #17243e;
}

.faq-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section);
}
.faq-section__tab {
  margin-bottom: 50px;
  border-radius: 0 0 16px;
  padding: 30px 25px;
  background-image: linear-gradient(45deg, rgb(215, 218, 229) 0%, rgb(230, 232, 239) 100%);
}
.faq-section__tab h6 {
  margin-bottom: 10px;
  font-weight: 700;
}
@media (min-width: 1440px) {
  .faq-section__tab h6 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .faq-section__tab {
    margin-bottom: 0;
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .faq-section__tab {
    border-radius: 0 0 32px;
    padding: 35px 40px;
  }
}
.faq-section__tab-item {
  width: 100%;
  margin-bottom: 4px;
}
@media (min-width: 1440px) {
  .faq-section__tab-item {
    margin-bottom: 18px;
  }
}
.faq-section__tab-link {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #17243e;
  position: relative;
}
.faq-section__tab-link::after {
  opacity: 0;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 80%;
  color: #D71F85;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: translateY(-50%);
  transition: var(--speed-default);
}
.faq-section__tab-link:hover {
  padding-left: 25px;
  text-decoration: none;
}
.faq-section__tab-link:hover::after {
  opacity: 1;
}
@media (min-width: 1440px) {
  .faq-section__tab-link:hover {
    padding-left: 30px;
  }
}
@media (min-width: 1440px) {
  .faq-section__tab-link {
    font-size: 20px;
  }
}
.faq-section__block {
  width: 100%;
  margin-bottom: var(--py-section);
}
.faq-section__list-item {
  width: 100%;
  border-bottom: 1px solid #d1d3d8;
  position: relative;
  z-index: 1;
}
.faq-section__list-item::after {
  opacity: 0;
  visibility: hidden;
  width: calc(100% + 40px);
  height: 100%;
  margin: 0 -20px;
  background: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .faq-section__list-item::after {
    width: 100%;
    margin: 0;
  }
}
.faq-section__list-item.is-active::after {
  opacity: 1;
  visibility: visible;
}
.faq-section__list-item.is-active .faq-section__list-link {
  color: #46bccd;
}
.faq-section__list-item.is-active .faq-section__list-link::after {
  content: "\E92D";
}
.faq-section__list-panel {
  display: none;
  padding-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #a2a7b2;
}
@media (min-width: 1440px) {
  .faq-section__list-panel {
    padding: 0 50px 5px 25px;
  }
}
.faq-section__list-link {
  display: block;
  padding: 14px 0;
  font-weight: 700;
  color: #17243e;
  text-decoration: none;
  position: relative;
}
.faq-section__list-link .faq-title {
  width: 98%;
  overflow-wrap: break-word;
  display: block;
}
.faq-section__list-link::after {
  content: "\E934";
  font-family: "hansjanssen-icons";
  font-weight: 400;
  font-size: 98%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (min-width: 1440px) {
  .faq-section__list-link::after {
    right: 20px;
  }
}
.faq-section__list-link:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .faq-section__list-link {
    padding: 11px 0;
  }
}
@media (min-width: 1440px) {
  .faq-section__list-link {
    padding: 20px 25px;
  }
}

.team-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.team-section__top {
  color: #a2a7b2;
}
.team-section__top h2 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .team-section__top h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .team-section__top h2 {
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 1024px) {
  .team-section__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .team-section__top {
    margin-bottom: 30px;
  }
}
.team-section__holder {
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
}
.team-section__holder h3 {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #d1d3d8;
  padding-top: 30px;
}
@media (min-width: 1440px) {
  .team-section__holder h3 {
    margin-top: 55px;
    margin-bottom: 55px;
    padding-top: 55px;
  }
}
@media (min-width: 1440px) {
  .team-section__holder {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.breadcrumbs {
  width: 100%;
  color: #a2a7b2;
  text-align: center;
  text-transform: lowercase;
  position: relative;
  z-index: 2;
  margin-bottom: 45px;
}
.breadcrumbs a {
  color: #a2a7b2;
}
.breadcrumbs a:hover {
  color: #17243e;
  text-decoration: none;
}
.breadcrumbs i.icon-chevron-right {
  margin: 0 5px;
  font-size: 68%;
}
@media (min-width: 1024px) {
  .breadcrumbs i.icon-chevron-right {
    margin: 0 14px;
  }
}
.breadcrumbs + .heading {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .breadcrumbs {
    font-size: 12px;
    margin-bottom: 65px;
  }
}
@media (min-width: 1440px) {
  .breadcrumbs {
    font-size: 16px;
    margin-bottom: 95px;
  }
}
@media (min-width: 1024px) {
  .breadcrumbs--left {
    text-align: left;
  }
}

.contact-banner {
  width: 100%;
  color: #a2a7b2;
  position: relative;
  margin-top: 20px;
  margin-bottom: var(--py-section-large);
}
.contact-banner h1 {
  color: #17243e;
}
.contact-banner h4 {
  margin-bottom: 15px;
  color: #17243e;
}
.contact-banner .container--contact {
  position: relative;
  z-index: 1;
}
.contact-banner address {
  display: block;
  padding-left: 35px;
  color: #17243e;
  position: relative;
}
.contact-banner address i {
  position: absolute;
  top: 5px;
  left: 0;
}
.business .contact-banner .contact-banner__image picture,
.business .contact-banner .contact-banner__image img {
  display: block;
  width: 100%;
}
.business .contact-banner .contact-banner__text {
  position: relative;
  z-index: 1;
}
.business .contact-banner .contact-banner__text::before {
  width: 100%;
  height: calc(100% + 300px);
  border-radius: 0 0 24px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .business .contact-banner .contact-banner__text::before {
    height: calc(100% + 430px);
    border-radius: 0 0 32px 0;
  }
}
.business .contact-banner .contact-banner__text::after {
  display: none;
}
@media (min-width: 1024px) {
  .business .contact-banner .contact-banner__text::after {
    background-image: url(../images/heading-overlay.svg);
    background-position: right 55px top;
    background-repeat: no-repeat;
    display: block;
    width: 987px;
    height: 808px;
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    content: "";
    position: absolute;
    right: 0;
    bottom: -140px;
    left: auto;
    z-index: -1;
  }
}
.business .contact-banner .contact-banner__text h1,
.business .contact-banner .contact-banner__text h4 {
  color: #fff;
}
.business .contact-banner .contact-banner__text .btn.btn--outline, .business .contact-banner .contact-banner__text .gform.gravity-theme .gform_footer .btn--outline.gform_button, .gform.gravity-theme .gform_footer .business .contact-banner .contact-banner__text .btn--outline.gform_button,
.business .contact-banner .contact-banner__text .gform_wrapper.gravity-theme .gform_footer .btn--outline.gform_button,
.gform_wrapper.gravity-theme .gform_footer .business .contact-banner .contact-banner__text .btn--outline.gform_button, .business .contact-banner .contact-banner__text .house-filter__search .btn--outline.button, .house-filter__search .business .contact-banner .contact-banner__text .btn--outline.button, .business .contact-banner .contact-banner__text .cta-block__search .btn--outline.button, .cta-block__search .business .contact-banner .contact-banner__text .btn--outline.button, .business .contact-banner .contact-banner__text .house-list__button ul li a.btn--outline, .house-list__button ul li .business .contact-banner .contact-banner__text a.btn--outline {
  color: #fff;
}
.business .contact-banner .contact-banner__text .btn.btn--outline:hover, .business .contact-banner .contact-banner__text .gform.gravity-theme .gform_footer .btn--outline.gform_button:hover, .gform.gravity-theme .gform_footer .business .contact-banner .contact-banner__text .btn--outline.gform_button:hover,
.business .contact-banner .contact-banner__text .gform_wrapper.gravity-theme .gform_footer .btn--outline.gform_button:hover,
.gform_wrapper.gravity-theme .gform_footer .business .contact-banner .contact-banner__text .btn--outline.gform_button:hover, .business .contact-banner .contact-banner__text .house-filter__search .btn--outline.button:hover, .house-filter__search .business .contact-banner .contact-banner__text .btn--outline.button:hover, .business .contact-banner .contact-banner__text .cta-block__search .btn--outline.button:hover, .cta-block__search .business .contact-banner .contact-banner__text .btn--outline.button:hover, .business .contact-banner .contact-banner__text .house-list__button ul li a.btn--outline:hover, .house-list__button ul li .business .contact-banner .contact-banner__text a.btn--outline:hover {
  color: #17243e;
}
@media (min-width: 1024px) {
  .contact-banner {
    margin-bottom: 120px;
  }
}
@media (min-width: 1440px) {
  .contact-banner {
    padding-bottom: 110px;
    margin-bottom: 160px;
  }
}
.contact-banner__list {
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1024px) {
  .contact-banner__list {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .contact-banner__list {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 1440px) {
  .contact-banner__list-item span {
    padding-right: 15px;
  }
}
.contact-banner__text {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.contact-banner__text::after {
  width: 100%;
  height: 60%;
  border-radius: 0 0 16px;
  background-image: linear-gradient(to bottom, rgba(23, 54, 103, 0) 0%, rgb(235, 237, 242) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .contact-banner__text::after {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .contact-banner__text::after {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .contact-banner__text {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .contact-banner__text {
    margin-bottom: 80px;
  }
}
.contact-banner__top {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .contact-banner__top {
    margin-bottom: 65px;
  }
}
@media (min-width: 1440px) {
  .contact-banner__top {
    margin-bottom: 80px;
  }
}
.contact-banner__chat {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 12px);
  padding-top: 10px;
  padding-bottom: 30px;
}
@media (min-width: 1024px) {
  .contact-banner__chat {
    padding-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .contact-banner__chat {
    width: calc(100% + 30px);
  }
}
.contact-banner__chat-item {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  min-height: 47px;
  margin-bottom: 8px;
  border-radius: 40px;
  padding: 6px 0 6px 50px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  position: relative;
}
.contact-banner__chat-item strong {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
}
@media (min-width: 1440px) {
  .contact-banner__chat-item strong {
    font-size: 12px;
    line-height: 16px;
  }
}
.contact-banner__chat-item a {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .contact-banner__chat-item a {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 1024px) {
  .contact-banner__chat-item {
    width: calc(50% - 30px);
    margin: 0 12px 8px 0;
  }
}
@media (min-width: 1440px) {
  .contact-banner__chat-item {
    min-height: 80px;
    margin: 0 30px 15px 0;
    padding-left: 80px;
  }
}
.contact-banner__chat-img, .contact-banner__chat-icon {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  background: #f2f3f7;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.contact-banner__chat-img i, .contact-banner__chat-icon i {
  color: #46bccd;
}
@media (min-width: 1440px) {
  .contact-banner__chat-img, .contact-banner__chat-icon {
    width: 48px;
    height: 48px;
    left: 16px;
  }
}
.contact-banner__chat-img {
  padding: 4px;
  background-image: linear-gradient(45deg, rgb(215, 218, 229) 0%, rgb(230, 232, 239) 100%);
}
.contact-banner__chat-img::after {
  background-image: url(../images/oval.svg);
  background-position: center center;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.contact-banner__chat-img img {
  width: 100%;
  border-radius: 50px;
}
.contact-banner__image {
  width: 100%;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .contact-banner__image {
    width: calc(100% + 80px);
    margin-bottom: -90px;
    margin-left: -80px;
  }
}
@media (min-width: 1440px) {
  .contact-banner__image {
    width: calc(100% + 200px);
    margin-bottom: -150px;
    margin-left: -200px;
  }
}
@media (min-width: 1600px) {
  .contact-banner__image {
    width: calc(100% + 255px);
    margin-bottom: -245px;
    margin-left: -255px;
  }
}

.contact-form {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.contact-form__content {
  color: #a2a7b2;
}
.contact-form__content h3 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .contact-form::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    bottom: -150px;
    left: 0;
  }
}
@media (min-width: 1440px) {
  .contact-form::after {
    width: 475px;
    height: 904px;
    background-size: 475px auto;
    bottom: -500px;
  }
}

.map-section {
  width: 100%;
  margin-bottom: var(--py-section-large);
  padding-top: 45px;
  position: relative;
  z-index: 9;
}
.wijken-archive .map-section {
  z-index: 0;
}
.map-section::before {
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.wijken-archive .map-section::before {
  top: unset;
  bottom: 230px;
  height: 200vh;
}
@media (min-width: 1024px) {
  .map-section::before {
    width: calc(100% - 30px);
    height: calc(100% - 70px);
    margin: 0 15px;
    border-radius: 0 0 24px 0;
  }
}
@media (min-width: 1440px) {
  .map-section::before {
    width: calc(100% - 80px);
    height: calc(100% - 150px);
    margin: 0 40px;
    border-radius: 0 0 32px 0;
  }
}
.wijken-archive .map-section::after {
  top: unset;
  bottom: 230px;
  height: unset;
}
@media (min-width: 1024px) {
  .map-section::after {
    background-image: url(../images/map-bg.svg);
    background-position: right 55px top;
    background-repeat: no-repeat;
    width: calc(100% - 30px);
    height: calc(100% - 70px);
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .map-section::after {
    width: calc(100% - 80px);
    height: calc(100% - 150px);
    margin: 0 40px;
    border-radius: 0 0 32px 0;
  }
}
@media (min-width: 1024px) {
  .map-section {
    padding-top: 80px;
  }
}
.map-section__map {
  width: calc(100% + 40px);
  margin: 0 -20px;
}
@media (min-width: 1024px) {
  .map-section__map {
    width: 100%;
    margin: 0;
  }
}
.map-section__places {
  margin-bottom: 32px;
  color: #a2a7b2;
}
.map-section__places ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.map-section__places ul li {
  width: 50%;
}
@media (min-width: 768px) {
  .map-section__places ul li {
    width: 25%;
  }
}
.map-section__places .place-name {
  position: relative;
}
.map-section__places .place-name label {
  display: block;
  padding-left: 30px;
  cursor: pointer;
}
@media (min-width: 1440px) {
  .map-section__places .place-name label {
    padding-left: 35px;
  }
}
.map-section__places .place-name input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc((var(--line-height-base) - var(--size-form-check-indicator)) / 2);
  left: 0;
  z-index: -1;
}
.map-section__places .place-name input:checked ~ span::before {
  border-color: #46bccd;
  background: #46bccd;
}
.map-section__places .place-name input:checked ~ span::after {
  opacity: 1;
}
.map-section__places .place-name span {
  font-size: calc(var(--font-size-base) / 1.125);
}
.map-section__places .place-name span::before, .map-section__places .place-name span::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--size-form-check-indicator);
  height: var(--size-form-check-indicator);
  position: absolute;
  top: 4px;
  left: 0;
}
.map-section__places .place-name span::before {
  border: 1px solid #d1d3d8;
  background-color: #fff;
  content: "";
}
.map-section__places .place-name span::after {
  opacity: 0;
  content: "\E908";
  font-family: "hansjanssen-icons";
  font-size: 11px;
  color: #fff;
}
@media (min-width: 1440px) {
  .map-section__places .place-name span::after {
    font-size: 14px;
  }
}
.map-section__content {
  margin-bottom: 32px;
  color: #fff;
  text-align: center;
}

.vacancy-section {
  width: 100%;
  position: relative;
  margin-top: 40px;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1440px) {
  .vacancy-section {
    margin-top: 60px;
  }
}
.vacancy-section__top {
  color: #a2a7b2;
}
.vacancy-section__top h1 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .vacancy-section__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .vacancy-section__top {
    margin-bottom: 60px;
  }
}
.vacancy-section__holder {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #d1d3d8;
  padding-top: 30px;
}
.vacancy-section__holder h3 {
  margin-bottom: 30px;
}
@media (min-width: 1440px) {
  .vacancy-section__holder h3 {
    margin-bottom: 55px;
  }
}
.vacancy-section__holder:last-of-type {
  margin-bottom: 30px;
  border-bottom: 1px solid #d1d3d8;
  padding-bottom: 30px;
}
@media (min-width: 1440px) {
  .vacancy-section__holder:last-of-type {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .vacancy-section__holder {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.blog-detail {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .blog-detail::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    top: 150px;
    left: 0;
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .blog-detail::after {
    width: 475px;
    height: 904px;
    background-size: 475px auto;
    top: 230px;
  }
}
.blog-detail blockquote {
  text-align: center;
}
.blog-detail blockquote::before {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 40px;
  border-radius: 6px;
  background: #fff;
  content: "\E935";
  font-family: "hansjanssen-icons";
  font-size: 16px;
  color: #D71F85;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
@media (min-width: 1024px) {
  .blog-detail blockquote::before {
    width: 60px;
    height: 60px;
    border-radius: 8px;
  }
}
@media (min-width: 1440px) {
  .blog-detail blockquote::before {
    width: 80px;
    height: 80px;
    margin-bottom: 50px;
    border-radius: 24px;
    font-size: 20px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.08);
  }
}
.blog-detail blockquote strong {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 1440px) {
  .blog-detail blockquote strong {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .blog-detail blockquote {
    padding: 0 100px;
  }
}
@media (min-width: 1600px) {
  .blog-detail blockquote {
    padding: 0 120px;
  }
}
.blog-detail hr {
  margin-bottom: 70px;
  border: 0;
  border-bottom: 1px solid #d1d3d8;
}
.blog-detail__top {
  color: #a2a7b2;
  text-align: center;
}
.blog-detail__top h1 {
  color: #17243e;
}
@media (min-width: 1440px) {
  .blog-detail__top h1 {
    width: 1016px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  .blog-detail__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .blog-detail__top {
    margin-bottom: 60px;
  }
}
.blog-detail__tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.blog-detail__tag span {
  display: inline-flex;
  align-content: center;
  align-items: center;
  height: 24px;
  margin: 0 5px 10px;
  border-radius: 20px;
  padding: 0 15px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .blog-detail__tag span {
    height: 32px;
    margin: 0 10px 10px;
    padding: 0 20px;
    font-size: 16px;
  }
}
.blog-detail__holder {
  width: 100%;
  position: relative;
}
.blog-detail__button {
  display: none;
}
@media (min-width: 1024px) {
  .blog-detail__button {
    display: block;
    border-radius: 0 0 8px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
    position: fixed;
    bottom: 40px;
    left: 30px;
    z-index: 12;
  }
}
.blog-detail__image {
  display: block;
  width: 100%;
  margin-bottom: 35px;
}
.blog-detail__image img,
.blog-detail__image picture {
  display: block;
  width: 100%;
  border-radius: 0 0 32px;
}
@media (min-width: 1024px) {
  .blog-detail__image {
    margin-bottom: var(--py-section);
  }
}
.blog-detail__video {
  display: block;
  width: 100%;
  margin-bottom: 35px;
}
.blog-detail__video::after {
  content: "\E932";
  font-family: "hansjanssen-icons";
  font-size: 32px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (min-width: 1440px) {
  .blog-detail__video::after {
    font-size: 48px;
    top: 30px;
    left: 30px;
  }
}
.blog-detail__video img,
.blog-detail__video picture {
  display: block;
  width: 100%;
  border-radius: 0 0 32px;
}
@media (min-width: 1024px) {
  .blog-detail__video {
    margin-bottom: var(--py-section);
  }
}
.blog-detail__user {
  display: none;
}
.blog-detail__user .card-live {
  padding-right: 40px;
}
.blog-detail__user .card-live::after {
  opacity: 0.2;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .blog-detail__user {
    display: flex;
    width: 222px;
    position: fixed;
    right: 60px;
    bottom: 40px;
    z-index: 12;
  }
}
@media (min-width: 1440px) {
  .blog-detail__user {
    width: 275px;
  }
}
.blog-detail__author {
  margin-bottom: 20px;
  color: #a2a7b2;
}
.blog-detail__author span {
  margin: 0 10px;
}
@media (min-width: 1024px) {
  .blog-detail__author {
    margin-bottom: 30px;
  }
}
.blog-detail__content ul {
  margin-bottom: 30px;
}
.blog-detail__content ul li {
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}
.blog-detail__content ul li::after {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #46bccd;
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
}
.post-single .blog-detail__content ul li::after {
  background: #D71F85;
}
@media (min-width: 1440px) {
  .blog-detail__content ul li::after {
    width: 12px;
    height: 12px;
    top: 7px;
  }
}
@media (min-width: 1440px) {
  .blog-detail__content ul li {
    margin-bottom: 10px;
    padding-left: 35px;
  }
}
.blog-detail__content img.aligncenter {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .blog-detail__content img.aligncenter {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.blog-detail.business {
  margin-top: -80px;
}
.blog-detail.business .blog-detail__blog-info {
  margin-bottom: 32px;
  background-color: #17243e;
  padding-top: 80px;
  padding-bottom: 16px;
}
.blog-detail.business .blog-detail__blog-info .blog-detail__top h1,
.blog-detail.business .blog-detail__blog-info .blog-detail__top p {
  color: #fff;
}
.blog-detail.business .breadcrumbs {
  color: #fff;
}
@media (min-width: 1440px) {
  .blog-detail.business {
    margin-top: -144px;
  }
  .blog-detail.business .blog-detail__blog-info {
    padding-top: 144px;
  }
}

.service-banner {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.service-banner__top {
  margin-bottom: 50px;
  color: #a2a7b2;
}
.service-banner__top h1 {
  color: #17243e;
}
@media (min-width: 1440px) {
  .service-banner__top {
    margin-bottom: 80px;
  }
}
.service-banner__video::after {
  content: "\E932";
  font-family: "hansjanssen-icons";
  font-size: 32px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (min-width: 1440px) {
  .service-banner__video::after {
    font-size: 48px;
    top: 30px;
    left: 30px;
  }
}
.service-banner__video, .service-banner__image {
  overflow: hidden;
  display: block;
  width: 100%;
  border-radius: 0 0 16px;
  position: relative;
}
.service-banner__video picture, .service-banner__image picture {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .service-banner__video picture, .service-banner__image picture {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.service-banner__video img, .service-banner__image img {
  display: block;
  width: 100%;
  border-radius: 0 0 16px;
}
@media (min-width: 1024px) {
  .service-banner__video img, .service-banner__image img {
    height: 100%;
    border-radius: 0 0 32px;
    object-fit: cover;
  }
}
@media (min-width: 1024px) {
  .service-banner__video, .service-banner__image {
    width: calc(100% - 40px);
    height: 427px;
    margin: 0 20px;
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1440px) {
  .service-banner__video, .service-banner__image {
    width: calc(100% - 60px);
    height: 800px;
    margin: 0 30px;
  }
}

.left-right {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.left-right strong {
  font-weight: 500;
  color: #46bccd;
}
.wrapper.business .left-right strong {
  color: #97d555;
}
.wrapper.consumers .left-right strong {
  color: #D71F85;
}
.left-right .left-right__left-content h1 strong, .left-right .left-right__left-content h2 strong, .left-right .left-right__left-content h3 strong, .left-right .left-right__left-content h4 strong {
  font-weight: 700;
}
.left-right ul {
  margin-bottom: 30px;
}
.left-right ul li {
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}
.left-right ul li::after {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #46bccd;
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
}
.wrapper.business .left-right ul li::after {
  background: #97d555;
}
.wrapper.consumers .left-right ul li::after {
  background: #D71F85;
}
@media (min-width: 1600px) {
  .left-right ul li::after {
    width: 12px;
    height: 12px;
    top: 11px;
  }
}
@media (min-width: 1600px) {
  .left-right ul li {
    margin-bottom: 10px;
    padding-left: 35px;
  }
}

.description {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.description__top {
  color: #a2a7b2;
  text-align: center;
}
.description__top h2 {
  margin-bottom: 30px;
  color: #17243e;
}
@media (min-width: 1024px) {
  .description__top h2 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .description__top h2 {
    font-size: 120px;
    line-height: 120px;
  }
}
.description__top p {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .description__top p {
    margin-bottom: 50px;
  }
}

.office-section {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: var(--py-section-large);
}
.office-section__holder {
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 0 0 16px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
@media (min-width: 1440px) {
  .office-section__holder {
    margin-bottom: 30px;
    border-radius: 0 0 32px;
  }
}
.office-section__holder--right {
  flex-direction: revert;
}
@media (min-width: 1024px) {
  .office-section__holder--right .office-section__content {
    padding-left: 75px;
  }
}
@media (min-width: 1440px) {
  .office-section__holder--right .office-section__content {
    padding-left: 135px;
  }
}
.office-section__content {
  width: 100%;
  padding: 25px 20px;
}
.office-section__content a {
  color: #17243e;
}
.office-section__content a:hover {
  color: #46bccd;
  text-decoration: none;
}
.office-section__content address {
  margin-bottom: 15px;
}
@media (min-width: 1440px) {
  .office-section__content address {
    margin-bottom: 25px;
  }
}
@media (min-width: 1024px) {
  .office-section__content {
    width: 50%;
    padding: 30px 75px;
  }
}
@media (min-width: 1440px) {
  .office-section__content {
    padding: 30px 100px 30px 200px;
  }
}
.office-section__image {
  display: block;
  width: 100%;
}
.office-section__image img,
.office-section__image picture {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .office-section__image {
    width: 50%;
  }
}

.large-image {
  width: 100%;
  position: relative;
  z-index: 222;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .large-image {
    min-height: 448px;
  }
}
@media (min-width: 1440px) {
  .large-image {
    min-height: 800px;
  }
}
.large-image__image-video {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}
.large-image__image-video::before {
  width: 100px;
  height: 100px;
  content: "\E932";
  font-family: "hansjanssen-icons";
  font-size: 30px;
  line-height: 1.4;
  color: #fff;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 1;
}
@media (min-width: 1440px) {
  .large-image__image-video::before {
    font-size: 40px;
  }
}
.large-image__image-video::after {
  background-image: url(../images/large-overlay.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.large-image__image-video img,
.large-image__image-video video,
.large-image__image-video picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.large-image__image-video.no-video::before {
  display: none;
}
.large-image__image-video.no-video::after {
  content: unset !important;
}
@media (min-width: 1024px) {
  .large-image__image-video {
    width: calc(100% - 40px);
    height: 100%;
    margin: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.testimonial {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.testimonial__text {
  color: #fff;
  position: relative;
  z-index: 2;
}
.testimonial__rating span {
  display: inline-flex;
  align-content: center;
  align-items: center;
  height: 18px;
  border-radius: 20px;
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 10px;
  color: #fff;
}
.testimonial__rating span img {
  width: 11px;
  margin-right: 4px;
}
@media (min-width: 1440px) {
  .testimonial__rating span img {
    width: 16px;
    margin-right: 7px;
  }
}
@media (min-width: 1440px) {
  .testimonial__rating span {
    height: 32px;
    padding: 0 15px;
    font-size: 16px;
  }
}
.testimonial__holder {
  width: calc(100% + 20px);
  margin: 0 -10px;
  position: relative;
}
@media (min-width: 1024px) {
  .testimonial__holder {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
  }
}
@media (min-width: 1440px) {
  .testimonial__holder {
    width: calc(100% + 30px);
    margin: -50px -15px 0;
  }
}
.testimonial__left {
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1024px) {
  .testimonial__left .card-review:nth-child(18), .testimonial__left .card-review:nth-child(15), .testimonial__left .card-review:nth-child(12), .testimonial__left .card-review:nth-child(9), .testimonial__left .card-review:nth-child(6), .testimonial__left .card-review:nth-child(3) {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .testimonial__left .card-review:nth-child(18), .testimonial__left .card-review:nth-child(15), .testimonial__left .card-review:nth-child(12), .testimonial__left .card-review:nth-child(9), .testimonial__left .card-review:nth-child(6), .testimonial__left .card-review:nth-child(3) {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .testimonial__left .card-review:nth-child(17), .testimonial__left .card-review:nth-child(14), .testimonial__left .card-review:nth-child(11), .testimonial__left .card-review:nth-child(8), .testimonial__left .card-review:nth-child(5), .testimonial__left .card-review:nth-child(2) {
    width: 90%;
  }
}
@media (min-width: 1440px) {
  .testimonial__left .card-review:nth-child(17), .testimonial__left .card-review:nth-child(14), .testimonial__left .card-review:nth-child(11), .testimonial__left .card-review:nth-child(8), .testimonial__left .card-review:nth-child(5), .testimonial__left .card-review:nth-child(2) {
    width: 83%;
  }
}
@media (min-width: 1024px) {
  .testimonial__left {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 50%;
    padding: 190px 10px 0 10px;
  }
}
@media (min-width: 1440px) {
  .testimonial__left {
    padding-top: 190px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.testimonial__right {
  width: 100%;
  padding: 0 10px;
  text-align: left;
}
@media (min-width: 1024px) {
  .testimonial__right .card-review:nth-child(18), .testimonial__right .card-review:nth-child(15), .testimonial__right .card-review:nth-child(12), .testimonial__right .card-review:nth-child(9), .testimonial__right .card-review:nth-child(6), .testimonial__right .card-review:nth-child(3) {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .testimonial__right .card-review:nth-child(18), .testimonial__right .card-review:nth-child(15), .testimonial__right .card-review:nth-child(12), .testimonial__right .card-review:nth-child(9), .testimonial__right .card-review:nth-child(6), .testimonial__right .card-review:nth-child(3) {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .testimonial__right .card-review:nth-child(17), .testimonial__right .card-review:nth-child(14), .testimonial__right .card-review:nth-child(11), .testimonial__right .card-review:nth-child(8), .testimonial__right .card-review:nth-child(5), .testimonial__right .card-review:nth-child(2) {
    width: 90%;
  }
}
@media (min-width: 1440px) {
  .testimonial__right .card-review:nth-child(17), .testimonial__right .card-review:nth-child(14), .testimonial__right .card-review:nth-child(11), .testimonial__right .card-review:nth-child(8), .testimonial__right .card-review:nth-child(5), .testimonial__right .card-review:nth-child(2) {
    width: 83%;
  }
}
@media (min-width: 1024px) {
  .testimonial__right .card-review {
    border-radius: 13px 13px 13px 0;
  }
}
@media (min-width: 1440px) {
  .testimonial__right .card-review {
    border-radius: 24px 24px 24px 0;
  }
}
@media (min-width: 1024px) {
  .testimonial__right {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .testimonial__right {
    padding: 0 15px;
  }
}
.testimonial__bottom {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: 70px;
}
.testimonial__bottom::before {
  width: 100%;
  height: 700px;
  background-image: linear-gradient(to top, rgb(23, 47, 88) 0%, rgb(23, 47, 88) 20%, rgba(125, 185, 232, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .testimonial__bottom::before {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
}
@media (min-width: 1440px) {
  .testimonial__bottom::before {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
.testimonial__bottom::after {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .testimonial__bottom::after {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
}
@media (min-width: 1440px) {
  .testimonial__bottom::after {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
@media (min-width: 1024px) {
  .testimonial__bottom {
    padding-top: 100px;
  }
}
@media (min-width: 1440px) {
  .testimonial__bottom {
    padding-top: 150px;
  }
}
.testimonial__more-reviews-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 100px;
  left: 0;
  z-index: 99;
}
.offer-slider {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.offer-slider__top {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .offer-slider__top {
    margin-bottom: 30px;
  }
}
.offer-slider__slide {
  width: 320px;
  margin-right: 15px;
}
@media (min-width: 1024px) {
  .offer-slider__slide .card-house,
  .offer-slider__slide .card-event {
    margin-top: 10px;
    transform: rotate(4deg);
  }
}
@media (min-width: 1024px) {
  .offer-slider__slide.swiper-slide-active .card-house,
  .offer-slider__slide.swiper-slide-active .card-event, .offer-slider__slide.swiper-slide-active + .offer-slider__slide .card-house,
  .offer-slider__slide.swiper-slide-active + .offer-slider__slide .card-event {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1600px) {
  .offer-slider__slide.swiper-slide-active + .offer-slider__slide .card-house,
  .offer-slider__slide.swiper-slide-active + .offer-slider__slide .card-event {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .offer-slider__slide {
    width: 440px;
    margin-right: 25px;
  }
}
@media (min-width: 1440px) {
  .offer-slider__slide {
    width: 688px;
    margin-right: 34px;
  }
}
.offer-slider--events {
  margin-top: var(--py-section-large);
}

.team-slider {
  width: 100%;
  padding-bottom: 80px;
  position: relative;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .team-slider {
    padding-bottom: 0;
  }
}
.team-slider__top {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1440px) {
  .team-slider__top {
    margin-bottom: 30px;
  }
}
.team-slider__buttons {
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
@media (min-width: 1024px) {
  .team-slider__buttons {
    width: auto;
    position: static;
  }
}
.team-slider__slide {
  width: 320px;
  margin-right: 15px;
}
@media (min-width: 1024px) {
  .team-slider__slide .card-team {
    margin-top: 10px;
    transform: rotate(4deg);
  }
}
@media (min-width: 1024px) {
  .team-slider__slide.swiper-slide-active .card-team, .team-slider__slide.swiper-slide-active + .team-slider__slide + .team-slider__slide .card-team, .team-slider__slide.swiper-slide-active + .team-slider__slide .card-team {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1600px) {
  .team-slider__slide.swiper-slide-active + .team-slider__slide + .team-slider__slide .card-team {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .team-slider__slide {
    width: 288px;
    margin-right: 25px;
  }
}
@media (min-width: 1440px) {
  .team-slider__slide {
    width: 450px;
    margin-right: 34px;
  }
}

.silent-content {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.silent-content__image {
  overflow: hidden;
  width: 100%;
  margin-bottom: 35px;
  border-radius: 0 0 16px;
  position: relative;
}
.silent-content__image picture,
.silent-content__image img {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0 0 16px;
}
@media (min-width: 1024px) {
  .silent-content__image picture,
  .silent-content__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .silent-content__image picture,
  .silent-content__image img {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .silent-content__image {
    margin-bottom: 0;
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .silent-content__image {
    border-radius: 0 0 32px;
  }
}
.silent-content__text {
  color: #a2a7b2;
}
.silent-content__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .silent-content__list {
    margin-bottom: 30px;
  }
}
.silent-content__list-item {
  display: inline-flex;
  align-content: center;
  align-items: center;
  height: 24px;
  margin: 0 20px 10px 0;
  border-radius: 20px;
  padding: 0 15px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .silent-content__list-item {
    height: 32px;
    font-size: 16px;
  }
}
.silent-content__holder {
  flex-direction: row-reverse;
}
.silent-content--right .silent-content__holder {
  flex-direction: revert;
}

.service-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}

.news-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}

.cta-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  min-height: 586px;
  position: relative;
  z-index: 2;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .cta-block {
    min-height: 512px;
  }
}
@media (min-width: 1440px) {
  .cta-block {
    min-height: 800px;
  }
}
.cta-block__top {
  color: #fff;
  text-align: center;
}
.cta-block__search {
  min-width: 100%;
  height: 48px;
  border-radius: 0 0 8px;
  background: #fff;
}
@media (min-width: 1024px) {
  .cta-block__search {
    border-radius: 0 0 8px;
  }
}
@media (min-width: 1440px) {
  .cta-block__search {
    height: 104px;
  }
}
.cta-block__image {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.cta-block__image::before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.65) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.cta-block__image::after {
  opacity: 0.6;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.09) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.cta-block__image img,
.cta-block__image picture {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .cta-block__image img,
  .cta-block__image picture {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .cta-block__image {
    width: calc(100% - 30px);
    margin: 0 15px;
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1440px) {
  .cta-block__image {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
.cta-block__content {
  width: 100%;
  position: relative;
  z-index: 2;
}

.action {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  min-height: 448px;
  position: relative;
  z-index: 2;
  margin-bottom: var(--py-section-large);
  padding-top: var(--py-section);
  padding-bottom: var(--py-section);
}
@media (min-width: 1440px) {
  .action {
    min-height: 800px;
  }
}
.action__image {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.action__image::before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.65) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.action__image::after {
  opacity: 0.6;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.09) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.action__image img,
.action__image picture {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .action__image img,
  .action__image picture {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .action__image {
    width: calc(100% - 40px);
    margin: 0 20px;
    border-radius: 32px;
  }
}
@media (min-width: 1440px) {
  .action__image {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
.action__content {
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 8;
}
.action .form {
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
}
@media (max-width: 1023.98px) {
  .action .form {
    margin-top: 32px;
  }
}
@media (min-width: 1440px) {
  .action .form {
    padding: 32px;
    border-radius: 16px;
  }
}

.socials {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section);
}
.socials__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border: 1px solid #d1d3d8;
  border-radius: 4px;
  color: #17243e;
  transition: var(--speed-default);
}
.socials__link:hover {
  border-color: #17243e;
  background: #17243e;
  color: #fff;
}

.reviews {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.reviews .inner {
  padding: 16px;
  background-color: #fff;
}
.reviews__top {
  max-width: 984px;
  margin: 0 auto;
  margin-bottom: 0 !important;
  color: #a2a7b2;
  padding-top: 64px;
  padding-bottom: 32px;
}
.reviews__top h2 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .reviews__top h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .reviews__top h2 {
    font-size: 56px;
    line-height: 64px;
  }
}
@media (max-width: 1279.98px) {
  .reviews__top {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 1024px) {
  .reviews__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .reviews__top {
    margin-bottom: 30px;
  }
}
.reviews__rating span {
  display: inline-flex;
  align-content: center;
  align-items: center;
  height: 18px;
  border-radius: 20px;
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 10px;
  color: #fff;
}
.reviews__rating span img {
  width: 11px;
  margin-right: 4px;
}
@media (min-width: 1440px) {
  .reviews__rating span img {
    width: 16px;
    margin-right: 7px;
  }
}
@media (min-width: 1440px) {
  .reviews__rating span {
    height: 32px;
    padding: 0 15px;
    font-size: 16px;
  }
}
.reviews__holder {
  width: calc(100% + 20px);
  margin: 0 -10px;
  padding-top: 20px;
  position: relative;
}
@media (min-width: 1024px) {
  .reviews__holder {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
  }
}
@media (min-width: 1440px) {
  .reviews__holder {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding-top: 80px;
  }
}
.reviews__left {
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1024px) {
  .reviews__left .card-review:nth-child(18), .reviews__left .card-review:nth-child(15), .reviews__left .card-review:nth-child(12), .reviews__left .card-review:nth-child(9), .reviews__left .card-review:nth-child(6), .reviews__left .card-review:nth-child(3) {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .reviews__left .card-review:nth-child(18), .reviews__left .card-review:nth-child(15), .reviews__left .card-review:nth-child(12), .reviews__left .card-review:nth-child(9), .reviews__left .card-review:nth-child(6), .reviews__left .card-review:nth-child(3) {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .reviews__left .card-review:nth-child(17), .reviews__left .card-review:nth-child(14), .reviews__left .card-review:nth-child(11), .reviews__left .card-review:nth-child(8), .reviews__left .card-review:nth-child(5), .reviews__left .card-review:nth-child(2) {
    width: 90%;
  }
}
@media (min-width: 1440px) {
  .reviews__left .card-review:nth-child(17), .reviews__left .card-review:nth-child(14), .reviews__left .card-review:nth-child(11), .reviews__left .card-review:nth-child(8), .reviews__left .card-review:nth-child(5), .reviews__left .card-review:nth-child(2) {
    width: 83%;
  }
}
@media (min-width: 1024px) {
  .reviews__left {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 50%;
    padding: 190px 10px 0 10px;
  }
}
@media (min-width: 1440px) {
  .reviews__left {
    padding-top: 190px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.reviews__right {
  width: 100%;
  padding: 0 10px;
  text-align: left;
}
@media (min-width: 1024px) {
  .reviews__right .card-review:nth-child(18), .reviews__right .card-review:nth-child(15), .reviews__right .card-review:nth-child(12), .reviews__right .card-review:nth-child(9), .reviews__right .card-review:nth-child(6), .reviews__right .card-review:nth-child(3) {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .reviews__right .card-review:nth-child(18), .reviews__right .card-review:nth-child(15), .reviews__right .card-review:nth-child(12), .reviews__right .card-review:nth-child(9), .reviews__right .card-review:nth-child(6), .reviews__right .card-review:nth-child(3) {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .reviews__right .card-review:nth-child(17), .reviews__right .card-review:nth-child(14), .reviews__right .card-review:nth-child(11), .reviews__right .card-review:nth-child(8), .reviews__right .card-review:nth-child(5), .reviews__right .card-review:nth-child(2) {
    width: 90%;
  }
}
@media (min-width: 1440px) {
  .reviews__right .card-review:nth-child(17), .reviews__right .card-review:nth-child(14), .reviews__right .card-review:nth-child(11), .reviews__right .card-review:nth-child(8), .reviews__right .card-review:nth-child(5), .reviews__right .card-review:nth-child(2) {
    width: 83%;
  }
}
@media (min-width: 1024px) {
  .reviews__right .card-review {
    border-radius: 13px 13px 13px 0;
  }
}
@media (min-width: 1440px) {
  .reviews__right .card-review {
    border-radius: 24px 24px 24px 0;
  }
}
@media (min-width: 1024px) {
  .reviews__right {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .reviews__right {
    padding: 0 15px;
  }
}
.reviews__bottom {
  width: 100%;
  position: relative;
}
.reviews__bottom.reviews__bottom--background::after {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .reviews__bottom.reviews__bottom--background::after {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
}
@media (min-width: 1440px) {
  .reviews__bottom.reviews__bottom--background::after {
    width: calc(100% - 80px);
    margin: 0 40px;
  }
}

.certification-block {
  width: 100%;
  position: relative;
}
.certification-block picture,
.certification-block img {
  max-height: 52px;
}
@media (min-width: 1440px) {
  .certification-block picture,
  .certification-block img {
    max-height: 80px;
  }
}

.blog-filter {
  width: 100%;
  position: relative;
  margin-top: 40px;
  margin-bottom: 45px;
}
.wijken-archive .blog-filter {
  z-index: 2;
}
@media (min-width: 1024px) {
  .blog-filter {
    margin-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .blog-filter {
    margin-top: 60px;
    margin-bottom: 70px;
  }
}
.blog-filter__text {
  color: #a2a7b2;
}
.blog-filter__text h2,
.blog-filter__text h1 {
  color: #17243e;
}
.blog-filter.blog-filter--neighbourhoods .blog-filter__text {
  color: #fff;
  text-align: center;
}
.blog-filter.blog-filter--neighbourhoods .blog-filter__text h2,
.blog-filter.blog-filter--neighbourhoods .blog-filter__text h1 {
  color: #fff;
}

.wijken-archive main {
  overflow-y: hidden;
}

.neighborhoods-map {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: var(--py-section-large);
}
.neighborhoods-map__list {
  display: flex;
  flex-wrap: wrap;
}
.neighborhoods-map__list li {
  width: 100%;
}
.neighborhoods-map__list li a {
  display: inline-block;
  padding: 8px 10px 8px 50px;
  color: #17243e;
  text-decoration: none;
  position: relative;
}
.neighborhoods-map__list li a::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  content: "\E92A";
  font-family: "hansjanssen-icons";
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: var(--speed-default);
}
.neighborhoods-map__list li a:hover::after {
  background: #46bccd;
  color: #fff;
}
@media (min-width: 768px) {
  .neighborhoods-map__list li {
    width: 50%;
  }
}

.search-header {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .search-header {
    margin-top: -20px;
  }
}
.search-header__text {
  margin-bottom: 0;
  color: #a2a7b2;
  text-align: center;
}
.search-header__text h4 {
  margin-bottom: 0;
  color: #17243e;
}
.search-header__text p {
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .search-header__text p {
    margin-bottom: 15px;
  }
}
.search-header__tab {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 12px;
  position: relative;
}
.search-header__tab span {
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
}
@media (min-width: 1024px) {
  .search-header__tab span {
    width: auto;
    margin: 0;
    padding-right: 20px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.search-header__tab ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.search-header__tab ul li {
  margin: 0 5px 10px;
}
.search-header__tab ul li a {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 24px;
  border-radius: 30px;
  padding: 2px 10px;
  background: #fff;
  font-size: 12px;
  color: #17243e;
}
.search-header__tab ul li a:hover {
  background: #17243e;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1440px) {
  .search-header__tab ul li a {
    height: 32px;
    padding: 2px 18px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .search-header__tab ul li {
    margin: 0 10px 10px 0;
  }
}
@media (min-width: 1024px) {
  .search-header__tab ul {
    justify-content: flex-start;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .search-header__tab {
    margin-bottom: 25px;
    padding-left: 85px;
  }
}
@media (min-width: 1440px) {
  .search-header__tab {
    margin-bottom: 40px;
    padding-left: 105px;
    font-size: 16px;
  }
}
.search-header__search {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
}
@media (min-width: 1440px) {
  .search-header__search {
    margin-bottom: 35px;
  }
}
.search-header__button {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 60px;
  height: 48px;
  border: 0;
  background: transparent;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 1440px) {
  .search-header__button {
    width: 64px;
    height: 64px;
  }
}
.search-header__input {
  width: 100%;
  height: 48px;
  border-radius: 0 0 8px;
  padding: 0 80px 0 25px;
  background: #fff;
  color: #17243e;
}
.search-header__input::placeholder {
  color: #a2a7b2;
}
@media (min-width: 1440px) {
  .search-header__input {
    height: 64px;
    padding-left: 30px;
  }
}

.result-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
  z-index: 1;
}
@media (min-width: 1024px) {
  .result-section::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .result-section::after {
    width: 475px;
    height: 904px;
    background-size: 475px auto;
  }
}
.result-section__title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.result-section__title h5 {
  margin-right: 10px;
}
.result-section__item {
  display: block;
  border-bottom: 1px solid #d1d3d8;
  font-size: 14px;
  line-height: 1.4;
  color: #a2a7b2;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.result-section__item .btn, .result-section__item .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .result-section__item .gform_button,
.result-section__item .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .result-section__item .gform_button, .result-section__item .house-filter__search .button, .house-filter__search .result-section__item .button, .result-section__item .cta-block__search .button, .cta-block__search .result-section__item .button, .result-section__item .house-list__button ul li a, .house-list__button ul li .result-section__item a {
  height: 40px;
  padding-bottom: 10px;
  color: #46bccd;
}
.result-section__item p {
  margin-bottom: 10px;
}
.result-section__item h5 {
  margin-bottom: 15px;
  line-height: 1;
  color: #17243e;
}
.result-section__item picture,
.result-section__item img {
  display: block;
  width: 100%;
  border-radius: 0 0 20px;
}
@media (min-width: 1440px) {
  .result-section__item picture,
  .result-section__item img {
    border-radius: 0 0 36px;
  }
}
@media (min-width: 1024px) {
  .result-section__item:first-child .result-section__label {
    top: 35px;
  }
}
@media (min-width: 1024px) {
  .result-section__item:first-child {
    border-top: 1px solid #d1d3d8;
    padding-top: 35px;
  }
}
@media (min-width: 1024px) {
  .result-section__item {
    font-size: 12px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1440px) {
  .result-section__item {
    font-size: 16px;
    margin-bottom: 50px;
    padding-bottom: 20px;
  }
}
.result-section__label {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 24px;
  margin-bottom: 15px;
  border-radius: 30px;
  padding: 2px 10px;
  background: #fff;
  font-size: 12px;
  line-height: 0;
  color: #17243e;
}
@media (min-width: 1440px) {
  .result-section__label {
    height: 32px;
    padding: 2px 18px;
    font-size: 16px;
  }
}

.step-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}

.video-block {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-height: 586px;
  position: relative;
  z-index: 2;
  margin-bottom: var(--py-section-large);
  padding-top: var(--py-section);
  padding-bottom: 153px;
}
@media (min-width: 1024px) {
  .video-block {
    padding-bottom: var(--py-section);
    align-content: center;
    align-items: center;
    min-height: 448px;
  }
}
@media (min-width: 1440px) {
  .video-block {
    min-height: 800px;
  }
}
.video-block__image {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.video-block__image::before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.65) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.video-block__image::after {
  opacity: 0.6;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.09) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.video-block__image img,
.video-block__image picture {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .video-block__image img,
  .video-block__image picture {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .video-block__image {
    width: calc(100% - 40px);
    margin: 0 20px;
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1440px) {
  .video-block__image {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
.video-block__content {
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 8;
}
@media (min-width: 1024px) {
  .video-block__content {
    padding-left: 90px;
  }
}
@media (min-width: 1440px) {
  .video-block__content {
    padding-left: 0;
  }
}
.video-block__link {
  width: 194px;
  height: 100%;
  padding: 15px 35px 15px 15px;
  background: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
  box-shadow: 0 13px 17px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.video-block__link::after {
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 90%;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media (min-width: 1440px) {
  .video-block__link::after {
    font-size: 70%;
    top: 20px;
    right: 40px;
    transform: none;
  }
}
.video-block__link span,
.video-block__link strong {
  display: block;
}
.video-block__link span {
  opacity: 0.6;
}
.video-block__link strong {
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .video-block__link strong {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .video-block__link {
    width: 265px;
    height: auto;
    border-radius: 6.4px 6.4px 0 6.4px;
    padding: 15px 70px 15px 15px;
    top: -50px;
    right: 100px;
  }
}
@media (min-width: 1440px) {
  .video-block__link {
    width: 332px;
    padding: 20px 15px 20px 25px;
    font-size: 16px;
    line-height: 1.4;
    top: -42px;
    right: 192px;
  }
}
.video-block__block {
  width: 140px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 9;
}
.video-block__block picture,
.video-block__block img {
  border-radius: 0 0 6px;
}
@media (min-width: 1024px) {
  .video-block__block picture,
  .video-block__block img {
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .video-block__block {
    right: 40px;
    bottom: 65px;
  }
}
@media (min-width: 1440px) {
  .video-block__block {
    width: 230px;
    right: 80px;
    bottom: 80px;
  }
}
.video-block__block-link {
  display: block;
  position: relative;
}
.video-block__block-link::after {
  content: "\E932";
  font-family: "hansjanssen-icons";
  font-size: 22px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (min-width: 1440px) {
  .video-block__block-link::after {
    font-size: 28px;
  }
}
.video-block__block-link video {
  display: block;
  width: 100%;
  height: 94px;
  border-radius: 0 0 5px !important;
}
@media (min-width: 1440px) {
  .video-block__block-link video {
    height: 93px;
    border-radius: 0 0 6px !important;
  }
}
@media (min-width: 1440px) {
  .video-block__block-link video {
    height: 155px;
    border-radius: 12px !important;
  }
}

.usp-section {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
  z-index: 2;
}
@media (min-width: 1024px) {
  .usp-section__slider {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
  }
}
.usp-section h2 strong {
  display: block;
  color: #46bccd;
}
.wrapper.business .usp-section h2 strong {
  color: #97d555;
}
.wrapper.consumers .usp-section h2 strong {
  color: #D71F85;
}
.usp-section__slide {
  width: 320px;
  padding-right: 30px;
}
@media (min-width: 1024px) {
  .usp-section__slide {
    width: 33.333%;
    padding: 0 8px;
  }
}
@media (min-width: 1440px) {
  .usp-section__slide {
    padding: 0 15px;
  }
}

.cta-specialists {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .cta-specialists::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .cta-specialists::after {
    width: 475px;
    height: 904px;
    background-size: 475px auto;
  }
}
.cta-specialists h2 {
  margin-bottom: 0;
  line-height: 1.2;
  color: #17243e;
}
@media (min-width: 1600px) {
  .cta-specialists h2 {
    font-size: 104px;
  }
}
.cta-specialists__title {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .cta-specialists__title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.cta-specialists__block {
  display: inline-flex;
  margin-top: 30px;
  position: relative;
}
@media (min-width: 1024px) {
  .cta-specialists__block {
    margin-top: 0;
    margin-left: 0;
  }
}
.cta-specialists__block-item {
  width: 64px;
  margin-right: -20px;
  padding-top: 15px;
  transform: translateX(-10px);
  z-index: 5;
}
.cta-specialists__block-item:hover .cta-specialists__block-overlay {
  opacity: 1;
  visibility: visible;
}
.cta-specialists__block-item:hover .cta-specialists__block-img {
  background: #46bccd;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}
.cta-specialists__block-item:nth-child(2) {
  z-index: 4;
}
.cta-specialists__block-item:nth-child(3) {
  z-index: 3;
}
.cta-specialists__block-item:last-child {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .cta-specialists__block-item {
    width: 40px;
    margin-right: -15px;
    padding-top: 0;
    position: relative;
    transform: translateX(-7.5px);
  }
}
@media (min-width: 1440px) {
  .cta-specialists__block-item {
    width: 74px;
    margin-right: -30px;
    transform: translateX(-15px);
  }
}
.cta-specialists__block-img {
  width: 64px;
  border-radius: 50%;
  padding: 3px;
  background: #e2e3e8;
  transition: var(--speed-default);
}
.cta-specialists__block-img picture,
.cta-specialists__block-img img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .cta-specialists__block-img {
    width: 40px;
  }
}
@media (min-width: 1440px) {
  .cta-specialists__block-img {
    width: 74px;
    padding: 4px;
  }
}
.cta-specialists__block-overlay {
  opacity: 0;
  visibility: hidden;
  width: 184px;
  border-radius: 16px 16px 16px 0;
  padding: 18px;
  background: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: var(--speed-default);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.cta-specialists__block-overlay span {
  display: block;
  width: 100%;
  color: #a2a7b2;
}
.cta-specialists__block-overlay a {
  display: flex;
  align-items: center;
}
.cta-specialists__block-overlay a i {
  margin-left: 15px;
  font-weight: 400;
  font-size: 70%;
  line-height: 1;
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .cta-specialists__block-overlay a {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .cta-specialists__block-overlay {
    width: 257px;
    border-radius: 16px 16px 16px 0;
    padding: 20px;
    bottom: 80%;
    left: 80%;
    transform: none;
  }
}
@media (min-width: 1440px) {
  .cta-specialists__block-overlay {
    width: 320px;
    border-radius: 24px 24px 24px 0;
    padding: 25px;
    font-size: 16px;
  }
}

.cta-projects {
  margin-bottom: var(--py-section-large);
}
.cta-projects__block {
  overflow: hidden;
  border-bottom-right-radius: 32px;
  padding: 32px 40px;
  background: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  position: relative;
}
.cta-projects__block::before {
  width: 35%;
  height: 100%;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center left;
  background-image: url("../images/pattern-planning.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.cta-projects__block__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 32px;
}
@media (min-width: 768px) {
  .cta-projects__block__inner {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .cta-projects__block {
    padding-top: 70px;
    padding-right: 80px;
    padding-bottom: 70px;
    padding-left: 120px;
  }
}
.cta-projects__content {
  flex: 1 0 50%;
}
.cta-projects__title {
  margin-bottom: 0;
}
.cta-projects__actions {
  flex-shrink: 0;
}
.cta-projects__actions .button-wrapper {
  margin-top: 0;
}
.house-list--nieuwbouw .cta-projects {
  --py-section-large: 40px;
  margin-top: var(--py-section-large);
}
@media (min-width: 1024px) {
  .house-list--nieuwbouw .cta-projects {
    --py-section-large: 80px;
  }
}

.service-header {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: var(--py-section-large);
}
.service-header::after {
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(220, 222, 232) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .service-header::after {
    border-radius: 0 0 32px;
  }
}
.service-header.business {
  z-index: 1;
}
.service-header.business::before {
  width: 100%;
  height: calc(100% + 300px);
  border-radius: 0 0 24px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .service-header.business::before {
    height: calc(100% + 500px);
    border-radius: 0 0 32px 0;
  }
}
.service-header.business::after {
  display: none;
}
.service-header.business .service-header__content h1 {
  color: #fff;
}
@media (min-width: 1024px) {
  .service-header {
    margin-bottom: 220px;
  }
}
@media (min-width: 1440px) {
  .service-header {
    margin-bottom: 250px;
  }
}
.service-header__content {
  color: #a2a7b2;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px;
}
.service-header__content h1 {
  color: #17243e;
}
@media (min-width: 1600px) {
  .service-header__content h1 {
    width: 560px;
  }
}
@media (min-width: 1024px) {
  .service-header__content {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .service-header__content {
    padding-top: 50px;
    padding-bottom: 140px;
  }
}
.service-header__user {
  width: 186px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .service-header__user {
    right: 20px;
    bottom: -30px;
    left: auto;
  }
}
@media (min-width: 1440px) {
  .service-header__user {
    width: 285px;
    right: 50px;
    bottom: -50px;
  }
}
.service-header__image {
  display: block;
  width: 100%;
  border-radius: 0 0 16px;
  position: relative;
}
.service-header__image picture,
.service-header__image img {
  display: block;
  width: 100%;
  border-radius: 0 0 16px;
}
@media (min-width: 1024px) {
  .service-header__image picture,
  .service-header__image img {
    height: 100%;
    border-radius: 0 0 32px;
    object-fit: cover;
  }
}
@media (min-width: 1024px) {
  .service-header__image {
    width: 49.4%;
    height: calc(100% + 180px);
    border-radius: 0 0 32px;
    position: absolute;
    top: -90px;
    right: 0;
  }
}
@media (min-width: 1440px) {
  .service-header__image {
    height: calc(100% + 200px);
    top: -125px;
  }
}

.house-list {
  width: 100%;
  max-width: 1920px;
  color: #a2a7b2;
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-bottom: var(--py-section-large);
  margin-left: auto;
}
.house-list::after {
  opacity: 0;
  width: 100%;
  height: 370px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(242, 243, 247, 0.99) 83%, rgb(242, 243, 247) 84%, rgb(242, 243, 247) 99%, rgb(242, 243, 247) 100%);
  content: "";
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  transition: all 0.5s ease;
}
@media (min-width: 1024px) {
  .house-list::after {
    height: 470px;
  }
}
@media (min-width: 1440px) {
  .house-list::after {
    height: 670px;
  }
}
.house-list.is-loading::after {
  opacity: 1;
  pointer-events: auto;
}

.house-list__button {
  width: 100%;
  text-align: center;
  position: sticky;
  bottom: 48px;
  left: 0;
  z-index: 10;
}
.house-list__button a.invisible {
  display: none;
}
.house-list__button ul li.active, .house-list__button ul li:nth-child(2) {
  display: none;
}
.house-list__button ul li:nth-child(3) a::before {
  margin-right: 15px;
  content: "\E923";
  font-family: "hansjanssen-icons";
}
.house-list__button ul li:nth-child(1) a::before {
  margin-right: 15px;
  content: "\E91A";
  font-family: "hansjanssen-icons";
}

.house-heading {
  width: 100%;
  margin-bottom: 45px;
  text-align: center;
  position: relative;
}
@media (min-width: 1024px) {
  .house-heading::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .house-heading::after {
    width: 400px;
    height: 904px;
    background-size: 400px auto;
  }
}
.business .house-heading {
  z-index: 1;
}
.business .house-heading::before {
  width: 100%;
  height: calc(100% + 300px);
  border-radius: 0 0 24px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: -180px;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .business .house-heading::before {
    height: calc(100% + 500px);
    border-radius: 0 0 32px 0;
    top: -275px;
  }
}
@media (min-width: 1024px) {
  .business .house-heading::after {
    background-image: url(../images/heading-overlay.svg);
    background-position: right 55px top;
    background-repeat: no-repeat;
    width: 987px;
    height: 808px;
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    background-size: 100% auto;
    content: "";
    position: absolute;
    top: 290px;
    right: 90px;
    left: auto;
    z-index: -1;
  }
}
.business .house-heading .house-heading__list li i {
  color: #c2d500;
}
.business .house-heading .house-heading__text h1 {
  color: #fff;
}
.business .house-heading .house-heading__subtitle {
  background: #c2d500;
  color: #17243e;
}
@media (min-width: 1024px) {
  .house-heading {
    margin-top: -28px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .house-heading {
    margin-bottom: 70px;
  }
}
.house-heading__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.house-heading__list li {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 24px;
  margin: 0 5px 10px;
  border-radius: 30px;
  padding: 2px 10px;
  background: #fff;
  font-size: 12px;
  color: #17243e;
}
.house-heading__list li i {
  margin-right: 10px;
  font-size: 70%;
  color: #D71F85;
}
@media (min-width: 1440px) {
  .house-heading__list li {
    height: 32px;
    padding: 2px 18px;
    font-size: 16px;
  }
}
.house-heading__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  border-radius: 0 0 8px;
  padding: 10px 10px 10px 15px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.house-heading__block .house-heading__price {
  margin-right: 16px;
}
@media (min-width: 1024px) {
  .house-heading__block .house-heading__price {
    margin-right: 32px;
  }
}
.house-heading__block .btn, .house-heading__block .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .house-heading__block .gform_button,
.house-heading__block .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .house-heading__block .gform_button, .house-heading__block .house-filter__search .button, .house-filter__search .house-heading__block .button, .house-heading__block .cta-block__search .button, .cta-block__search .house-heading__block .button, .house-heading__block .house-list__button ul li a, .house-list__button ul li .house-heading__block a {
  height: 40px;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .house-heading__block .btn, .house-heading__block .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .house-heading__block .gform_button,
  .house-heading__block .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer .house-heading__block .gform_button, .house-heading__block .house-filter__search .button, .house-filter__search .house-heading__block .button, .house-heading__block .cta-block__search .button, .cta-block__search .house-heading__block .button, .house-heading__block .house-list__button ul li a, .house-list__button ul li .house-heading__block a {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .house-heading__block .btn, .house-heading__block .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .house-heading__block .gform_button,
  .house-heading__block .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer .house-heading__block .gform_button, .house-heading__block .house-filter__search .button, .house-filter__search .house-heading__block .button, .house-heading__block .cta-block__search .button, .cta-block__search .house-heading__block .button, .house-heading__block .house-list__button ul li a, .house-list__button ul li .house-heading__block a {
    height: 48px;
  }
}
.house-heading__block.house-heading__block--small {
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.house-heading__block.house-heading__block--big {
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  gap: 8px;
}
.house-heading__block.house-heading__block--big * {
  flex-shrink: 0;
}
.house-heading__block.house-heading__block--big #js-dathuis-widget {
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .house-heading__block.house-heading__block--big {
    flex-wrap: wrap;
  }
  .house-heading__block.house-heading__block--big .house-heading__price {
    width: 100%;
  }
  .house-heading__block.house-heading__block--big .btn, .house-heading__block.house-heading__block--big .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .house-heading__block.house-heading__block--big .gform_button,
  .house-heading__block.house-heading__block--big .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer .house-heading__block.house-heading__block--big .gform_button, .house-heading__block.house-heading__block--big .house-filter__search .button, .house-filter__search .house-heading__block.house-heading__block--big .button, .house-heading__block.house-heading__block--big .cta-block__search .button, .cta-block__search .house-heading__block.house-heading__block--big .button, .house-heading__block.house-heading__block--big .house-list__button ul li a, .house-list__button ul li .house-heading__block.house-heading__block--big a {
    flex-grow: 1;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .house-heading__block.house-heading__block--big {
    flex-wrap: nowrap;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .house-heading__block {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .house-heading__block {
    max-width: 360px;
  }
}
@media (min-width: 1440px) {
  .house-heading__block {
    max-width: 555px;
    padding: 18px 20px;
  }
}
.house-heading__text {
  color: #a2a7b2;
}
.house-heading__text p span:not(.js-house-city) {
  text-transform: uppercase;
}
.house-heading__text__title {
  margin-bottom: 10px;
  gap: 16px;
}
.house-heading__text__title h1 {
  margin-bottom: 0;
  color: #17243e;
}
.house-heading__subtitle {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 24px;
  margin-bottom: 15px;
  border-radius: 20px;
  padding: 0 15px;
  background: #D71F85;
  font-size: 12px;
  color: #fff;
}
@media (min-width: 1024px) {
  .house-heading__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .house-heading__subtitle {
    height: 32px;
    margin-bottom: 30px;
    padding: 0 20px;
    font-size: 16px;
  }
}

.house-download {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1024px) {
  .house-download::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .house-download::after {
    width: 400px;
    height: 904px;
    background-size: 400px auto;
  }
}
.house-download__link-text {
  width: calc(100% - 48px);
  padding-right: 60px;
  padding-left: 25px;
  line-height: 1.2;
  color: #a2a7b2;
}
.house-download__link-text h6 {
  margin-bottom: 0;
  font-weight: 700;
  color: #17243e;
}
@media (min-width: 1440px) {
  .house-download__link-text {
    width: calc(100% - 80px);
    padding-right: 80px;
  }
}
.house-download__link-img {
  width: 48px;
}
.house-download__link-img img,
.house-download__link-img picture {
  display: block;
  width: 100%;
  border-radius: 4px;
}
@media (min-width: 1440px) {
  .house-download__link-img img,
  .house-download__link-img picture {
    border-radius: 8px;
  }
}
@media (min-width: 1440px) {
  .house-download__link-img {
    width: 80px;
  }
}
.house-download__link {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 0 0 8px;
  padding: 15px;
  background: #fff;
  position: relative;
}
.house-download__link::after {
  content: "\E90E";
  font-family: "hansjanssen-icons";
  font-size: 20px;
  color: #46bccd;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .house-download__link::after {
    right: 35px;
  }
}
@media (min-width: 1440px) {
  .house-download__link::after {
    right: 45px;
  }
}
@media (min-width: 1440px) {
  .house-download__link {
    padding: 15px 25px;
  }
}

.house-build {
  width: 100%;
  max-width: 1920px;
  margin-right: auto;
  margin-bottom: var(--py-section-large);
  margin-left: auto;
  position: relative;
}

.house-planning {
  margin-bottom: var(--py-section-large);
}
.house-planning__block {
  overflow: hidden;
  border-bottom-right-radius: 32px;
  background: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  padding-top: 32px;
  padding-right: 40px;
  padding-bottom: 60px;
  padding-left: 40px;
  position: relative;
}
.house-planning__block::before {
  width: 35%;
  height: 100%;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center left;
  background-image: url("../images/pattern-planning.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.house-planning__block__inner {
  position: relative;
}
@media (min-width: 768px) {
  .house-planning__block {
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 120px;
    padding-left: 60px;
  }
}
@media (min-width: 1024px) {
  .house-planning__block {
    padding-top: 120px;
    padding-right: 120px;
    padding-bottom: 170px;
    padding-left: 120px;
  }
}
.house-planning .house-planning__timeline {
  width: 4px;
  height: 320px;
  margin-top: 40px;
  position: relative;
}
@media (min-width: 768px) {
  .house-planning .house-planning__timeline {
    width: 100%;
    height: 4px;
  }
}
@media (min-width: 1024px) {
  .house-planning .house-planning__timeline {
    margin-top: 100px;
  }
}
.house-planning .timeline-bar {
  width: 100%;
  height: 100%;
  background-color: #46bccd;
}
.house-planning .timeline-spot {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}
.house-planning .timeline-spot::before, .house-planning .timeline-spot::after {
  display: block;
  border-radius: 50%;
  content: "";
}
.house-planning .timeline-spot::before {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  background-color: #46bccd;
}
.house-planning .timeline-spot::after {
  opacity: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #D71F85;
  background-color: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
}
.house-planning .timeline-spot:first-child {
  top: 0;
}
@media (min-width: 768px) {
  .house-planning .timeline-spot:first-child {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .house-planning .timeline-spot:last-child {
    top: auto;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .house-planning .timeline-spot:last-child {
    right: 0;
    left: auto;
  }
  .house-planning .timeline-spot:last-child .timeline-spot__content {
    right: 0;
    left: auto;
  }
}
.house-planning .timeline-spot.active::after {
  opacity: 1;
}
.house-planning .timeline-spot.active .timeline-spot__marker {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .house-planning .timeline-spot {
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
  }
}
.house-planning .timeline-spot__marker {
  opacity: 0;
  visibility: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #D71F85;
  color: #fff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 4px);
  z-index: 4;
}
.house-planning .timeline-spot__marker::after {
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 4px 0 4px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.house-planning .timeline-spot__marker i {
  font-size: 20px;
}
.house-planning .timeline-spot__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
  position: absolute;
  top: 2px;
  left: 100%;
  transform: translateX(32px);
}
.house-planning .timeline-spot__content > * {
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 1440px) {
  .house-planning .timeline-spot__content > * {
    font-size: 16px;
    line-height: 24px;
  }
}
.house-planning .timeline-spot__content span {
  color: #a2a7b2;
}
@media (min-width: 768px) {
  .house-planning .timeline-spot__content {
    top: 100%;
    left: 0;
    transform: translateY(32px);
  }
}

.house-details {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.house-details__title {
  color: #fff;
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 2;
}
@media (min-width: 1440px) {
  .house-details__title {
    top: 45px;
    left: 35px;
  }
}
.house-details__block {
  display: block;
  width: 100%;
  border-radius: 0 0 17px;
  color: #fff;
  position: relative;
  z-index: 5;
}
.house-details__block::before {
  width: 100%;
  height: 60%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.house-details__block::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  content: "\E934";
  font-family: "hansjanssen-icons";
  font-weight: 700;
  font-size: 8px;
  color: #fff;
  position: absolute;
  right: 25px;
  bottom: 25px;
}
@media (min-width: 1440px) {
  .house-details__block::after {
    width: 24px;
    height: 24px;
    border-width: 2px;
    font-size: 10px;
    right: 30px;
    bottom: 35px;
  }
}
.house-details__block img,
.house-details__block picture {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 17px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .house-details__block img,
  .house-details__block picture {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .house-details__block img,
  .house-details__block picture {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .house-details__block picture {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.house-details__block.house-details__block--alt::before, .house-details__block.house-details__block--alt::after {
  display: none;
}
@media (min-width: 1024px) {
  .house-details__block {
    min-height: 100%;
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .house-details__block {
    border-radius: 0 0 32px;
  }
}
.house-details__link {
  display: flex;
  align-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0 0 17px;
  padding: 25px;
  background: #fff;
  position: relative;
  z-index: 5;
}
.house-details__link::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #46bccd;
  border-radius: 50%;
  content: "\E934";
  font-family: "hansjanssen-icons";
  font-weight: 700;
  font-size: 8px;
  color: #46bccd;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media (min-width: 1440px) {
  .house-details__link::after {
    width: 24px;
    height: 24px;
    border-width: 2px;
    font-size: 10px;
    right: 35px;
  }
}
.house-details__link i {
  margin-right: 20px;
  font-size: 16px;
  line-height: 1;
}
@media (min-width: 1024px) {
  .house-details__link i {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .house-details__link i {
    margin-right: 30px;
    font-size: 34px;
  }
}
.house-details__link h5 {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .house-details__link {
    border-radius: 0 0 24px;
    padding: 30px;
  }
}
@media (min-width: 1440px) {
  .house-details__link {
    border-radius: 0 0 32px;
    padding: 60px 60px 60px 35px;
  }
}
.house-details__link--download::after {
  border: 0;
  border-radius: 0;
  content: "\E90E";
  font-weight: 400;
  font-size: 20px;
}
@media (min-width: 1440px) {
  .house-details__link--download::after {
    font-size: 24px;
  }
}

.house-description {
  width: 100%;
  border-radius: 0 0 17px;
  padding: 25px;
  background: #fff;
  position: relative;
  z-index: 5;
}
@media (min-width: 1024px) {
  .house-description {
    border-radius: 0 0 24px;
    padding: 30px;
  }
}
@media (min-width: 1440px) {
  .house-description {
    border-radius: 0 0 32px;
    padding: 65px 80px 10px;
  }
}
.house-description__more {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #46bccd;
  border-radius: 50%;
  font-weight: 700;
  font-size: 8px;
  color: #46bccd;
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.house-description__more::after {
  content: "\E934";
  font-family: "hansjanssen-icons";
}
.house-description__more.is-active::after {
  content: "\E92D";
}
@media (min-width: 1440px) {
  .house-description__more {
    width: 24px;
    height: 24px;
    border-width: 2px;
    font-size: 10px;
    right: 30px;
    bottom: 35px;
  }
}
.house-description__intro {
  overflow: hidden;
  width: 100%;
  height: 260px;
  color: #a2a7b2;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.house-description__intro::after {
  width: 100%;
  height: 64px;
  background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 1440px) {
  .house-description__intro::after {
    height: 110px;
  }
}
.house-description__intro.is-active {
  height: auto;
}
@media (min-width: 1024px) {
  .house-description__intro {
    height: 240px;
  }
}
@media (min-width: 1440px) {
  .house-description__intro {
    height: 390px;
    line-height: 32px;
  }
}

.house-features {
  width: 100%;
  border-radius: 0 0 17px;
  padding: 25px;
  background: #fff;
  position: relative;
  z-index: 5;
}
@media (min-width: 1024px) {
  .house-features {
    border-radius: 0 0 24px;
    padding: 30px;
  }
}
@media (min-width: 1440px) {
  .house-features {
    border-radius: 0 0 32px;
    padding: 65px 80px 10px;
  }
}
.house-features__more {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #46bccd;
  border-radius: 50%;
  font-weight: 700;
  font-size: 8px;
  color: #46bccd;
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.house-features__more::after {
  content: "\E934";
  font-family: "hansjanssen-icons";
}
.house-features__more.is-active::after {
  content: "\E92D";
}
@media (min-width: 1440px) {
  .house-features__more {
    width: 24px;
    height: 24px;
    border-width: 2px;
    font-size: 10px;
    right: 30px;
    bottom: 35px;
  }
}
.house-features__intro {
  overflow: hidden;
  width: 100%;
  height: 260px;
  position: relative;
}
.house-features__intro::after {
  width: 100%;
  height: 64px;
  background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 1440px) {
  .house-features__intro::after {
    height: 110px;
  }
}
.house-features__intro.is-active {
  height: auto;
}
@media (min-width: 1024px) {
  .house-features__intro {
    height: 240px;
  }
}
@media (min-width: 1440px) {
  .house-features__intro {
    height: 390px;
    line-height: 32px;
  }
}
.house-features__date {
  padding-bottom: 20px;
}
.house-features__date li {
  opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top: 1px solid #f2f3f7;
  padding: 5px 0;
  font-size: 12px;
  transition: var(--speed-default);
}
.house-features__date li span,
.house-features__date li strong {
  display: block;
  width: 50%;
  font-weight: 500;
}
.house-features__date li span {
  text-align: right;
}
@media (min-width: 1024px) {
  .house-features__date li span {
    width: 52%;
    text-align: left;
  }
}
.house-features__date li:last-child {
  border-bottom: 1px solid #f2f3f7;
}
.house-features__date li.is-active {
  opacity: 1;
  display: flex;
  max-height: 100px;
  border-bottom: 1px solid rgba(151, 213, 85, 0.2);
  padding: 14px 0 13px 0;
}
@media (min-width: 1440px) {
  .house-features__date li {
    padding: 14px 0;
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .house-features__date {
    padding-bottom: 40px;
  }
}

.house-info {
  width: 100%;
  position: relative;
  z-index: 3;
  margin-bottom: var(--py-section-large);
}
.house-info__gallery-link {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .house-info__gallery-link {
    height: 300px;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-link {
    height: 560px;
  }
}
.house-info__gallery-slide {
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  border-radius: 0 0 17px;
  position: relative;
}
@media (max-width: 1023.98px) {
  .house-info__gallery-slide {
    transition: max-height var(--speed-slow);
  }
  .house-info__gallery-slide.tns-slide-active {
    max-height: 10000px;
  }
  .house-info__gallery-slide:not(.house-info__gallery-slide.tns-slide-active) {
    max-height: 0px;
  }
}
@media (min-width: 1024px) {
  .house-info__gallery-slide::before {
    width: 100%;
    height: calc(100% - 60px);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(242, 243, 247) 80%, rgb(242, 243, 247) 100%);
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1;
    transition: var(--speed-default);
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-slide::before {
    height: calc(100% - 110px);
    top: 110px;
  }
}
@media (min-width: 1024px) {
  .house-info__gallery-slide::after {
    opacity: 0.8;
    width: 100%;
    height: calc(100% - 60px);
    background: #f2f3f7;
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    transition: var(--speed-default);
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-slide::after {
    height: calc(100% - 110px);
    top: 110px;
  }
}
.house-info__gallery-slide picture,
.house-info__gallery-slide img {
  display: block;
  width: 100%;
  height: 350px;
  object-fit: contain;
  border-radius: 0 0 17px;
}
@media (min-width: 1024px) {
  .house-info__gallery-slide picture,
  .house-info__gallery-slide img {
    border-radius: 0 0 24px;
    height: 500px;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-slide picture,
  .house-info__gallery-slide img {
    border-radius: 0 0 32px;
    height: 600px;
  }
}
.house-info__gallery-slide.slick-current, .house-info__gallery-slide.tns-slide-active {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
  box-shadow: 0 6px 19px rgba(166, 166, 166, 0.5);
}
.house-info__gallery-slide.slick-current::before, .house-info__gallery-slide.slick-current::after, .house-info__gallery-slide.tns-slide-active::before, .house-info__gallery-slide.tns-slide-active::after {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1024px) {
  .house-info__gallery-slide.slick-current::before, .house-info__gallery-slide.tns-slide-active::before {
    visibility: visible;
    height: 100%;
    top: 0;
  }
}
.house-info__gallery-slide.slick-current .house-info__gallery-video, .house-info__gallery-slide.tns-slide-active .house-info__gallery-video {
  opacity: 1;
}
@media (min-width: 1024px) {
  .house-info__gallery-slide.slick-current .house-info__gallery-link, .house-info__gallery-slide.tns-slide-active .house-info__gallery-link {
    height: auto;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-slide.slick-current, .house-info__gallery-slide.tns-slide-active {
    box-shadow: 0 30px 100px rgba(166, 166, 166, 0.5);
  }
}
@media (min-width: 1024px) {
  .house-info__gallery-slide {
    opacity: 1;
    visibility: visible;
    border-radius: 0 0 24px;
    padding-top: 60px;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-slide {
    border-radius: 0 0 32px;
    padding-top: 110px;
  }
}
.house-info__link {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
  transition: var(--speed-default);
}
.house-info__link:hover {
  background: #46bccd;
  color: #fff;
}
@media (min-width: 1024px) {
  .house-info__link {
    bottom: 35px;
  }
}
@media (min-width: 1440px) {
  .house-info__link {
    width: 48px;
    height: 48px;
    margin-left: -24px;
    bottom: 40px;
  }
}
.house-info__gallery {
  padding-bottom: 60px;
}
.house-info__gallery .slick-list,
.house-info__gallery .tns-ovh {
  overflow: visible;
}
.house-info__gallery .tns-controls button {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: -56px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
  transition: var(--speed-default);
}
.house-info__gallery .tns-controls button:hover {
  background: #46bccd;
  color: #fff;
}
@media (min-width: 1024px) {
  .house-info__gallery .tns-controls button {
    bottom: 35px;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery .tns-controls button {
    width: 48px;
    height: 48px;
    margin-left: -80px;
    bottom: 40px;
  }
}
.house-info__gallery .tns-controls button + button {
  margin-right: -56px;
  right: 50%;
  left: auto;
}
@media (min-width: 1440px) {
  .house-info__gallery .tns-controls button + button {
    margin-right: -80px;
  }
}
@media (min-width: 1024px) {
  .house-info__gallery {
    padding-bottom: 0;
  }
}
.house-info__gallery-video {
  opacity: 0;
  width: 120px;
  border-radius: 0 0 5px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.house-info__gallery-video::after {
  content: "\E932";
  font-family: "hansjanssen-icons";
  font-size: 22px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1440px) {
  .house-info__gallery-video::after {
    font-size: 32px;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-video::after {
    font-size: 48px;
  }
}
.house-info__gallery-video img,
.house-info__gallery-video picture {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0 0 12px;
}
@media (min-width: 1024px) {
  .house-info__gallery-video {
    width: 140px;
    border-radius: 0 0 7px;
  }
}
@media (min-width: 1440px) {
  .house-info__gallery-video {
    width: 240px;
    border-radius: 0 0 12px;
    top: 40px;
    left: 40px;
  }
}

.house-object {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.house-object__title {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #d1d3d8;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 1440px) {
  .house-object__title {
    margin-bottom: 45px;
    padding-bottom: 20px;
    font-size: 16px;
  }
}
.house-object__label {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 2px 10px;
  background: #46bccd;
  font-size: 12px;
  color: #fff;
}
@media (min-width: 1440px) {
  .house-object__label {
    padding: 6px 18px;
    font-size: 16px;
  }
}
.house-object__label--red {
  background: #D71F85;
}
.house-object__item {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 0 0 8px;
  padding: 20px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
}
.house-object__item h6 {
  margin-bottom: 0;
  font-weight: 700;
}
@media (min-width: 1440px) {
  .house-object__item {
    margin-bottom: 8px;
    border-radius: 0 0 16px;
    padding: 22px 0;
    font-size: 16px;
  }
}
.house-object__col1 {
  width: 50%;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .house-object__col1 {
    width: 20%;
    margin-bottom: 0;
    padding-left: 20px;
  }
}
@media (min-width: 1440px) {
  .house-object__col1 {
    width: 25.5%;
    padding-left: 30px;
  }
}
.house-object__col2 {
  width: 50%;
  margin-bottom: 15px;
  padding-left: 30px;
}
@media (min-width: 1024px) {
  .house-object__col2 {
    width: 20%;
    margin-bottom: 0;
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .house-object__col2 {
    padding-right: 10px;
    width: 14%;
  }
}
.house-object__col3 {
  width: 50%;
  padding: 5px 0;
}
@media (min-width: 1024px) {
  .house-object__col3 {
    width: 15.5%;
    padding: 0;
  }
}
.house-object__col4 {
  width: 50%;
  padding: 5px 0;
}
@media (min-width: 1024px) {
  .house-object__col4 {
    width: 10%;
    padding: 0;
  }
}
.house-object__col5 {
  width: 50%;
  padding: 5px 0;
}
@media (min-width: 1024px) {
  .house-object__col5 {
    width: 17%;
    padding: 0;
  }
}
.house-object__col6 {
  width: 50%;
  padding: 5px 0;
}
@media (min-width: 1024px) {
  .house-object__col6 {
    width: 15%;
    padding: 0;
  }
}

.house-gallery {
  width: 100%;
  border-radius: 0 0 17px;
  padding: 25px 25px 30px;
  background: #fff;
  position: relative;
  z-index: 5;
}
.house-gallery h5 {
  margin-bottom: 20px;
}
.house-gallery .house-gallery__item {
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 4;
}
.house-gallery .house-gallery__item picture,
.house-gallery .house-gallery__item img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
@media (min-width: 1440px) {
  .house-gallery .house-gallery__item picture,
  .house-gallery .house-gallery__item img {
    border-radius: 10px;
  }
}
.house-gallery .house-gallery__item:not(:last-child) {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.house-gallery .house-gallery__item:not(:last-child)::after {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1440px) {
  .house-gallery .house-gallery__item:not(:last-child)::after {
    border-radius: 10px;
  }
}
.house-gallery .house-gallery__item:not(:last-child):nth-child(1) {
  width: 72%;
  z-index: 1;
}
.house-gallery .house-gallery__item:not(:last-child):nth-child(1)::after {
  background: rgba(255, 255, 255, 0.92);
}
@media (min-width: 1440px) {
  .house-gallery .house-gallery__item:not(:last-child):nth-child(1) {
    width: 80%;
  }
}
.house-gallery .house-gallery__item:not(:last-child):nth-child(2) {
  width: 79%;
  top: 15px;
  z-index: 2;
}
.house-gallery .house-gallery__item:not(:last-child):nth-child(2)::after {
  background: rgba(255, 255, 255, 0.7);
}
@media (min-width: 1440px) {
  .house-gallery .house-gallery__item:not(:last-child):nth-child(2) {
    width: 82%;
    top: 22px;
  }
}
.house-gallery .house-gallery__item:not(:last-child):nth-child(3) {
  width: 86%;
  top: 32px;
  z-index: 3;
}
.house-gallery .house-gallery__item:not(:last-child):nth-child(3)::after {
  background: rgba(255, 255, 255, 0.4);
}
@media (min-width: 1440px) {
  .house-gallery .house-gallery__item:not(:last-child):nth-child(3) {
    width: 88%;
    top: 43px;
  }
}
@media (min-width: 1440px) {
  .house-gallery .house-gallery__item {
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .house-gallery {
    min-height: 100%;
    border-radius: 0 0 24px;
    padding: 30px 30px 65px;
  }
}
@media (min-width: 1440px) {
  .house-gallery {
    border-radius: 0 0 32px;
    padding: 65px 60px 123px 65px;
  }
}
.house-gallery__more {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #46bccd;
  border-radius: 50%;
  font-weight: 700;
  font-size: 8px;
  color: #46bccd;
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.house-gallery__more::after {
  content: "\E934";
  font-family: "hansjanssen-icons";
}
.house-gallery__more.is-active::after {
  content: "\E92D";
}
@media (min-width: 1440px) {
  .house-gallery__more {
    width: 24px;
    height: 24px;
    border-width: 2px;
    font-size: 10px;
    right: 30px;
    bottom: 35px;
  }
}
.house-gallery__list {
  display: block;
  width: 78%;
  margin: 0 auto;
  position: relative;
  padding-top: 50px;
}
@media (min-width: 1024px) {
  .house-gallery__list {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .house-gallery__list {
    padding-top: 70px;
  }
}

.house-filter {
  width: 100%;
  position: relative;
  z-index: 11;
  margin-top: -25px;
  padding-bottom: var(--py-section);
}
@media (min-width: 1024px) {
  .house-filter {
    margin-top: -40px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .house-filter {
    margin-top: -67px;
    padding-bottom: 80px;
  }
}
.house-filter__arrow {
  display: none;
}
.house-filter__arrow i {
  margin-right: 15px;
  font-size: 14px;
  color: #D71F85;
}
.business .house-filter__arrow i {
  color: #c2d500;
}
@media (min-width: 1440px) {
  .house-filter__arrow i {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .house-filter__arrow {
    display: flex;
    align-items: center;
    height: 30px;
    color: rgba(23, 36, 62, 0.4);
    cursor: pointer;
  }
}
@media (min-width: 1440px) {
  .house-filter__arrow {
    height: 30px;
    padding: 5px 0;
  }
}
.house-filter__holder {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
}
.house-filter__right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 1024px) {
  .house-filter__right {
    width: 310px;
    padding-left: 15px;
  }
}
@media (min-width: 1440px) {
  .house-filter__right {
    width: 350px;
  }
}
.house-filter__popup {
  width: 36%;
}
.house-filter__popup a {
  display: flex;
  width: 100%;
  position: relative;
}
.house-filter__popup a span {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding-top: 2px;
  background: #D71F85;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: -6px;
}
.business .house-filter__popup a span {
  background: #c2d500;
  color: #17243e;
}
.house-filter__sort {
  width: calc(64% - 15px);
  margin-left: 15px;
  background-color: #fff;
  position: relative;
}
.house-filter__sort select {
  background-image: url(../images/range-arrow.svg);
  background-position: 15px center;
  background-repeat: no-repeat;
  width: 100%;
  height: 40px;
  border-radius: var(--size-radius-btn);
  background-color: transparent;
  font-size: 14px;
  color: #17243e;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding-right: 55px;
  padding-left: 38px;
}
@media (min-width: 1440px) {
  .house-filter__sort select {
    height: 48px;
    font-size: 16px;
  }
}
.house-filter__sort-btn {
  background-image: url(../images/sort-arrow.svg);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  width: 48px;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
}
.business .house-filter__sort-btn {
  background-image: url(../images/sort-arrow-green.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
@media (min-width: 1440px) {
  .house-filter__sort-btn {
    width: 48px;
    height: 48px;
  }
}
.house-filter__search, .cta-block__search {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-bottom: 15px;
  border-radius: 0 0 8px;
  padding: 20px 120px 20px 20px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: relative;
}
.house-filter__search form, .cta-block__search form {
  width: 100%;
}
.house-filter__search .filter.filter-group-type_bedrijven, .cta-block__search .filter.filter-group-type_bedrijven, .house-filter__search .filter.filter-group-type_wonen, .cta-block__search .filter.filter-group-type_wonen, .house-filter__search .filter.filter-group-prijs, .cta-block__search .filter.filter-group-prijs {
  display: none;
}
.house-filter__search .filter.filter-group-type_bedrijven::before, .cta-block__search .filter.filter-group-type_bedrijven::before, .house-filter__search .filter.filter-group-type_wonen::before, .cta-block__search .filter.filter-group-type_wonen::before, .house-filter__search .filter.filter-group-prijs::before, .cta-block__search .filter.filter-group-prijs::before {
  display: flex;
  align-items: center;
  height: 100%;
  content: "\E91D";
  font-family: "hansjanssen-icons";
  font-size: 14px;
  line-height: 1;
  color: #D71F85;
  position: absolute;
  top: 0;
  left: 0;
}
.business .house-filter__search .filter.filter-group-type_bedrijven::before, .business .cta-block__search .filter.filter-group-type_bedrijven::before, .business .house-filter__search .filter.filter-group-type_wonen::before, .business .cta-block__search .filter.filter-group-type_wonen::before, .business .house-filter__search .filter.filter-group-prijs::before, .business .cta-block__search .filter.filter-group-prijs::before {
  color: #c2d500;
}
@media (min-width: 1440px) {
  .house-filter__search .filter.filter-group-type_bedrijven::before, .cta-block__search .filter.filter-group-type_bedrijven::before, .house-filter__search .filter.filter-group-type_wonen::before, .cta-block__search .filter.filter-group-type_wonen::before, .house-filter__search .filter.filter-group-prijs::before, .cta-block__search .filter.filter-group-prijs::before {
    font-size: 20px;
    left: 4px;
  }
}
.house-filter__search .filter.filter-group-type_bedrijven select, .cta-block__search .filter.filter-group-type_bedrijven select, .house-filter__search .filter.filter-group-type_wonen select, .cta-block__search .filter.filter-group-type_wonen select, .house-filter__search .filter.filter-group-prijs select, .cta-block__search .filter.filter-group-prijs select {
  width: 100%;
  height: 30px;
  color: rgba(23, 36, 62, 0.4);
  cursor: pointer;
}
@media (min-width: 1024px) {
  .house-filter__search .filter.filter-group-type_bedrijven select, .cta-block__search .filter.filter-group-type_bedrijven select, .house-filter__search .filter.filter-group-type_wonen select, .cta-block__search .filter.filter-group-type_wonen select, .house-filter__search .filter.filter-group-prijs select, .cta-block__search .filter.filter-group-prijs select {
    border-right: 1px solid #f2f3f7;
  }
}
@media (min-width: 1024px) {
  .house-filter__search .filter.filter-group-type_bedrijven, .cta-block__search .filter.filter-group-type_bedrijven, .house-filter__search .filter.filter-group-type_wonen, .cta-block__search .filter.filter-group-type_wonen, .house-filter__search .filter.filter-group-prijs, .cta-block__search .filter.filter-group-prijs {
    display: block;
    width: 25%;
    position: absolute;
    top: 8px;
    left: 30%;
  }
}
@media (min-width: 1440px) {
  .house-filter__search .filter.filter-group-type_bedrijven, .cta-block__search .filter.filter-group-type_bedrijven, .house-filter__search .filter.filter-group-type_wonen, .cta-block__search .filter.filter-group-type_wonen, .house-filter__search .filter.filter-group-prijs, .cta-block__search .filter.filter-group-prijs {
    width: 29%;
    top: 16px;
  }
}
.house-filter__search .filter.filter-group-type_wonen, .cta-block__search .filter.filter-group-type_wonen {
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
}
.house-filter__search .filter.filter-group-type_wonen select, .cta-block__search .filter.filter-group-type_wonen select {
  padding-top: 4px;
  padding-left: 45px;
}
@media (max-width: 1023.98px) {
  .house-filter__search .filter.filter-group-type_wonen, .cta-block__search .filter.filter-group-type_wonen {
    display: none !important;
  }
}
.house-filter__search .filter.filter-group-prijs select, .cta-block__search .filter.filter-group-prijs select, .house-filter__search .filter.filter-group-type_bedrijven select, .cta-block__search .filter.filter-group-type_bedrijven select {
  padding-top: 4px;
  padding-left: 34px;
}
.house-filter__search .filter.filter-group-prijs, .cta-block__search .filter.filter-group-prijs {
  width: 95%;
  position: relative;
  top: 0;
  left: 16px;
}
.house-filter__search .filter.filter-group-prijs::before, .cta-block__search .filter.filter-group-prijs::before {
  content: "\E936" !important;
}
.house-filter__search .filter.filter-group-prijs select, .cta-block__search .filter.filter-group-prijs select {
  border-right: unset !important;
}
.house-filter__search .filter.filter-group-prijs > .row, .cta-block__search .filter.filter-group-prijs > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.house-filter__search .button, .cta-block__search .button {
  position: absolute;
  top: 4px;
  right: 4px;
}
@media (min-width: 1024px) {
  .house-filter__search .button, .cta-block__search .button {
    width: 82px;
    height: 32px !important;
    top: -1px;
    right: -99px;
  }
}
@media (min-width: 1440px) {
  .house-filter__search .button, .cta-block__search .button {
    width: 105px;
    height: 48px !important;
    top: -9px;
    right: -92px;
  }
}
.house-filter__search .row, .cta-block__search .row {
  justify-content: space-between;
}
.house-filter__search .row .col-md-2, .cta-block__search .row .col-md-2 {
  display: none;
}
.house-filter__search .row .col-md-3, .cta-block__search .row .col-md-3 {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 30px;
  position: relative;
}
.house-filter__search .row .col-md-3::after, .cta-block__search .row .col-md-3::after {
  display: flex;
  align-items: center;
  height: 100%;
  content: "\E92A";
  font-family: "hansjanssen-icons";
  font-size: 14px;
  color: #D71F85;
  position: absolute;
  top: 0;
  left: 5px;
}
.business .house-filter__search .row .col-md-3::after, .business .cta-block__search .row .col-md-3::after {
  color: #c2d500;
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-3::after, .cta-block__search .row .col-md-3::after {
    font-size: 14px;
    left: 18px;
  }
}
@media (min-width: 1440px) {
  .house-filter__search .row .col-md-3::after, .cta-block__search .row .col-md-3::after {
    font-size: 20px;
    left: 48px;
  }
}
.house-filter__search .row .col-md-3 input, .cta-block__search .row .col-md-3 input {
  width: 100%;
  height: 40px;
  padding-top: 2px;
  color: #17243e;
}
.house-filter__search .row .col-md-3 input::placeholder, .cta-block__search .row .col-md-3 input::placeholder {
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-3 input, .cta-block__search .row .col-md-3 input {
    height: 30px;
    padding-top: 3px;
  }
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-3, .cta-block__search .row .col-md-3 {
    width: 32%;
    border-right: 1px solid #f2f3f7;
    padding-left: 38px;
  }
}
@media (min-width: 1440px) {
  .house-filter__search .row .col-md-3, .cta-block__search .row .col-md-3 {
    padding-left: 88px;
  }
}
.house-filter__search .row .col-md-7, .cta-block__search .row .col-md-7 {
  width: 33.333%;
}
.house-filter__search .row .col-md-7 .row .filter, .cta-block__search .row .col-md-7 .row .filter {
  display: none;
}
.house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen {
  width: 100%;
  position: relative;
}
.house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen::after, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen::after {
  content: "\E91D";
  font-family: "hansjanssen-icons";
  font-size: 20px;
  color: #D71F85;
  position: absolute;
  top: 5px;
  left: 30px;
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen::after, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen::after {
    font-size: 14px;
    top: 1px;
    left: 15px;
  }
}
@media (min-width: 1440px) {
  .house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen::after, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen::after {
    font-size: 20px;
    top: 3px;
    left: 30px;
  }
}
.house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen select, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen select {
  width: 100%;
  height: 40px;
  padding-top: 2px;
}
.house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen select::placeholder, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen select::placeholder {
  color: #a2a7b2;
}
@media (min-width: 1440px) {
  .house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen select, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen select {
    height: 30px;
    padding-top: 3px;
  }
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen {
    width: 50%;
    border-right: 1px solid #f2f3f7;
    padding-left: 36px;
  }
}
@media (min-width: 1440px) {
  .house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen {
    padding-left: 65px;
  }
}
@media (max-width: 1023.98px) {
  .house-filter__search .row .col-md-7 .row .filter.filter-group-soort_wonen, .cta-block__search .row .col-md-7 .row .filter.filter-group-soort_wonen {
    display: none;
  }
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-7 .row .filter, .cta-block__search .row .col-md-7 .row .filter {
    display: block;
  }
}
@media (min-width: 1024px) {
  .house-filter__search .row .col-md-7, .cta-block__search .row .col-md-7 {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .house-filter__search, .cta-block__search {
    width: calc(100% - 310px);
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .house-filter__search, .cta-block__search {
    width: calc(100% - 350px);
    height: 64px;
    padding: 10px 120px 10px 0;
    font-size: 16px;
  }
}
.house-filter .house-intro {
  max-width: 1168px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .house-filter .house-intro {
    margin-top: 48px;
    margin-bottom: 80px;
  }
}

main:has(.houses__map) .house-filter {
  padding-bottom: 16px;
}
@media (min-width: 1024px) {
  main:has(.houses__map) .house-filter {
    padding-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  main:has(.houses__map) .house-filter {
    padding-bottom: 48px;
  }
}

.houses__map {
  --map-height: 240px;
  height: var(--map-height);
  margin-bottom: 48px;
}
.houses__map #sure-map {
  height: var(--map-height);
}
@media (min-width: 1024px) {
  .houses__map {
    --map-height: 320px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .houses__map {
    --map-height: 512px;
    margin-bottom: 104px;
  }
}

.house-map {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section);
}
.house-map img {
  width: 100%;
}

.team-detail {
  width: 100%;
  position: relative;
}
.team-detail__label {
  margin-bottom: 30px;
  border-bottom: 1px solid #f2f3f7;
  padding-bottom: 30px;
}
.team-detail__label a {
  color: #a2a7b2;
  transition: var(--speed-default);
}
.team-detail__label a:hover {
  color: #17243e;
}
.team-detail__title {
  padding-right: 100px;
  position: relative;
}
@media (min-width: 1024px) {
  .team-detail__title {
    padding-right: 0;
  }
}
.team-detail__bottom {
  padding-top: 50px;
  padding-bottom: 70px;
}
.team-detail__bottom .swiper-scrollbar {
  margin: 40px 0;
}
@media (min-width: 1440px) {
  .team-detail__bottom {
    padding-top: 70px;
  }
}
.team-detail__content {
  color: #a2a7b2;
}
.team-detail__content h4 {
  margin-bottom: 20px;
  border-bottom: 1px solid #d1d3d8;
  padding-bottom: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .team-detail__content h4 {
    font-size: 20px;
    line-height: 32px;
  }
}
.team-detail__content .gfield {
  margin-bottom: 10px;
}
.team-detail__content h3 {
  color: #17243e;
}
.team-detail__content .team-detail__image {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  right: 0;
}
.team-detail__content .team-detail__image picture,
.team-detail__content .team-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.team-detail__content .gform_wrapper.gravity-theme .gform_fields {
  display: block;
}
.team-detail__image {
  width: 100%;
}
.team-detail__image picture,
.team-detail__image img {
  display: block;
  width: 100%;
  border-radius: 0 0 15px;
}
@media (min-width: 1024px) {
  .team-detail__image picture,
  .team-detail__image img {
    border-radius: 0 0 20px;
  }
}
@media (min-width: 1440px) {
  .team-detail__image picture,
  .team-detail__image img {
    border-radius: 0 0 32px;
  }
}
.team-detail__tabs {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1440px) {
  .team-detail__tabs {
    margin-bottom: 60px;
  }
}
.team-detail__slide {
  width: 320px;
  margin-right: 15px;
}
@media (min-width: 1024px) {
  .team-detail__slide {
    width: 440px;
    margin-right: 25px;
  }
}
@media (min-width: 1440px) {
  .team-detail__slide {
    width: 568px;
    margin-right: 34px;
  }
}
.team-detail__subtitle {
  margin-bottom: 15px;
  border-bottom: 1px solid #f2f3f7;
  padding-bottom: 15px;
}
.team-detail__subtitle h5 {
  margin-bottom: 0;
}
@media (min-width: 1440px) {
  .team-detail__subtitle {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.team-detail__links {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px;
}
.team-detail__links a {
  display: inline-block;
  margin: 0 30px 10px 0;
  transition: var(--speed-default);
}
.team-detail__links a:last-child {
  margin-right: 0;
}
.team-detail__links a.is-active, .team-detail__links a:hover {
  color: #17243e;
}
.team-detail__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.team-detail__list li {
  margin-right: 30px;
}
.team-detail__list li a {
  display: inline-flex;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 14px;
  color: #a2a7b2;
}
.team-detail__list li a:hover {
  color: #17243e;
  text-decoration: none;
}
@media (min-width: 1440px) {
  .team-detail__list li a {
    font-size: 20px;
  }
}
.team-detail__list li.is-active a {
  color: #17243e;
}
@media (min-width: 1440px) {
  .team-detail__list li {
    margin-right: 52px;
  }
}
@media (min-width: 1024px) {
  .team-detail__list {
    margin-bottom: 0;
  }
}

.valuation-overlay {
  width: 338px;
  border-radius: 0 0 16px 0;
  padding: 40px 25px 25px;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  color: #fff;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
}
.valuation-overlay h5 {
  margin-bottom: 10px;
}
.valuation-overlay p {
  color: #a2a7b2;
}
.valuation-overlay.valuation-overlay--hidden {
  display: none;
}
@media (min-width: 1024px) {
  .valuation-overlay {
    width: 448px;
    border-radius: 0 0 24px 0;
    padding: 60px 50px 50px;
  }
}
@media (min-width: 1440px) {
  .valuation-overlay {
    border-radius: 0 0 32px 0;
  }
}
.valuation-overlay__close {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background: #fff;
  color: #17243e;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -24px;
  left: 25px;
}
@media (min-width: 1024px) {
  .valuation-overlay__close {
    left: 50px;
  }
}

.cookie-msg {
  display: none;
  width: 100%;
  max-width: 1010px;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 991;
  transition: var(--speed-default);
}
.cookie-msg.cookiebar--unaccepted {
  display: block;
}
@media (min-width: 1024px) {
  .cookie-msg {
    bottom: 30px;
  }
}
@media (min-width: 1600px) {
  .cookie-msg {
    bottom: 64px;
  }
}
.cookie-msg__holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  max-width: 1010px;
  margin: auto;
  border-radius: 4px;
  padding: 10px 10px 10px 15px;
  background: white;
  box-shadow: 0 0 50px rgba(23, 36, 62, 0.2);
}
.cookie-msg__holder p {
  width: calc(100% - 120px);
  margin-bottom: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 1.4;
}
.cookie-msg__holder p a {
  color: #46bccd;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .cookie-msg__holder p {
    padding-right: 20px;
  }
}
@media (min-width: 1440px) {
  .cookie-msg__holder p {
    width: auto;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .cookie-msg__holder {
    max-width: 590px;
  }
}
@media (min-width: 1440px) {
  .cookie-msg__holder {
    max-width: 790px;
  }
}
.cookie-msg--unaccepted {
  display: block;
}

.cookiebar .mfp-close {
  display: none !important;
}
.cookiebar__list {
  margin-bottom: 20px;
}
.cookiebar__list-link {
  display: flex;
  align-content: center;
  align-items: center;
  height: var(--height-btn);
  border-bottom: 1px solid #f2f3f7;
  padding-right: 40px;
  position: relative;
}
.cookiebar__list-link::after {
  display: block;
  margin-top: -10px;
  content: "\E909";
  font-family: "hansjanssen-icons";
  font-size: 90%;
  position: absolute;
  top: 50%;
  right: 0;
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .cookiebar__list-link::after {
    margin-top: -12px;
  }
}
@media (min-width: 1440px) {
  .cookiebar__list-link {
    height: 64px;
  }
}
.cookiebar__list-items.is-active .cookiebar__list-link::after {
  transform: rotate(180deg);
}
.cookiebar__list-panel {
  display: none;
  padding-top: 30px;
}
.cookiebar__holder {
  padding-bottom: 70px;
}
.cookiebar__checklist-item {
  margin-bottom: 10px;
}
.cookiebar__checklist label {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  padding-left: 26px;
  cursor: pointer;
  position: relative;
}
.cookiebar__checklist label input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.cookiebar__checklist label span::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #d1d3d8;
  content: "\E908";
  font-family: "hansjanssen-icons";
  font-size: 0;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 0;
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .cookiebar__checklist label span::after {
    width: 20px;
    height: 20px;
    top: 4px;
  }
}
@media (min-width: 1440px) {
  .cookiebar__checklist label {
    padding-left: 36px;
  }
}
.cookiebar__checklist label input:checked + span::after {
  border-color: #46bccd;
  background: #46bccd;
  font-size: 11px;
}
.cookiebar--unaccepted {
  opacity: 1;
  visibility: visible;
}

.house-filter-popup::after {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  content: "";
  position: absolute;
  left: 0;
}
@media (min-width: 1024px) {
  .house-filter-popup::after {
    bottom: 137px;
  }
}
@media (min-width: 1440px) {
  .house-filter-popup::after {
    bottom: 240px;
  }
}
.house-filter-popup .filter,
.house-filter-popup .sub-filter {
  border-bottom: 1px solid #f2f3f7;
}
.house-filter-popup .filter select,
.house-filter-popup .sub-filter select {
  background-image: url(../images/select-arrow.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  width: 100%;
  height: var(--height-btn);
  margin-bottom: 10px;
  border: 1px solid #d1d3d8;
  background-color: #fff;
  cursor: pointer;
  padding-right: 50px;
  padding-left: 15px;
}
.house-filter-popup .filter header h3,
.house-filter-popup .filter header h4,
.house-filter-popup .sub-filter header h3,
.house-filter-popup .sub-filter header h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.house-filter-popup .filter header h3 label input,
.house-filter-popup .filter header h4 label input,
.house-filter-popup .sub-filter header h3 label input,
.house-filter-popup .sub-filter header h4 label input {
  display: none;
}
.house-filter-popup .filter header h3 label input:checked ~ span,
.house-filter-popup .filter header h4 label input:checked ~ span,
.house-filter-popup .sub-filter header h3 label input:checked ~ span,
.house-filter-popup .sub-filter header h4 label input:checked ~ span {
  color: #D71F85;
}
body.bedrijven .house-filter-popup .filter header h3 label input:checked ~ span,
body.bedrijven .house-filter-popup .filter header h4 label input:checked ~ span,
body.bedrijven .house-filter-popup .sub-filter header h3 label input:checked ~ span,
body.bedrijven .house-filter-popup .sub-filter header h4 label input:checked ~ span {
  color: #c2d500;
}
@media (min-width: 1440px) {
  .house-filter-popup .filter header h3,
  .house-filter-popup .filter header h4,
  .house-filter-popup .sub-filter header h3,
  .house-filter-popup .sub-filter header h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 36px;
  }
}
.house-filter-popup .filter header h3,
.house-filter-popup .sub-filter header h3 {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 20px;
}
@media (min-width: 1440px) {
  .house-filter-popup .filter header h3,
  .house-filter-popup .sub-filter header h3 {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 28px;
  }
}
.house-filter-popup .filter ul,
.house-filter-popup .sub-filter ul {
  display: flex;
  flex-wrap: wrap;
}
.house-filter-popup .filter ul li,
.house-filter-popup .sub-filter ul li {
  width: 50%;
}
.house-filter-popup .filter ul li label,
.house-filter-popup .sub-filter ul li label {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  padding-left: 26px;
  cursor: pointer;
  position: relative;
}
.house-filter-popup .filter ul li label input,
.house-filter-popup .sub-filter ul li label input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.house-filter-popup .filter ul li label span::after,
.house-filter-popup .sub-filter ul li label span::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #d1d3d8;
  content: "\E908";
  font-family: "hansjanssen-icons";
  font-size: 0;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 0;
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .house-filter-popup .filter ul li label span::after,
  .house-filter-popup .sub-filter ul li label span::after {
    width: 20px;
    height: 20px;
    top: 4px;
  }
}
@media (min-width: 1440px) {
  .house-filter-popup .filter ul li label,
  .house-filter-popup .sub-filter ul li label {
    padding-left: 36px;
  }
}
.house-filter-popup .filter ul li label input:checked + span::after,
.house-filter-popup .sub-filter ul li label input:checked + span::after {
  border-color: #46bccd;
  background: #46bccd;
  font-size: 11px;
}
.house-filter-popup .filter label span,
.house-filter-popup .sub-filter label span {
  display: block;
  text-transform: lowercase;
}
.house-filter-popup .filter label span::first-letter,
.house-filter-popup .sub-filter label span::first-letter {
  text-transform: uppercase;
}
.house-filter-popup .filter.filter-group-prijs, .house-filter-popup .filter.filter-group-huur-prijs,
.house-filter-popup .sub-filter.filter-group-prijs,
.house-filter-popup .sub-filter.filter-group-huur-prijs {
  padding-top: 30px;
}
.house-filter-popup .filter[class*=filter-group-]:not(.house-filter-popup .filter[class*=filter-group-].sub-filter, .house-filter-popup .filter[class*=filter-group-].filter-group-type_bedrijven, .house-filter-popup .filter[class*=filter-group-].filter-group-soort_bedrijven,
.house-filter-popup .sub-filter[class*=filter-group-].sub-filter,
.house-filter-popup .sub-filter[class*=filter-group-].filter-group-type_bedrijven,
.house-filter-popup .sub-filter[class*=filter-group-].filter-group-soort_bedrijven),
.house-filter-popup .sub-filter[class*=filter-group-]:not(.house-filter-popup .filter[class*=filter-group-].sub-filter, .house-filter-popup .filter[class*=filter-group-].filter-group-type_bedrijven, .house-filter-popup .filter[class*=filter-group-].filter-group-soort_bedrijven,
.house-filter-popup .sub-filter[class*=filter-group-].sub-filter,
.house-filter-popup .sub-filter[class*=filter-group-].filter-group-type_bedrijven,
.house-filter-popup .sub-filter[class*=filter-group-].filter-group-soort_bedrijven) {
  padding-bottom: 20px;
}
.house-filter-popup__bottom-link {
  color: #46bccd;
}
.house-filter-popup__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid #f2f3f7;
  padding: 20px 0;
  background: #fff;
  text-align: center;
  position: absolute;
  bottom: 55px;
  left: 0;
  z-index: 9;
}
@media (max-width: 1023.98px) {
  .house-filter-popup__bottom .btn, .house-filter-popup__bottom .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .house-filter-popup__bottom .gform_button,
  .house-filter-popup__bottom .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer .house-filter-popup__bottom .gform_button, .house-filter-popup__bottom .house-list__button ul li a, .house-list__button ul li .house-filter-popup__bottom a, .house-filter-popup__bottom .house-filter__search .button, .house-filter__search .house-filter-popup__bottom .button, .house-filter-popup__bottom .cta-block__search .button, .cta-block__search .house-filter-popup__bottom .button {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
  }
}
.house-filter-popup__bottom .container {
  width: 100%;
}
@media (min-width: 1024px) {
  .house-filter-popup__bottom {
    height: 80px;
    padding: 0 40px;
    bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .house-filter-popup__bottom {
    height: 140px;
    bottom: 100px;
  }
}
.house-filter-popup__top {
  padding-bottom: 160px;
}
@media (min-width: 1024px) {
  .house-filter-popup__top {
    padding-bottom: 120px;
  }
}
@media (min-width: 1440px) {
  .house-filter-popup__top {
    padding-bottom: 200px;
  }
}

.information-popup {
  color: #a2a7b2;
}
.information-popup h5 {
  color: #17243e;
}
.information-popup h6 {
  margin-bottom: 10px;
  color: #17243e;
}
.information-popup__block {
  min-height: 100%;
  border: 1px solid #d1d3d8;
  border-radius: 0 0 25px;
  padding: 25px;
  text-align: center;
}
.information-popup__block strong {
  display: block;
  color: #17243e;
}
.information-popup__block span {
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 1440px) {
  .information-popup__block span {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .information-popup__block {
    padding: 40px;
  }
}
.information-popup__icon {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 60px;
  line-height: 60px;
  color: #D71F85;
}
.information-popup .house--tours__tour {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 56.25%;
  position: relative;
}
.information-popup .house--tours__tour iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 1440px) {
  .information-popup .house--tours__tour {
    margin-bottom: 32px;
  }
}

.popup-content {
  max-width: 100%;
  margin: auto;
  border-radius: 22px 22px 0 0;
  padding: 0;
  background: #fff;
  box-shadow: 0 2px 100px rgba(0, 0, 0, 0.1);
  position: relative;
}
.popup-content .mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
@media (min-width: 1024px) {
  .popup-content .mCSB_inside > .mCSB_container {
    margin-right: 20px;
  }
}
@media (min-width: 1440px) {
  .popup-content .mCSB_inside > .mCSB_container {
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .popup-content {
    max-width: 896px;
    border-radius: 25px 25px 0 0;
    padding: 10px 65px 0;
  }
}
@media (min-width: 1440px) {
  .popup-content {
    max-width: 1410px;
    border-radius: 40px 40px 0 0;
  }
}
.popup-content__inner {
  height: calc(100vh - 35px);
  padding-top: 55px;
  padding-left: 20px;
  padding-bottom: 40px;
}
.popup-content__inner .gfield_label {
  margin-top: 0 !important;
  padding-left: 0 !important;
  position: relative !important;
  opacity: 0.6 !important;
  margin-bottom: 5px !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #17243e !important;
}
@media (min-width: 1024px) {
  .popup-content__inner {
    height: calc(100vh - 45px);
    padding-bottom: 65px;
  }
}
@media (min-width: 1440px) {
  .popup-content__inner {
    height: calc(100vh - 100px);
    padding-bottom: 100px;
  }
}
.popup-content__close {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  padding-top: 10px;
  background: #f2f3f7 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-align: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}
.popup-content__close:hover {
  background: #46bccd !important;
  color: #fff !important;
}
@media (min-width: 1440px) {
  .popup-content__close {
    width: 80px !important;
    height: 80px !important;
    border-radius: 20px !important;
    font-size: 24px !important;
    top: -40px;
  }
}

.popup-gallery {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: #f2f3f7;
  position: relative;
  z-index: 2;
}
.popup-gallery .tns-liveregion.tns-visually-hidden {
  display: none !important;
}
.popup-gallery .mfp-close {
  opacity: 0;
  display: none;
  position: absolute;
  top: -20px;
  right: 10px;
}
.popup-gallery .tns-outer {
  position: relative;
}
.popup-gallery .tns-controls button {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: -56px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  bottom: 15px;
  left: 50%;
  z-index: 10;
  transition: var(--speed-default);
}
.popup-gallery .tns-controls button:hover {
  background: #46bccd;
  color: #fff;
}
@media (min-width: 1024px) {
  .popup-gallery .tns-controls button {
    bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .popup-gallery .tns-controls button {
    width: 48px;
    height: 48px;
    margin-left: -86px;
  }
}
.popup-gallery .tns-controls button + button {
  margin-right: -56px;
  right: 50%;
  left: auto;
}
@media (min-width: 1440px) {
  .popup-gallery .tns-controls button + button {
    margin-right: -86px;
  }
}
.popup-gallery.is-show .tns-visually-hidden,
.popup-gallery.is-show .tns-controls {
  opacity: 0;
}
.popup-gallery__slider {
  width: 100%;
  height: 100vh;
}
.is-show .popup-gallery__slider {
  display: none;
}
.popup-gallery__slider-slide {
  height: 100%;
  padding-right: 0;
}
.popup-gallery__slider-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.popup-gallery__footer {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 15px;
  transition: var(--speed-default);
}
.popup-gallery__footer .btn.btn--io, .popup-gallery__footer .gform.gravity-theme .gform_footer .btn--io.gform_button, .gform.gravity-theme .gform_footer .popup-gallery__footer .btn--io.gform_button,
.popup-gallery__footer .gform_wrapper.gravity-theme .gform_footer .btn--io.gform_button,
.gform_wrapper.gravity-theme .gform_footer .popup-gallery__footer .btn--io.gform_button, .popup-gallery__footer .house-list__button ul li a.btn--io, .house-list__button ul li .popup-gallery__footer a.btn--io, .popup-gallery__footer .house-filter__search .btn--io.button, .house-filter__search .popup-gallery__footer .btn--io.button, .popup-gallery__footer .cta-block__search .btn--io.button, .cta-block__search .popup-gallery__footer .btn--io.button {
  width: 32px;
  height: 32px;
}
@media (min-width: 1440px) {
  .popup-gallery__footer .btn.btn--io, .popup-gallery__footer .gform.gravity-theme .gform_footer .btn--io.gform_button, .gform.gravity-theme .gform_footer .popup-gallery__footer .btn--io.gform_button,
  .popup-gallery__footer .gform_wrapper.gravity-theme .gform_footer .btn--io.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .popup-gallery__footer .btn--io.gform_button, .popup-gallery__footer .house-list__button ul li a.btn--io, .house-list__button ul li .popup-gallery__footer a.btn--io, .popup-gallery__footer .house-filter__search .btn--io.button, .house-filter__search .popup-gallery__footer .btn--io.button, .popup-gallery__footer .cta-block__search .btn--io.button, .cta-block__search .popup-gallery__footer .btn--io.button {
    width: 48px;
    height: 48px;
  }
}
.is-show .popup-gallery__footer {
  display: none;
}
@media (min-width: 1024px) {
  .popup-gallery__footer {
    bottom: 80px;
  }
}
.popup-gallery__list {
  overflow: auto;
  display: none;
  width: 100%;
  height: 100vh;
  position: absolute;
}
.is-show .popup-gallery__list {
  display: block;
}
.popup-gallery__list-inner {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding-top: 30px;
  padding-bottom: 50px;
  z-index: 9;
}
@media (min-width: 1024px) {
  .popup-gallery__list-inner {
    width: calc(100% + 16px);
    margin: 0 -8px;
  }
}
@media (min-width: 1440px) {
  .popup-gallery__list-inner {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.popup-gallery__list-item {
  width: 100%;
  padding: 8px 0;
}
.popup-gallery__list-item img {
  width: 100%;
  cursor: pointer;
}
@media (min-width: 768px) {
  .popup-gallery__list-item {
    width: 50%;
    padding: 8px;
  }
}
@media (min-width: 1024px) {
  .popup-gallery__list-item {
    width: 25%;
  }
}
@media (min-width: 1440px) {
  .popup-gallery__list-item {
    padding: 15px;
  }
}
.popup-gallery__header-close {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto;
  border-radius: 10px !important;
  padding-top: 10px;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-align: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 16px;
  right: 0;
  left: 0;
  z-index: 9;
}
@media (min-width: 1440px) {
  .popup-gallery__header-close {
    width: 80px !important;
    height: 80px !important;
    border-radius: 20px !important;
    font-size: 24px !important;
    top: 40px;
  }
}

.banner {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.banner + .image-text .row {
  align-items: flex-start !important;
}
.banner + .image-text .row .col-md-6.order-md-1 {
  order: 1 !important;
}
@media (min-width: 1024px) {
  .banner + .image-text .row .col-md-6.order-md-1 {
    order: inherit !important;
  }
}
.business .banner {
  z-index: 1;
}
.business .banner::before {
  width: 100%;
  height: calc(100% + 400px);
  border-radius: 0 0 24px 0;
  background-image: linear-gradient(45deg, #17243e 0%, #17243e 100%);
  content: "";
  position: absolute;
  top: -180px;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .business .banner::before {
    border-radius: 0 0 32px 0;
  }
}
@media (min-width: 1024px) {
  .business .banner::after {
    background-image: url(../images/heading-overlay.svg);
    background-position: right 55px top;
    background-repeat: no-repeat;
    width: 987px;
    height: 808px;
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    content: "";
    position: absolute;
    top: -270px;
    right: 90px;
    z-index: -1;
  }
}
.business .banner .banner__image::after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #17243e 100%);
}
@media (min-width: 1024px) {
  .business .banner .banner__image::after {
    background-image: linear-gradient(to right, #17243e 0%, #17243e 30%, rgba(255, 255, 255, 0) 100%);
  }
}
.business .banner + .image-text--gradient::after {
  background: #17243e;
}
.business .banner__content {
  color: #fff;
}
@media (min-width: 1024px) {
  .banner {
    min-height: 426px;
    margin-top: -30px;
  }
}
@media (min-width: 1440px) {
  .banner {
    min-height: 800px;
  }
}
.banner__breadcrumbs {
  width: 100%;
}
.banner__breadcrumbs .breadcrumbs {
  margin-bottom: 15px;
  text-align: left;
}
@media (min-width: 1024px) {
  .banner__breadcrumbs {
    position: absolute;
    top: 30px;
    left: 0;
  }
}
.banner__content {
  width: 100%;
  position: relative;
  z-index: 1;
}
.banner__image {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.banner__image::after {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(242, 243, 247) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .banner__image::after {
    width: 40%;
    height: 100%;
    background-image: linear-gradient(to right, rgb(242, 243, 247) 0%, rgb(242, 243, 247) 30%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    bottom: auto;
  }
}
.banner__image picture,
.banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .banner__image {
    width: 70%;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}

section.banner-slider {
  overflow: hidden;
  height: 800px;
  border-radius: 0 0 16px;
  margin-top: 0;
}
@media (min-width: 1024px) {
  section.banner-slider::after {
    background-image: url(../images/footer-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 190px auto;
    width: 275px;
    height: 800px;
    background-size: 275px auto;
    content: "";
    pointer-events: none;
    position: absolute;
    top: -30%;
    left: 0;
    transform: scaleX(-1);
    z-index: 1;
  }
}
section.banner-slider .slick-slider {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
section.banner-slider .slick-slider .slick-list,
section.banner-slider .slick-slider .slick-track {
  width: 100%;
  height: 100%;
  position: relative;
}
section.banner-slider .slick-slide {
  min-height: 100%;
  position: relative;
}
section.banner-slider .banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #fff;
}
@media (max-width: 1023.98px) {
  section.banner-slider .banner__content {
    justify-content: flex-end;
    padding-bottom: 100px;
  }
  section.banner-slider .banner__content .btn, section.banner-slider .banner__content .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer section.banner-slider .banner__content .gform_button,
  section.banner-slider .banner__content .gform_wrapper.gravity-theme .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_footer section.banner-slider .banner__content .gform_button, section.banner-slider .banner__content .house-list__button ul li a, .house-list__button ul li section.banner-slider .banner__content a, section.banner-slider .banner__content .house-filter__search .button, .house-filter__search section.banner-slider .banner__content .button, section.banner-slider .banner__content .cta-block__search .button, .cta-block__search section.banner-slider .banner__content .button {
    width: 100%;
    margin-top: 10px;
  }
}
section.banner-slider .banner__image {
  width: 100%;
  height: 100%;
  position: absolute;
}
section.banner-slider .banner__image::after {
  opacity: 0.2;
  width: 100%;
  height: 100%;
  background: #000;
}
@media (max-width: 1023.98px) {
  section.banner-slider .banner__image::after {
    opacity: 0.4;
  }
}
@media (max-width: 1023.98px) {
  section.banner-slider {
    height: 600px;
  }
}
@media (min-width: 1024px) {
  section.banner-slider {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  section.banner-slider {
    border-radius: 0 0 32px;
  }
}
section.banner-slider .banner-slider__arrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  z-index: 1;
}
section.banner-slider .banner-slider__arrow.slick-next {
  right: 60px;
  left: auto;
}
@media (min-width: 1440px) {
  section.banner-slider .banner-slider__arrow {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 1023.98px) {
  section.banner-slider .banner-slider__arrow {
    top: 30px;
    left: 30px;
    transform: translateY(0);
  }
  section.banner-slider .banner-slider__arrow.slick-next {
    right: auto;
    left: 80px;
  }
}
section.banner-slider .banner-slider__dots-list {
  display: flex;
  width: calc(100% + 10px);
}
section.banner-slider .banner-slider__dots-list li {
  width: 25%;
  height: 1px;
  margin-right: 16px;
  background: rgba(255, 255, 255, 0.2);
  text-indent: -9999px;
  cursor: pointer;
  transition: var(--speed-default);
}
section.banner-slider .banner-slider__dots-list li.slick-active {
  background: white;
}
section.banner-slider .banner-slider__dots-list li:last-child {
  padding-right: 0;
}
@media (min-width: 1024px) {
  section.banner-slider .banner-slider__dots-list li {
    margin-right: 10px;
  }
}
@media (min-width: 1440px) {
  section.banner-slider .banner-slider__dots-list li {
    height: 2px;
    margin-right: 16px;
  }
}
@media (min-width: 1440px) {
  section.banner-slider .banner-slider__dots-list {
    width: calc(100% + 16px);
  }
}
section.banner-slider .banner-slider__dots {
  width: 100%;
  margin-top: 0;
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1440px) {
  section.banner-slider .banner-slider__dots {
    width: 590px;
    bottom: 60px;
  }
}
@media (min-width: 1600px) {
  section.banner-slider .banner-slider__dots {
    width: 690px;
  }
}
@media (max-width: 1023.98px) {
  section.banner-slider .banner-slider__dots {
    padding: 0 20px;
  }
}

.heading {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 45px;
  margin-bottom: 45px;
}
.heading.business::before {
  width: 100%;
  height: calc(100% + 300px);
  border-radius: 0 0 24px 0;
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  top: -180px;
  left: 0;
  z-index: -1;
}
@media (min-width: 1440px) {
  .heading.business::before {
    height: calc(100% + 430px);
    border-radius: 0 0 32px 0;
    top: -275px;
  }
}
@media (min-width: 1024px) {
  .heading.business::after {
    background-image: url(../images/heading-overlay.svg);
    background-position: right 55px top;
    background-repeat: no-repeat;
    width: 987px;
    height: 808px;
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    content: "";
    position: absolute;
    top: -270px;
    right: 90px;
    z-index: -1;
  }
}
.heading.business .heading__inner::after {
  display: none;
}
.heading.business .heading__text h1 {
  color: #fff;
}
@media (min-width: 1024px) {
  .heading {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .heading {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
@media (min-width: 1024px) {
  .heading__inner::after {
    background-image: url(../images/pattern.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 240px auto;
    width: 240px;
    height: 460px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-60%);
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .heading__inner::after {
    width: 400px;
    height: 904px;
    background-size: 400px auto;
  }
}
.heading__text {
  color: #a2a7b2;
}
.heading__text h1 {
  color: #17243e;
}

.work-method {
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 9;
  margin-bottom: var(--py-section-large);
  padding-top: 45px;
  padding-bottom: 45px;
}
.work-method::before {
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .work-method::before {
    width: calc(100% - 30px);
    margin: 0 15px;
    border-radius: 0 0 24px 0;
  }
}
@media (min-width: 1440px) {
  .work-method::before {
    width: calc(100% - 80px);
    margin: 0 40px;
    border-radius: 0 0 32px 0;
  }
}
@media (min-width: 1024px) {
  .work-method::after {
    background-image: url(../images/map-bg.svg);
    background-position: right 55px bottom;
    background-repeat: no-repeat;
    width: calc(100% - 30px);
    height: 100%;
    margin: 0 15px;
    border-radius: 0 0 24px 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
}
@media (min-width: 1440px) {
  .work-method::after {
    width: calc(100% - 80px);
    margin: 0 40px;
    border-radius: 0 0 32px 0;
  }
}
.work-method.business::before {
  background-image: linear-gradient(45deg, rgb(23, 36, 62) 0%, rgb(23, 54, 103) 100%) !important;
}
.work-method.business .work-method__top h2 {
  color: #fff !important;
}
.work-method.business .work-method__for-slide h6 {
  color: #97d555 !important;
}
.work-method.business .work-method__for-slide h3 {
  color: #fff !important;
}
.work-method.business .work-method__for-slide p {
  color: #fff !important;
}
@media (min-width: 1024px) {
  .work-method {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1440px) {
  .work-method {
    padding-top: 120px;
    padding-bottom: 180px;
  }
}
.work-method__top {
  margin-bottom: 30px;
}
.work-method__top h2 {
  color: #17243e;
}
.work-method__top p {
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .work-method__top {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .work-method__top {
    margin-bottom: 75px;
  }
}
.work-method__for-slide h6 {
  color: #D71F85;
}
.work-method__for-slide h3 {
  color: #17243e;
}
.work-method__for-slide p {
  color: #17243e;
}
.work-method__for-slide ul {
  margin-bottom: 30px;
}
.work-method__for-slide ul li {
  padding: 5px 0 5px 50px;
  position: relative;
}
.work-method__for-slide ul li::after {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  content: "\E908";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  position: absolute;
  top: 3px;
  left: 0;
}
@media (min-width: 1440px) {
  .work-method__for-slide ul {
    margin-bottom: 40px;
  }
}
.work-method__arrows {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 40px;
  right: 0;
}
@media (min-width: 1024px) {
  .work-method__arrows {
    right: auto;
    left: -60px;
  }
}
@media (min-width: 1440px) {
  .work-method__arrows {
    width: 129px;
    height: 129px;
    top: 180px;
    left: -96px;
  }
}
.work-method__holder {
  position: relative;
}
.work-method__next, .work-method__prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34%;
  height: 100%;
  color: #a2a7b2;
  text-align: center;
  cursor: pointer;
}
.work-method__next:hover, .work-method__prev:hover {
  color: #17243e;
}
.work-method__nav {
  margin-bottom: 30px;
}
.work-method__nav .slick-list {
  overflow: visible;
}
@media (min-width: 1024px) {
  .work-method__nav {
    margin-bottom: 0;
  }
}
.work-method__nav-img {
  margin-right: 20px;
  transition: var(--speed-fast);
}
.work-method__nav-img picture,
.work-method__nav-img img {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .work-method__nav-img {
    margin-right: 40px;
  }
}
@media (min-width: 1440px) {
  .work-method__nav-img {
    margin-right: 80px;
  }
}
@media (max-width: 1023.98px) {
  .work-method__nav-img {
    opacity: 1 !important;
  }
}

.related-post {
  width: 100%;
  position: relative;
  margin-bottom: var(--py-section-large);
}
.related-post__title {
  width: 100%;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .related-post__title {
    margin-bottom: 35px;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .related-post__title {
    margin-bottom: 65px;
  }
}
.related-post__slide {
  width: 320px;
  margin-right: 15px;
}
@media (min-width: 1024px) {
  .related-post__slide .card-post {
    margin-top: 10px;
    transform: rotate(4deg);
  }
}
@media (min-width: 1024px) {
  .related-post__slide.swiper-slide-active .card-post, .related-post__slide.swiper-slide-active + .related-post__slide + .related-post__slide .card-post, .related-post__slide.swiper-slide-active + .related-post__slide .card-post {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1600px) {
  .related-post__slide.swiper-slide-active + .related-post__slide + .related-post__slide .card-post {
    margin-top: 0;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .related-post__slide {
    width: 288px;
    margin-right: 25px;
  }
}
@media (min-width: 1440px) {
  .related-post__slide {
    width: 450px;
    margin-right: 34px;
  }
}

.hero {
  width: 100%;
  min-height: 500px;
  padding-top: 30px;
  position: relative;
  z-index: 1;
}
.business .hero {
  background: #173667;
  color: #fff;
}
@media (min-width: 1024px) {
  .business .hero .hero__block {
    top: 60%;
    bottom: auto;
  }
}
@media (min-width: 1440px) {
  .business .hero .hero__block {
    top: 60%;
  }
}
.business .hero .hero__links-item .btn.btn--text:hover, .business .hero .hero__links-item .gform.gravity-theme .gform_footer .btn--text.gform_button:hover, .gform.gravity-theme .gform_footer .business .hero .hero__links-item .btn--text.gform_button:hover,
.business .hero .hero__links-item .gform_wrapper.gravity-theme .gform_footer .btn--text.gform_button:hover,
.gform_wrapper.gravity-theme .gform_footer .business .hero .hero__links-item .btn--text.gform_button:hover, .business .hero .hero__links-item .house-list__button ul li a.btn--text:hover, .house-list__button ul li .business .hero .hero__links-item a.btn--text:hover, .business .hero .hero__links-item .house-filter__search .btn--text.button:hover, .house-filter__search .business .hero .hero__links-item .btn--text.button:hover, .business .hero .hero__links-item .cta-block__search .btn--text.button:hover, .cta-block__search .business .hero .hero__links-item .btn--text.button:hover {
  color: #17243e;
}
.business .hero .hero__image::before {
  background-image: linear-gradient(to bottom, #17243e 20%, #17243e 70%, rgba(23, 36, 62, 0.5) 80%, rgba(23, 36, 62, 0) 100%);
}
@media (min-width: 1024px) {
  .business .hero .hero__image::before {
    background-image: linear-gradient(to bottom, #17243e 0%, #17243e 40%, rgba(23, 36, 62, 0.5) 80%, rgba(23, 36, 62, 0) 100%);
  }
}
.business .hero .hero__image::after {
  background-image: linear-gradient(to bottom, rgba(23, 36, 62, 0) 0%, rgba(23, 36, 62, 0.99) 87%, #17243e 88%, #17243e 100%);
}
.business .hero .hero__image img {
  opacity: 0.7;
}
@media (min-width: 1600px) {
  .business .hero {
    min-height: 1350px;
  }
}
@media (max-width: 1023.98px) {
  .hero {
    height: 500px;
  }
}
@media (min-width: 1024px) {
  .hero {
    min-height: 100%;
    padding-top: 55px;
    padding-bottom: 200px;
  }
}
@media (min-width: 1440px) {
  .hero {
    height: auto;
    min-height: 1200px;
  }
}
@media (min-width: 1600px) {
  .hero {
    min-height: 1440px;
  }
}
.hero__content {
  text-align: center;
  position: relative;
  z-index: 9;
}
@media (max-width: 1023.98px) {
  .hero__content {
    position: absolute;
  }
}
@media (min-width: 1024px) {
  .hero__image-overlay {
    background-image: url(../images/hero-overlay2.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 900px auto;
    width: 900px;
    height: 800px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
  }
}
@media (min-width: 1440px) {
  .hero__image-overlay {
    width: 1600px;
    height: 1040px;
    background-size: 1600px auto;
  }
}
.hero__links-item {
  width: 100%;
  margin-bottom: 5px;
  color: #17243e;
}
.hero__links-item .btn.btn--lg, .hero__links-item .gform.gravity-theme .gform_footer .btn--lg.gform_button, .gform.gravity-theme .gform_footer .hero__links-item .btn--lg.gform_button,
.hero__links-item .gform_wrapper.gravity-theme .gform_footer .btn--lg.gform_button,
.gform_wrapper.gravity-theme .gform_footer .hero__links-item .btn--lg.gform_button, .hero__links-item .house-list__button ul li a.btn--lg, .house-list__button ul li .hero__links-item a.btn--lg, .hero__links-item .house-filter__search .btn--lg.button, .house-filter__search .hero__links-item .btn--lg.button, .hero__links-item .cta-block__search .btn--lg.button, .cta-block__search .hero__links-item .btn--lg.button {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .hero__links-item .btn.btn--lg, .hero__links-item .gform.gravity-theme .gform_footer .btn--lg.gform_button, .gform.gravity-theme .gform_footer .hero__links-item .btn--lg.gform_button,
  .hero__links-item .gform_wrapper.gravity-theme .gform_footer .btn--lg.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .hero__links-item .btn--lg.gform_button, .hero__links-item .house-list__button ul li a.btn--lg, .house-list__button ul li .hero__links-item a.btn--lg, .hero__links-item .house-filter__search .btn--lg.button, .house-filter__search .hero__links-item .btn--lg.button, .hero__links-item .cta-block__search .btn--lg.button, .cta-block__search .hero__links-item .btn--lg.button {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .hero__links-item .btn.btn--lg, .hero__links-item .gform.gravity-theme .gform_footer .btn--lg.gform_button, .gform.gravity-theme .gform_footer .hero__links-item .btn--lg.gform_button,
  .hero__links-item .gform_wrapper.gravity-theme .gform_footer .btn--lg.gform_button,
  .gform_wrapper.gravity-theme .gform_footer .hero__links-item .btn--lg.gform_button, .hero__links-item .house-list__button ul li a.btn--lg, .house-list__button ul li .hero__links-item a.btn--lg, .hero__links-item .house-filter__search .btn--lg.button, .house-filter__search .hero__links-item .btn--lg.button, .hero__links-item .cta-block__search .btn--lg.button, .cta-block__search .hero__links-item .btn--lg.button {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .hero__links-item {
    width: auto;
    margin: 0 10px 10px;
  }
}
.hero__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1023.98px) {
  .hero__links {
    margin-top: 32px;
  }
}
@media (min-width: 1024px) {
  .hero__links {
    padding-top: 40px;
  }
}
@media (min-width: 1440px) {
  .hero__links {
    padding-top: 50px;
  }
}
.hero__image {
  width: 100%;
  height: calc(100% + 30px);
  position: relative;
  margin-top: -30px;
}
.hero__image::before {
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to bottom, rgb(242, 243, 247) 0, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 1024px) {
  .hero__image::before {
    height: 50%;
    background-image: linear-gradient(to bottom, rgb(242, 243, 247) 0%, rgb(242, 243, 247) 40%, rgba(242, 243, 247, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
  }
}
@media (min-width: 1440px) {
  .hero__image::before {
    height: 60%;
  }
}
@media (min-width: 1600px) {
  .hero__image::before {
    height: 40%;
  }
}
.hero__image::after {
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(242, 243, 247, 0.99) 87%, rgb(242, 243, 247) 88%, rgb(242, 243, 247) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 1440px) {
  .hero__image::after {
    height: 50%;
  }
}
.hero__image picture,
.hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .hero__image {
    height: 100%;
    margin: -420px 0 -220px;
  }
}
@media (min-width: 1440px) {
  .hero__image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.hero__block {
  width: 100%;
  position: absolute;
  bottom: 100px;
  left: 0;
  z-index: 2;
}
@media (max-width: 1023.98px) {
  .hero__block {
    bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .hero__block {
    bottom: 200px;
  }
}
@media (min-width: 1440px) {
  .hero__block {
    bottom: 250px;
  }
}

.consumers .hero__links-item a {
  color: #17243e;
}

.business .hero__links-item a {
  color: #fff;
}

.chart-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.chart-container canvas {
  width: 116px;
  height: 116px;
}
.chart-container .chart-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.chart-container .chart-item {
  flex: 1;
}
.chart-container .chart-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
  font-weight: 700;
  font-size: 32px;
  color: #17243e;
  z-index: 1;
}
.chart-container .chart-category {
  max-width: 180px;
  margin: 8px auto 0;
  line-height: 1.3;
  color: #17243e;
  text-align: center;
}
.chart-container .chart-block {
  display: flex;
  align-items: center;
  width: 116px;
  height: 116px;
  position: relative;
}
.chart-container .chart-block .chart-block__chart {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: rotate(-90deg);
}
.chart-container .chart-block .chart-block__chart::after {
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 50%;
  background: #fff;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.section--nieuwbouw-stappenplan {
  position: relative;
  z-index: 1;
}
.section--nieuwbouw-stappenplan .accordion__content .mobile-step-buttons .icon, .section--nieuwbouw-stappenplan .accordion__title .title__right-side .icon {
  border-radius: 50%;
  background-color: #f2f3f7;
  color: #d1d3d8;
}
.section--nieuwbouw-stappenplan .accordion__content .mobile-step-buttons .icon:hover, .section--nieuwbouw-stappenplan .accordion__title .title__right-side .icon:hover {
  background-color: #D71F85;
  color: #fff;
}
.section--nieuwbouw-stappenplan .nieuwbouw-stappenplan__intro-heading {
  margin-bottom: 72px;
  text-align: center;
}
.section--nieuwbouw-stappenplan .accordion {
  margin-bottom: 16px;
  background-color: #ebecf2;
  padding-right: 20px;
  padding-left: 20px;
}
.section--nieuwbouw-stappenplan .accordion h5 {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion h5 {
    margin-top: 0;
  }
}
.section--nieuwbouw-stappenplan .accordion.open {
  background-color: #fff;
}
.section--nieuwbouw-stappenplan .accordion.open .title__left-side .icon {
  background-color: #46bccd;
}
.section--nieuwbouw-stappenplan .accordion.open .title__right-side {
  display: none;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion.open .title__right-side {
    display: flex;
  }
}
.section--nieuwbouw-stappenplan .accordion.open .title::after {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion.open__content {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion {
    padding-right: 44px;
    padding-left: 44px;
  }
}
.section--nieuwbouw-stappenplan .accordion__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.section--nieuwbouw-stappenplan .accordion__title .title__left-side {
  display: flex;
  gap: 28px;
}
.section--nieuwbouw-stappenplan .accordion__title .title__left-side .icon {
  border: 1px solid #17243e;
}
.section--nieuwbouw-stappenplan .accordion__title .title__left-side .icon img {
  padding: 8px;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion__title .title__left-side .icon {
    border: 2px solid #17243e;
  }
}
.section--nieuwbouw-stappenplan .accordion__title .title__left-side .title {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.section--nieuwbouw-stappenplan .accordion__title .title__left-side .title::after {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  content: "\E909";
  font-family: "hansjanssen-icons";
  transition: transform var(--speed-default);
}
.section--nieuwbouw-stappenplan .accordion__title .title__right-side {
  display: none;
  gap: 8px;
}
.section--nieuwbouw-stappenplan .accordion__title .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: background-color var(--speed-default);
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion__title .icon {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion__title {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.section--nieuwbouw-stappenplan .accordion__content {
  overflow: hidden;
  max-height: 0;
  position: relative;
  transition: max-height var(--speed-default);
  padding-right: 0;
  padding-left: 0;
}
.section--nieuwbouw-stappenplan .accordion__content .accordion-text-block {
  display: flex;
  align-items: center;
}
.section--nieuwbouw-stappenplan .accordion__content .accordion-text-block__inner {
  width: 100%;
}
.section--nieuwbouw-stappenplan .accordion__content .accordion-video-block video {
  width: 100%;
  height: 100%;
}
.section--nieuwbouw-stappenplan .accordion__content .inner {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .section--nieuwbouw-stappenplan .accordion__content .inner {
    padding-bottom: 80px;
  }
}
.section--nieuwbouw-stappenplan .accordion__content ul,
.section--nieuwbouw-stappenplan .accordion__content li {
  padding-left: 1rem;
  list-style: disc;
}
.section--nieuwbouw-stappenplan .accordion__content .mobile-step-buttons {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 30px;
  gap: 8px;
}
.section--nieuwbouw-stappenplan .accordion__content .mobile-step-buttons .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion__content .mobile-step-buttons {
    display: none;
  }
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan .accordion__content {
    padding-right: 76px;
    padding-left: 76px;
  }
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan {
    margin-bottom: 150px;
  }
}

.section--nieuwbouw-stappenplan-small {
  position: relative;
  z-index: 1;
}
.section--nieuwbouw-stappenplan-small .nieuwbouw-stappenplan-small__intro-heading {
  margin-bottom: 32px;
}
@media (max-width: 1023.98px) {
  .section--nieuwbouw-stappenplan-small .nieuwbouw-stappenplan-small__intro-heading {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .section--nieuwbouw-stappenplan-small .nieuwbouw-stappenplan-small__intro-heading {
    margin-bottom: 64px;
  }
}
.section--nieuwbouw-stappenplan-small .slider-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper::before {
  width: 1px;
  height: 100%;
  background-color: #17243e;
  content: "";
  position: absolute;
  top: 1px;
  left: 15px;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper::before {
    left: 20px;
  }
}
@media (min-width: 1280px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper::before {
    left: 30px;
  }
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner {
  display: flex;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title {
  margin-right: 12px;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title .step-slide__title__icon {
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: 1px solid #17243e;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: var(--speed-default);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title .step-slide__title__icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: var(--speed-default);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title .step-slide__title__icon img.icon--active {
  opacity: 0;
  z-index: 1;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title .step-slide__title__icon {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1280px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title .step-slide__title__icon {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__title {
    margin-right: 20px;
  }
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content {
  width: 100%;
  max-width: 600px;
  margin-top: -12px;
  border-radius: 0 0 30px 0;
  padding: 16px 20px;
  position: relative;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content h5 {
  cursor: pointer;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #D71F85;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__close i {
  font-size: 10px;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text ul,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text ol {
  margin: revert;
  padding: revert;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text ul li,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text ol li {
  margin: revert;
  padding: revert;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h4,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text h5 {
  font-weight: 700;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text ul {
  list-style-type: disc;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__text ol {
  list-style-type: decimal;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media {
  margin-top: 24px;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media video,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media img {
  width: 100%;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media .video-wrapper {
  position: relative;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media .video-wrapper .js-play-video {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: var(--speed-default);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media .video-wrapper .js-play-video i {
  border-radius: 50%;
  background-color: #D71F85;
  font-size: 50px;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content .step-slide__content__media .video-wrapper .js-play-video.hidden {
  opacity: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide .step-slide__inner .step-slide__content {
    margin-top: -16px;
    border-radius: 0 0 50px 0;
    padding: 24px 30px;
  }
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide:not(.active) .step-slide__content .step-slide__content__text,
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide:not(.active) .step-slide__content .step-slide__content__close {
  display: none !important;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide:last-child .step-slide__title {
  background-color: #f2f3f7;
  z-index: 1;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide.active .step-slide__inner .step-slide__title .step-slide__title__icon {
  border-color: transparent;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide.active .step-slide__inner .step-slide__title .step-slide__title__icon .icon--active {
  opacity: 1;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide.active .step-slide__inner .step-slide__content {
  background-color: #17243e;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider .step-slide.active .step-slide__inner .step-slide__content *:not(.btn) {
  color: #fff;
}
@media (max-width: 1023.98px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper .js-step-slider {
    padding-right: 25px;
  }
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: -8px;
  right: -8px;
  gap: 8px;
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls .js-prev-slide,
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls .js-next-slide {
  display: flex;
  cursor: pointer;
  transition: var(--speed-default);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls .js-prev-slide:hover {
  transform: translateY(-3px);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls .js-next-slide:hover {
  transform: translateY(3px);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #46bccd;
  cursor: pointer;
  transition: var(--speed-default);
}
.section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls span.active {
  background-color: #17243e;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan-small .slider-wrapper .step-slider__controls {
    top: 12px;
    right: -100px;
  }
}
.section--nieuwbouw-stappenplan-small .tns-controls {
  position: absolute;
  z-index: 99;
}
@media (min-width: 1024px) {
  .section--nieuwbouw-stappenplan-small {
    margin-bottom: 150px;
  }
}

.contact-map-section {
  height: 730px;
  background-color: #17243e;
  margin-bottom: 360px;
}
.contact-map-section.contact-map-section--neighbourhoods {
  margin-bottom: var(--py-section);
  background-color: unset;
  padding-top: 0;
}
.contact-map-section.contact-map-section--neighbourhoods .contact-map-section__map-wrapper {
  margin-top: 0;
  height: 720px;
  border-bottom: 1px solid #a2a7b2;
  margin-bottom: 80px;
  padding-bottom: 80px;
}
.contact-map-section.contact-map-section--neighbourhoods .contact-map-section__map-wrapper .contact-map-section__map {
  height: 100%;
}
@media (max-width: 767.98px) {
  .contact-map-section.contact-map-section--neighbourhoods .contact-map-section__location-selector__list {
    max-height: 280px;
    top: unset;
    width: 100%;
  }
}
.contact-map-section__content {
  text-align: center;
  padding-top: 160px;
  padding-bottom: 360px;
}
.contact-map-section__content h2,
.contact-map-section__content p {
  color: #fff;
}
.contact-map-section__map-wrapper {
  position: relative;
  margin-top: -280px;
}
.contact-map-section .contact-map-section__location-selector__list,
.contact-map-section .contact-map-section__location-selector__more-info-items {
  display: flex;
  row-gap: 20px;
  background: rgba(23, 36, 62, 0.04);
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(27.1828174591px);
          backdrop-filter: blur(27.1828174591px);
  border-bottom-right-radius: 32px;
}
.contact-map-section .contact-map-section__location-selector__list .item,
.contact-map-section .contact-map-section__location-selector__more-info-items .item {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.contact-map-section .contact-map-section__location-selector__list .item > .head,
.contact-map-section .contact-map-section__location-selector__more-info-items .item > .head {
  cursor: pointer;
  display: inline-flex;
  column-gap: 32px;
  align-items: center;
}
.contact-map-section .contact-map-section__location-selector__list .item > .head i,
.contact-map-section .contact-map-section__location-selector__more-info-items .item > .head i {
  transition: transform var(--speed-default);
}
.contact-map-section .contact-map-section__location-selector__list .item > .head:hover i,
.contact-map-section .contact-map-section__location-selector__more-info-items .item > .head:hover i {
  transform: translateX(-8px);
}
.contact-map-section .contact-map-section__location-selector__list .item > .head .title,
.contact-map-section .contact-map-section__location-selector__more-info-items .item > .head .title {
  color: #17243e;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.contact-map-section .contact-map-section__location-selector__list .item > .info,
.contact-map-section .contact-map-section__location-selector__more-info-items .item > .info {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  column-gap: 20px;
}
.contact-map-section .contact-map-section__location-selector__list .item .image,
.contact-map-section .contact-map-section__location-selector__more-info-items .item .image {
  display: block;
  width: 80px;
  border-radius: 4px;
}
.contact-map-section .contact-map-section__location-selector__list .item .image picture,
.contact-map-section .contact-map-section__location-selector__list .item .image img,
.contact-map-section .contact-map-section__location-selector__more-info-items .item .image picture,
.contact-map-section .contact-map-section__location-selector__more-info-items .item .image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.contact-map-section .contact-map-section__location-selector__list .item .content,
.contact-map-section .contact-map-section__location-selector__more-info-items .item .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-map-section .contact-map-section__location-selector__list .item .content p,
.contact-map-section .contact-map-section__location-selector__more-info-items .item .content p {
  max-width: 280px;
  color: #17243e;
  margin-bottom: 8px;
  font-size: 16px;
}
.contact-map-section .contact-map-section__location-selector:not(:has(.contact-map-section__location-selector__list)) {
  background-color: #fff;
  border-radius: 32px;
}
@media (max-width: 767.98px) {
  .contact-map-section .contact-map-section__location-selector__more-info-items {
    top: unset;
  }
}
.contact-map-section .contact-map-section__location-selector:not(:has(.contact-map-section__location-selector__list)),
.contact-map-section .contact-map-section__location-selector__list,
.contact-map-section .contact-map-section__location-selector__more-info-items {
  overflow: scroll;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 370px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 120px;
  padding-top: 40px;
  padding-right: 32px;
  padding-bottom: 40px;
  padding-left: 32px;
}
@media (min-width: 1024px) {
  .contact-map-section .contact-map-section__location-selector:not(:has(.contact-map-section__location-selector__list)),
  .contact-map-section .contact-map-section__location-selector__list,
  .contact-map-section .contact-map-section__location-selector__more-info-items {
    min-width: 448px;
  }
}
@media (max-width: 767.98px) {
  .contact-map-section .contact-map-section__location-selector:not(:has(.contact-map-section__location-selector__list)),
  .contact-map-section .contact-map-section__location-selector__list,
  .contact-map-section .contact-map-section__location-selector__more-info-items {
    margin: auto;
    right: 0;
    left: 0;
    width: 100%;
  }
}
.contact-map-section__location {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.contact-map-section__location:hover {
  cursor: pointer;
}
.contact-map-section__location:hover .title {
  color: #46bccd;
}
.contact-map-section__location:not(:last-child) {
  border-bottom: 1px solid #f2f3f7;
}
.contact-map-section__location__image img {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  object-fit: contain;
}
.contact-map-section__location__info {
  display: flex;
  flex-direction: column;
}
.contact-map-section__location__info .title {
  font-size: 16px;
  line-height: 1;
  color: #17243e;
  transition: var(--speed-default);
  padding-bottom: 8px;
}
.contact-map-section__location__info .street,
.contact-map-section__location__info .zip {
  font-family: "Roc Grotesk", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #a2a7b2;
}
.contact-map-section__map {
  height: 530px;
}

.zoekopdracht-form h5 {
  margin: 16px 0;
}
@media (min-width: 1440px) {
  .zoekopdracht-form h5 {
    margin-top: 32px;
  }
}
.zoekopdracht-form .gsection {
  padding-right: 0 !important;
}
.zoekopdracht-form .checkbox-label {
  margin-bottom: 8px;
}
.zoekopdracht-form .checkbox-group {
  column-count: 2;
  margin-top: 16px;
}
.zoekopdracht-form .switchable--buyOrRent--buy,
.zoekopdracht-form .switchable--buyOrRent--rent {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
.zoekopdracht-form .switchable--buyOrRent--buy .gfield,
.zoekopdracht-form .switchable--buyOrRent--rent .gfield {
  flex: 1;
}
@media (max-width: 1023.98px) {
  .zoekopdracht-form .switchable--buyOrRent--buy .gfield,
  .zoekopdracht-form .switchable--buyOrRent--rent .gfield {
    flex: auto;
    width: 100%;
  }
}

.logo-block {
  margin-top: var(--py-section-large);
  margin-bottom: var(--py-section-large);
}

.section--event-featured-image {
  --py-section: 40px;
}
.section--event-featured-image picture,
.section--event-featured-image img {
  border-bottom-right-radius: 32px;
}
.section--event-featured-image picture {
  position: relative;
  aspect-ratio: 1408/665;
}
.section--event-featured-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.section.section--intro {
  --py-section: 40px;
}

section.event-heading {
  width: 100%;
  margin-bottom: 48px;
  position: relative;
}
section.event-heading h1,
section.event-heading h2,
section.event-heading h3,
section.event-heading h4,
section.event-heading h5 {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  section.event-heading {
    margin-top: -28px;
  }
}

.section-event-planning-heading {
  margin-bottom: 40px;
}
.section-event-planning-heading .event-planning {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 48px;
}
.section-event-planning-heading .event-planning div {
  display: inline-flex;
  align-items: center;
  column-gap: 16px;
}
.section-event-planning-heading .event-planning i {
  color: #D71F85;
}
.section-event-planning-heading .event-sign-in {
  margin-top: 48px;
}
.section-event-planning-heading .event-sign-in .btn, .section-event-planning-heading .event-sign-in .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .section-event-planning-heading .event-sign-in .gform_button,
.section-event-planning-heading .event-sign-in .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .section-event-planning-heading .event-sign-in .gform_button, .section-event-planning-heading .event-sign-in .house-list__button ul li a, .house-list__button ul li .section-event-planning-heading .event-sign-in a, .section-event-planning-heading .event-sign-in .house-filter__search .button, .house-filter__search .section-event-planning-heading .event-sign-in .button, .section-event-planning-heading .event-sign-in .cta-block__search .button, .cta-block__search .section-event-planning-heading .event-sign-in .button {
  width: -moz-fit-content;
  width: fit-content;
}

.section.section--event-planning .event-planning__wrapper {
  display: grid;
  column-gap: 32px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1280px) {
  .section.section--event-planning .event-planning__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .section.section--event-planning .event-planning__wrapper .event-planning__column:first-child {
    width: 688px;
  }
}
.section.section--event-planning .event-planning__wrapper .planning {
  background-color: #fff;
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 48px;
  padding-right: 48px;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 40px;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-heading h2,
.section.section--event-planning .event-planning__wrapper .planning .planning-heading h3 {
  margin: 0;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-heading h3 {
  color: #a2a7b2;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-table {
  display: flex;
  flex-direction: column;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-table .planning-table__item {
  display: inline-flex;
  align-items: center;
  column-gap: 40px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  padding-right: 32px;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-table .planning-table__item .planning-table__item__time span {
  font-weight: 600;
}
.section.section--event-planning .event-planning__wrapper .planning .planning-table .planning-table__item:nth-child(odd) {
  background-color: #f2f3f7;
}
.section.section--event-planning .event-planning__wrapper .planning-address {
  display: flex;
  flex-direction: column;
}
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  background-color: #fff;
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 48px;
  padding-right: 48px;
}
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info {
  display: flex;
  flex-direction: column;
}
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info p,
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info h3 {
  margin-bottom: 0;
}
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-details .planning-address-details__info h3 {
  font-weight: 600;
}
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-map .contact-map-section__map-wrapper,
.section.section--event-planning .event-planning__wrapper .planning-address .planning-address-map .contact-map-section__map {
  height: 236px;
  margin-top: 0;
}

.house-gallery-horizontal {
  width: 100%;
  border-radius: 0 0 17px;
  padding: 25px 25px 30px;
  background: #fff;
  position: relative;
  z-index: 5;
}
.house-gallery-horizontal h5 {
  margin-bottom: 20px;
}
.house-gallery-horizontal .house-gallery__item {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 4;
}
.house-gallery-horizontal .house-gallery__item picture,
.house-gallery-horizontal .house-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
@media (min-width: 1440px) {
  .house-gallery-horizontal .house-gallery__item picture,
  .house-gallery-horizontal .house-gallery__item img {
    border-radius: 10px;
  }
}
.house-gallery-horizontal .house-gallery__item picture {
  position: relative;
}
.house-gallery-horizontal .house-gallery__item picture::after {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1440px) {
  .house-gallery-horizontal .house-gallery__item picture::after {
    border-radius: 16px;
  }
}
.house-gallery-horizontal .house-gallery__item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.house-gallery-horizontal .house-gallery__item:not(:first-child):nth-child(2) {
  transform: scale(0.95) translate(15%, 0);
  z-index: 3;
}
.house-gallery-horizontal .house-gallery__item:not(:first-child):nth-child(2) picture::after {
  background: rgba(255, 255, 255, 0.4);
}
.house-gallery-horizontal .house-gallery__item:not(:first-child):nth-child(3) {
  transform: scale(0.9) translate(28%, 0);
  z-index: 2;
}
.house-gallery-horizontal .house-gallery__item:not(:first-child):nth-child(3) picture::after {
  background: rgba(255, 255, 255, 0.7);
}
.house-gallery-horizontal .house-gallery__item:not(:first-child):nth-child(4) {
  transform: scale(0.85) translate(40%, 0);
  z-index: 1;
}
.house-gallery-horizontal .house-gallery__item:not(:first-child):nth-child(4) picture::after {
  background: rgba(255, 255, 255, 0.92);
}
@media (min-width: 1440px) {
  .house-gallery-horizontal .house-gallery__item {
    border-radius: 16px;
  }
}
@media (min-width: 1024px) {
  .house-gallery-horizontal {
    min-height: 100%;
    border-radius: 0 0 24px;
    padding: 30px 30px 65px;
  }
}
@media (min-width: 1440px) {
  .house-gallery-horizontal {
    border-radius: 0 0 32px;
    padding: 65px 60px 123px 65px;
  }
}
.house-gallery-horizontal__more {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #46bccd;
  border-radius: 50%;
  font-weight: 700;
  font-size: 8px;
  color: #46bccd;
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.house-gallery-horizontal__more::after {
  content: "\E934";
  font-family: "hansjanssen-icons";
}
.house-gallery-horizontal__more.is-active::after {
  content: "\E92D";
}
@media (min-width: 1440px) {
  .house-gallery-horizontal__more {
    width: 24px;
    height: 24px;
    border-width: 2px;
    font-size: 10px;
    right: 30px;
    bottom: 35px;
  }
}
.house-gallery-horizontal__list {
  display: block;
  width: 80%;
  margin: 0 auto 0 0;
  position: relative;
}

.certificates-overview {
  width: 100%;
  position: relative;
  margin-top: 40px;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1440px) {
  .certificates-overview {
    margin-top: 60px;
  }
}
.certificates-overview__top {
  color: #a2a7b2;
}
.certificates-overview__top h1 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .certificates-overview__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .certificates-overview__top {
    margin-bottom: 60px;
  }
}
.certificates-overview__holder {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #d1d3d8;
  padding-top: 30px;
}
.certificates-overview__holder h3 {
  margin-bottom: 30px;
}
@media (min-width: 1440px) {
  .certificates-overview__holder h3 {
    margin-bottom: 55px;
  }
}
@media (min-width: 1440px) {
  .certificates-overview__holder {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.certificates {
  width: 100%;
  position: relative;
  margin-top: 40px;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1440px) {
  .certificates {
    margin-top: 60px;
  }
}
.certificates__top {
  color: #a2a7b2;
}
.certificates__top h1 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .certificates__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .certificates__top {
    margin-bottom: 60px;
  }
}
.certificates__holder {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #d1d3d8;
  padding-top: 30px;
}
.certificates__holder h3 {
  margin-bottom: 30px;
}
@media (min-width: 1440px) {
  .certificates__holder h3 {
    margin-bottom: 55px;
  }
}
@media (min-width: 1440px) {
  .certificates__holder {
    margin-top: 60px;
    padding-top: 60px;
  }
}

section.section--link-sections {
  margin-bottom: var(--py-section-large);
}
section.section--link-sections .link-sections__sections {
  display: flex;
  flex-direction: column;
  row-gap: 120px;
}
section.section--link-sections .link-sections__sections .link-section .h4 strong {
  color: #46bccd;
}
section.section--link-sections .link-sections__sections .link-section .links {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  section.section--link-sections .link-sections__sections .link-section .links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  section.section--link-sections .link-sections__sections .link-section .links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

section.section--pricing-packages {
  margin-bottom: var(--py-section-large);
}
section.section--pricing-packages .pricing-packages__intro {
  margin-bottom: 40px;
}
section.section--pricing-packages .pricing-packages__items {
  display: grid;
  justify-content: center;
  column-gap: 20px;
  row-gap: 16px;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1280px) {
  section.section--pricing-packages .pricing-packages__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
section.section--pricing-packages .pricing-packages__items .item {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  padding: 42px;
  background-color: #fff;
  border-bottom-right-radius: 32px;
}
section.section--pricing-packages .pricing-packages__items .item .item__head {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
section.section--pricing-packages .pricing-packages__items .item .item__head .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}
section.section--pricing-packages .pricing-packages__items .item .item__head .price {
  color: #17243e;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
}
section.section--pricing-packages .pricing-packages__items .item .item__usps {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
section.section--pricing-packages .pricing-packages__items .item .item__usps li {
  display: inline-flex;
  align-items: flex-start;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
section.section--pricing-packages .pricing-packages__items .item .item__usps li i {
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: #ebecf2;
}
section.section--pricing-packages .pricing-packages__items:has(> :nth-child(2)):has(> :nth-child(3)) > :nth-child(2) {
  color: #fff;
  background: radial-gradient(141.42% 141.42% at 100% 0%, #173667 0%, #17243E 100%), #5243C2;
}
section.section--pricing-packages .pricing-packages__items:has(> :nth-child(2)):has(> :nth-child(3)) > :nth-child(2) .item__head span {
  color: #fff;
}
section.section--pricing-packages .pricing-packages__items:has(> :nth-child(2)):has(> :nth-child(3)) > :nth-child(2) .item__usps i {
  background-color: rgba(255, 255, 255, 0.1);
}
section.section--pricing-packages .pricing-packages__items:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :nth-child(1) {
  color: #fff;
  background: radial-gradient(141.42% 141.42% at 100% 0%, #173667 0%, #17243E 100%), #5243C2;
}
section.section--pricing-packages .pricing-packages__items:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :nth-child(1) .item__head span {
  color: #fff;
}
section.section--pricing-packages .pricing-packages__items:has(> :nth-child(2)):not(:has(> :nth-child(3))) > :nth-child(1) .item__usps i {
  background-color: rgba(255, 255, 255, 0.1);
}
section.section--pricing-packages .pricing-packages__items:not(:has(> :nth-child(2))) > :nth-child(1) {
  color: #fff;
  background: radial-gradient(141.42% 141.42% at 100% 0%, #173667 0%, #17243E 100%), #5243C2;
}
section.section--pricing-packages .pricing-packages__items:not(:has(> :nth-child(2))) > :nth-child(1) .item__head span {
  color: #fff;
}
section.section--pricing-packages .pricing-packages__items:not(:has(> :nth-child(2))) > :nth-child(1) .item__usps i {
  background-color: rgba(255, 255, 255, 0.1);
}
section.section--pricing-packages .pricing-packages__bottom-text {
  margin-top: 56px;
  color: #a2a7b2;
}
.downloads-list {
  width: 100%;
  position: relative;
  margin-top: 40px;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1440px) {
  .downloads-list {
    margin-top: 60px;
  }
}
.downloads-list__top {
  color: #a2a7b2;
}
.downloads-list__top h1 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .downloads-list__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .downloads-list__top {
    margin-bottom: 60px;
  }
}
.downloads-list__holder {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #d1d3d8;
  padding-top: 30px;
}
.downloads-list__holder h3 {
  margin-bottom: 30px;
}
@media (min-width: 1440px) {
  .downloads-list__holder h3 {
    margin-bottom: 55px;
  }
}
@media (min-width: 1440px) {
  .downloads-list__holder {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.downloads {
  width: 100%;
  position: relative;
  margin-top: 40px;
  margin-bottom: var(--py-section-large);
}
@media (min-width: 1440px) {
  .downloads {
    margin-top: 60px;
  }
}
.downloads__top {
  color: #a2a7b2;
}
.downloads__top h1 {
  color: #17243e;
}
@media (min-width: 1024px) {
  .downloads__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .downloads__top {
    margin-bottom: 60px;
  }
}
.downloads__holder {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #d1d3d8;
  padding-top: 30px;
}
.downloads__holder .downloads__items {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.downloads__holder h3 {
  margin-bottom: 30px;
}
@media (min-width: 1440px) {
  .downloads__holder h3 {
    margin-bottom: 55px;
  }
}
@media (min-width: 1440px) {
  .downloads__holder {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.card {
  overflow: hidden;
  position: relative;
}

.card-live {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  min-height: 47px;
  border-radius: 40px;
  padding: 6px 0 6px 50px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  position: relative;
}
.card-live span {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #a2a7b2;
}
@media (min-width: 1440px) {
  .card-live span {
    font-size: 12px;
    line-height: 16px;
  }
}
.card-live strong {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .card-live strong {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .card-live {
    min-height: 80px;
    padding-left: 75px;
  }
}
.card-live__img {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  background-image: linear-gradient(45deg, rgb(215, 218, 229) 0%, rgb(230, 232, 239) 100%);
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.card-live__img::after {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgb(70, 221, 2);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.card-live__img img {
  width: 100%;
  border-radius: 50px;
}
@media (min-width: 1440px) {
  .card-live__img {
    width: 48px;
    height: 48px;
    left: 16px;
  }
}

.card-usp {
  display: block;
  border-radius: 0 0 20px 0;
  font-weight: 500;
  font-size: 14px;
  color: #17243e;
  position: relative;
  transition: var(--speed-default);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
@media (min-width: 1024px) {
  .card-usp {
    border-radius: 0 0 30px 0;
  }
  .card-usp:hover .card-usp__image {
    transform: rotate(2deg);
  }
  .card-usp:hover .card-usp__image picture {
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.16);
  }
  .card-usp:hover .card-usp__title {
    color: #46bccd;
  }
  .wrapper.business .card-usp:hover .card-usp__title {
    color: #97d555;
  }
  .wrapper.consumers .card-usp:hover .card-usp__title {
    color: #D71F85;
  }
}
@media (min-width: 1440px) {
  .card-usp {
    font-size: 20px;
  }
}
.card-usp__title {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  position: relative;
  transition: var(--speed-default);
}
.card-usp__image {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
  transition: var(--speed-default);
}
.card-usp__image picture,
.card-usp__image img {
  display: block;
  width: 100%;
  border-radius: 0 0 14px 0;
  transition: var(--speed-default);
}

.card-review {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
  border-radius: 13px 13px 0 13px;
  padding: 25px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: left;
  position: relative;
}
.card-review h5 {
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .card-review {
    margin-bottom: 30px;
    border-radius: 24px 24px 0 24px;
    padding: 50px;
  }
}
.card-review__bottom {
  display: flex;
  align-items: center;
}
.card-review__name {
  height: 0;
  margin-left: 10px;
  font-size: 10px;
  line-height: 1.2;
}
@media (min-width: 1440px) {
  .card-review__name {
    font-size: 12px;
  }
}

.card-neighborhood {
  overflow: hidden;
  display: block;
  border-radius: 0 0 16px;
  color: #fff;
  position: relative;
  transition: var(--speed-default);
}
.card-neighborhood::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: var(--speed-default);
}
@media (min-width: 1024px) {
  .card-neighborhood::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-neighborhood::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
.card-neighborhood:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px) {
  .card-neighborhood {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-neighborhood {
    border-radius: 0 0 32px;
  }
}
.card-neighborhood__image {
  overflow: hidden;
  width: 100%;
  border-radius: 0 0 16px;
  position: relative;
}
.card-neighborhood__image::before {
  width: 100%;
  height: 50%;
  border-radius: 0 0 16px;
  background-image: linear-gradient(to top, rgba(23, 36, 62, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .card-neighborhood__image::before {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-neighborhood__image::before {
    border-radius: 0 0 32px;
  }
}
.card-neighborhood__image picture,
.card-neighborhood__image img {
  width: 100%;
  border-radius: 0 0 16px;
}
@media (min-width: 1024px) {
  .card-neighborhood__image picture,
  .card-neighborhood__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-neighborhood__image picture,
  .card-neighborhood__image img {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .card-neighborhood__image {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-neighborhood__image {
    border-radius: 0 0 32px;
  }
}
.card-neighborhood__label {
  display: inline-flex;
  align-content: center;
  align-items: center;
  height: 24px;
  margin-bottom: 10px;
  border-radius: 20px;
  padding: 0 15px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .card-neighborhood__label {
    height: 32px;
    font-size: 16px;
  }
}
.card-neighborhood__content {
  width: 100%;
  padding: 0 20px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.card-neighborhood__content h6 {
  margin-bottom: 0;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .card-neighborhood__content {
    padding: 0 25px 25px;
  }
}
@media (min-width: 1440px) {
  .card-neighborhood__content {
    padding: 0 40px 30px;
  }
}

.card-alert {
  overflow: hidden;
  display: block;
  border-radius: 0 0 16px;
  padding: 20px;
  background: #fff;
  color: #a2a7b2;
  position: relative;
  transition: var(--speed-default);
}
.card-alert h6 {
  margin-bottom: 0;
  font-weight: 700;
  color: #17243e;
}
@media (min-width: 1024px) {
  .card-alert p {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .card-alert {
    border-radius: 0 0 24px;
    padding: 30px 95px;
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .card-alert {
    border-radius: 0 0 32px;
    padding: 50px 160px;
    font-size: 20px;
  }
}
.card-alert__btn {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 30px;
  background: #a2a7b2;
  position: relative;
  transition: var(--speed-default);
}
.card-alert__btn::after {
  background-image: url(../images/bell.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  content: "";
  font-size: 12px;
  color: #a2a7b2;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .card-alert__btn::after {
    width: 40px;
    height: 40px;
    background-size: 18px auto;
    font-size: 20px;
    right: 49px;
  }
}
.card-alert__btn.is-active {
  background: #46bccd;
}
.card-alert__btn.is-active::after {
  color: rgb(70, 205, 96);
  right: 4px;
}
@media (min-width: 1440px) {
  .card-alert__btn.is-active::after {
    right: 7px;
  }
}
.wrapper.business .card-alert__btn.is-active {
  background: #97d555;
}
.wrapper.consumers .card-alert__btn.is-active {
  background: #D71F85;
}
@media (min-width: 1024px) {
  .card-alert__btn {
    position: absolute;
    top: 30px;
    right: 25px;
  }
}
@media (min-width: 1440px) {
  .card-alert__btn {
    width: 96px;
    height: 48px;
    top: 50%;
    right: 56px;
    transform: translateY(-50%);
  }
}
.card-alert__icon {
  background-image: url(../images/alert-icon1.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 31px auto;
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin-bottom: 15px;
  border-radius: 6px;
  background-color: #f2f3f7;
  position: relative;
}
.card-alert__icon picture,
.card-alert__icon img {
  width: 100%;
  border-radius: 0 0 16px;
}
@media (min-width: 1024px) {
  .card-alert__icon picture,
  .card-alert__icon img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-alert__icon picture,
  .card-alert__icon img {
    border-radius: 0 0 32px;
  }
}
.wrapper.business .card-alert__icon {
  background-image: url(../images/alert-icon1-moon.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 31px auto;
}
.wrapper.consumers .card-alert__icon {
  background-image: url(../images/alert-icon1-cons.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 31px auto;
}
@media (min-width: 1024px) {
  .card-alert__icon {
    margin-bottom: 0;
    position: absolute;
    top: 30px;
    left: 23px;
  }
}
@media (min-width: 1440px) {
  .card-alert__icon {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-size: auto;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
  }
}

.card-house,
.card-event {
  overflow: hidden;
  display: block;
  max-height: 400px;
  border-radius: 0 0 16px;
  color: #fff;
  position: relative;
  transition: var(--speed-default);
}
.card-house .card-event__bottom,
.card-event .card-event__bottom {
  display: flex;
  column-gap: 16px;
}
.card-house .card-event__bottom div,
.card-event .card-event__bottom div {
  display: inline-flex;
  align-items: center;
}
.card-house .card-event__bottom div:not(:last-child),
.card-event .card-event__bottom div:not(:last-child) {
  column-gap: 16px;
}
.card-house .card-event__bottom div:not(:last-child)::after,
.card-event .card-event__bottom div:not(:last-child)::after {
  display: block;
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
}
.card-house .card-house__bottom .appointment-button:only-child,
.card-event .card-house__bottom .appointment-button:only-child {
  width: 100%;
}
.card-house .card-house__details,
.card-event .card-house__details {
  margin-bottom: 24px;
}
.card-house .card-house__details ul,
.card-event .card-house__details ul {
  display: inline-flex;
  column-gap: 24px;
  flex-wrap: wrap;
}
.card-house .card-house__details ul li,
.card-event .card-house__details ul li {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  font-size: 12px;
}
.card-house .card-event__address,
.card-house .card-event__date,
.card-event .card-event__address,
.card-event .card-event__date {
  text-transform: none;
}
.card-house .label-holder,
.card-event .label-holder {
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
  gap: 8px;
  z-index: 50;
}
.card-house .label-holder .card-house__label,
.card-event .label-holder .card-house__label {
  position: static;
}
.card-house .label-holder .card-event__label,
.card-event .label-holder .card-event__label {
  border: 1px solid;
  background-color: unset;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .card-house .label-holder,
  .card-event .label-holder {
    top: 25px;
    left: 25px;
  }
}
@media (min-width: 1440px) {
  .card-house .label-holder,
  .card-event .label-holder {
    top: 30px;
    left: 30px;
  }
}
.card-house:has(.card-house__details) h6,
.card-event:has(.card-house__details) h6 {
  font-size: 18px;
}
.card-house:hover,
.card-event:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.card-house:hover .card-house__image img,
.card-event:hover .card-house__image img {
  transform: scale(1.08);
}
.about-section .card-house:hover .card-house__image img,
.about-section .card-event:hover .card-house__image img {
  transform: translate(-50%, -50%) scale(1.08);
}
.card-house:has(.card-house__content-text),
.card-event:has(.card-house__content-text) {
  height: 100%;
  cursor: pointer;
}
.card-house:has(.card-house__content-text) .card-house__image,
.card-house:has(.card-house__content-text) .card-house__image::before,
.card-house:has(.card-house__content-text) picture,
.card-house:has(.card-house__content-text) img,
.card-event:has(.card-house__content-text) .card-house__image,
.card-event:has(.card-house__content-text) .card-house__image::before,
.card-event:has(.card-house__content-text) picture,
.card-event:has(.card-house__content-text) img {
  border-radius: unset;
}
.card-house:has(.card-house__content-text) .card-house__content-text,
.card-event:has(.card-house__content-text) .card-house__content-text {
  height: 100%;
  border-radius: 0 0 16px;
  padding: 32px;
  background-color: #fff;
}
.card-house:has(.card-house__content-text) .card-house__content-text p,
.card-event:has(.card-house__content-text) .card-house__content-text p {
  margin-bottom: 0 !important;
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .card-house:has(.card-house__content-text) .card-house__content-text,
  .card-event:has(.card-house__content-text) .card-house__content-text {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-house:has(.card-house__content-text) .card-house__content-text,
  .card-event:has(.card-house__content-text) .card-house__content-text {
    border-radius: 0 0 32px;
  }
}
.card-house.card--favorite,
.card-event.card--favorite {
  height: 250px;
}
.card-house.card--favorite .card-house__image,
.card-event.card--favorite .card-house__image {
  width: 100%;
  height: 100%;
}
.card-house.card--favorite .card-house__image img,
.card-event.card--favorite .card-house__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.card-house.card--favorite a,
.card-event.card--favorite a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.card-house.card--favorite a,
.card-event.card--favorite a {
  z-index: 5;
}
.card-house.card--favorite button,
.card-event.card--favorite button {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
}
@media (min-width: 1280px) {
  .card-house.card--favorite,
  .card-event.card--favorite {
    height: 400px;
  }
}
@media (min-width: 1024px) {
  .card-house,
  .card-event {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-house,
  .card-event {
    border-radius: 0 0 32px;
  }
}
.card-house__image,
.card-event__image {
  overflow: hidden;
  display: block;
  width: 100%;
  max-height: 400px;
  border-radius: 0 0 16px;
  position: relative;
  aspect-ratio: 900/600;
}
.card-house__image::before,
.card-event__image::before {
  width: 100%;
  height: 50%;
  border-radius: 0 0 16px;
  background-image: linear-gradient(to top, rgba(23, 36, 62, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 1024px) {
  .card-house__image::before,
  .card-event__image::before {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-house__image::before,
  .card-event__image::before {
    border-radius: 0 0 32px;
  }
}
.card-house__image::after,
.card-event__image::after {
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(23, 36, 62, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.card-house__image picture,
.card-house__image img,
.card-event__image picture,
.card-event__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 16px;
  object-fit: cover;
  transition: var(--speed-slow);
}
@media (min-width: 1024px) {
  .card-house__image picture,
  .card-house__image img,
  .card-event__image picture,
  .card-event__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-house__image picture,
  .card-house__image img,
  .card-event__image picture,
  .card-event__image img {
    border-radius: 0 0 32px;
  }
}
.about-section .card-house__image picture,
.about-section .card-event__image picture {
  display: block;
  padding-bottom: 120%;
  position: relative;
}
.about-section .card-house__image picture img,
.about-section .card-event__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .card-house__image,
  .card-event__image {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-house__image,
  .card-event__image {
    border-radius: 0 0 32px;
  }
}
.card-house__bottom,
.card-event__bottom {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.card-house__price,
.card-event__price {
  display: inline-flex;
  align-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 24px;
  margin-right: 20px;
  border-radius: 20px;
  padding: 2px 15px 0;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #17243e;
}
@media (min-width: 1440px) {
  .card-house__price,
  .card-event__price {
    height: 32px;
    font-size: 16px;
  }
}
.card-house__price--top-left,
.card-event__price--top-left {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 5;
}
@media (min-width: 1024px) {
  .card-house__price--top-left,
  .card-event__price--top-left {
    top: 25px;
    left: 25px;
  }
}
@media (min-width: 1440px) {
  .card-house__price--top-left,
  .card-event__price--top-left {
    top: 30px;
    left: 30px;
  }
}
.card-house__price--top-right,
.card-event__price--top-right {
  margin-right: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
}
@media (min-width: 1024px) {
  .card-house__price--top-right,
  .card-event__price--top-right {
    top: 25px;
    right: 25px;
  }
}
@media (min-width: 1440px) {
  .card-house__price--top-right,
  .card-event__price--top-right {
    top: 30px;
    right: 30px;
  }
}
.card-house__address, .card-house__date,
.card-event__address,
.card-event__date {
  font-size: 12px;
  color: #fff;
}
.card-house__address span, .card-house__date span,
.card-event__address span,
.card-event__date span {
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .card-house__address, .card-house__date,
  .card-event__address,
  .card-event__date {
    font-size: 16px;
  }
}
.card-house__content,
.card-event__content {
  width: 100%;
  padding: 0 20px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.card-house__content h6,
.card-event__content h6 {
  margin-bottom: 10px;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .card-house__content,
  .card-event__content {
    padding: 0 25px 25px;
  }
}
@media (min-width: 1440px) {
  .card-house__content,
  .card-event__content {
    padding: 0 30px 30px;
  }
}
.card-house__heart,
.card-event__heart {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
}
@media (min-width: 1024px) {
  .card-house__heart,
  .card-event__heart {
    top: 25px;
    right: 25px;
  }
}
@media (min-width: 1440px) {
  .card-house__heart,
  .card-event__heart {
    top: 30px;
    right: 30px;
  }
}
.card-house__label,
.card-event__label {
  border: 0;
  background: #D71F85;
  color: #fff;
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 20px;
}
.card-house__label.bg-arsenic,
.card-event__label.bg-arsenic {
  background: #17243e;
}
.card-house__label.bg-stone,
.card-event__label.bg-stone {
  background: #a2a7b2;
}
.card-house__label.bg-moon,
.card-event__label.bg-moon {
  background: #97d555;
}
.card-house__label.bg-pictone,
.card-event__label.bg-pictone {
  background: #46bccd;
}
.card-house__label.bg-milk,
.card-event__label.bg-milk {
  background: #fff;
  color: #17243e;
}
.business .card-house__label,
.business .card-event__label {
  background: #c2d500;
  color: #17243e;
}
@media (min-width: 1024px) {
  .card-house__label,
  .card-event__label {
    top: 25px;
    left: 25px;
  }
}
@media (min-width: 1440px) {
  .card-house__label,
  .card-event__label {
    top: 30px;
    left: 30px;
  }
}

.card-event::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: var(--speed-default);
}
.wrapper.business .card-event::before {
  border-color: #97d555;
}
.wrapper.consumers .card-event::before {
  border-color: #D71F85;
}
@media (min-width: 1024px) {
  .card-event::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-event::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}

.card-vacancy {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  min-height: 100%;
  margin-bottom: 30px;
  border-radius: 0 0 16px;
  padding: 25px;
  background: #fff;
  position: relative;
  transition: var(--speed-default);
}
.card-vacancy::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: var(--speed-default);
}
@media (min-width: 1024px) {
  .card-vacancy::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-vacancy::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
.card-vacancy:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .card-vacancy {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-vacancy {
    border-radius: 0 0 32px;
    padding: 40px 40px 30px;
  }
}
.card-vacancy__top {
  width: 100%;
}
.card-vacancy__top p {
  color: #a2a7b2;
}
.card-vacancy__list {
  width: 100%;
}
.card-vacancy__list-item {
  margin-bottom: 10px;
}
.card-vacancy__list-item span {
  display: inline-flex;
  align-content: center;
  align-items: center;
  height: 24px;
  border-radius: 20px;
  padding: 0 15px;
  background: #f2f3f7;
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 1440px) {
  .card-vacancy__list-item span {
    height: 32px;
    padding: 0 20px;
    font-size: 16px;
  }
}

.card-team {
  overflow: hidden;
  display: block;
  border-radius: 0 0 16px;
  color: #fff;
  position: relative;
  transition: var(--speed-default);
}
.card-team::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: var(--speed-default);
}
@media (min-width: 1024px) {
  .card-team::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-team::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
.card-team .team__image {
  transition: transform var(--speed-slow), opacity var(--speed-default);
}
.card-team .card-team__image--hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1);
}
.card-team:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  transform: translateY(5px);
}
.card-team:hover .card-team__image {
  opacity: 0;
}
.card-team:hover .card-team__image--hover {
  opacity: 1;
}
.card-team:hover .card-team__image--hover::before {
  opacity: 1;
}
.card-team:hover .card-team__image--hover::after {
  opacity: 0;
}
.card-team:hover .card-team__image--hover img {
  transform: scale(1.06);
}
@media (min-width: 1024px) {
  .card-team {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-team {
    border-radius: 0 0 32px;
  }
}
.card-team__image {
  overflow: hidden;
  width: 100%;
  border-radius: 0 0 16px;
  position: relative;
}
.card-team__image::before {
  opacity: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(23, 54, 103, 0) 0%, rgb(23, 54, 103) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: var(--speed-default);
}
.card-team__image::after {
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(23, 54, 103, 0) 0%, rgba(23, 54, 103, 0.5) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: var(--speed-default);
}
.card-team__image picture,
.card-team__image img {
  width: 100%;
  border-radius: 0 0 16px;
  transition: var(--speed-slow);
}
@media (min-width: 1024px) {
  .card-team__image picture,
  .card-team__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-team__image picture,
  .card-team__image img {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .card-team__image {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-team__image {
    border-radius: 0 0 32px;
  }
}
.card-team__name {
  opacity: 0.6;
}
.card-team__content {
  width: 100%;
  padding: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.card-team__content h5 {
  margin-bottom: 0;
}
@media (min-width: 1440px) {
  .card-team__content {
    padding: 40px 60px 40px 40px;
  }
}

.card-portal {
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  border-radius: 0 0 16px;
  color: #fff;
  position: relative;
  z-index: 100;
  transition: var(--speed-default);
}
.card-portal::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: var(--speed-default);
}
@media (min-width: 1024px) {
  .card-portal::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-portal::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
.card-portal:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.card-portal:hover .card-portal__image img {
  transform: scale(1.08);
}
@media (min-width: 1024px) {
  .card-portal {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-portal {
    border-radius: 0 0 32px;
  }
}
.card-portal__image {
  overflow: hidden;
  width: 100%;
  border-radius: 0 0 16px;
  position: relative;
}
.card-portal__image::before {
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.card-portal__image picture,
.card-portal__image img {
  width: 100%;
  border-radius: 0 0 16px;
  transition: var(--speed-slow);
}
@media (min-width: 1024px) {
  .card-portal__image picture,
  .card-portal__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-portal__image picture,
  .card-portal__image img {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .card-portal__image {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-portal__image {
    border-radius: 0 0 32px;
  }
}
.card-portal__title {
  width: 100%;
  padding: 30px 80px 30px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.card-portal__title h5 {
  margin: 0;
  text-shadow: 1px 0 #17243e;
}
@media (min-width: 1440px) {
  .card-portal__title {
    padding: 35px 70px 35px 35px;
  }
}

.card-post {
  overflow: hidden;
  display: block;
  border-radius: 0 0 16px;
  color: #fff;
  position: relative;
  transition: var(--speed-default);
}
.card-post::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: var(--speed-default);
}
.wrapper.business .card-post::before {
  border-color: #97d555;
}
.wrapper.consumers .card-post::before {
  border-color: #D71F85;
}
@media (min-width: 1024px) {
  .card-post::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-post::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
.card-post:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.card-post:hover .card-post__image img {
  transform: scale(1.08);
}
@media (min-width: 1024px) {
  .card-post {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-post {
    border-radius: 0 0 32px;
  }
}
.card-post__image {
  overflow: hidden;
  width: 100%;
  border-radius: 0 0 16px;
  position: relative;
}
.card-post__image::before {
  opacity: 0.6;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.card-post__image::after {
  opacity: 0.6;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.card-post__image .card-post__image__placeholder {
  position: relative;
  display: block;
}
.card-post__image picture,
.card-post__image img {
  display: block;
  width: 100%;
  border-radius: 0 0 16px;
  transition: var(--speed-slow);
}
@media (min-width: 1024px) {
  .card-post__image picture,
  .card-post__image img {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-post__image picture,
  .card-post__image img {
    border-radius: 0 0 32px;
  }
}
@media (min-width: 1024px) {
  .card-post__image {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-post__image {
    border-radius: 0 0 32px;
  }
}
.card-post__label {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .card-post__label {
    top: 28px;
    left: 28px;
  }
}
@media (min-width: 1440px) {
  .card-post__label {
    top: 50px;
    left: 50px;
  }
}
.card-post__title {
  width: 100%;
  padding: 30px 65px 30px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.card-post__title h4 {
  margin: 0;
}
@media (min-width: 1440px) {
  .card-post__title h4 {
    font-size: 24px;
    line-height: 1.2;
  }
}
@media (min-width: 1440px) {
  .card-post__title {
    padding: 35px 65px 35px 45px;
  }
}

.card-supply {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  margin-bottom: 18px;
  border-radius: 0 0 40px 0;
  padding: 30px 70px 30px 30px;
  background-image: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  color: #17243e;
  position: relative;
  transition: var(--speed-default);
}
@media (min-width: 1280px) {
  .card-supply {
    aspect-ratio: auto;
  }
}
.card-supply::before {
  width: 32px;
  height: 32px;
  border-radius: 0 0 25px 0;
  border-right: 2px solid #46bccd;
  border-bottom: 2px solid #46bccd;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: var(--speed-default);
}
.business .card-supply::before {
  border-color: #97d555;
}
.consumers .card-supply::before {
  border-color: #D71F85;
}
@media (min-width: 1024px) {
  .card-supply::before {
    right: 25px;
    bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .card-supply::before {
    width: 44px;
    height: 44px;
    border-radius: 0 0 30px 0;
    font-size: 18px;
  }
}
.card-supply::after {
  background-image: url(../images/supply-pattern.svg);
  background-position: center center;
  background-repeat: repeat;
  opacity: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--speed-default);
}
.card-supply:hover {
  background: #46bccd;
  color: #fff;
}
.card-supply:hover::before {
  border-color: #fff;
  color: #fff;
}
.card-supply:hover::after {
  opacity: 1;
}
.card-supply:hover .card-supply__number {
  background-image: linear-gradient(to bottom, rgb(242, 243, 247) 46%, rgb(151, 217, 226) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrapper.business .card-supply:hover .card-supply__number {
  background-image: linear-gradient(to bottom, rgb(242, 243, 247) 46%, rgb(185, 225, 151) 100%);
}
.wrapper.consumers .card-supply:hover .card-supply__number {
  background-image: linear-gradient(to bottom, rgb(242, 243, 247) 46%, rgb(226, 151, 195) 100%);
}
.card-supply:hover .card-supply__text,
.card-supply:hover .card-supply__name {
  color: #fff;
  z-index: 5;
}
@media (min-width: 1440px) {
  .card-supply:hover .card-supply__text,
  .card-supply:hover .card-supply__name {
    color: #fff;
  }
}
.wrapper.business .card-supply:hover {
  background: #97d555;
}
.wrapper.consumers .card-supply:hover {
  background: #D71F85;
}
@media (min-width: 1024px) {
  .about-section .card-supply {
    height: 374px;
  }
}
@media (min-width: 1440px) {
  .about-section .card-supply {
    height: 580px;
  }
}
.card-supply__number {
  width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
}
@media (min-width: 1440px) {
  .card-supply__number {
    margin-bottom: 15px;
    font-size: 160px;
    line-height: 160px;
  }
}
.card-supply__text {
  width: 100%;
  font-size: 16px;
  color: #a2a7b2;
  transition: var(--speed-default);
}
@media (min-width: 1440px) {
  .card-supply__text {
    font-size: 24px;
    color: #17243e;
  }
}

.card-user {
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  border-radius: 40px;
  padding: 16px 18px;
  background-image: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  color: #17243e;
  position: relative;
  transition: var(--speed-default);
}
@media (min-width: 1024px) {
  .card-user:hover {
    background: #17243e;
    color: #fff;
  }
}
@media (min-width: 1024px) {
  .card-user {
    padding: 12px;
  }
}
@media (min-width: 1440px) {
  .card-user {
    padding: 16px 18px;
  }
}
.card-user__name {
  width: calc(100% - 38px);
  padding-left: 18px;
  position: relative;
}
.card-user__name strong {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .card-user__name strong {
    font-size: 12px;
  }
}
@media (min-width: 1440px) {
  .card-user__name strong {
    font-size: 16px;
  }
}
.card-user__name span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .card-user__name span {
    font-size: 10px;
  }
}
@media (min-width: 1440px) {
  .card-user__name span {
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  .card-user__name {
    padding-left: 10px;
  }
}
@media (min-width: 1440px) {
  .card-user__name {
    width: calc(100% - 48px);
    padding-left: 18px;
  }
}
.card-user__image {
  width: 38px;
}
.card-user__image picture,
.card-user__image img {
  width: 100%;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .card-user__image {
    width: 48px;
  }
}
.card-user--light {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  mix-blend-mode: saturation;
}
.card-user--light .card-user__name strong {
  color: #fff;
}
.card-user--light:hover {
  background: rgba(255, 255, 255, 0.05);
}

.card-service {
  overflow: hidden;
  display: block;
  border-radius: 0 0 20px 0;
  padding: 25px;
  background-image: linear-gradient(240deg, #ebecf2 32%, #d7dae5 100%);
  font-weight: 500;
  font-size: 14px;
  color: #17243e;
  position: relative;
  transition: var(--speed-default);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.card-service:hover {
  background: #17243e;
  color: #fff;
}
@media (min-width: 1024px) {
  .card-service {
    border-radius: 0 0 30px 0;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .card-service {
    font-size: 20px;
  }
}
.card-service__name {
  width: 100%;
  position: relative;
}
.card-service__name::after {
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 80%;
  color: #46bccd;
  position: absolute;
  top: 0;
  right: 0;
  transition: var(--speed-default);
}
.wrapper.business .card-service__name::after {
  color: #97d555;
}
.wrapper.consumers .card-service__name::after {
  color: #D71F85;
}
.card-service__name span {
  display: block;
  padding-right: 15px;
  padding-left: 15px;
}
.card-service__image {
  aspect-ratio: 280/280;
  width: 100%;
  margin-bottom: 25px;
}
.card-service__image picture,
.card-service__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 0 14px 0;
}

.card-microphone {
  overflow: hidden;
  display: block;
  border-radius: 0 0 20px 0;
  padding: 20px 20px 20px 80px;
  background: rgba(23, 36, 62, 0.04);
  font-size: 16px;
  color: #fff;
  position: relative;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.card-microphone a {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.card-microphone a::after {
  margin-left: 10px;
  content: "\E90B";
  font-family: "hansjanssen-icons";
  font-size: 70%;
}
@media (min-width: 1024px) {
  .card-microphone a {
    justify-content: center;
    color: #a2a7b2;
  }
}
.card-microphone strong {
  display: block;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .card-microphone strong {
    margin-bottom: 5px;
  }
}
@media (min-width: 1440px) {
  .card-microphone strong {
    margin-bottom: 10px;
  }
}
.business .card-microphone {
  color: #fff;
}
.business .card-microphone .card-microphone__icon {
  border-color: rgba(255, 255, 255, 0.2);
}
.business .card-microphone .card-microphone__icon::before {
  border-color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 1024px) {
  .business .card-microphone .card-microphone__icon::before {
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1440px) {
  .business .card-microphone .card-microphone__icon::before {
    border-color: white;
  }
}
.business .card-microphone .card-microphone__icon::after {
  border-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
  .business .card-microphone .card-microphone__icon::after {
    border-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1024px) {
  .business .card-microphone .card-microphone__icon {
    border-color: rgba(255, 255, 255, 0.05);
  }
}
.business .card-microphone a {
  color: #a2a7b2;
}
.faq-section .card-microphone {
  display: block;
  background: #fff;
  color: #17243e;
  text-align: left;
}
.faq-section .card-microphone .card-microphone__icon {
  border: 1px solid rgba(23, 36, 62, 0.2);
}
.faq-section .card-microphone .card-microphone__icon::before {
  border: 1px solid rgba(23, 36, 62, 0.4);
}
@media (min-width: 1024px) {
  .faq-section .card-microphone .card-microphone__icon::before {
    border: 1px solid rgba(23, 36, 62, 0.3);
  }
}
@media (min-width: 1440px) {
  .faq-section .card-microphone .card-microphone__icon::before {
    border: 1px solid #17243e;
  }
}
.faq-section .card-microphone .card-microphone__icon::after {
  border: 1px solid rgba(23, 36, 62, 0.2);
}
@media (min-width: 1024px) {
  .faq-section .card-microphone .card-microphone__icon::after {
    border: 1px solid rgba(23, 36, 62, 0.1);
  }
}
@media (min-width: 1024px) {
  .faq-section .card-microphone .card-microphone__icon {
    margin: 0;
    border: 1px solid rgba(23, 36, 62, 0.05);
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
  }
}
@media (min-width: 1440px) {
  .faq-section .card-microphone .card-microphone__icon {
    left: 20px;
  }
}
.faq-section .card-microphone strong {
  display: block;
  margin-bottom: 0;
  font-weight: 700;
}
@media (min-width: 1440px) {
  .faq-section .card-microphone strong {
    margin-bottom: 4px;
  }
}
.faq-section .card-microphone a {
  display: block;
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .faq-section .card-microphone {
    padding: 20px 20px 20px 135px;
  }
}
@media (min-width: 1440px) {
  .faq-section .card-microphone {
    padding: 55px 20px 45px 178px;
  }
}
@media (min-width: 1024px) {
  .card-microphone {
    border-radius: 0 0 40px 0;
    padding: 40px;
    color: #17243e;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .card-microphone {
    font-size: 24px;
  }
}
.card-microphone__icon {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 15px;
}
.card-microphone__icon::before {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .card-microphone__icon::before {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(23, 36, 62, 0.3);
  }
}
@media (min-width: 1440px) {
  .card-microphone__icon::before {
    width: 76px;
    height: 76px;
    border: 1px solid #17243e;
  }
}
.card-microphone__icon::after {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .card-microphone__icon::after {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(23, 36, 62, 0.1);
  }
}
@media (min-width: 1440px) {
  .card-microphone__icon::after {
    width: 96px;
    height: 96px;
  }
}
@media (min-width: 1024px) {
  .card-microphone__icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
    border: 1px solid rgba(23, 36, 62, 0.05);
    position: relative;
    top: auto;
    left: auto;
  }
}
@media (min-width: 1440px) {
  .card-microphone__icon {
    width: 130px;
    height: 130px;
    margin-bottom: 30px;
    font-size: 32px;
  }
}
.card-microphone--white {
  display: block;
  background: #fff;
  color: #17243e;
  text-align: left;
}
.card-microphone--white .card-microphone__icon {
  border: 1px solid rgba(23, 36, 62, 0.2);
}
.card-microphone--white .card-microphone__icon::before {
  border: 1px solid rgba(23, 36, 62, 0.4);
}
@media (min-width: 1024px) {
  .card-microphone--white .card-microphone__icon::before {
    border: 1px solid rgba(23, 36, 62, 0.3);
  }
}
@media (min-width: 1440px) {
  .card-microphone--white .card-microphone__icon::before {
    border: 1px solid #17243e;
  }
}
.card-microphone--white .card-microphone__icon::after {
  border: 1px solid rgba(23, 36, 62, 0.2);
}
@media (min-width: 1024px) {
  .card-microphone--white .card-microphone__icon::after {
    border: 1px solid rgba(23, 36, 62, 0.1);
  }
}
@media (min-width: 1024px) {
  .card-microphone--white .card-microphone__icon {
    margin: 0;
    border: 1px solid rgba(23, 36, 62, 0.05);
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
  }
}
@media (min-width: 1440px) {
  .card-microphone--white .card-microphone__icon {
    left: 20px;
  }
}
.card-microphone--white strong {
  display: block;
  margin-bottom: 0;
  font-weight: 700;
}
@media (min-width: 1440px) {
  .card-microphone--white strong {
    margin-bottom: 4px;
  }
}
.card-microphone--white a {
  display: block;
  color: #a2a7b2;
}
@media (min-width: 1024px) {
  .card-microphone--white {
    padding: 20px 20px 20px 135px;
  }
}
@media (min-width: 1440px) {
  .card-microphone--white {
    padding: 55px 20px 45px 178px;
  }
}

.card.card--house-build .card--house-build__build {
  display: flex;
  flex-direction: column;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper {
  padding-top: 24px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-heading {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-heading .title {
  margin-bottom: 0;
  font-weight: 700;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-heading .type {
  margin-bottom: 0;
  color: #a2a7b2;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-features {
  margin-top: 16px;
  margin-bottom: 16px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-features ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-features ul li {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 24px;
  border-radius: 32px;
  background: #fff;
  font-size: 12px;
  color: #17243e;
  padding-top: 4px;
  padding-right: 16px;
  padding-bottom: 4px;
  padding-left: 16px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-features ul li i {
  margin-right: 10px;
  font-size: 70%;
  color: #D71F85;
}
body.nieuwbouw-single .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-features ul li i {
  display: none;
}
@media (min-width: 1440px) {
  .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-features ul li {
    height: 32px;
    font-size: 16px;
  }
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-price span {
  font-weight: 700;
  font-size: 20px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-top: 24px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand i {
  width: 16px;
  height: 16px;
  position: relative;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand i::before, .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand i::after {
  width: 2px;
  height: 100%;
  background-color: #46bccd;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform var(--speed-default) ease-in-out, opacity var(--speed-default) linear;
  margin-top: -8px;
  margin-left: -1px;
}
.card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper .house-build-expand i::after {
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .card.card--house-build .card--house-build__build {
    flex-direction: row;
    align-items: center;
  }
  .card.card--house-build .card--house-build__build .card--house-build__build__image-wrapper {
    width: 250px;
    margin-right: 40px;
  }
  .card.card--house-build .card--house-build__build .card--house-build__build__house-info-wrapper {
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .card.card--house-build .card--house-build__build .card--house-build__build__image-wrapper {
    width: 400px;
    margin-right: 80px;
  }
}
.card.card--house-build .card--house-build__number .inner {
  border-bottom: 1px solid #d1d3d8;
  padding-top: 32px;
  padding-bottom: 32px;
}
.card.card--house-build .object-numbers {
  --object-number-padding-x: 24px;
}
.card.card--house-build .object-numbers thead th {
  border-bottom: 1px solid #d1d3d8;
  font-weight: 500;
  color: #17243e;
  padding-right: var(--object-number-padding-x);
  padding-bottom: 16px;
  padding-left: var(--object-number-padding-x);
}
.card.card--house-build .object-numbers thead th:last-child {
  width: 0.01%;
  padding: 0;
}
.card.card--house-build .object-numbers thead tr.spacer {
  height: 32px;
}
@media (max-width: 1023.98px) {
  .card.card--house-build .object-numbers thead {
    display: none;
  }
}
.card.card--house-build .object-numbers tbody tr {
  position: relative;
}
.card.card--house-build .object-numbers tbody tr:not(.spacer) {
  cursor: pointer;
}
@media (max-width: 1023.98px) {
  .card.card--house-build .object-numbers tbody tr:not(.spacer) {
    display: flex;
    flex-wrap: wrap;
    border-bottom-right-radius: 8px;
    padding-bottom: 20px;
    background-color: #fff;
  }
}
.card.card--house-build .object-numbers tbody tr.spacer {
  height: 8px;
}
.card.card--house-build .object-numbers tbody td {
  padding: 12px var(--object-number-padding-x);
  vertical-align: middle;
}
.card.card--house-build .object-numbers tbody td.table-link {
  width: 0;
}
.card.card--house-build .object-numbers tbody td.table-link a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.card.card--house-build .object-numbers tbody td.object-title {
  font-weight: 700;
}
.card.card--house-build .object-numbers tbody td.object-status span {
  display: inline-flex;
  align-items: center;
  height: 32px;
  border-radius: 999px;
  background-color: #46bccd;
  color: #fff;
  white-space: nowrap;
  padding-top: 4px;
  padding-right: 16px;
  padding-bottom: 4px;
  padding-left: 16px;
}
.card.card--house-build .object-numbers tbody td.object-surface, .card.card--house-build .object-numbers tbody td.object-rooms, .card.card--house-build .object-numbers tbody td.object-price {
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1023.98px) {
  .card.card--house-build .object-numbers tbody td {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .card.card--house-build .object-numbers tbody td.object-title {
    width: 60%;
  }
  .card.card--house-build .object-numbers tbody td.object-status {
    width: auto;
    margin-left: auto;
  }
  .card.card--house-build .object-numbers tbody td.object-surface, .card.card--house-build .object-numbers tbody td.object-rooms, .card.card--house-build .object-numbers tbody td.object-price {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .card.card--house-build .object-numbers tbody td.object-surface > span, .card.card--house-build .object-numbers tbody td.object-rooms > span, .card.card--house-build .object-numbers tbody td.object-price > span {
    width: 50%;
  }
  .card.card--house-build .object-numbers tbody td.object-link-viewer {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .card.card--house-build .object-numbers tbody td.object-title, .card.card--house-build .object-numbers tbody td.object-status {
    width: 100%;
  }
  .card.card--house-build .object-numbers tbody td.object-status {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .card.card--house-build .object-numbers tbody td {
    width: 1%;
    min-height: 80px;
  }
  .card.card--house-build .object-numbers tbody td .mobile-text {
    display: none;
  }
  .card.card--house-build .object-numbers tbody td:not(.table-link) {
    background-color: #fff;
  }
  .card.card--house-build .object-numbers tbody td.object-title {
    width: 25%;
  }
  .card.card--house-build .object-numbers tbody td.object-link-viewer {
    width: 0.01%;
    border-bottom-right-radius: 20px;
    border-left: 1px solid #f2f3f7;
    padding-right: 20px;
    padding-left: 20px;
  }
  .card.card--house-build .object-numbers tbody td.object-link-viewer i {
    font-size: 12px;
    color: #46bccd;
  }
  .wrapper.consumers .card.card--house-build .object-numbers tbody td.object-link-viewer i {
    color: #D71F85;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .card.card--house-build .object-numbers {
    --object-number-padding-x: 16px;
  }
}
@media (min-width: 1600px) {
  .card.card--house-build .object-numbers {
    --object-number-padding-x: 40px;
  }
}
.card.card--house-build:not(:last-child) {
  margin-bottom: 48px;
}
.card.card--house-build.active .house-build-expand i::before {
  opacity: 0;
  transform: rotate(90deg);
}

.card.card--house-build-number {
  display: grid;
  align-items: center;
  grid-template-columns: 612px auto;
  column-gap: 176px;
  border-bottom-right-radius: 32px;
  background-color: #fff;
  padding: 24px 40px;
}
.card.card--house-build-number .left,
.card.card--house-build-number .right {
  display: grid;
  align-items: center;
}
.card.card--house-build-number .left {
  grid-template-columns: repeat(2, 1fr);
}
.card.card--house-build-number .right {
  grid-template-columns: repeat(4, 1fr);
}
.card.card--house-build-number .build-number-title {
  display: flex;
  justify-content: flex-start;
  font-weight: 700;
  margin-bottom: 0;
}
.card.card--house-build-number .build-number-status {
  display: flex;
  justify-content: flex-end;
}
.card.card--house-build-number .build-number-status span {
  color: #fff;
  background-color: #46bccd;
  border-radius: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
}
.card.card--house-build-number .build-number-surface, .card.card--house-build-number .build-number-capacity, .card.card--house-build-number .build-number-sleeping-rooms, .card.card--house-build-number .build-number-price {
  font-weight: 500;
}

.infoBox {
  min-width: 375px !important;
}
@media (min-width: 1280px) {
  .infoBox .short--info p b {
    margin-bottom: 10px;
  }
}
@media (min-width: 1600px) {
  .infoBox .short--info p b {
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .infoBox .short--info {
    padding: 20px !important;
  }
}
@media (min-width: 1440px) {
  .infoBox .short--info {
    padding: 25px !important;
  }
}
@media (min-width: 1920px) {
  .infoBox .short--info {
    padding: 30px !important;
  }
}
.infoBox .sure-place {
  padding: 15px 20px;
  background-color: #fff;
}
.infoBox .sure-place header h3 {
  margin-bottom: 5px;
  font-family: "Roc Grotesk", sans-serif;
  font-weight: 500;
  font-weight: 700;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: #17243e;
}
.infoBox .sure-place .place-address {
  color: #17243e;
}
.infoBox .sure-place footer {
  margin-top: 10px;
}
.infoBox .sure-place footer a {
  color: #17243e;
  text-decoration: underline;
}
.infoBox .sure-place footer a.place-phone {
  display: none;
}
.infoBox > img {
  width: 30px;
  height: 30px;
  margin: 0 !important;
  cursor: pointer;
  position: absolute !important;
  top: -30px;
  right: 0;
}
@media (min-width: 1280px) {
  .infoBox {
    min-width: 425px !important;
  }
}

.card-certificate {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  min-height: 100%;
  margin-bottom: 30px;
  border-radius: 0 0 16px;
  padding: 25px;
  background: #fff;
  position: relative;
  transition: var(--speed-default);
}
.card-certificate:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .card-certificate {
    border-radius: 0 0 24px;
  }
}
@media (min-width: 1440px) {
  .card-certificate {
    border-radius: 0 0 32px;
    padding: 40px 40px 30px;
  }
}
.card-certificate__bottom .text {
  line-height: 2;
  color: #a2a7b2;
}
.card-certificate__top {
  display: grid;
  grid-template-columns: minmax(0, 105px) minmax(0, 1fr);
  column-gap: 24px;
  width: 100%;
  border-bottom: 1px solid #ebecf2;
  padding-bottom: 24px;
}
.card-certificate__top .head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 16px;
}
.card-certificate__top .head span {
  margin: 0;
}
.card-certificate__top .image picture,
.card-certificate__top .image img {
  object-fit: contain;
  aspect-ratio: 105/105;
  width: 100%;
  height: 100%;
  display: block;
}
.card-certificate__top p {
  color: #a2a7b2;
}

.card.card--faq-cta {
  background-color: #fff;
  display: grid;
  padding: 24px;
  column-gap: 40px;
  row-gap: 24px;
  border-bottom-right-radius: 32px;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  .card.card--faq-cta {
    grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
    padding: 32px 24px;
  }
}
.card.card--faq-cta .card-faq-cta__image picture,
.card.card--faq-cta .card-faq-cta__image img {
  border-radius: 10px;
  aspect-ratio: 180/180;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 180px;
}
@media (min-width: 768px) {
  .card.card--faq-cta .card-faq-cta__image picture,
  .card.card--faq-cta .card-faq-cta__image img {
    max-height: 100%;
  }
}
.card.card--faq-cta .card-faq-cta__content {
  display: flex;
  flex-direction: column;
}
.card.card--faq-cta .card-faq-cta__content .text {
  color: #a2a7b2;
}
.card.card--faq-cta .card-faq-cta__content .text .h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 8px;
}

.card.card-link {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  height: 100%;
  background: linear-gradient(219deg, #E6E8EF 73.13%, #D7DAE5 100%);
  padding: 24px;
  border-bottom-right-radius: 32px;
  transition: box-shadow var(--speed-default);
}
.card.card-link .card-link__top {
  height: 280px;
}
.card.card-link .card-link__top .card-link__image {
  height: 100%;
  width: 100%;
}
.card.card-link .card-link__top .card-link__image picture,
.card.card-link .card-link__top .card-link__image img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.card.card-link .card-link__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.card.card-link .card-link__bottom .card-link__arrow i {
  color: #46bccd;
}
.card.card-link:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card.card--download {
  display: flex;
  height: 80px;
  column-gap: 40px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  background-color: #fff;
}
@media (min-width: 1280px) {
  .card.card--download {
    height: 112px;
  }
}
.card.card--download .card-download__image {
  aspect-ratio: 1/1;
  height: 100%;
}
.card.card--download .card-download__image picture,
.card.card--download .card-download__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.card.card--download .card-download__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.card.card--download .card-download__info .info {
  display: flex;
  flex-direction: column;
}
.card.card--download .card-download__info .info .title {
  color: #17243e;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.card.card--download .card-download__info .info .filesize {
  color: #a2a7b2;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.form-check {
  display: flex;
  position: relative;
}
.form-check input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  top: calc((var(--line-height-base) - var(--size-form-check-indicator)) / 2);
  z-index: -1;
}
.form-check input:disabled ~ * {
  opacity: 0.5;
  cursor: default;
}
.form-check input:checked ~ .form-check__indicator::after {
  opacity: 1;
}
.form-check input[type=checkbox]:checked ~ .form-check__indicator {
  border-color: #46bccd;
  background: #46bccd;
}
.form-check input[type=checkbox]:checked ~ .form-check__indicator::after {
  content: "\E908";
}
.form-check input[type=radio] ~ .form-check__indicator {
  border-radius: 50%;
}
.form-check input[type=radio] ~ .form-check__indicator::after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #97d555;
  transform: scale(0);
  transition: transform var(--speed-fast) ease-out;
}
.form-check input[type=radio]:checked ~ .form-check__indicator::after {
  transform: scale(1);
}
.form-check .form-check__text {
  padding-left: 30px;
  font-size: calc(var(--font-size-base) / 1.125);
  color: #a2a7b2;
  -webkit-user-select: none;
          user-select: none;
}
.form-check .form-check__text a {
  color: #a2a7b2;
  text-decoration: underline;
}
.form-check .form-check__text a:hover {
  text-decoration: none;
}
@media (min-width: 1440px) {
  .form-check .form-check__text {
    padding-left: 35px;
  }
}
.form-check .form-check__indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size-form-check-indicator);
  height: var(--size-form-check-indicator);
  border: 1px solid #d1d3d8;
  background-color: #fff;
  font-size: 11px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 4px;
  left: 0;
}
.form-check .form-check__indicator::after {
  content: "";
  font-family: "hansjanssen-icons";
}
@media (min-width: 1440px) {
  .form-check .form-check__indicator {
    font-size: 14px;
  }
}
.form-check + .form-check {
  margin-top: 15px;
}

.gform.gravity-theme .gform_body .gform_fields .gfield input[type=color],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=date],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=email],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=month],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=number],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=password],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=search],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=text],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=time],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=url],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=week],
.gform.gravity-theme .gform_body .gform_fields .gfield select,
.gform.gravity-theme .gform_body .gform_fields .gfield textarea,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea, .custom-select .select-items .select-items__body .select-items__body__option, .custom-select .select-selected, .form-control {
  width: 100%;
  height: var(--height-form-control);
  border: 1px solid rgba(162, 167, 178, 0.5);
  border-radius: 0 0 8px;
  background-color: #fff;
  font-size: 14px;
  color: #17243e;
  transition: border-color var(--speed-default) ease-out;
  padding-right: var(--px-form-control);
  padding-left: var(--px-form-control);
}
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=color]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=date]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=email]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=month]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=number]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=password]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=search]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=text]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=time]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=url]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=week]::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield select::placeholder,
.gform.gravity-theme .gform_body .gform_fields .gfield textarea::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week]::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select::placeholder,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea::placeholder, .custom-select .select-items .select-items__body .select-items__body__option::placeholder, .custom-select .select-selected::placeholder, .form-control::placeholder {
  opacity: 0.5;
  color: #17243e;
}
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=color]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=date]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=email]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=month]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=number]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=password]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=search]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=text]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=time]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=url]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=week]:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield select:disabled,
.gform.gravity-theme .gform_body .gform_fields .gfield textarea:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week]:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select:disabled,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea:disabled, .custom-select .select-items .select-items__body .select-items__body__option:disabled, .custom-select .select-selected:disabled, .form-control:disabled {
  opacity: 0.5;
}
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=color]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=date]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=email]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=month]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=number]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=password]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=search]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=text]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=time]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=url]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=week]:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield select:not(textarea),
.gform.gravity-theme .gform_body .gform_fields .gfield textarea:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week]:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select:not(textarea),
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea:not(textarea), .custom-select .select-items .select-items__body .select-items__body__option:not(textarea), .custom-select .select-selected:not(textarea), .form-control:not(textarea) {
  display: flex;
  align-items: center;
  height: var(--height-form-control);
}
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=color], .gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=color],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=date],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=date],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=datetime-local],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=datetime],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=email],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=email],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=month],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=month],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=number],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=number],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=password],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=password],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=search],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=search],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=tel],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=text],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=text],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=time],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=time],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=url],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=url],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield input[type=week],
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=week],
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield select,
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid select,
.form-group--invalid .gform.gravity-theme .gform_body .gform_fields .gfield textarea,
.gform.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid textarea,
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=color],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=date],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=datetime-local],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=datetime],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=email],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=month],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=number],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=password],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=search],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=tel],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=text],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=time],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=url],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid input[type=week],
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid select,
.form-group--invalid .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-group--invalid textarea, .form-group--invalid .custom-select .select-items .select-items__body .select-items__body__option, .custom-select .select-items .select-items__body .form-group--invalid .select-items__body__option, .form-group--invalid .custom-select .select-selected, .custom-select .form-group--invalid .select-selected, .form-group--invalid .form-control {
  border-color: #97d555;
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=color],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=date],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=email],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=month],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=number],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=password],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=search],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=text],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=time],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=url],
  .gform.gravity-theme .gform_body .gform_fields .gfield input[type=week],
  .gform.gravity-theme .gform_body .gform_fields .gfield select,
  .gform.gravity-theme .gform_body .gform_fields .gfield textarea,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week],
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea, .custom-select .select-items .select-items__body .select-items__body__option, .custom-select .select-selected, .form-control {
    padding-top: 10px;
    font-size: 16px;
  }
}

textarea.form-control {
  display: block;
  min-height: calc(var(--height-form-control) * 2.34375);
  resize: vertical;
  padding-top: var(--py-form-control);
  padding-bottom: var(--py-form-control);
}

.custom-select {
  position: relative;
}
.custom-select select {
  display: none;
}
.custom-select .select-selected {
  justify-content: space-between;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.custom-select .select-selected::after {
  flex-shrink: 0;
  margin-left: 15px;
  content: "\E909";
  font-size: 7px;
  transition: transform var(--speed-default) var(--ease-out);
}
.custom-select .select-items {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}
.custom-select .select-items .select-items__body {
  overflow-y: auto;
  max-height: calc(var(--height-form-control) * 5);
}
.custom-select .select-items .select-items__body .select-items__body__option {
  margin-top: -1px;
  cursor: pointer;
}
.custom-select .select-items .select-items__body .select-items__body__option.same-as-selected {
  display: none;
}
.custom-select.custom-select--active {
  z-index: 10;
}
.custom-select.custom-select--active .select-selected::after {
  transform: scaleY(-1);
}
@media (min-width: 1024px) {
  .custom-select .select-selected::after {
    right: calc(var(--px-form-control) - 5px);
  }
}

.form-group {
  margin-bottom: 10px;
  position: relative;
}

.input-group {
  display: flex;
}
.input-group .form-control {
  flex-grow: 1;
  height: auto;
  border-right: 0;
}
.input-group .input-group__btn-wrap {
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #d1d3d8;
  padding: 7px;
  background-color: #fff;
}
.input-group .input-group__btn-wrap [class*=btn] {
  flex-shrink: 0;
  margin-top: 0;
}
.input-group + .input-group {
  margin-top: 10px;
}
.input-group.input-group--io .btn, .input-group.input-group--io .gform.gravity-theme .gform_footer .gform_button, .gform.gravity-theme .gform_footer .input-group.input-group--io .gform_button,
.input-group.input-group--io .gform_wrapper.gravity-theme .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_footer .input-group.input-group--io .gform_button, .input-group.input-group--io .house-list__button ul li a, .house-list__button ul li .input-group.input-group--io a, .input-group.input-group--io .house-filter__search .button, .house-filter__search .input-group.input-group--io .button, .input-group.input-group--io .cta-block__search .button, .cta-block__search .input-group.input-group--io .button {
  width: var(--height-btn);
  color: #97d555;
}
@media (hover: hover) and (pointer: fine) {
  .input-group.input-group--io .btn:hover, .input-group.input-group--io .gform.gravity-theme .gform_footer .gform_button:hover, .gform.gravity-theme .gform_footer .input-group.input-group--io .gform_button:hover,
  .input-group.input-group--io .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
  .gform_wrapper.gravity-theme .gform_footer .input-group.input-group--io .gform_button:hover, .input-group.input-group--io .house-list__button ul li a:hover, .house-list__button ul li .input-group.input-group--io a:hover, .input-group.input-group--io .house-filter__search .button:hover, .house-filter__search .input-group.input-group--io .button:hover, .input-group.input-group--io .cta-block__search .button:hover, .cta-block__search .input-group.input-group--io .button:hover {
    background-color: #97d555;
    color: #17243e;
  }
}

.gform .gfield_visibility_hidden,
.gform_wrapper .gfield_visibility_hidden {
  height: 0 !important;
}
.gform .gform_validation_errors,
.gform_wrapper .gform_validation_errors {
  margin-top: 0;
  margin-bottom: 20px;
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.gform .gform_validation_errors .gform_submission_error,
.gform_wrapper .gform_validation_errors .gform_submission_error {
  line-height: 1.2;
}
.gform .gform_validation_errors .gform_submission_error .gform-icon,
.gform_wrapper .gform_validation_errors .gform_submission_error .gform-icon {
  display: none;
}
.gform .gform_required_legend,
.gform_wrapper .gform_required_legend {
  display: none;
}
.gform.gravity-theme .gform_body .gform_fields,
.gform_wrapper.gravity-theme .gform_body .gform_fields {
  grid-column-gap: 6px;
  grid-row-gap: 10px;
}
.gform.gravity-theme .gform_body .gform_fields .gfield,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield {
  width: 100%;
  position: relative;
}
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=color],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=date],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=email],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=month],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=number],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=password],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=search],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=text],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=time],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=url],
.gform.gravity-theme .gform_body .gform_fields .gfield input[type=week],
.gform.gravity-theme .gform_body .gform_fields .gfield select,
.gform.gravity-theme .gform_body .gform_fields .gfield textarea,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=color],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=date],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime-local],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=datetime],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=month],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=search],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=time],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield input[type=week],
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield select,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea {
  width: 100%;
}
.gform.gravity-theme .gform_body .gform_fields .gfield textarea,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea {
  min-height: 144px;
  resize: none;
  border-radius: 0 0 8px;
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield textarea,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea {
    min-height: 190px;
  }
}
.gform.gravity-theme .gform_body .gform_fields .gfield .form-check,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .form-check {
  margin-top: 15px;
}
.gform.gravity-theme .gform_body .gform_fields .gfield .gfield_label,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .gfield_label {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #a2a7b2;
}
.gform.gravity-theme .gform_body .gform_fields .gfield .gfield_label.gfield_label_before_complex,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .gfield_label.gfield_label_before_complex {
  display: none;
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield .gfield_label,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .gfield_label {
    font-size: 20px;
  }
}
.gform.gravity-theme .gform_body .gform_fields .gfield .gfield_required,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .gfield_required {
  display: none;
}
.gform.gravity-theme .gform_body .gform_fields .gfield .gfield_description.validation_message,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .gfield_description.validation_message {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.gform.gravity-theme .gform_body .gform_fields .gfield + fieldset.gfield,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield + fieldset.gfield {
  margin-top: 10px;
}
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect input,
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect textarea, .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select input,
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select textarea,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect input,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect textarea,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select input,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select textarea {
  padding-top: 10px;
}
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label, .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label {
  padding-top: 14px;
  font-size: 14px;
  color: #a2a7b2;
  cursor: text;
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--speed-default);
  padding-right: var(--px-form-control);
  padding-left: var(--px-form-control);
}
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label.is-active, .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label.is-active,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label.is-active,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label.is-active {
  padding-top: 6px;
  font-size: 12px;
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label.is-active, .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label.is-active,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label.is-active,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label.is-active {
    padding-top: 12px;
  }
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label, .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect .gfield_label,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label {
    padding-top: 24px;
    font-size: 16px;
  }
}
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_visibility_visible p,
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_visibility_visible h4,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_visibility_visible p,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_visibility_visible h4 {
  opacity: 0.6;
  margin-top: 50px;
  margin-bottom: 5px;
  font-family: "Roc Grotesk", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #17243e;
}
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select select,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select select {
  background-image: url(../images/select-arrow.svg);
  background-position: right 22px center;
  background-repeat: no-repeat;
  padding-top: 10px;
  padding-right: 60px;
  cursor: pointer;
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select select,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select select {
    padding-top: 13px;
  }
}
.gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label,
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label {
  padding-top: 6px;
  font-size: 12px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1440px) {
  .gform.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label,
  .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield_effect_select .gfield_label {
    padding-top: 12px;
  }
}
.gform.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_footer {
  margin-top: 10px;
}
.house-map {
  position: relative;
}
.house-map .sure-map-holder .sure-map-filters {
  display: none;
}
.house-map .house-list__button {
  margin-top: 32px;
}
@media (min-width: 1600px) {
  .house-map .house-list__button {
    margin-top: 56px;
  }
}

.js-apply-filter-button.loading {
  background-color: #a2a7b2 !important;
  pointer-events: none;
}
.js-apply-filter-button.loading:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.nieuwbouw-single #list-places-maps-airport,
.nieuwbouw-single #list-places-maps-subway_station,
.nieuwbouw-single #list-places-maps-taxi_stand, .post #list-places-maps-airport,
.post #list-places-maps-subway_station,
.post #list-places-maps-taxi_stand {
  display: none;
}
/*# sourceMappingURL=app.css.map*/