@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bounce {
  1%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  35% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-5px);
  }
}
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  height: 100vh;
  color: #000;
}
html,
html p,
html li,
body,
body p,
body li {
  font-family: "Barlow";
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2em;
  color: #000;
}
html a a,
html p a a,
html li a a,
body a a,
body p a a,
body li a a {
  transition: color, 0.3s, ease, 0s;
}
html a a, html a a:active, html a a:focus, html a a:visited,
html p a a,
html p a a:active,
html p a a:focus,
html p a a:visited,
html li a a,
html li a a:active,
html li a a:focus,
html li a a:visited,
body a a,
body a a:active,
body a a:focus,
body a a:visited,
body p a a,
body p a a:active,
body p a a:focus,
body p a a:visited,
body li a a,
body li a a:active,
body li a a:focus,
body li a a:visited {
  color: #cbcbcb;
  cursor: pointer;
}
html a a, html a a:active, html a a:focus, html a a:visited,
html p a a,
html p a a:active,
html p a a:focus,
html p a a:visited,
html li a a,
html li a a:active,
html li a a:focus,
html li a a:visited,
body a a,
body a a:active,
body a a:focus,
body a a:visited,
body p a a,
body p a a:active,
body p a a:focus,
body p a a:visited,
body li a a,
body li a a:active,
body li a a:focus,
body li a a:visited {
  text-decoration: none;
  border-bottom-width: 0;
}
html a a:hover, html a a:active,
html p a a:hover,
html p a a:active,
html li a a:hover,
html li a a:active,
body a a:hover,
body a a:active,
body p a a:hover,
body p a a:active,
body li a a:hover,
body li a a:active {
  color: #A5CDE7;
  text-decoration: none;
  border-bottom: 1px solid #A5CDE7;
}
html a a.noclick,
html p a a.noclick,
html li a a.noclick,
body a a.noclick,
body p a a.noclick,
body li a a.noclick {
  cursor: default;
}
html a a.noLinkStyle,
html p a a.noLinkStyle,
html li a a.noLinkStyle,
body a a.noLinkStyle,
body p a a.noLinkStyle,
body li a a.noLinkStyle {
  color: inherit;
  text-decoration: inherit;
}
html a a:focus,
html p a a:focus,
html li a a:focus,
body a a:focus,
body p a a:focus,
body li a a:focus {
  outline: 0;
}
html ul,
body ul {
  padding: 0;
  margin-left: 20px;
}

html {
  overflow-y: auto;
}

body {
  display: flex;
  flex-direction: column;
  max-height: 10000vh;
  height: auto;
  margin: 0;
}

::-moz-selection {
  color: #fff;
  background-color: rgb(228.5, 228.5, 228.5);
}

::selection {
  color: #fff;
  background-color: rgb(228.5, 228.5, 228.5);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  text-rendering: auto;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  color: #126C8D;
  text-rendering: auto;
}

a {
  text-decoration: inherit;
  color: inherit;
}

p {
  margin: inherit;
}

.grid {
  display: flex;
  margin-top: -141px;
  margin-right: -70.5px;
  margin-left: -70.5px;
  flex-wrap: wrap;
  justify-content: center;
}

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

.grid__item {
  margin-top: 141px;
  padding-right: 70.5px;
  padding-left: 70.5px;
  flex: 0 1 auto;
}

.grid__item--grow {
  flex: 1 1 auto;
}

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

.text-uppercase {
  text-transform: uppercase;
}

.text--description {
  font-size: 0.7em;
  font-style: italic;
}

.text--small {
  font-size: 0.7em;
}

.text-col {
  margin-top: 1em;
  columns: 300px 4;
  column-gap: 141px;
}
.text-col > p:first-of-type {
  margin-top: 0;
}

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

.switchWrap {
  position: absolute;
  z-index: 200;
}
.switchWrap .quickSelect {
  cursor: pointer;
}

.hmk-debug__caching-timestamp {
  position: fixed;
  bottom: 0;
  left: 10px;
  border-radius: 10px;
  background-color: green;
  color: white;
  font-size: 12px;
  padding: 7px;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -8px;
  border: none;
  width: 23px;
  height: 25px;
  background-size: contain;
  outline: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.typography {
  font-family: "Barlow";
  color: #000;
  /* LINK ICONS - shows type of file --------------------------- */
  /* TABLE STYLING --------------------------------------------- */
  /* WYSIWYG EDITOR ALIGNMENT CLASSES -------------------------- */
  /* IMAGES ---------------------------------------------------- */
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  font-size: inherit;
  font-weight: inherit;
  text-rendering: auto;
}
.typography h1, .typography .hdr1 {
  font-size: 1.875em;
  line-height: 35px;
  font-weight: 500;
  color: #126C8D;
}
.typography h2, .typography .hdr2 {
  font-size: 1.375em;
  line-height: 27px;
  font-weight: 500;
  color: #126C8D;
}
.typography h3, .typography .hdr3 {
  color: #126C8D;
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  margin-top: 0.4em;
}
.typography h4 {
  margin-top: 1.421em;
}
.typography a {
  transition: color, 0.2s, ease, 0s;
  text-decoration: none;
  color: #2d7363;
}
.typography a:hover, .typography a:focus {
  color: #A5CDE7;
}
.typography p {
  margin: 1.05em 0;
  font-size: 16px;
  color: #404040;
}
.typography strong {
  color: #000000;
}
.typography ul,
.typography ol {
  padding-left: 1.389em;
}
.typography ul li,
.typography ol li {
  padding-left: 1.5556em;
}
.typography ul li:not(:last-child),
.typography ol li:not(:last-child) {
  margin-bottom: 0.5em;
}
.typography h3 + p {
  margin-top: 0;
}
.typography blockquote {
  margin: 0.829em 0;
  padding-right: 1em;
  color: #126C8D;
}
.typography .captionImage {
  font-size: 0.842rem;
  line-height: 1.375em;
  width: auto !important;
  margin-top: 1.316rem;
  margin-bottom: 3.158rem;
}
.typography .captionImage .caption {
  margin-top: 0.563em;
}
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
  padding: 2px 2px 2px 20px;
  background: url("../images/icons/page_white_acrobat.png") no-repeat left center;
}
.typography a[href$=".docx"],
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
  padding: 2px 2px 2px 20px;
  background: url("../images/icons/page_word.png") no-repeat left center;
}
.typography a[href$=".xlsx"],
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
  padding: 2px 2px 2px 20px;
  background: url("../images/icons/page_excel.png") no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
  padding: 2px 2px 2px 20px;
  background: url("../images/icons/page_white_zip.png") no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
  padding: 2px 2px 2px 20px;
  background: url("../images/icons/application.png") no-repeat left center;
}
.typography table {
  margin: 0 0 18px 0;
  border-collapse: collapse;
}
.typography td {
  padding: 5px;
  border: 1px solid #cbcbcb;
}
.typography .left {
  text-align: left;
}
.typography .center {
  text-align: center;
}
.typography .right {
  text-align: right;
}
.typography div.right {
  float: right;
  width: auto;
  margin-left: 20px;
}
.typography div.left {
  float: left;
  width: auto;
  margin-right: 20px;
}
.typography img {
  border: none;
  display: block;
  max-width: 100%;
}
.typography img.left {
  float: left;
  margin: 10px 20px 20px 0;
}
.typography img.right {
  float: right;
  margin: 10px 0 20px 20px;
}
.typography img.leftAlone {
  display: block;
}
.typography img.center {
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 500px) {
  .typography img.left, .typography img.right {
    display: block;
    float: none;
    margin: 30px auto;
    padding: 10px;
  }
}

.nav-icon {
  font-size: 12px;
  position: fixed;
  z-index: 99999;
  top: 15px;
  right: 141px;
  display: none;
  padding: 7px 12px;
  cursor: pointer;
  color: #dd5143;
  border-radius: 24px;
}

.nav-icon__bar-holder {
  position: relative;
  width: 26px;
  height: 12px;
}

.nav-icon--below-fold {
  color: #fec9b8 !important;
}

.nav-icon__bar {
  position: absolute;
  display: block;
  width: 50%;
  height: 3px;
  transition: all 0.3s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
  background: currentColor;
}
.nav-icon__bar:nth-child(even) {
  left: 50%;
}
.nav-icon__bar:nth-child(odd) {
  left: 0;
}
.nav-icon__bar:nth-child(1), .nav-icon__bar:nth-child(2) {
  top: 0;
}
.nav-icon__bar:nth-child(3), .nav-icon__bar:nth-child(4) {
  top: 7px;
}
.nav-icon__bar:nth-child(5), .nav-icon__bar:nth-child(6) {
  top: 14px;
}

.nav-icon--opened {
  color: #fec9b8 !important;
}
.nav-icon--opened .nav-icon__bar:nth-child(1) {
  top: 2px;
  left: 2px;
}
.nav-icon--opened .nav-icon__bar:nth-child(2) {
  top: 2px;
  left: calc(50% - 2px);
}
.nav-icon--opened .nav-icon__bar:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.nav-icon--opened .nav-icon__bar:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.nav-icon--opened .nav-icon__bar:nth-child(5) {
  top: 9px;
  left: 2px;
}
.nav-icon--opened .nav-icon__bar:nth-child(6) {
  top: 9px;
  left: calc(50% - 2px);
}
.nav-icon--opened .nav-icon__bar:nth-child(1), .nav-icon--opened .nav-icon__bar:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-icon--opened .nav-icon__bar:nth-child(2), .nav-icon--opened .nav-icon__bar:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

svg.hamburger-menu line {
  stroke: #126C8D;
}

@media (orientation: portrait) and (max-width: 1024px) {
  .nav-icon {
    right: 32px;
  }
}
@media (min-width: 768px) {
  .nav-icon {
    top: 36px;
    right: 53px;
  }
}
.btn, .multi-login__option, .fileInputWrapper label.uploadBtn {
  font-family: "Barlow";
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.7em;
  max-height: 47px;
  white-space: nowrap;
  padding: 0.39em 1.3em;
  cursor: pointer;
  text-align: center;
  background-color: #126C8D;
  color: #fff;
  border-width: 0;
  border-radius: 2.3em;
  -webkit-appearance: none;
  margin-left: 38px;
  margin: 0;
  min-width: 116px;
}
.btn:active, .multi-login__option:active, .fileInputWrapper label.uploadBtn:active, .btn:focus, .multi-login__option:focus, .fileInputWrapper label.uploadBtn:focus {
  outline: none;
}

.btn-default {
  background-color: #126C8D;
}
.btn-default:hover, .btn-default--state-hover {
  background-color: rgb(44.8260398491, 139.4532986065, 174.1499601509);
}
.btn-default:active, .btn-default--state-active {
  background-color: rgb(17.5122164377, 97.2548265289, 126.4937835623);
}
.btn-default:disabled, .btn-default--state-disabled {
  background-color: rgb(175.2916872311, 211.2101964481, 226.7233127689);
}
.btn-default:disabled:hover, .btn-default--state-disabled:hover {
  background-color: rgb(175.2916872311, 211.2101964481, 226.7233127689);
}
.btn-default a, .btn-default {
  color: #fff;
}
.btn-default a:focus, .btn-default a--state-focus, .btn-default:focus, .btn-default--state-focus {
  color: #fff;
}
.btn-default a:disabled, .btn-default a--state-disabled, .btn-default:disabled, .btn-default--state-disabled {
  color: #fff;
  cursor: default;
}
.btn-default a:active, .btn-default a--state-active, .btn-default:active, .btn-default--state-active {
  color: #fff;
}
.btn-default a:hover, .btn-default a--state-hover, .btn-default:hover, .btn-default--state-hover {
  color: #fff;
}

.btn-booking-next {
  background-color: #126C8D;
}
.btn-booking-next:hover, .btn-booking-next--state-hover {
  background-color: rgb(44.8260398491, 139.4532986065, 174.1499601509);
}
.btn-booking-next:active, .btn-booking-next--state-active {
  background-color: rgb(17.5122164377, 97.2548265289, 126.4937835623);
}
.btn-booking-next:disabled, .btn-booking-next--state-disabled {
  background-color: rgb(175.2916872311, 211.2101964481, 226.7233127689);
}
.btn-booking-next:disabled:hover, .btn-booking-next--state-disabled:hover {
  background-color: rgb(175.2916872311, 211.2101964481, 226.7233127689);
}
.btn-booking-next a, .btn-booking-next {
  color: #fff;
}
.btn-booking-next a:focus, .btn-booking-next a--state-focus, .btn-booking-next:focus, .btn-booking-next--state-focus {
  color: #fff;
}
.btn-booking-next a:disabled, .btn-booking-next a--state-disabled, .btn-booking-next:disabled, .btn-booking-next--state-disabled {
  color: #fff;
  cursor: default;
}
.btn-booking-next a:active, .btn-booking-next a--state-active, .btn-booking-next:active, .btn-booking-next--state-active {
  color: #fff;
}
.btn-booking-next a:hover, .btn-booking-next a--state-hover, .btn-booking-next:hover, .btn-booking-next--state-hover {
  color: #fff;
}
.btn-booking-next:disabled, .btn-booking-next--state-disabled {
  cursor: default;
}

.btn-login {
  width: 265px;
  background-color: #126C8D;
}
.btn-login:hover, .btn-login--state-hover {
  background-color: rgb(44.8260398491, 139.4532986065, 174.1499601509);
}
.btn-login:active, .btn-login--state-active {
  background-color: rgb(17.5122164377, 97.2548265289, 126.4937835623);
}
.btn-login:disabled, .btn-login--state-disabled {
  background-color: rgb(175.2916872311, 211.2101964481, 226.7233127689);
}
.btn-login:disabled:hover, .btn-login--state-disabled:hover {
  background-color: rgb(175.2916872311, 211.2101964481, 226.7233127689);
}
.btn-login a, .btn-login {
  color: #fff;
}
.btn-login a:focus, .btn-login a--state-focus, .btn-login:focus, .btn-login--state-focus {
  color: #fff;
}
.btn-login a:disabled, .btn-login a--state-disabled, .btn-login:disabled, .btn-login--state-disabled {
  color: #fff;
  cursor: default;
}
.btn-login a:active, .btn-login a--state-active, .btn-login:active, .btn-login--state-active {
  color: #fff;
}
.btn-login a:hover, .btn-login a--state-hover, .btn-login:hover, .btn-login--state-hover {
  color: #fff;
}

.btn-nologin {
  width: 265px;
  color: #126C8D;
  border: 2px solid #A5CDE7;
  padding: 0.26em 0.88em;
  padding-left: 20px;
  padding-right: 20px;
  background-color: transparent;
}
.btn-nologin:hover, .btn-nologin--state-hover {
  background-color: #A5CDE7;
}
.btn-nologin:active, .btn-nologin--state-active {
  background-color: rgb(15.0337533553, 92.8481923583, 139.9912466447);
}
.btn-nologin:disabled, .btn-nologin--state-disabled {
  background-color: hsl(203.6363636364, 23.2847368421%, 116.2770588235%);
}
.btn-nologin:disabled:hover, .btn-nologin--state-disabled:hover {
  background-color: hsl(203.6363636364, 23.2847368421%, 116.2770588235%);
}
.btn-nologin:active, .btn-nologin--state-active {
  border-color: rgb(15.0337533553, 92.8481923583, 139.9912466447);
  color: white !important;
}
.btn-nologin:disabled, .btn-nologin--state-disabled {
  opacity: 0.3;
}
.btn-nologin a, .btn-nologin {
  color: #126C8D;
}
.btn-nologin a:focus, .btn-nologin a--state-focus, .btn-nologin:focus, .btn-nologin--state-focus {
  color: #126C8D;
}
.btn-nologin a:disabled, .btn-nologin a--state-disabled, .btn-nologin:disabled, .btn-nologin--state-disabled {
  color: #126C8D;
  cursor: default;
}
.btn-nologin a:active, .btn-nologin a--state-active, .btn-nologin:active, .btn-nologin--state-active {
  color: #fff;
}
.btn-nologin a:hover, .btn-nologin a--state-hover, .btn-nologin:hover, .btn-nologin--state-hover {
  color: #126C8D;
}

.btn-cta {
  margin: 0 0.765em 0 0;
  background-color: #26896B;
}
.btn-cta:hover, .btn-cta--state-hover {
  background-color: rgb(69.5202137714, 154.4907862286, 128.7421279082);
}
.btn-cta:active, .btn-cta--state-active {
  background-color: rgb(34.4401486, 125.5658514, 97.9520020667);
}
.btn-cta:disabled, .btn-cta--state-disabled {
  background-color: rgb(170.8545417786, 201.1584582214, 191.9754532387);
}
.btn-cta:disabled:hover, .btn-cta--state-disabled:hover {
  background-color: rgb(170.8545417786, 201.1584582214, 191.9754532387);
}
.btn-cta a, .btn-cta {
  color: #fff;
}
.btn-cta a:focus, .btn-cta a--state-focus, .btn-cta:focus, .btn-cta--state-focus {
  color: #fff;
}
.btn-cta a:disabled, .btn-cta a--state-disabled, .btn-cta:disabled, .btn-cta--state-disabled {
  color: #26896B;
  cursor: default;
}
.btn-cta a:active, .btn-cta a--state-active, .btn-cta:active, .btn-cta--state-active {
  color: #fff;
}
.btn-cta a:hover, .btn-cta a--state-hover, .btn-cta:hover, .btn-cta--state-hover {
  color: #fff;
}
.btn-cta--white {
  background-color: #fff;
}
.btn-cta--white:hover, .btn-cta--white--state-hover {
  background-color: #26896B;
}
.btn-cta--white:active, .btn-cta--white--state-active {
  background-color: rgb(34.4401486, 125.5658514, 97.9520020667);
}
.btn-cta--white:disabled, .btn-cta--white--state-disabled {
  background-color: rgb(170.8545417786, 201.1584582214, 191.9754532387);
}
.btn-cta--white:disabled:hover, .btn-cta--white--state-disabled:hover {
  background-color: rgb(170.8545417786, 201.1584582214, 191.9754532387);
}
.btn-cta--white a, .btn-cta--white {
  color: #26896B;
}
.btn-cta--white a:focus, .btn-cta--white a--state-focus, .btn-cta--white:focus, .btn-cta--white--state-focus {
  color: #fff;
}
.btn-cta--white a:disabled, .btn-cta--white a--state-disabled, .btn-cta--white:disabled, .btn-cta--white--state-disabled {
  color: #26896B;
  cursor: default;
}
.btn-cta--white a:active, .btn-cta--white a--state-active, .btn-cta--white:active, .btn-cta--white--state-active {
  color: #fff;
}
.btn-cta--white a:hover, .btn-cta--white a--state-hover, .btn-cta--white:hover, .btn-cta--white--state-hover {
  color: #fff;
}
.btn-cta--white:hover a, .btn-cta--white--state-hover a {
  color: #fff;
}
.btn-cta--white-main {
  background-color: #fff;
}
.btn-cta--white-main:hover, .btn-cta--white-main--state-hover {
  background-color: #126C8D;
}
.btn-cta--white-main:active, .btn-cta--white-main--state-active {
  background-color: rgb(15.0337533553, 92.8481923583, 139.9912466447);
}
.btn-cta--white-main:disabled, .btn-cta--white-main--state-disabled {
  background-color: rgb(170.8545417786, 201.1584582214, 191.9754532387);
}
.btn-cta--white-main:disabled:hover, .btn-cta--white-main--state-disabled:hover {
  background-color: rgb(170.8545417786, 201.1584582214, 191.9754532387);
}
.btn-cta--white-main a, .btn-cta--white-main {
  color: #126C8D;
}
.btn-cta--white-main a:focus, .btn-cta--white-main a--state-focus, .btn-cta--white-main:focus, .btn-cta--white-main--state-focus {
  color: #fff;
}
.btn-cta--white-main a:disabled, .btn-cta--white-main a--state-disabled, .btn-cta--white-main:disabled, .btn-cta--white-main--state-disabled {
  color: #26896B;
  cursor: default;
}
.btn-cta--white-main a:active, .btn-cta--white-main a--state-active, .btn-cta--white-main:active, .btn-cta--white-main--state-active {
  color: #fff;
}
.btn-cta--white-main a:hover, .btn-cta--white-main a--state-hover, .btn-cta--white-main:hover, .btn-cta--white-main--state-hover {
  color: #fff;
}

.btn-sort {
  border: 2px solid #A5CDE7;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1em;
  height: 40px;
  line-height: 1.45em;
  background-color: transparent;
}
.btn-sort:hover, .btn-sort--state-hover {
  background-color: #A5CDE7;
}
.btn-sort:active, .btn-sort--state-active {
  background-color: rgb(15.0337533553, 92.8481923583, 139.9912466447);
}
.btn-sort:disabled, .btn-sort--state-disabled {
  background-color: hsl(203.6363636364, 23.2847368421%, 116.2770588235%);
}
.btn-sort:disabled:hover, .btn-sort--state-disabled:hover {
  background-color: hsl(203.6363636364, 23.2847368421%, 116.2770588235%);
}
.btn-sort a, .btn-sort {
  color: #126C8D;
}
.btn-sort a:focus, .btn-sort a--state-focus, .btn-sort:focus, .btn-sort--state-focus {
  color: #fff;
}
.btn-sort a:disabled, .btn-sort a--state-disabled, .btn-sort:disabled, .btn-sort--state-disabled {
  color: #fff;
  cursor: default;
}
.btn-sort a:active, .btn-sort a--state-active, .btn-sort:active, .btn-sort--state-active {
  color: #fff;
}
.btn-sort a:hover, .btn-sort a--state-hover, .btn-sort:hover, .btn-sort--state-hover {
  color: #126C8D;
}
.btn-sort:active, .btn-sort--state-active {
  border-color: rgb(15.0337533553, 92.8481923583, 139.9912466447);
  color: #fff;
}
.btn-sort:active:hover, .btn-sort--state-active:hover {
  background-color: rgb(15.0337533553, 92.8481923583, 139.9912466447);
  color: #fff;
}
.btn-sort:disabled, .btn-sort--state-disabled {
  opacity: 0.3;
}

.btn-arrow, .splide__arrow, button.mfp-arrow {
  background-color: transparent;
  border: 2px solid #E4F0F7;
  min-width: auto;
  width: auto;
  padding: 0.33em 0.65em;
  color: #126C8D;
}
@media (max-width: 767px) {
  .btn-arrow, .splide__arrow, button.mfp-arrow {
    height: 40px;
  }
}
.btn-arrow--cta {
  color: #26896B;
}
.btn-arrow svg, .splide__arrow svg, button.mfp-arrow svg {
  font-size: 1.18rem;
  vertical-align: sub;
}
.btn-arrow:hover, .splide__arrow:hover, button.mfp-arrow:hover, .btn-arrow--state-hover {
  background-color: rgb(220.4660191895, 235.2544799025, 245.5569808105);
  border-color: rgb(220.4660191895, 235.2544799025, 245.5569808105);
}
.btn-arrow:active, .splide__arrow:active, button.mfp-arrow:active, .btn-arrow--state-active {
  background-color: rgb(212.4562276105, 230.6747153666, 243.3667723895);
  border-color: rgb(212.4562276105, 230.6747153666, 243.3667723895);
}
.btn-arrow:disabled, .splide__arrow:disabled, button.mfp-arrow:disabled, .btn-arrow--state-disabled {
  background-color: hsl(203.6363636364, 23.2847368421%, 116.2770588235%);
}
.btn-arrow--wide {
  display: flex;
  justify-content: space-around;
  padding-top: 0.36em;
  min-width: 116px;
}
.btn-arrow--wide svg {
  align-self: center;
  margin-left: 20px;
  color: #26896B;
}
@media (max-width: 767px) {
  .btn-arrow--wide svg {
    height: 21px;
  }
}
.btn-arrow--small {
  display: flex;
  justify-content: space-around;
}
.btn-arrow--small svg {
  align-self: center;
  color: #26896B;
  height: 1em;
}

.btn-arrow-alt {
  background-color: transparent;
  border: 2px solid #A5CDE7;
  min-width: auto;
  width: auto;
  color: #fff;
  padding-top: 0.5em;
}
.btn-arrow-alt svg {
  font-size: 1.18rem;
}
.btn-arrow-alt:hover, .btn-arrow-alt--state-hover {
  background-color: rgb(220.4660191895, 235.2544799025, 245.5569808105);
  border-color: rgb(220.4660191895, 235.2544799025, 245.5569808105);
  color: #126C8D;
}
.btn-arrow-alt:active, .btn-arrow-alt--state-active {
  background-color: rgb(212.4562276105, 230.6747153666, 243.3667723895);
  border-color: rgb(212.4562276105, 230.6747153666, 243.3667723895);
  color: #126C8D;
}
.btn-arrow-alt:disabled, .btn-arrow-alt--state-disabled {
  background-color: hsl(203.6363636364, 23.2847368421%, 116.2770588235%);
  color: #126C8D;
}

.btn--wide {
  width: 100%;
  padding: 0.781em 2em;
}

.btn--filled, .multi-login__option {
  color: #fff;
  background-color: #fff;
}
.btn--filled:hover, .multi-login__option:hover, .btn--filled:active, .multi-login__option:active {
  background-color: rgb(239.7, 239.7, 239.7);
}
.btn--filled.btn--inverted, .btn--inverted.multi-login__option {
  color: #fff;
}

.btn-arrow--orange {
  color: #26896B;
}

.btn--grey {
  color: #fff;
  background-color: #524c3a;
}
.btn--grey:hover {
  background-color: rgb(64.0771428571, 59.3885714286, 45.3228571429);
}
.btn--grey:active {
  background-color: rgb(64.0771428571, 59.3885714286, 45.3228571429);
}
.btn--grey.btn--inverted {
  color: #524c3a;
}

#datepicker {
  font-family: "Barlow";
}
#datepicker.error .ui-widget.ui-widget-content {
  background: rgba(221, 81, 67, 0.2);
  border-color: #dd5143;
}

.datepicker__legenda {
  background: #fff;
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  padding: 1em;
}

.datepicker__legenda__wrap {
  display: flex;
}
.datepicker__legenda__wrap span {
  margin-left: 10px;
  line-height: 2em;
}
.datepicker__legenda__wrap:not(:last-child) {
  flex-grow: 0.5;
}

.datepicker__legenda__item {
  height: 28px;
  width: 28px;
  border: 1px solid #E4F0F7;
}
.datepicker__legenda__item--enabled {
  background-color: whitesmoke;
}
.datepicker__legenda__item--full {
  background-color: #c3e2f4;
}
.datepicker__legenda__item--other-times {
  background-color: #c3e2f4;
  border-color: #E4F0F7;
}
.datepicker__legenda__item--action {
  background-color: #404040;
  border-color: #E4F0F7;
}

.ui-widget.ui-widget-content {
  width: 100%;
  border: 2px solid #E4F0F7;
  font-family: "Barlow";
}

.ui-widget-header {
  background: none;
  border: none;
  color: #126C8D;
  font-weight: 500;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  border-radius: 50%;
  border: 2px solid #E4F0F7;
  cursor: pointer;
  width: 1.6em;
  height: 1.6em;
  padding: 15px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  background: none;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
  background-image: url("../../../../../../_resources/app/client/images/denilp_arrow_small.png");
  background-size: contain;
  background-position: center;
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
  background-image: url("../../../../../../_resources/app/client/images/denilp_arrow_small.png");
  background-size: contain;
  background-position: center;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: "FlipH";
}

.ui-widget-content {
  color: #126C8D;
}

.ui-datepicker {
  padding: 0.4em 0.4em 0;
}

.ui-datepicker th {
  font-weight: normal;
}

.ui-datepicker td {
  background: whitesmoke;
  cursor: pointer;
  padding: 0;
  border: 0 solid transparent;
}
.ui-datepicker td:hover {
  background-color: #26896B;
}
.ui-datepicker td.full__day {
  background-color: #c3e2f4;
  opacity: 1;
}
.ui-datepicker td.ui-datepicker__td--other-times {
  background-color: #c3e2f4;
}
.ui-datepicker td.ui-datepicker__td--other-times:hover {
  background-color: rgb(169.1408450704, 213.5014084507, 239.2591549296);
}
.ui-datepicker td.ui-datepicker__td--action {
  background-color: #404040;
}
.ui-datepicker td.ui-datepicker__td--action:hover {
  background-color: rgb(48.7, 48.7, 48.7);
}
.ui-datepicker td > a, .ui-datepicker td > span {
  padding: 0.5em;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker .ui-button.ui-state-disabled:hover,
.ui-datepicker .ui-button.ui-state-disabled:active {
  background: none;
  border: none;
  text-align: center;
}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
}

@supports (text-shadow: 1px 0 0 #000) {
  .ui-datepicker td:not(.ui-state-disabled):hover .ui-state-default,
  .ui-datepicker td:not(.ui-state-disabled):hover .ui-widget-content .ui-state-default,
  .ui-datepicker td:not(.ui-state-disabled):hover .ui-state-active,
  .ui-datepicker td:not(.ui-state-disabled):hover .ui-widget-content .ui-state-active,
  .ui-datepicker td:not(.ui-state-disabled):hover .ui-widget-header .ui-state-active,
  .ui-datepicker td:not(.ui-state-disabled):hover a.ui-button:active, .ui-datepicker td:not(.ui-state-disabled):hover .ui-button:active,
  .ui-datepicker td:not(.ui-state-disabled):hover .ui-button.ui-state-active {
    font-weight: normal;
    text-shadow: 0.5px 0 0 currentColor;
    color: #fff;
  }
}
.ui-datepicker .ui-datepicker-current-day {
  background: #26896B;
}
.ui-datepicker .ui-datepicker-current-day > a {
  text-shadow: 0.5px 0 0 currentColor;
  color: whitesmoke;
}

.circled-arrow {
  font-size: 2.5em;
  display: flex;
  width: 1em;
  height: 1em;
  margin: auto;
  border: 5px solid currentColor;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.circled-arrow svg {
  display: block;
  width: 0.22em;
  height: 0.4em;
}
.circled-arrow svg path {
  stroke: currentColor;
}
.circled-arrow--filled svg {
  width: 0.4em;
  height: 0.4em;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tippy-tooltip.hamaka-theme,
.tippy-tooltip.hamakaDatepicker-theme {
  background-color: #E4F0F7;
  font-weight: 500;
  color: #126C8D;
  padding: 0.5rem 1rem;
  font-size: 0.8em;
  line-height: 1.5em;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.tippy-tooltip.hamakaDatepicker-theme {
  padding: 0;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker {
  width: 25em;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker tr > td + td {
  border-left-width: 6px;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker tr + tr > td {
  border-top-width: 6px;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker td {
  background-clip: padding-box;
  border: 0 solid #fff;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker td.ui-state-disabled {
  padding: 0.6em 0;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker td.ui-state-disabled.full__day {
  background-color: #c3e2f4;
}
.tippy-tooltip.hamakaDatepicker-theme .ui-datepicker td a {
  padding: 0.9em 0.5em;
}

.tippy-tooltip.hamaka-theme ul li,
.tippy-tooltip.hamakaDatepicker-theme ul li {
  color: #126C8D;
  list-style: none;
}

.tippy-tooltip.hamaka-theme .tippy-backdrop,
.tippy-tooltip.hamakaDatepicker-theme .tippy-backdrop {
  background-color: #E4F0F7;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.hamaka-theme .tippy-arrow,
.tippy-popper[x-placement^=top] .tippy-tooltip.hamaka-theme .arrow-regular,
.tippy-popper[x-placement^=top] .tippy-tooltip.hamakaDatepicker-theme .tippy-arrow {
  border-top-color: #E4F0F7;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.hamaka-theme .tippy-arrow,
.tippy-popper[x-placement^=right] .tippy-tooltip.hamaka-theme .arrow-regular,
.tippy-popper[x-placement^=right] .tippy-tooltip.hamakaDatepicker-theme .tippy-arrow {
  border-right-color: #E4F0F7;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.hamaka-theme .tippy-arrow,
.tippy-popper[x-placement^=bottom] .tippy-tooltip.hamaka-theme .arrow-regular,
.tippy-popper[x-placement^=bottom] .tippy-tooltip.hamakaDatepicker-theme .tippy-arrow {
  border-bottom-color: #E4F0F7;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.hamaka-theme .tippy-arrow,
.tippy-popper[x-placement^=left] .tippy-tooltip.hamaka-theme .arrow-regular,
.tippy-popper[x-placement^=left] .tippy-tooltip.hamakaDatepicker-theme .tippy-arrow {
  border-left-color: #E4F0F7;
}

.filters {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1em 0;
  margin-bottom: 60px;
}
@media (max-width: 495px) {
  .filters {
    justify-content: space-around;
  }
}

.filters__item {
  margin: 0.25em;
}
@media (min-width: 768px) {
  .filters__item:not(last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 495px) {
  .filters__item {
    flex-grow: 1;
  }
  .filters__item .btn-sort {
    width: 100%;
  }
}

.page-grid {
  font-size: 1rem;
}

.page-grid__sections {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.page-grid__sections .page__slogan {
  font-size: 2em;
  line-height: 1.2em;
  color: #126C8D;
}
.page-grid__sections .page__sub__slogan {
  font-size: 22px;
  color: #126C8D;
}
.page-grid__sections--footer .card__footer-container {
  padding-bottom: 1.75em;
  padding-left: 1.875em;
}
.page-grid__sections--footer .card__footer-container .card__price {
  line-height: 1.8em;
}
.page-grid__sections .page-grid__section--slogan {
  padding-bottom: 44px;
  padding-top: 0;
}

.page-grid__section {
  padding: 1em;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.page-grid__cells {
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-wrap: wrap;
  justify-content: center;
  transition: opacity 0.3s ease-in-out;
}

.page-grid__cells--wide {
  flex-direction: column;
}
.page-grid__cells--wide .page-grid__cell {
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}

.page-grid__cell {
  padding: 0.5em;
  width: 100%;
}

@media (min-width: 768px) {
  .page-grid__cells {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
  }
}
@media (min-width: 1025px) {
  .page-grid__cells {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }
  .page-grid__cells--4 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .page-grid__cells--4 .page-grid__cell {
    width: 25%;
  }
  .page-grid__cells--3 {
    flex-wrap: wrap;
  }
  .page-grid__cells--3 .page-grid__cell {
    width: 33.333%;
  }
  .page-grid__cells--2 {
    flex-wrap: wrap;
  }
  .page-grid__cells--2 .page-grid__cell {
    width: 75%;
  }
  .page-grid__cells--1 {
    flex-wrap: wrap;
  }
  .page-grid__cells--1 .page-grid__cell {
    width: 100%;
  }
  .page-grid__section--home .card--fullheight {
    height: auto;
    min-height: 97%;
  }
  .page-grid__section--home .card__content__text p {
    font-size: 1em;
  }
  .page-grid__section--home .card__footer-container {
    padding: 0 20px 20px 30px;
  }
}
.booking-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1em 2em 2em;
}

.booking-grid--payment {
  padding: 0;
}

.booking-grid__row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 1025px) {
  .booking-grid__row--stay {
    padding-right: 10.32em;
  }
  .booking-grid__row--stay .booking-grid__cell:nth-child(2), .booking-grid__row--stay .booking-grid__cell:nth-child(3) {
    flex-grow: 1;
  }
}

.card__extra__treatment {
  flex-grow: 1;
  width: 100%;
}
.card__extra__treatment .booking__cards--wide .card {
  min-width: 48%;
}
.card__extra__treatment .booking__cards--wide .card .card__image {
  min-width: unset;
}

.booking-grid__row__summary {
  padding: 1em 1em 2em 2em;
  display: block;
  width: 100%;
}
.booking-grid__row__summary ul {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
  width: 100%;
}
.booking-grid__row__summary ul li {
  display: inline-block;
  padding-left: 40px;
  color: #000;
  width: 50%;
}
@media (max-width: 767px) {
  .booking-grid__row__summary ul li {
    width: 100%;
  }
}
.booking-grid__row__summary ul li:before {
  color: #E4F0F7;
  content: "";
  background-image: url("../../../../../../_resources/app/client/images/denilp_list_arrow.png");
  background-repeat: no-repeat;
  padding-right: 25px;
  background-position: 0 3px;
  background-size: 15px;
  margin-left: -1.7em;
}
.booking-grid__row__summary ul li:not(:last-child) {
  margin-bottom: 0.765em;
}

.booking-grid__row__summary__select {
  max-width: 300px;
  margin-top: 15px;
  float: left;
  width: 100%;
  margin-right: 15px;
}
.booking-grid__row__summary__select select {
  margin-top: 5px;
}

.booking-grid__row--padded {
  padding-bottom: 0.5em;
}

.booking-grid__row--smaller {
  max-width: 800px;
}

.booking-grid__cell {
  margin-right: 1em;
  min-width: 15%;
}
@media (max-width: 767px) {
  .booking-grid__cell {
    width: 100%;
    margin-right: 0;
  }
}
.booking-grid__cell h3 {
  margin-top: 0;
}

.booking-grid__cell--single {
  width: 80px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .booking-grid__cell--single {
    width: 100%;
  }
}

.booking-grid__cell--double {
  width: 180px;
  flex-grow: 2;
}
@media (max-width: 767px) {
  .booking-grid__cell--double {
    width: 100%;
  }
}

.booking-grid__cell--quadrupple {
  width: 180px;
  flex-grow: 2;
}

.booking-grid__cell--full {
  width: 100%;
}

.card {
  font-family: "Barlow", Arial, Helvetica, sans-serif;
  font-weight: normal;
  background: #faf8f3;
  border-bottom-right-radius: 30px;
  position: relative;
}
.card--highlighted {
  background: #F3ECDD;
}
.card__header {
  display: block;
  position: relative;
}
.card__header:before {
  display: block;
  width: 100%;
  padding-top: 43.2%;
  content: " ";
}
.card__header > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.card__image {
  display: block;
  width: 100%;
  transition: all 0.3s ease;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  min-height: 140px;
  height: 33vw;
  background-size: cover;
  background-position: center;
}
.card__image img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}

.card__content {
  padding: 25px 30px;
  min-height: 220px;
}

h2.card__content__title {
  margin-bottom: 8px;
  font-size: 1.188em;
}

.card__content__text {
  line-height: 1.3em;
  overflow: hidden;
}
.card__content__text p {
  margin: 0.75em 0em;
  font-size: 1.25em;
}

.card__content__description {
  font-size: 1em;
  line-height: 1.3em;
  display: none;
  opacity: 0;
  height: 0;
  padding: 0;
  margin-bottom: 1em;
}
.card__content__description.toggled-card {
  display: block;
  opacity: 1;
  height: auto;
  overflow: hidden;
}
.card__content__description p {
  margin: 0;
}
.card__content__description * {
  font-size: 1em;
}
.card__content__description ul {
  margin-left: 2em;
}
.card__content__description a {
  color: #126C8D;
}

.card__price {
  white-space: nowrap;
  color: #126C8D;
  line-height: 1.3em;
  font-size: 1.25em;
  margin-top: 26px;
}
.card__tag {
  font-size: 0.824em;
  font-weight: bold;
  line-height: 1.571em;
  color: #808080;
}

.card__title {
  margin-top: 0.5em;
  margin-bottom: 0.571em;
  color: #cbcbcb;
  text-rendering: auto;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  color: #126C8D;
  font-family: "Barlow";
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 2em;
  text-transform: uppercase;
}

.card__footer-container {
  padding: 0 1em 1em;
}
@media (max-width: 767px) {
  .card__footer-container {
    padding: 0 30px 30px;
  }
}

.card__buttons {
  padding-top: 1em;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.card__buttons .btn-arrow--small {
  display: none;
}
.card__buttons .btn-arrow--small,
.card__buttons .btn-arrow--wide,
.card__buttons .btn-default {
  margin: 0 0.765em 0 0;
}

ol.card__list, .card__content__text ul {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
  margin-left: 1.3em;
}
ol.card__list li, .card__content__text ul li {
  padding-left: 0;
  color: #000;
}
ol.card__list li:before, .card__content__text ul li:before {
  color: #E4F0F7;
  content: "";
  background-image: url("../../../../../../_resources/app/client/images/denilp_list_arrow.png");
  background-repeat: no-repeat;
  padding-right: 25px;
  background-position: 0 3px;
  background-size: 15px;
  margin-left: -1.2em;
}
ol.card__list li:not(:last-child), .card__content__text ul li:not(:last-child) {
  margin-bottom: 0.765em;
}

.card__cta {
  margin-top: 1.706em;
}

.card__button-more {
  display: block;
}

.card__button-less {
  display: none;
}

.active .card__button-more {
  display: none;
}
.active .card__button-less {
  display: block;
}

.card.card--filled {
  background-color: #26896B;
}
.card.card--filled .card__content__title {
  color: #fff;
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 1em;
  font-weight: normal;
}
.card.card--filled .card__content__text {
  color: #fff;
  font-size: 1em;
}
.card.card--filled .btn-cta--white {
  border: 2px solid transparent;
}
.card.card--filled .btn-cta--white:hover {
  background: #26896B;
  border: 2px solid #fff;
}
.card.card--filled .btn-cta--white:active {
  background: #fff;
  color: #26896B;
}

.card--cta-wide .card__buttons .btn-default {
  background-color: #26896B;
}

.card--booking {
  display: flex;
  flex-direction: row;
  width: calc(50% - 15px);
  max-width: 50%;
  margin-bottom: 15px;
  flex-grow: 1;
  min-height: 200px;
}
.card--booking:first-child {
  max-width: 100%;
}
.card--booking:nth-child(even) {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .card--booking:nth-child(even) {
    margin-left: 0;
  }
}
.card--booking .card__image {
  max-width: 160px;
  min-width: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  max-height: 200px;
}
@media (max-width: 767px) {
  .card--booking .card__image {
    max-width: 100%;
  }
}
.card--booking .card__content {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  width: 100%;
  flex-grow: 1;
}
.card--booking .card__content__text {
  color: #000;
}
.card--booking .card__content__text p {
  color: #000;
}
.card--booking .card__content__title {
  margin-bottom: 0.3em;
}
.card--booking .card__buttons {
  width: auto;
  padding-top: 0;
}
.card--booking .card__buttons .btn-arrow--small {
  margin-left: 0;
}
.card--booking .js-btn-add {
  margin-left: auto;
}
.card--booking .card__footer {
  margin-top: auto;
  margin-bottom: 15px;
  justify-content: flex-end;
}
.card--booking .card__footer .card__footer-container {
  padding: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.card--booking .card__price {
  margin-right: auto;
}
@media (max-width: 767px) {
  .card--booking {
    width: 100%;
    max-width: 100%;
    margin: 0;
    flex-direction: column;
    margin-bottom: 15px;
  }
  .card--booking .card__price {
    flex: 0 0 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 1051px) {
  .card--booking {
    max-width: 100%;
    width: 100%;
  }
  .card--booking:nth-child(even) {
    margin-left: 0;
  }
}

.booking__cards--wide--single .card--booking {
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
}
.booking__cards--wide--single .card--booking .card__image {
  max-width: 260px;
}
.booking__cards--wide--single .card--booking .card__footer {
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 767px) {
  .booking__cards--wide--single .card--booking .card__image {
    max-width: 100%;
  }
}

.facilitiespage__cells.page-grid__cells--4 .card__content {
  min-height: unset;
}
.facilitiespage__cells.page-grid__cells--4 .card__content__description {
  display: none;
}

.FacilityOverviewPage .facilitiespage__cells.page-grid__cells--4 .card__content {
  height: 190px;
}

@media (min-width: 768px) {
  h2.card__content__title {
    font-size: 1.563em;
  }
  .card__image {
    max-height: 180px;
  }
  .card__footer-container {
    display: flex;
  }
  .card__price {
    min-width: 70px;
  }
  .card__buttons {
    width: 100%;
    padding: 0;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .card__buttons .btn-arrow--small {
    margin: 0 0 0 0.765em;
    display: block;
    order: 1;
    padding: 0.33em 0.495em;
  }
  .card__buttons .btn-arrow--wide {
    display: none;
  }
  .page-grid__sections--footer .card__buttons {
    justify-content: flex-start;
  }
  .card--cta-wide,
  .card--wide {
    display: flex;
    flex-direction: row;
  }
  .card--cta-wide .card__image,
  .card--wide .card__image {
    width: 280px !important;
    min-width: 280px;
    max-height: 200px;
  }
  .card--cta-wide .card__content,
  .card--wide .card__content {
    flex-grow: 3;
  }
  .card--cta-wide .card__footer,
  .card--wide .card__footer {
    display: flex;
    align-content: flex-end;
    flex-direction: column-reverse;
  }
  .card--cta-wide .card__price,
  .card--wide .card__price {
    display: none;
  }
  .card--cta-wide .card__price--wide,
  .card--wide .card__price--wide {
    display: block;
  }
  .card--cta-wide .btn-arrow--small,
  .card--wide .btn-arrow--small {
    display: none;
  }
  .card--cta-wide .btn-arrow--wide,
  .card--wide .btn-arrow--wide {
    display: block;
    order: 2;
    margin-top: 0.7em;
  }
  .card--cta-wide .card__buttons,
  .card--wide .card__buttons {
    flex-direction: column;
  }
  .card--fullheight {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .card--fullheight .card__content__title {
    font-size: 1.25em;
  }
  .card--fullheight .card__content__text {
    font-size: 1em;
  }
  .card--fullheight .card__footer {
    margin-top: auto;
  }
}
.socials {
  display: flex;
}

.socials__icon {
  display: block;
}
.socials__icon svg {
  width: 20px;
  height: 20px;
  color: white;
  fill: white;
}

.collapsible {
  display: block;
  vertical-align: top;
  height: auto !important;
}
.collapsible--hidden {
  display: none;
}

.collapsible_tab {
  display: flex;
  background: #126C8D;
  justify-content: left;
  cursor: pointer;
}
.collapsible_tab--hidden {
  display: none;
}
.collapsible_tab--open .collapsible__icon svg {
  transform: rotate(90deg) translateX(17%);
}

.collapsible--opened + .collapsible {
  display: flex;
}

.collapsible__icon--close {
  display: none;
}

.collapsible__preheader {
  padding: 0 15px;
}
.collapsible__preheader .booking-grid {
  padding: 0;
}
.collapsible__preheader .booking-grid .booking-grid__row {
  flex-direction: column;
}
.collapsible__preheader .card {
  background-color: #fff;
}

.collapsible__header {
  display: flex;
  height: auto;
  margin: 0;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  color: #126C8D;
  padding: 15px;
}
.collapsible__header--collapsed {
  background-color: rgb(237.7075471698, 248.7452830189, 252.7924528302);
}
@media (max-width: 767px) {
  .collapsible__header {
    flex-direction: column;
  }
}
.collapsible__header--treatments {
  flex-direction: column;
}

.collapsible__content {
  display: flex;
  height: auto;
  margin: 0;
  overflow: hidden;
  width: 100%;
  padding: 0;
  background-color: #fff;
  color: #126C8D;
  border-bottom-right-radius: 20px;
  transition: max-height 800ms ease-out;
}
.collapsible__content--hidden {
  display: none;
}

.collapsible__icon {
  min-width: 44px;
  width: 44px;
  min-height: 44px;
  font-size: 1.125em;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  color: #fff;
  border-right: 1px solid #fff;
}
.collapsible__icon svg {
  height: 20px;
  width: 20px;
  transform: translateY(15%);
}

.collapsible__icon__sub {
  padding: 0.6em;
  padding-right: 20px;
  margin-left: auto;
}
.collapsible__icon__sub svg {
  font-size: 1.5em;
  height: 1em;
}
@media (max-width: 767px) {
  .collapsible__icon__sub {
    display: none;
  }
}

.collapsible__icon__sub--mobile {
  color: #126C8D;
}

.collapsible__icon--close {
  display: none;
}

.collapsible__title {
  padding: 0 20px;
  font-size: 1.125em;
  line-height: 44px;
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.collapsible__title--price {
  min-width: 60px;
}

.collapsible2 {
  width: 100%;
  margin: 0;
  cursor: pointer;
  transition-duration: 2s;
}

.collapsible2__buttons {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
}

.collapsible2__header {
  background-color: #E4F0F7;
  width: 100%;
  cursor: pointer;
  display: flex;
}

.collapsible2__title {
  padding: 0.6em;
  border-left: 1px solid #126C8D;
  color: #126C8D;
  font-size: 1.188em;
  font-weight: 600;
  line-height: 1em;
  min-height: 45px;
}
.collapsible2__title:before {
  position: absolute;
  transform: translateX(-1.5em);
}

.collapsible2--open > .collapsible2__content {
  display: block;
}
.collapsible2--open > .collapsible2__header > .collapsible__icon__sub--mobile {
  line-height: 40px;
}
.collapsible2--open > .collapsible2__header > .collapsible__icon__sub--mobile svg {
  transform: rotate(90deg);
}
.collapsible2__content {
  display: none;
}

.collapsible2--medium .collapsible2__header {
  background-color: #E4F0F7;
  color: #126C8D;
}

.collapsible2--light .collapsible2__header {
  background-color: #FAF8F6;
  color: #126C8D;
}

@media (min-width: 768px) {
  .collapsible2--open > .collapsible2__header > .collapsible__icon--open {
    display: none;
  }
  .collapsible2--open > .collapsible2__header > .collapsible__icon--close {
    display: block;
  }
}
@media (min-width: 1025px) {
  .collapsible2__header {
    border-bottom-right-radius: 25px;
    justify-content: space-between;
  }
  .collapsible2__title {
    margin: 0;
    padding: 0.6em;
    border-left: 0;
    color: #126C8D;
    font-size: 1.188em;
    font-weight: 600;
    line-height: 1em;
    min-height: 45px;
  }
  .collapsible__content {
    padding: 0;
  }
  .collapsible__icon__sub--mobile {
    display: none;
  }
}
.card-popup {
  position: relative;
  background: #FFF;
  padding: 29px;
  width: auto;
  margin: 20px auto;
  max-width: 886px;
  -webkit-box-shadow: 0 0 15px 0 rgb(174, 174, 174);
  -moz-box-shadow: 0 0 15px 0 rgb(174, 174, 174);
  box-shadow: 0 0 15px 0 rgb(174, 174, 174);
  display: flex;
  flex-wrap: wrap;
}

.card-popup {
  font-size: 1rem;
}

.card-popup--small {
  min-height: 300px;
  max-width: 383px;
}
.card-popup--small label {
  color: #126C8D;
}
.card-popup--small .card-popup__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}
.popup__description__intro p {
  font-size: 1em;
}

.card-popup.card-popup--small.card-popup--knownemail .card-popup__description {
  display: flex;
  flex-direction: column;
  margin: 15px;
}
.card-popup.card-popup--small.card-popup--knownemail .btn--login {
  flex-grow: 1;
  width: auto;
  margin-bottom: 15px;
}
.card-popup.card-popup--small.card-popup--knownemail .btn--change-email {
  flex-grow: 1;
  width: auto;
  margin-bottom: 15px;
}
.card-popup.card-popup--small.card-popup--knownemail .btn--request-password {
  width: 100%;
}
@media (max-width: 767px) {
  .card-popup.card-popup--small.card-popup--knownemail {
    height: auto;
  }
}

.card-popup__image {
  width: 100%;
  margin-bottom: 40px;
}
.card-popup__image img {
  width: 100%;
}

.card-popup__description {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 29px 0;
}

.card-popup__price {
  margin: 29px 0;
  color: #126C8D;
  font-size: 1.25rem;
}

ol.card-popup__list, .card-popup__description ul, .card__content__description ul {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
  margin-left: 1.3em;
}
ol.card-popup__list li, .card-popup__description ul li, .card__content__description ul li {
  padding-left: 0;
  color: #000;
}
ol.card-popup__list li:before, .card-popup__description ul li:before, .card__content__description ul li:before {
  color: #E4F0F7;
  content: "";
  background-image: url("../../../../../../_resources/app/client/images/denilp_list_arrow.png");
  background-repeat: no-repeat;
  padding-right: 25px;
  background-position: 0 3px;
  background-size: 15px;
  margin-left: -1.7em;
}
ol.card-popup__list li:not(:last-child), .card-popup__description ul li:not(:last-child), .card__content__description ul li:not(:last-child) {
  margin-bottom: 0.765em;
}

.card-popup .mfp-close {
  color: #126C8D;
}

@media (min-width: 1025px) {
  .card-popup {
    flex-wrap: nowrap;
  }
  .card-popup__image {
    max-width: 249px;
    margin-right: 29px;
  }
}
.impression {
  width: 100%;
  max-width: 320px;
  height: 320px;
  border-bottom-right-radius: 21px;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: row;
  margin: 1px;
}
@media (max-width: 1024px) {
  .impression {
    max-width: 49%;
  }
}
@media (max-width: 767px) {
  .impression {
    max-width: unset;
    max-height: unset;
  }
}

.impression.lineBreak {
  width: 0;
}

.impression__title {
  display: none;
  width: 100%;
  min-height: 50px;
  color: #404040;
  background-color: #FAF8F6;
  align-self: flex-end;
  border-bottom-right-radius: 20px;
  padding: 0.9em 1em;
}

.impression:hover .impression__title {
  display: block;
}

.impression--wide {
  max-width: 320px;
  max-height: 160px;
}
@media (max-width: 1024px) {
  .impression--wide {
    max-width: 49%;
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .impression--wide {
    max-width: unset;
    max-height: unset;
  }
}

@media (min-width: 1025px) {
  .impression {
    width: calc(33.33% - 2px);
    max-width: calc(33.33% - 2px);
    height: 320px;
  }
  .impression--wide {
    width: calc(66.66% - 2px);
    max-width: calc(66.66% - 2px);
    max-height: 320px;
  }
}
p.pagination > span,
p.pagination > a {
  font-size: 20px;
  padding: 8px;
}

.main {
  background-color: #fff;
  margin-top: 152px;
}
@media (max-width: 1024px) {
  .main {
    margin-top: 80px;
  }
}

.main__container {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .main__container {
    flex-direction: column-reverse;
  }
}

.main__content {
  flex: 1;
}
@media (max-width: 767px) {
  .main__content {
    width: 100%;
  }
}
.main__content a {
  color: #126C8D;
}
.main__content .wrapper {
  max-width: 1056px;
  margin: auto;
}

.main__content__backbtn {
  margin-bottom: 10px;
  line-height: 2em;
}
.main__content__backbtn svg {
  height: 22px;
  vertical-align: sub;
}

.main__content__flex {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .main__content__flex {
    flex-direction: column-reverse;
  }
}
.main__content__flex-content {
  flex: 1;
  margin-right: 20px;
}
.main__content__flex > img {
  height: auto;
  align-self: flex-start;
}

.NFP-flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 550px) {
  .NFP-flex {
    flex-direction: column;
    align-items: center;
  }
}
.NFP-flex .NFP-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: -20px;
  width: 100%;
}
@media (max-width: 550px) {
  .NFP-flex .NFP-button {
    margin: 0;
  }
}
@media (min-width: 551px) and (max-width: 769px) {
  .NFP-flex .NFP-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
}
.NFP-flex .NFP-button span {
  background: #b48826;
  color: #FFF;
  padding: 0.9em 1.3em;
  border-radius: 2.3em;
  font-family: "Barlow";
  font-size: 0.95rem;
  font-weight: 700;
}
.NFP-flex .NFP-button a {
  color: white;
}
.NFP-flex .NFP-image-flex {
  width: 30%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.NFP-flex .NFP-image-flex img {
  border-bottom-right-radius: 10%;
}
@media (max-width: 550px) {
  .NFP-flex .NFP-image-flex {
    width: 80%;
    margin-bottom: 20px;
  }
}
@media (min-width: 551px) and (max-width: 769px) {
  .NFP-flex .NFP-image-flex {
    width: 43%;
  }
}
.NFP-flex .NFP-content-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  color: #126C8D;
  margin-bottom: 1em;
  width: 35%;
}
@media (max-width: 550px) {
  .NFP-flex .NFP-content-flex {
    width: 90%;
  }
}
@media (min-width: 551px) and (max-width: 769px) {
  .NFP-flex .NFP-content-flex {
    margin-left: 70px;
  }
}
.NFP-flex .NFP-content-flex .left-flex-align {
  width: 100%;
}
.NFP-flex .NFP-content-flex .NFP-content-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.NFP-flex .NFP-content-flex .NFP-content-title h1 {
  font-size: 22px;
}
.NFP-flex .NFP-content-flex .NFP-content-text {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}
.NFP-flex .NFP-content-flex .NFP-content-text ul {
  width: 100%;
  margin-top: 20px;
}
.NFP-flex .NFP-content-flex .NFP-content-text ul li {
  list-style: none;
}
.NFP-flex .NFP-content-flex .NFP-content-text ul li:before {
  color: #E4F0F7;
  content: "";
  background-image: url("../../../../../../_resources/app/client/images/denilp_list_arrow.png");
  background-repeat: no-repeat;
  padding-right: 25px;
  background-position: 0 3px;
  background-size: 15px;
  margin-left: -25px;
}
.NFP-flex .NFP-content-flex .NFP-content-text p {
  color: #126C8D;
  font-size: 17px;
}
.NFP-flex .NFP-price-button-holder {
  display: flex;
  flex-direction: column;
  width: 20%;
}
@media (max-width: 550px) {
  .NFP-flex .NFP-price-button-holder {
    width: 75%;
  }
}
@media (min-width: 551px) and (max-width: 770px) {
  .NFP-flex .NFP-price-button-holder {
    width: 30%;
  }
}
.NFP-flex .NFP-price-button-holder .NFP-price-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  width: 100%;
  color: #126C8D;
}
.NFP-flex .NFP-price-button-holder .NFP-price-button .NFP-title-duo {
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.NFP-flex .NFP-price-button-holder .NFP-price-button .NFP-title-duo span:nth-child(1) {
  font-weight: 500;
}
.NFP-flex .NFP-price-button-holder .NFP-price-button .NFP-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  width: 40%;
}

h3.main__sub_title {
  color: #000;
  margin-bottom: 1em;
}

.main__side {
  margin-left: 2em;
  order: 1;
}

#NFP-center {
  justify-content: center;
}

#NFP-margin {
  margin-right: 40px;
}

.f-size-80 {
  font-size: 80%;
}

.page-grid__section.not-available {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.page-grid__section.not-available .main__container {
  justify-content: center;
}
.page-grid__section.not-available .main__container a {
  display: inline-block;
}
.page-grid__section.not-available .main__container a .btn-arrow {
  padding: 9px 17px;
}

.container {
  position: relative;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 15px;
}
.container--narrow {
  max-width: 751px;
}

.strip {
  display: block;
}

.CustomerProfilePage div.main__container {
  width: 100%;
}
.CustomerProfilePage div.main__content {
  width: 100%;
}
@media (min-width: 768px) {
  .CustomerProfilePage .new__reservation {
    float: right;
    margin: 15px;
  }
}
@media (max-width: 767px) {
  .CustomerProfilePage .new__reservation .btn {
    margin-top: 15px;
  }
}
.CustomerProfilePage div.account__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.CustomerProfilePage ul.account {
  padding: 0 0 15px 0;
  margin-left: 0;
  margin-top: 0;
}
.CustomerProfilePage ul.account h2 {
  margin-bottom: 15px;
}
.CustomerProfilePage ul.account li.account__details {
  padding-left: 0;
  margin-bottom: 1.4em;
  list-style: none;
}
.CustomerProfilePage div.detail__title {
  float: left;
  text-transform: capitalize;
  font-weight: 500;
  color: #126C8D;
}
.CustomerProfilePage div.detail__content {
  margin-left: 150px;
}
.CustomerProfilePage a.profile__edit__icon {
  margin-left: 15px;
}
.CustomerProfilePage div.account__reservations__container {
  width: 100%;
}
.CustomerProfilePage div.account__reservations__container h2 {
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .CustomerProfilePage div.account__reservations__container {
    width: auto;
  }
}
.CustomerProfilePage div.account__reservations span.account__reservation__item {
  cursor: pointer;
  line-height: 2em;
  white-space: nowrap;
  color: #126C8D;
  display: flex;
  width: 500px;
  align-items: center;
}
@media (max-width: 767px) {
  .CustomerProfilePage div.account__reservations span.account__reservation__item {
    width: 100%;
  }
}
.CustomerProfilePage div.account__reservations svg {
  height: 23px;
  width: 23px;
  margin-right: 15px;
}
.CustomerProfilePage div.account__reservations table {
  margin: 0;
}
.CustomerProfilePage div.account__reservations td {
  border: none;
  width: 250px;
}
.CustomerProfilePage span.account__reservation__item__title {
  width: 250px;
}
.CustomerProfilePage span.account__reservation__item__data {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .CustomerProfilePage span.account__reservation__item__data {
    display: none;
  }
}
.CustomerProfilePage div.account__reservation__item__details__wrap {
  display: none;
}
.CustomerProfilePage div.account__reservation__item__details {
  display: flex;
  border: 2px solid #E4F0F7;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .CustomerProfilePage div.account__reservation__item__details {
    flex-direction: column;
  }
}
.CustomerProfilePage div.account__reservation__item__details__section {
  width: 50%;
  padding: 15px 30px;
  display: flex;
  flex-direction: column;
}
.CustomerProfilePage div.account__reservation__item__details__section td {
  vertical-align: top;
  border: none;
  padding-left: 0;
}
@media (max-width: 767px) {
  .CustomerProfilePage div.account__reservation__item__details__section {
    width: 100%;
  }
}
.CustomerProfilePage a.account__reservation__item__reorder {
  margin: 15px 0 0 auto;
}
.CustomerProfilePage div.account__actions a {
  color: #126C8D;
}
.CustomerProfilePage div.account__action:first-child {
  margin-top: 0.5em;
}
.CustomerProfilePage div.account__action {
  margin-top: 10px;
}
.CustomerProfilePage div.account__divider {
  width: 1px;
  margin: 0 35px;
  background: #E4F0F7;
}

.customer__edit__form {
  min-width: 600px;
  max-width: 800px;
}

.footer {
  font-size: 1rem;
}

.footer__top {
  min-height: 180px;
  width: 100%;
  background-color: #E4F0F7;
}

.footer__top-wave {
  background-image: url("../../../../../../_resources/app/client/images/den_ilp_footer-top_new.png");
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}

.footer__sections {
  background-image: url("../../../../../../_resources/app/client/images/den_ilp_footer_new.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  padding: 200px 40px 20px 40px;
  background-color: #E4F0F7;
}
@media (max-width: 767px) {
  .footer__sections {
    background-image: url("../../../../../../_resources/app/client/images/den_ilp_footer-mobile_new.png");
    background-position: top;
  }
}

.footer__sections--simple {
  background-color: #fff;
}

.footer__sections-container {
  display: flex;
  flex-flow: column;
  justify-content: start;
  padding-top: 20px;
}

.footer__section {
  min-width: 187px;
  margin-top: 30px;
}

.footer__contact-form {
  min-width: 220px;
}

.footer__section-title {
  color: #fff;
  margin-bottom: 1.1em;
}

.footer__section-content {
  font-size: 0.825em;
  line-height: 1.5em;
  color: #fff;
}
@media (max-width: 450px) {
  .footer__section-content {
    font-size: 1em;
  }
}
.footer__section-content p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.footer__socials {
  margin-top: 1.368em;
  color: #A5CDE7;
}
.footer__socials a {
  margin-right: 1em;
}

.footer__nav-item {
  display: block;
  line-height: 1.5em;
}
.footer__nav-item:hover {
  color: #fff;
}

.footer__contact-form p {
  color: #fff;
}
.footer__contact-form input {
  border: 1px solid #E4F0F7;
  color: #fff;
}
.footer__contact-form input::placeholder {
  color: #E4F0F7;
}

.footer__section__newsletter .footer__content-form-row input:not([type=checkbox]):not([type=submit]) {
  border: 1px solid #E4F0F7;
  border-radius: 5px;
}

.footer__content-form-row {
  margin-bottom: 0.5em;
}

.footer__btn-cta {
  padding: 0;
  line-height: 2.4em;
  color: #126C8D;
}

.footer__link--underline {
  text-decoration: underline;
}

.footer__bottom {
  background-color: #126C8D;
}

.legal {
  font-size: 0.88em;
  line-height: 1.143em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 40px;
}

.legal__back-to-top {
  display: none;
}
.legal__back-to-top .btn {
  padding: 0.5em 0.65em 0.23em 0.65em;
}
.legal__back-to-top .btn svg {
  height: 20px;
  width: auto;
}

.legal__nav-item {
  margin: 0 40px 0 0;
  color: #A5CDE7;
  transition: 0.3s;
}
.legal__nav-item:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media (max-width: 767px) {
  .legal__nav-item {
    display: block;
    padding: 0;
    float: left;
  }
  .legal__nav-item:not(:first-child) {
    margin-bottom: 10px;
    margin-left: 20px;
  }
}

.footer__section-content--expanded {
  display: none;
}

.footer__facilities,
.footer__impressions {
  display: none;
}

@media (min-width: 768px) {
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  .footer__top-wave {
    height: 180px;
    background-size: auto;
    margin-top: 30px;
  }
  .footer__information,
  .footer__section-content--expanded {
    display: block;
  }
  .footer__section-content--compact {
    display: none;
  }
  .footer__sections {
    background-size: auto;
    width: 100%;
    padding: 0;
    padding-top: 2em;
  }
  .footer__sections-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding-top: 270px;
    padding-bottom: 40px;
  }
  .footer__section {
    padding: 0;
    min-width: auto;
  }
  .footer__bottom {
    border-top: 2px solid #fff;
  }
  .legal__back-to-top {
    display: block;
    text-align: right;
    color: #fff;
    padding-right: 16px;
  }
  .footer__impressions {
    display: flex;
  }
  .footer__impressions h3 {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 1025px) {
  .footer__section {
    padding: 10px;
    min-width: 180px;
  }
  .vertical-grid__item.vertical-grid__item__footer {
    padding-top: 0;
  }
  .footer__contact-form {
    min-width: 220px;
    max-width: 220px;
  }
  .footer__quick-menu {
    display: block;
  }
  .footer__facilities {
    display: flex;
  }
}
.form-holder {
  max-width: 610px;
  margin-top: 2.526em;
}
.form-holder label.left {
  font-size: 0.842em;
}

.form-holder__title {
  margin-bottom: 0.714em;
  color: #A5CDE7;
  text-rendering: auto;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
  color: #126C8D;
  font-family: "Barlow";
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 2em;
  text-transform: uppercase;
  line-height: 10px;
}

form {
  font-size: 1rem;
  line-height: 1.158em;
}

fieldset {
  padding: 0;
  border: none;
}

select {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-down fa-w-8 fa-3x'%3E%3Cpath fill='%23126C8D' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 25px 25px;
  background-position: 95% 50%;
}

input:not([type=checkbox], [type=submit], [type=radio]),
select,
textarea {
  font-family: "Barlow";
  font-size: 1em;
  line-height: 2em;
  height: 3em;
  width: 100%;
  padding: 0.316em 0.75em;
  border: 2px solid #E4F0F7;
  border-radius: 2px;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input:not([type=checkbox], [type=submit], [type=radio]):focus,
select:focus,
textarea:focus {
  outline: none;
}
input:not([type=checkbox], [type=submit], [type=radio]).error,
select.error,
textarea.error {
  background-color: rgba(221, 81, 67, 0.2);
  border-color: #dd5143;
}
input:not([type=checkbox], [type=submit], [type=radio])::-ms-expand,
select::-ms-expand,
textarea::-ms-expand {
  background-color: transparent;
  border: none;
  color: #E4F0F7;
}

option[disabled] {
  background-color: #e9e9e9;
}

textarea {
  height: auto;
}

.errorMsg, .errorMsg input {
  border-color: #dd5143 !important;
}

.errorMsgRadio:before {
  border-color: #dd5143 !important;
}

input:not([type=checkbox], [type=submit], [type=radio])[disabled],
input[disabled],
input[disabled]:hover {
  cursor: default;
  background: #cbcbcb;
}

textarea {
  resize: vertical;
}

* label, * label.left,
* legend,
* legend.left,
.userform label,
.userform label.left,
.userform legend,
.userform legend.left {
  font-weight: normal;
}

.required label:after,
.required legend:after {
  color: #dd5143;
}

.message,
.right-title {
  font-size: 0.8em;
  line-height: 1.5em;
  display: block;
  color: rgb(63.75, 63.75, 63.75);
}

.message {
  font-weight: bold;
  margin-top: 3px;
  margin-left: 24%;
}
.message.error, .message.bad {
  color: #dd5143;
}

.right-title {
  font-style: italic;
  text-align: right;
  color: rgb(63.75, 63.75, 63.75);
}

.FormHeading {
  margin-bottom: 15px;
}
.FormHeading:not(:first-of-type) {
  margin-top: 70px;
}

/*.field {
	border: 1px solid $colorInputBorder;

	line-height: 1.5em;
	height: 40px;
	border-radius: 4px;

	@include clearfix;
	&:not(:last-child) {
		margin-bottom: 20px;
	}
}*/
/*label,
legend
{
    width: $formLabelWidth;
}*/
.middleColumn {
  width: 76%;
}

label,
legend {
  display: inline-block;
}

.optionset .optionset,
.field.checkbox {
  padding: 0.316em 0.158em;
  margin-left: 0px;
  padding-left: 0;
  list-style-type: none;
}
.optionset .optionset:after,
.field.checkbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
*:first-child .optionset .optionset,
*:first-child .field.checkbox {
  zoom: 1;
}
.optionset .optionset li,
.field.checkbox li {
  display: flex;
  padding-left: 0;
}
.optionset .optionset label,
.field.checkbox label {
  position: relative;
  float: none;
  color: #126C8D;
  padding-left: 2.5em;
  cursor: pointer;
}
.optionset .optionset label:before, .optionset .optionset label:after,
.field.checkbox label:before,
.field.checkbox label:after {
  position: absolute;
  top: 9px;
  left: 0;
  width: 24px;
  height: 24px;
  content: " ";
  border: 1px solid #A5CDE7;
}
.optionset .optionset label:after,
.field.checkbox label:after {
  position: absolute;
  width: 10px;
  height: 10px;
  transition: background, 0.3s, ease, 0s;
  transform: translateY(-9px) translateX(50%);
  border: none;
}
.optionset .optionset input,
.field.checkbox input {
  position: absolute;
  left: -900%;
}
.optionset--full-width {
  width: 100%;
}

ul.checkboxset.optionset--betalen {
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
}
ul.checkboxset.optionset--betalen li {
  margin-bottom: 0;
}

.optionset__notice {
  margin-left: 38px;
  display: block;
}

.notice {
  margin-top: 5px;
}

.notice--red {
  color: #dd5143;
}

.optionset ul.checkboxset input[type=checkbox] + label,
.optionset ul.checkboxset input[type=checkbox] + .label-container > label, .checkboxset input[type=checkbox] + label,
.checkboxset input[type=checkbox] + .label-container > label {
  float: none;
}
.optionset ul.checkboxset input[type=checkbox] + label:before, .optionset ul.checkboxset input[type=checkbox] + label:after,
.optionset ul.checkboxset input[type=checkbox] + .label-container > label:before,
.optionset ul.checkboxset input[type=checkbox] + .label-container > label:after, .checkboxset input[type=checkbox] + label:before, .checkboxset input[type=checkbox] + label:after,
.checkboxset input[type=checkbox] + .label-container > label:before,
.checkboxset input[type=checkbox] + .label-container > label:after {
  transform: translateY(-50%) translateX(0%);
  border-radius: 2px;
}
.optionset ul.checkboxset input[type=checkbox] + label:after,
.optionset ul.checkboxset input[type=checkbox] + .label-container > label:after, .checkboxset input[type=checkbox] + label:after,
.checkboxset input[type=checkbox] + .label-container > label:after {
  transform: translateY(-50%) translateX(50%);
}
.optionset ul.checkboxset input[type=checkbox]:checked + .label-container > label:after, .optionset ul.checkboxset input[type=checkbox]:checked + label:after, .checkboxset input[type=checkbox]:checked + .label-container > label:after, .checkboxset input[type=checkbox]:checked + label:after {
  content: "";
  height: 13px;
  width: 13px;
  background-image: url("../../../../../../_resources/app/client/images/denilp_checkbox_checkmark.svg");
  transform: translateY(-50%) translateX(50%);
  color: #126C8D;
  background-size: contain;
}
.optionset ul.checkboxset input[type=checkbox][disabled] + label,
.optionset ul.checkboxset input[type=checkbox][disabled] + .label-container > label, .checkboxset input[type=checkbox][disabled] + label,
.checkboxset input[type=checkbox][disabled] + .label-container > label {
  cursor: default;
  color: #808080;
}
.optionset ul.checkboxset input[type=checkbox][disabled] + label:before,
.optionset ul.checkboxset input[type=checkbox][disabled] + .label-container > label:before, .checkboxset input[type=checkbox][disabled] + label:before,
.checkboxset input[type=checkbox][disabled] + .label-container > label:before {
  border-color: #cbcbcb;
}

.optionset .optionset input.error + label:before {
  background: rgba(221, 81, 67, 0.2);
  border-color: #dd5143;
}

.optionset .optionset--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.optionset .optionset--horizontal li:not(:last-child) {
  margin-bottom: 0;
  margin-right: 40px;
}

.optionset .radioset label:before, .optionset .radioset label:after {
  transform: translateY(-50%) translateX(-25%);
  border-radius: 50%;
  border: 1px solid #A5CDE7;
}
.optionset .radioset label:after {
  background-color: #126C8D;
  transform: translateY(-50%) translateX(6%);
  display: none;
}
.optionset .radioset input:checked + label:after {
  display: block;
}

.field.checkbox {
  padding-left: 23%;
}
.field.checkbox label:before, .field.checkbox label:after {
  border-radius: 2px;
}

.housnr-postcode .fieldgroup-field {
  float: left;
}
.housnr-postcode .fieldgroup-field.first {
  width: 50%;
  max-width: 100%;
}
.housnr-postcode .fieldgroup-field.first .fieldholder-small-label {
  float: left;
  width: 54%;
  max-width: 100%;
  padding: 8px 2px 9px 2px;
}
.housnr-postcode .fieldgroup-field.first input {
  width: 40%;
  margin-left: 0;
}
.housnr-postcode .fieldgroup-field.last {
  width: 50%;
  max-width: 100%;
}
.housnr-postcode .fieldgroup-field.last .fieldholder-small-label {
  display: inline-block;
  float: left;
  width: 25%;
  max-width: 100%;
  padding: 8px 2px 9px 2px;
}
.housnr-postcode .fieldgroup-field.last input {
  float: right;
  width: 70%;
}

.Actions {
  margin-top: 0.79em;
}

.message,
.right-title {
  font-size: 0.8em;
  line-height: 1.5em;
  display: block;
  color: rgb(63.75, 63.75, 63.75);
}

.message {
  font-weight: bold;
  margin-top: 5px;
}
.message.error, .message.bad {
  color: #dd5143;
}

@media (max-width: 600px) {
  .fieldgroup.housnr-postcode .fieldgroup-field {
    width: 50%;
  }
  .fieldgroup.housnr-postcode .fieldgroup-field .fieldholder-small-label {
    width: 42%;
  }
  .fieldgroup.housnr-postcode .fieldgroup-field input {
    width: 50%;
  }
  .field.checkbox {
    padding-left: 0;
  }
}
@media (max-width: 550px) {
  .fieldgroup.housnr-postcode .fieldgroup-field {
    width: 100%;
  }
  .fieldgroup.housnr-postcode .fieldgroup-field .fieldholder-small-label {
    width: 100%;
  }
  .fieldgroup.housnr-postcode .fieldgroup-field input {
    width: 100%;
  }
  .fieldgroup.housnr-postcode .first {
    margin-bottom: 20px;
  }
}
.field.file {
  border: none;
}
.field.file label {
  font-size: 1em !important;
  display: block;
  width: 100%;
  color: #000;
}

input[type=file] {
  display: none;
}

.fileInputWrapper {
  position: relative;
  display: inline-block;
  margin-top: 0.5em;
  padding-right: 1em;
}
.fileInputWrapper label.uploadBtn {
  font-family: "Barlow";
  font-size: 14px !important;
  line-height: 1em;
  padding: 0.25em 0.5em 0.15em;
}
.fileInputWrapper label.uploadBtn:focus {
  outline: none;
}
.fileInputWrapper label.uploadBtn:after {
  display: none;
}
.fileInputWrapper .empty-file-input {
  opacity: 0;
}

.fileInputWrapper.hasFile label.uploadBtn {
  padding-left: 0;
  border: none;
  background: none;
}
.fileInputWrapper.hasFile label.uploadBtn:hover {
  color: rgb(38.25, 38.25, 38.25);
}
.fileInputWrapper.hasFile .empty-file-input {
  opacity: 1;
}

.file-validation {
  font-size: 0.8em;
  display: block;
}

.empty-file-input {
  font-size: 0.5em;
  line-height: 1.6em;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  transition: all 0.2s ease;
  transform: translateY(-50%);
  text-align: center;
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
}
.empty-file-input:hover {
  color: #fff;
  border-color: #cbcbcb;
  background: #cbcbcb;
}

form label {
  color: #126C8D;
  font-size: 0.938em;
  margin-top: 10px;
  margin-bottom: 5px;
}
form p {
  color: #126C8D;
}

.fields__horizontal .middleColumn {
  display: flex;
  flex-direction: row;
}

.custom__form__step {
  display: none;
}

.custom__form__step.custom__form__excluded {
  display: block;
}

.custom__form__step1 {
  display: flex;
  flex-direction: row;
}
.custom__form__step1 .field, .custom__form__step1 .middleColumn {
  width: 100%;
}

.form--placeholder-label .field {
  position: relative;
}
.form--placeholder-label .message {
  margin-left: 0;
}
.form--placeholder-label .text label,
.form--placeholder-label .text .middleColumn,
.form--placeholder-label .textarea label,
.form--placeholder-label .textarea .middleColumn {
  float: none;
  width: 100%;
}
.form--placeholder-label .text label,
.form--placeholder-label .textarea label {
  position: absolute;
  top: 0.316em;
  left: 0.158em;
  display: block;
  cursor: text;
  transition: 0.2s ease;
}
.form--placeholder-label .text textarea,
.form--placeholder-label .textarea textarea {
  display: block;
  height: 1.842em;
  transition: height 0.2s ease;
}
.form--placeholder-label .field--used label {
  font-size: 0.7em;
  transform: translateY(-1.4em);
  color: #808080;
}
.form--placeholder-label .field--used textarea {
  height: 125px;
}
.form--placeholder-label .optionset label {
  font-size: 1em;
  transform: none !important;
}
.form--placeholder-label .optionset label.left {
  transform: translateY(-0.2em) !important;
}
.form--placeholder-label .field.checkbox {
  padding-left: 0;
}
.form--placeholder-label .field.optionset {
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  form input,
  form select,
  form textarea {
    font-size: 16px !important;
  }
  .field:not(:last-child) {
    margin-bottom: 10px;
  }
  .form-holder {
    margin-bottom: 2em;
  }
  .form-holder label.left {
    font-size: 0.968em;
  }
  .message {
    margin-left: 0;
  }
  .form--placeholder-label-mobile .field {
    position: relative;
  }
  .form--placeholder-label-mobile .message {
    margin-left: 0;
  }
  .form--placeholder-label-mobile .text label,
  .form--placeholder-label-mobile .text .middleColumn,
  .form--placeholder-label-mobile .textarea label,
  .form--placeholder-label-mobile .textarea .middleColumn {
    float: none;
    width: 100%;
  }
  .form--placeholder-label-mobile .text label,
  .form--placeholder-label-mobile .textarea label {
    position: absolute;
    top: 0.316em;
    left: 0.158em;
    display: block;
    cursor: text;
    transition: 0.2s ease;
  }
  .form--placeholder-label-mobile .text textarea,
  .form--placeholder-label-mobile .textarea textarea {
    display: block;
    height: 1.842em;
    transition: height 0.2s ease;
  }
  .form--placeholder-label-mobile .field--used label {
    font-size: 0.7em;
    transform: translateY(-1.4em);
    color: #808080;
  }
  .form--placeholder-label-mobile .field--used textarea {
    height: 125px;
  }
  .form--placeholder-label-mobile .optionset label {
    font-size: 1em;
    transform: none !important;
  }
  .form--placeholder-label-mobile .optionset label.left {
    transform: translateY(-0.2em) !important;
  }
  .form--placeholder-label-mobile .field.checkbox {
    padding-left: 0;
  }
  .form--placeholder-label-mobile .field.optionset {
    padding-bottom: 5px;
  }
  .form--placeholder-label-mobile .field:not(:last-of-type) {
    margin-bottom: 30px;
  }
  .form--placeholder-label-mobile .field--used label {
    transform: translateY(-1.8em);
    color: #A5CDE7;
  }
}
.conditional-field {
  display: none;
}

.header {
  font-size: 1rem;
  background-color: #fff;
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 200;
}

.header__full {
  display: none;
}

.header__logo {
  margin-right: auto;
}
.header__logo img {
  display: block;
  height: 46px;
}

.header__menu {
  color: #126C8D;
  font-size: 1.25em;
  cursor: pointer;
}
.header__menu line {
  transition-duration: 0.2s;
}

.menu__enabled {
  /*height: 18px;
  width: 18px;*/
  height: 18px;
  margin-top: 7px;
}
.menu__enabled #svg_1 {
  transform: rotate(45deg) translate(1px, -1px);
}
.menu__enabled #svg_2 {
  display: none;
}
.menu__enabled #svg_3 {
  transform: rotate(-45deg) translate(-11px);
}

.js-menu__content, .header__compact .header__compact-menu {
  display: none;
}

.header__compact {
  background-color: #fff;
  position: fixed;
  z-index: 10;
  width: 100%;
}

@media (min-width: 1025px) {
  .header__compact {
    display: none;
  }
  .header__full {
    display: block;
  }
  .header__top {
    position: relative;
    background-color: #E4F0F7;
    height: 47px;
  }
}
@media (min-width: 1025px) and (max-width: 1315px) {
  .header__top {
    padding-right: 30px;
  }
}
@media (min-width: 1025px) {
  .header__top-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .header__bottom {
    position: relative;
    padding-top: 27px;
    padding-bottom: 27px;
    background-color: #fff;
  }
  .header__bottom--ridderrode {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .header__bottom--ridderrode .header__logo img {
    height: 75px;
  }
  .header__bottom--denilp {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header__bottom--denilp .header__logo img {
    height: 85px;
  }
}
@media (min-width: 1025px) and (max-width: 768px) {
  .header__bottom .container {
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1025px) and (min-width: 768px) {
  .header__bottom {
    height: 105px;
  }
}
@media (min-width: 1025px) and (max-width: 1315px) {
  .header__bottom {
    padding-right: 30px;
  }
}
@media (min-width: 1025px) and (max-width: 1135px) {
  .header__bottom {
    padding-left: 30px;
  }
}
@media (min-width: 1025px) {
  .header__bottom-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .header__log-in {
    display: inline-block;
    margin-top: 11px;
    margin-bottom: 11px;
    padding: 0 10px;
    height: 27px;
    min-width: 70px;
    color: #126C8D;
    background-color: transparent;
    border: 1px solid #126C8D;
    border-radius: 2.3em;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.6em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
  }
  .header__log-in:hover {
    background-color: #126C8D;
    color: #fff;
  }
  .header__btn {
    height: 36px;
    line-height: 1.59em;
    margin: 0;
    min-width: 116px;
  }
}
.Breadcrumbs {
  color: #2D7363;
  max-width: 1190px;
  width: 100%;
  margin: 20px auto 10px;
  font-size: 13px;
}

.mobile-margin {
  margin-right: 20px;
}
@media (max-width: 560px) {
  .mobile-margin img {
    height: 30px;
  }
}

.breadcrumb-hover:hover {
  text-decoration: underline;
}

.simple-header {
  font-size: 1rem;
  background: #fff;
  height: 80px;
}
.simple-header .btn svg {
  height: 1em;
}

.simple-header__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}

.simple-header__logo {
  padding-left: 1em;
}
.simple-header__logo img {
  width: 200px;
}
@media (max-width: 767px) {
  .simple-header__logo img {
    width: 120px;
  }
}

.simple-header__nav {
  padding-right: 1em;
}
.simple-header__nav .btn-arrow {
  display: none;
}

.simple-header__nav-close {
  font-size: 0.65em;
  color: #126C8D;
  margin-right: 1em;
}

.simple-header__nav-text {
  display: none;
}

@media (min-width: 768px) {
  .simple-header {
    border-bottom: 2px solid #E4F0F7;
    height: 110px;
  }
  .simple-header__container {
    height: 110px;
  }
  .simple-header__logo img {
    width: 167px;
  }
  .simple-header__nav .btn-arrow {
    display: inline-block;
    margin-right: 1em;
  }
  .simple-header__nav-text {
    display: inline;
    font-size: 0.938em;
    color: #126C8D;
    font-weight: 500;
  }
  .simple-header__nav-close {
    display: none;
  }
}
@media (min-width: 1025px) {
  .simple-header__logo {
    padding-left: 0;
  }
}
.hero {
  font-size: 1rem;
  position: relative;
  height: 300px;
  background-color: #fff;
}

.hero--big {
  height: 750px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .hero--big {
    margin-bottom: 50px;
  }
}

.hero--simple {
  height: 24vw;
  max-height: 300px;
  color: #000;
  background: #fff;
}

.hero__logo {
  padding-top: 36px;
  padding-left: 53px;
}

.hero__image,
.hero__image--big {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero__image-wave--big {
  background-image: url("../../images/devarana_header-overlay-home.png");
  background-size: cover;
  background-position: center center;
  height: 200px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.hero__image-wave--big .hero__footer {
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  .hero__image-wave--big .hero__footer {
    bottom: -60px;
  }
}
@media (min-width: 1025px) {
  .hero__image-wave--big .hero__footer {
    bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero__image-wave--big .hero__footer {
    bottom: -60px;
  }
}

.hero__image-wave {
  background-image: url("../../images/header-overlay-new.png");
  transform: translateY(-145px);
  /*	background-size: cover;
      background-position: center center;*/
  height: 60px;
  position: absolute;
  width: 100%;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
}

.hero__content {
  position: absolute;
  max-width: 100%;
  width: 100%;
  padding: 1em;
  left: 0;
  top: 0.5em;
}
.hero__content .btn-arrow--wide {
  width: 102%;
  transition: 0.2s;
  background: rgba(250, 250, 250, 0.66);
}
@media (max-width: 500px) {
  .hero__content .btn-arrow--wide {
    min-height: 50px;
  }
}
.hero__content .btn-arrow--wide span {
  margin-top: 2px;
}

.hero__title {
  font-family: "Barlow";
  font-size: 2.353em;
  font-weight: bold;
  line-height: 1.125em;
  color: #cbcbcb;
}

.hero__quickbook__link {
  white-space: normal;
  padding: 0.63em 0.95em;
  line-height: 1.4em;
  max-height: 100px;
}
@media (max-width: 767px) {
  .hero__quickbook__link {
    border-radius: 0.7em;
  }
  .hero__quickbook__link a {
    display: flex;
    flex-direction: column;
  }
}

.hero__text {
  font-size: 17px;
  line-height: 1.333em;
  max-width: 420px;
  margin-top: 6%;
}

.IntranetPage .text-logo__subtitle {
  vertical-align: top;
}
.IntranetPage .hero__text-logo img,
.IntranetPage .hero__text-logo svg {
  display: inline-block;
  vertical-align: bottom;
}

.hero--undersubnav {
  margin-top: 37px;
}

.hero__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 1em;
}
@media (min-width: 1025px) {
  .hero__footer {
    min-height: 100px;
  }
}

.hero__footer-arrow {
  color: rgb(208.3285714286, 229.0714285714, 241.1714285714);
}
@media (min-width: 1025px) {
  .hero__footer-arrow {
    animation-name: scrolldown;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .hero__footer-arrow {
    display: none;
  }
}

@keyframes scrolldown {
  0%, 100% {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
}
.btn__holder {
  width: 100%;
  margin-right: 1em;
  flex-grow: 1;
}

.hero__booking-button {
  width: 100%;
  margin-right: 1em;
}

@media (orientation: landscape) and (max-width: 767px) {
  .hero,
  .hero--full-screen {
    height: 66vh;
  }
  .HomePage .hero,
  .HomePage .hero--full-screen {
    height: 100vh;
  }
  .HomePage .hero__arrow {
    display: block;
  }
}
.hero__content-form {
  display: none;
}

@media (max-width: 767px) {
  .hero__logo {
    padding-top: 0;
  }
  .hero__image {
    height: 138px;
  }
  .hero__image--big {
    height: 400px;
  }
  .hero__image-wave {
    transform: translateY(-55px);
    height: 60px;
  }
  .hero__title {
    font-size: 1.4em;
  }
  .hero__title br {
    display: none;
  }
  .hero__content .cta-group {
    display: none;
  }
  .hero {
    height: auto;
  }
  .hero--big {
    height: 77vh;
  }
  .hero__text {
    margin-top: 0.7em;
  }
  .IntranetPage .text-logo__subtitle {
    font-size: 0.4em;
    margin-left: 0;
  }
  .IntranetPage .hero__text-logo img,
  .IntranetPage .hero__text-logo svg {
    vertical-align: baseline;
  }
}
@media (min-width: 768px) {
  .hero__image-wave--big {
    height: 200px;
    bottom: 0;
  }
  .hero__image-wave {
    transform: translateY(-98px);
    height: 100px;
  }
}
@media (min-width: 1025px) {
  .hero__image-wave--big {
    height: 344px;
    bottom: 0;
  }
  .hero__image-wave {
    transform: translateY(-145px);
    height: 150px;
  }
  .hero__content {
    right: 0;
  }
  .hero__content-right {
    width: 375px;
    float: right;
    margin-top: 50px;
  }
  .hero__content-form {
    margin-top: 1em;
    padding: 1.9em 2.25em 2em 2.25em;
    background: #fff;
    border-radius: 30px;
    display: flex;
    min-height: 300px;
    flex-direction: column;
    -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.75);
  }
  .hero__content-form .btn-arrow {
    padding: 0.43em 0.65em;
    width: fit-content;
  }
  .hero__content-form-row {
    margin-bottom: 1em;
  }
  .hero__content-form-row h3 {
    font-size: 1.25em;
    font-weight: 500;
  }
  .hero__content-form-row:nth-child(1) {
    margin-bottom: 1.58em;
  }
  .hero__content-form-row:nth-child(3) {
    margin-top: 1.6em;
    margin-bottom: 1.4em;
  }
  .hero__content-form-row .btn {
    width: 100%;
  }
  .hero__content-form-row .radiogroup {
    padding-left: 10px;
  }
  .hero__content-form-label {
    margin-top: 0;
  }
  .hero__content-form--right {
    align-self: flex-end;
    color: #126C8D;
  }
  .hero__content-form--right .btn {
    display: inline-block;
    margin-left: 6px;
  }
  .hero__content-form--right svg {
    color: #26896B;
    fill: #26896B;
  }
  .hero__content-form-label {
    color: #126C8D;
    padding-bottom: 0.25em;
  }
  .hero__footer {
    justify-content: center;
  }
  .hero__booking-button, .btn__holder {
    display: none;
  }
}
a .min-width-fit {
  width: fit-content;
}

@media (min-width: 768px) {
  .ArrangementHolderPage .card .card--cta-wide .card__image, .ArrangementHolderPage .card .card--wide .card__image {
    width: 280px !important;
    min-width: 280px !important;
    height: 200px !important;
    min-height: 200px !important;
  }
}
.ArrangementHolderPage .card .card__content__description ul {
  margin-left: 2em;
}
.ArrangementHolderPage .card .btn-arrow {
  width: 116px;
  text-align: left;
  padding-left: 16px;
}
.ArrangementHolderPage .card .btn-arrow .card__button-more svg, .ArrangementHolderPage .card .btn-arrow .card__button-less svg {
  float: right;
  padding-right: 5px;
}

.arrangement-detail .btn-arrow {
  padding: 9px 10px;
}
.arrangement-detail .NFP-content-text ul {
  margin: 0;
  padding: 0;
}

.homepage {
  font-size: 1rem;
  background-color: #fff;
}

.HomePage .ui-datepicker-inline.ui-datepicker {
  max-width: 100%;
  border: none;
}
.HomePage .tippy-content {
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .page-grid__section--more {
    padding-top: 60px;
  }
}
.colorThemePrimary {
  background-color: #126C8D;
}
svg .colorThemePrimary {
  fill: #126C8D;
  stroke: #126C8D;
}

.colorThemeLight {
  background-color: #E4F0F7;
}
svg .colorThemeLight {
  fill: #E4F0F7;
  stroke: #E4F0F7;
}

.colorThemeSecondary {
  background-color: #A5CDE7;
}
svg .colorThemeSecondary {
  fill: #A5CDE7;
  stroke: #A5CDE7;
}

.Page .main__content a {
  border-bottom: 2px solid #126C8D;
  color: #126C8D;
}
.Page .main__content h2 {
  margin-top: 40px;
}
@media (min-width: 1025px) {
  .Page .page-grid__section--main {
    padding-left: 200px;
  }
}

.video-holder iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: 0;
}

.VideoPage .video-holder {
  max-width: 1600px;
  margin: 0 auto;
}

.nav {
  font-size: 1rem;
}

.secondary-nav .nav__menu {
  margin-right: 18px;
}

.nav__menu:after,
.main-nav__menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
*:first-child .nav__menu,
*:first-child .main-nav__menu {
  zoom: 1;
}

.nav__item {
  float: left;
}

.secondary-nav {
  font-size: 1.125em;
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 80px;
  border-bottom: 1px solid #126C8D;
  padding: 0 24px;
}

.secondary-nav--compact {
  display: flex;
  flex-direction: column;
  margin-top: 0.5em;
}

.secondary-nav__menu {
  max-width: 1190px;
  margin-right: auto;
  margin-left: auto;
}

.secondary-nav__item {
  float: left;
  position: relative;
  margin: 0 1em 8px 1em;
  border-bottom: 2px solid transparent;
  padding-bottom: 3px;
}

.secondary-nav__item--compact {
  padding: 5px 0 5px 20px;
  color: #808080;
  font-size: 0.75em;
}

.secondary-nav__item--current, .secondary-nav__item--current:hover,
.secondary-nav__item--section,
.secondary-nav__item--section:hover {
  border-bottom: 2px solid #126C8D;
  padding-bottom: 5px;
}

.side-nav {
  border: 1px solid #A5CDE7;
  padding: 1em 2em 1em 1em;
  border-bottom-right-radius: 16px;
}
@media (max-width: 1024px) {
  .side-nav {
    width: 100%;
    margin-left: 2em;
  }
}
@media (max-width: 767px) {
  .side-nav {
    margin-left: 0;
  }
}

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

a.side-nav__item {
  border-bottom: 2px solid transparent;
}
a.side-nav__item:hover {
  border-bottom-color: #A5CDE7;
}

a.side-nav__item, span.side-nav__item {
  font-size: 0.938em;
  white-space: nowrap;
  color: #A5CDE7;
  margin: 0.25em;
  line-height: 1.5em;
}

a.side-nav__item--current, span.side-nav__item--current {
  color: #126C8D;
  font-weight: 500;
}

.sub-nav {
  font-weight: normal;
}

.sub-nav__menu {
  display: flex;
  flex-direction: column;
}

.sub-nav__item {
  color: #A5CDE7;
  padding: 15px 0 0 10px;
}

.sub-nav__item--current a,
.sub-nav__item--section a {
  font-weight: bold;
  border-color: #A5CDE7;
}

.main-nav {
  font-size: 0.938em;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: normal;
  padding: 24px 0;
  margin-left: 12px;
}

.main-nav__menu {
  display: flex;
  flex-direction: column;
}

.main-nav__item {
  color: #126C8D;
  padding: 10px 0 10px 20px;
}

.main-nav__item--current {
  font-weight: 500;
}
.main-nav__item--current:before {
  position: absolute;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  background-size: contain;
  margin-top: 2px;
}

@media (min-width: 1025px) {
  .secondary-nav {
    font-size: 0.875em;
    font-weight: 500;
    color: #126C8D;
    padding-top: 11px;
    min-height: 0;
    border-bottom: 0;
  }
  .secondary-nav__item:hover {
    border-bottom: 2px solid #126C8D;
  }
  .secondary-nav__item--current, .secondary-nav__item--current:hover,
  .secondary-nav__item--section,
  .secondary-nav__item--section:hover {
    border-bottom: 2px solid #126C8D;
  }
  .main-nav {
    font-weight: 500;
    padding: 0;
  }
  .main-nav__item {
    float: left;
    position: relative;
    margin: 12px 20px 5px 20px;
    color: #000;
    padding: 0 0 3px 0;
    font-weight: 500;
    border-bottom: 2px solid transparent;
  }
  .main-nav__item:hover {
    border-bottom: 2px solid #126C8D;
  }
  .main-nav__item--current, .main-nav__item--current:hover,
  .main-nav__item--section,
  .main-nav__item--section:hover {
    border-bottom: 2px solid #126C8D;
    padding-bottom: 5px;
  }
  .main-nav__item--current:before,
  .main-nav__item--section:before {
    content: "";
  }
}
.login {
  max-width: 500px;
  margin: 7% auto;
  padding: 0 10px;
}

.hamaka-logo {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 115px;
  height: 100px;
}
.hamaka-logo:hover {
  opacity: 0.8;
}
.hamaka-logo svg {
  display: block;
  width: 100%;
  height: 100%;
}

.login {
  max-width: 610px;
  margin: 7% auto auto;
}

.login__form .middleColumn {
  width: 100%;
}
.login__form .field.email {
  font-size: 1.25rem;
  line-height: 1.6em;
  position: relative;
  margin-bottom: 0;
  padding-right: 0.88em;
  padding-left: 0.88em;
}
.login__form .field.email input {
  width: 100%;
  text-align: center;
  color: #000;
  border: none;
  border-bottom: 1px solid #000;
  background: none;
}
.login__form .field.email label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  padding: 0;
  text-align: center;
}
.login__form .field.email label:before {
  display: inline-block;
  width: 1.36em;
  height: 0.96em;
  margin-right: 0.68em;
  margin-bottom: -0.12em;
  content: " ";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDM0IDI0Ij4gIDxwYXRoIGlkPSJWb3JtXzIxNjgiIGRhdGEtbmFtZT0iVm9ybSAyMTY4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zODE4Ljk3LDYzNGgtMjkuOTRhMi4wNTgsMi4wNTgsMCwwLDAtMi4wMywyLjA4MnYxOS44MzhhMi4wNTgsMi4wNTgsMCwwLDAsMi4wMywyLjA4MmgyOS45NGEyLjA1OCwyLjA1OCwwLDAsMCwyLjAzLTIuMDgyVjYzNi4wOEEyLjA1OCwyLjA1OCwwLDAsMCwzODE4Ljk3LDYzNFptMC41MSwyMS45MmEwLjUxNywwLjUxNywwLDAsMS0uNTEuNTIxaC0yOS45NGEwLjUxNywwLjUxNywwLDAsMS0uNTEtMC41MjFWNjM2Ljc0NGwxMy45NCwxNC4yODhhMi4wOTQsMi4wOTQsMCwwLDAsMS41Mi42NDUsMi4xMjUsMi4xMjUsMCwwLDAsMS41Mi0uNjQ2bDEzLjk4LTE0LjMzNnYxOS4yMjNabS0xNS4xLTYuMDMxYTAuNjA2LDAuNjA2LDAsMCwxLS44MSwwbC0xMy45Ny0xNC4zMjhoMjguNzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4NyAtNjM0KSIvPjwvc3ZnPg==);
}
.login__form .Actions {
  margin-top: 1.5em;
  text-align: center;
}

.login--admin {
  margin-top: 0;
}
.login--admin input[type=submit] {
  background: #cbcbcb;
}
.login--admin #ForgotPassword {
  font-size: 0.8em;
  text-decoration: underline;
}
.login--admin #ForgotPassword:hover {
  text-decoration: none;
}

.login__content {
  margin: 1em auto;
  text-align: center;
}

.login__link {
  font-family: "Barlow";
  display: block;
  margin: 2.25em auto 1.5em;
  padding-bottom: 0.2em;
  text-align: center;
}
.login__link span {
  border-bottom: 1px solid;
}
.login__link:hover span {
  border-bottom: none;
}

.logout__link {
  font-family: "Barlow";
  font-size: 15px;
  display: block;
  margin: 2.25em auto 1.5em;
  padding-bottom: 0.2em;
  text-align: right;
}
.logout__link span {
  border-bottom: 1px solid;
}
.logout__link:hover span {
  border-bottom: none;
}

.multi-login {
  display: none;
}

.multi-login__title {
  font-size: 1.4em;
}

.multi-login__options {
  padding-left: 0;
  list-style-type: none;
}

.multi-login__option {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.multi-login__form {
  display: none;
}

.hamaka-logo {
  width: 55px;
  height: 50px;
}

.vertical-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.vertical-grid__item {
  overflow: hidden;
  flex: 1 1 auto;
}

.vertical-grid__item--grey {
  background: #cbcbcb;
}

.vertical-grid__item--padded {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .vertical-grid__item--padded {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .vertical-grid__item--paddedM {
    padding-top: 40px;
  }
}
.relevant-blogs {
  margin-top: 80px;
}
@media (max-width: 949px) {
  .relevant-blogs {
    margin-top: 40px;
  }
}
.relevant-blogs h2 {
  margin-bottom: 20px;
}

.relevant-blog-items-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-width: 300px;
  margin-bottom: 20px;
}
@media (max-width: 949px) {
  .relevant-blog-items-holder {
    justify-content: center;
    display: block;
  }
}
.relevant-blog-items-holder .relevant-blog-items {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 110px;
  min-width: 300px;
  flex: 1;
}
.relevant-blog-items-holder .relevant-blog-items .relevant-blog__featured-image img {
  width: 250px;
  height: 150px;
  object-fit: cover;
  object-position: center;
}
.relevant-blog-items-holder .relevant-blog-items > img {
  width: 33%;
}
.relevant-blog-items-holder .relevant-blog-items > .flex--content-column {
  flex: 1;
}
@media (max-width: 500px) {
  .relevant-blog-items-holder .relevant-blog-items {
    margin: 0 auto 15px;
    min-width: 300px;
  }
}
@media (min-width: 500px) and (max-width: 949px) {
  .relevant-blog-items-holder .relevant-blog-items {
    margin: 0 auto 15px;
    min-width: 500px;
    justify-content: flex-start;
  }
}
.relevant-blog-items-holder .relevant-blog-items img {
  object-fit: fill;
}
.relevant-blog-items-holder .relevant-blog-items .relevant-blog-text,
.relevant-blog-items-holder .relevant-blog-items .date {
  padding: 10px 10px 0 10px;
  margin: 0;
}
.relevant-blog-items-holder .relevant-blog-items .date {
  color: #022775;
  font-size: 14px;
}
@media (min-width: 946px) {
  .relevant-blog-items-holder .relevant-blog-items:not(:last-child) {
    border-right: 2px solid rgb(232.25, 232.25, 232.25);
    margin-right: 10px;
  }
}

.mfp-arrow-left {
  left: 20px;
}

.mfp-arrow-left:before,
.mfp-arrow-left:after {
  border: 0;
}

.mfp-arrow-right {
  right: 20px;
  transform: rotate(180deg);
  transform-origin: center;
}

.mfp-arrow-right:before,
.mfp-arrow-right:after {
  border: 0;
}

button.mfp-arrow {
  background-color: white;
}

.mfp-arrow:active {
  margin-top: 0;
}

.mfp-arrow > * {
  pointer-events: none;
}

.splide__slide:hover {
  cursor: pointer;
}
.typography .splide__slide {
  padding-left: 0;
  margin-bottom: 0 !important;
}

.splide__arrow {
  background-color: white;
  width: 40px;
  height: 40px;
}
.splide__arrow:disabled {
  opacity: 0;
}
@media (min-width: 768px) {
  .splide__arrow--next {
    right: -4em;
  }
  .splide__arrow--prev {
    left: -4em;
  }
}
.splide__arrow svg {
  fill: #26896B;
}

.typography .splide__pagination li {
  padding-left: 0;
  margin-bottom: 0 !important;
}

.loginpage {
  font-size: 1rem;
}

.logout__message {
  line-height: 2em;
  background-color: #E4F0F7;
  padding: 0.2em 2em;
  max-width: 265px;
  margin-bottom: 15px;
  position: relative;
}
.logout__message p {
  color: #126C8D;
}
.logout__message svg.svg-inline--fa {
  height: 15px;
  width: 15px;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #126C8D;
  cursor: pointer;
}

.login-grid__cell {
  margin-top: 0.7em;
}
.login-grid__cell label {
  color: #126C8D;
}

.loginpage__form {
  max-width: 265px;
}
.loginpage__form .btn-login {
  margin: 1em 0 2em 0;
}
.loginpage__form .btn-nologin {
  margin: 1em 0 2em 0;
}
.loginpage__form .nologin__notice {
  font-size: 0.9em;
  color: #126C8D;
}

.loginpage__top {
  margin: 3em 1em 1em;
}
@media (max-width: 767px) {
  .loginpage__top {
    margin-top: 0;
  }
}

.loginpage__form {
  margin: 2em 1em 1em;
}
.loginpage__form--forgotpassword {
  margin-top: 0;
}

.loginpage__footer {
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("../../../../../../_resources/app/client/images/devarana_footer-top.png");
}

.loginpage__link {
  padding-left: 0;
  color: #000;
}
.loginpage__link:before {
  color: #E4F0F7;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-3x'%3E%3Cpath fill='#E4F0F7' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 15px;
  height: 15px;
  width: 15px;
  position: absolute;
  margin-left: -30px;
  margin-top: 2px;
}

.field.checkbox {
  margin-left: 8px;
  padding-left: 0;
  list-style-type: none;
  margin-top: 1em;
}

.btn-toolbar {
  margin: 1em 0 2em 0;
}

.loginpage__strike-text {
  width: 100%;
  text-align: center;
  margin: 1em 0;
  color: #126C8D;
}
.loginpage__strike-text:before, .loginpage__strike-text:after {
  content: "";
  border-bottom: 1px solid #E4F0F7;
  width: 115px;
  height: 10px;
  position: absolute;
  transform: translateX(5px);
}
.loginpage__strike-text:before {
  transform: translateX(-120px);
}

.loginpage__faded > label,
.loginpage__faded > a {
  color: #404040;
  text-align: left;
  margin-left: 35px;
}

.middleColumn {
  width: 100%;
}

.ReservationPage {
  background-color: hsl(194.1052631579, 58.8457142857%, 101.177254902%);
}
.ReservationPage h1,
.ReservationPage h2,
.ReservationPage h3,
.ReservationPage h4,
.ReservationPage h5,
.ReservationPage h6 {
  width: 100%;
}
.ReservationPage main {
  background-color: hsl(194.1052631579, 58.8457142857%, 101.177254902%);
  height: calc(100% - 110px);
  padding-top: 2em;
}
@media (max-width: 767px) {
  .ReservationPage main {
    padding-top: 0;
  }
}
.ReservationPage .container {
  min-height: calc(100% - 180px);
}
@media (max-width: 767px) {
  .ReservationPage .container {
    padding: 0;
  }
}
.ReservationPage .booking {
  font-size: 1rem;
}
.ReservationPage .booking__notice {
  display: block;
  clear: both;
  margin-bottom: 1.5385rem;
  margin-top: 1em;
  padding: 0.75rem 1.25rem;
  border: 1px solid #ccc;
  border-radius: 0.23rem;
  background-color: #eaf6e4;
}
.ReservationPage .booking__notice--positive {
  background-color: #eaf6e4;
  border-color: #72c34b;
}
.ReservationPage .booking__notice--negative {
  background-color: #f6efe4;
  border-color: #ffde7b;
}
.ReservationPage .booking__container {
  display: none;
}
.ReservationPage .booking__container--visible {
  display: block;
}
.ReservationPage .booking__top {
  margin-bottom: 40px;
}
.ReservationPage .time__notice {
  white-space: nowrap;
  margin-top: 15px;
  width: 0;
}
.ReservationPage .loginpage__container {
  display: none;
}
.ReservationPage .loginpage__container--visible {
  display: block;
}
.ReservationPage .loginpage__form input[type=text], .ReservationPage .loginpage__form input[type=password] {
  background: white;
  border: 1px solid #E4F0F7;
}
.ReservationPage .loginpage__form .optionset .checkboxset label:before {
  background-color: white;
}
@media (max-width: 767px) {
  .ReservationPage .loginpage__form {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 100%;
  }
  .ReservationPage .loginpage__form .btn-login, .ReservationPage .loginpage__form .btn-nologin {
    width: 100%;
  }
}
.ReservationPage .collapsible {
  margin-bottom: 20px;
}
.ReservationPage .collapsible__content {
  padding: 15px;
}
.ReservationPage .booking-grid__row__recommended--arrangements .booking__cards--wide .card__content__title {
  margin-bottom: 0;
}
.ReservationPage .booking-grid__row__recommended--treatments {
  flex-direction: column;
}
.ReservationPage .booking-grid__row__all--arrangements .card__content__title {
  font-size: 1.5625em;
}
.ReservationPage .booking-grid__row__all--arrangements .card__content__text p {
  font-size: 1.25em;
}
.ReservationPage .booking__form {
  margin-top: 2em;
}
.ReservationPage .booking__form label {
  color: #126C8D;
  font-size: 0.938em;
  margin-top: 10px;
  margin-bottom: 5px;
}
.ReservationPage .booking__form p {
  color: #000;
}
.ReservationPage .booking-grid--dense {
  padding-bottom: 0;
}
.ReservationPage .booking-grid--dense .card--booking {
  margin-right: 0;
}
.ReservationPage .booking-grid--dense .card__image {
  min-width: 320px;
}
@media (max-width: 767px) {
  .ReservationPage .booking-grid {
    padding: 0;
  }
}
.ReservationPage .label__link {
  text-decoration: underline;
  color: #126C8D;
}
.ReservationPage .card__content__title {
  font-size: 1.25em;
}
.ReservationPage .card__content__text p {
  font-size: 1em;
}
.ReservationPage .booking__footer {
  margin: 1em 1em;
  text-align: right;
}
.ReservationPage .booking__total {
  margin: 1em 0 1em;
  color: #126C8D;
}
.ReservationPage .error--small {
  max-width: 300px;
}
.ReservationPage .booking__total__summary {
  margin-top: 0;
  margin-bottom: 5px;
}
.ReservationPage .booking__total__divider {
  max-width: 160px;
  margin-right: 0;
  border-color: #dae6e4;
  border-width: 1px;
  border-style: solid;
  border-bottom: 0;
}
.ReservationPage .tooltip--top {
  color: #126C8D;
  fill: #126C8D;
}
.ReservationPage .tooltip--top svg {
  width: 1.1em;
}
.ReservationPage .booking__buyables {
  width: 100%;
  margin: 1em 0 0 0;
}
.ReservationPage .booking__cards,
.ReservationPage .booking__cards--wide {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 15px 0;
  flex-grow: 1;
}
.ReservationPage .booking__card {
  margin-bottom: 1em;
}
.ReservationPage .booking__cards--wide .booking__card {
  margin: 1em 0 0 0;
}
.ReservationPage .booking__payment-type {
  display: flex;
  flex-direction: column;
  margin: 10px 0 5px 0;
  flex-wrap: nowrap;
}
.ReservationPage .booking__payment-type-row {
  display: flex;
  flex-direction: row;
  margin: 10px 0 5px 0;
  flex-wrap: wrap;
  row-gap: 20px;
}
.ReservationPage .booking__payment-type-row .btn {
  min-width: auto;
}
.ReservationPage .booking__payment-type-row .btn:not(:last-child) {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .ReservationPage .booking__payment-type-row .btn:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .ReservationPage .booking__payment-type-row .btn.btn-sort {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .ReservationPage .ui-datepicker td span, .ReservationPage .ui-datepicker td a {
    padding: 0.8em;
  }
}
.ReservationPage .datepicker__legenda {
  padding-left: 0;
  flex-direction: column;
  justify-content: space-between;
}
.ReservationPage .datepicker__legenda__wrap span {
  line-height: 1em;
}
.ReservationPage .datepicker__legenda__wrap:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 10px;
}
.ReservationPage .datepicker__legenda__item {
  height: 20px;
  width: 20px;
}
.ReservationPage .booking__payment-provider {
  margin-bottom: 1em;
}
.ReservationPage .tooltip-next {
  display: inline-block !important;
}
@media (max-width: 767px) {
  .ReservationPage .tooltip-next {
    width: 100%;
  }
}
.ReservationPage .booking__btn--next .btn-booking-next {
  color: #ffffff;
}
.ReservationPage .tooltip-icon {
  color: #126C8D;
  height: 18px;
}
.ReservationPage .tippy-popper {
  max-width: 350px;
}
@media (max-width: 767px) {
  .ReservationPage .booking__btn--next {
    width: 100%;
    display: flex;
  }
  .ReservationPage .booking__btn--next .btn-booking-next {
    width: 100%;
    color: #ffffff;
  }
  .ReservationPage .booking__footer {
    background-color: white;
    margin: 0;
    padding: 1em 1em;
  }
  .ReservationPage .collapsible__content {
    border-bottom-right-radius: 0;
  }
  .ReservationPage .btn-arrow.legal__back-to-top {
    margin-left: 15px;
  }
  .ReservationPage .btn-arrow.legal__back-to-top svg {
    height: 1em;
  }
  .ReservationPage .btn-arrow-more {
    margin-top: 0.5em;
  }
  .ReservationPage .legal__back-to-top {
    display: block;
  }
}
.ReservationPage .collapsible2__content {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.ReservationPage .collapsible2--open > .collapsible2__content {
  max-height: 5000px;
  transition: max-height 0.6s ease-in-out;
}
.ReservationPage .card-popup__img {
  max-width: 250px;
  max-height: 175px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex-grow: 1;
}
.ReservationPage .card-popup__img img {
  margin: 0 30px 30px 0;
  height: 420px;
  margin-bottom: 0;
}
.ReservationPage .card-popup__info {
  padding: 0 30px;
}
.ReservationPage .footer__top-wave {
  background-color: transparent;
}
.ReservationPage .booking__payment-cell {
  padding: 1em 2em 2em;
}
@media (max-width: 1024px) {
  .ReservationPage .mfp-content {
    height: 100%;
  }
  .ReservationPage .card-popup {
    margin-top: 0;
    height: auto;
  }
  .ReservationPage .card-popup__info {
    padding: 0;
    padding-top: 30px;
  }
  .ReservationPage .card__content__description {
    display: none;
  }
}
@media (min-width: 768px) {
  .ReservationPage .legal__back-to-top {
    display: none;
  }
}
@media (min-width: 1025px) {
  .ReservationPage .booking__cards {
    display: flex;
    flex-direction: row;
  }
  .ReservationPage .booking__card {
    flex: 1;
    margin-right: 1em;
  }
  .ReservationPage .booking__card:last-child {
    margin-right: 0;
  }
  .ReservationPage .booking__footer {
    margin: 1em 0;
  }
  .ReservationPage .booking__payment-cell {
    width: 50%;
    margin: 0;
  }
}

.booking__loader {
  height: calc(100% - 110px);
  width: 100%;
  background: white;
  position: absolute;
  z-index: 87347;
}
.booking__loader svg {
  width: 150px;
  height: 80px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  margin: auto;
  fill: #126C8D;
  color: #126C8D;
}

.booking__form-dinnertime-container {
  padding-left: 3em;
}

.booking__form-dinnertime {
  width: 80%;
  margin-top: 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.booking__form-dinnertime .custom-radioset--PreferedDinnerTime > label {
  padding: 8px 16px;
  margin: 0;
  border: 2px solid #E4F0F7;
  border-radius: 2px;
}
.booking__form-dinnertime .custom-radioset--PreferedDinnerTime > label::before, .booking__form-dinnertime .custom-radioset--PreferedDinnerTime > label::after {
  content: none;
}
.booking__form-dinnertime .custom-radioset--PreferedDinnerTime input[type=radio]:checked + label {
  border: 2px solid #A5CDE7;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: "Lucida Grande", sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.react-dat-gui *, .react-dat-gui *:before, .react-dat-gui *:after {
  box-sizing: inherit;
}

.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}

.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}

.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}

.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}

.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}

.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  user-select: none;
}

.react-dat-gui ul li.cr {
  margin-bottom: 0;
}
.react-dat-gui ul li.cr label {
  margin-top: 0;
  font-size: 10px;
  color: #FFF;
  margin-bottom: 0;
}

.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}

.react-dat-gui .cr label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}

.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

.react-dat-gui .cr input[type=text], .react-dat-gui .cr input[type=number] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  padding: 2px 5px;
  margin: 0;
  outline: none;
  font-size: inherit;
}

.react-dat-gui .cr input[type=text]:hover, .react-dat-gui .cr input[type=number]:hover {
  background: #3c3c3c;
}

.react-dat-gui .cr input[type=text]:focus, .react-dat-gui .cr input[type=number]:focus {
  background: #494949;
  color: #fff;
}

.react-dat-gui .cr input[type=text]::-ms-clear, .react-dat-gui .cr input[type=number]::-ms-clear {
  display: none;
}

.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}

.react-dat-gui .cr.boolean label {
  cursor: pointer;
}

.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}

.react-dat-gui .cr.boolean input[type=checkbox] {
  margin: 0;
}

.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}

.react-dat-gui .cr.button:hover {
  background: #111;
}

.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}

.react-dat-gui li.folder {
  display: block;
  padding: 0;
}

.react-dat-gui li.folder .title {
  font-weight: bold;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}

.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}

.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}

.react-dat-gui li.folder.closed ul {
  display: none;
}

.react-dat-gui .cr.number {
  border-left: 5px solid #2FA1D6;
}

.react-dat-gui .cr.number input[type=text], .react-dat-gui .cr.number input[type=number] {
  color: #2FA1D6;
}

.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: linear-gradient(90deg, #2FA1D6, #2FA1D6);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}

.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}

.react-dat-gui .cr.string input[type=text] {
  color: #1ed36f;
}

.react-dat-gui .cr.select {
  border-left: 5px solid #F4D450;
}

.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}

.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}

.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: bold;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}

.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}

.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.react-dat-gui .cr.color .picker {
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  box-sizing: initial;
  width: auto;
  font-family: "Menlo";
  margin-top: -3px;
}

.react-dat-gui .cr.color .picker .body {
  padding: 0px;
}

.react-dat-gui .cr.color .picker .body .controls {
  display: flex;
}

.react-dat-gui .cr.color .picker .body .controls .toggles {
  flex: 1;
}

.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}

.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap .hue {
  radius: 2px;
}

.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}

.react-dat-gui .cr.color .picker .saturation-wrap .saturation {
  radius: 2px 2px 0 0;
}

.react-dat-gui .cr.color .fields-wrap {
  display: flex;
}

.react-dat-gui .cr.color .fields-wrap .fields {
  flex: 1;
  display: flex;
  margin-left: -6px;
}

.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}

.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}

.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}

.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}

.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}

.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #fff;
  transform: translate(-6px, -6px);
}

.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}

.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}

.react-dat-gui .cr.presets label select {
  width: 100%;
}

.BlogPost .main__container .main__content {
  width: 100%;
}

.BadenkaartOverviewPage #page-grid__sections .container.typography {
  max-width: 800px;
}
.BadenkaartOverviewPage .filters .btn-sort:first-letter {
  text-transform: capitalize;
}
.BadenkaartOverviewPage .badenkaartenpage__cells {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell {
  min-width: 380px;
  min-height: 175px;
  width: 50%;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card__content {
  display: flex;
  flex-direction: column;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell h2.card__content__title {
  margin-bottom: 0;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell h2.card__content__title:first-letter {
  text-transform: capitalize;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card__content__text {
  flex-grow: 1;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card__content__text p {
  font-size: 1em;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card__footer-container {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell {
    width: 100%;
    min-width: auto;
  }
}
@media (min-width: 768px) {
  .BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell {
    width: 50%;
  }
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card {
  min-height: 175px;
  flex-direction: column;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .HideMe {
  display: none;
}
.BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card__buttons .btn-arrow--wide svg {
  width: 16px;
}
@media (max-width: 767px) {
  .BadenkaartOverviewPage .badenkaartenpage__cells .page-grid__cell .card__buttons {
    justify-content: flex-end;
  }
}

.badenkaart__step {
  display: none;
}

.badenkaart__step1 {
  display: flex;
  flex-direction: row;
}
.badenkaart__step1 .field, .badenkaart__step1 .middleColumn {
  width: 100%;
}

.packagespage {
  font-size: 1rem;
  background-color: #fff;
}

.faqpage {
  font-size: 1rem;
  background-color: #fff;
}

.FAQOverviewPage #page-grid__sections .container.typography {
  max-width: 800px;
}
.FAQOverviewPage .page-grid__section {
  padding-left: 0;
  padding-right: 0;
}
.FAQOverviewPage .collapsible2__title {
  font-size: 1.125em;
  line-height: 22px;
  padding-left: 20px;
}
.FAQOverviewPage .collapsible2__sub .collapsible2__title {
  font-size: 1em;
  line-height: 19px;
}
@media (max-width: 767px) {
  .FAQOverviewPage .collapsible2__sub .collapsible2__title {
    background: none;
    border: none;
  }
}

.faqpage__answer {
  padding: 1em 2em 20px 20px;
  cursor: text;
  background-color: #FAF8F6;
}
@media (max-width: 767px) {
  .faqpage__answer {
    background: none;
  }
}
.faqpage__answer p {
  margin: 0;
  line-height: 1.3em;
}

.collapsible2--light.collapsible2--open .collapsible2__header {
  border-bottom-right-radius: 0;
}

.faqpage__question {
  margin: 0.7em 0 0 0;
}

.FacilitiesPage .main {
  font-size: 1rem;
  background-color: #fff;
  margin-bottom: 60px;
}
.FacilitiesPage .main .page-grid__cells {
  justify-content: start;
}
@media (min-width: 770px) and (max-width: 1025px) {
  .FacilitiesPage .main .page-grid__cells .page-grid__cell {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .FacilitiesPage .main .page-grid__cells .page-grid__cell {
    height: 415px;
  }
}
.FacilitiesPage .main .page-grid__cells .page-grid__cell .card__content__title {
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.FacilitiesPage .main .page-grid__cells .page-grid__cell .card__content__text {
  font-size: 1em;
}
.FacilitiesPage .main .page-grid__cells .page-grid__cell .card__content {
  min-height: 200px;
}
.FacilitiesPage .main .page-grid__cells .page-grid__cell .card__footer {
  display: none;
}
.FacilitiesPage .main .page-grid__cells .card__image {
  min-width: auto;
}

.JobsOverviewPage {
  font-size: 1rem;
  background-color: #fff;
}
.JobsOverviewPage .jobs__iframe {
  border: none;
}
.JobsOverviewPage .jobspage__cells {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  width: 100%;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell {
  min-width: 400px;
  min-height: 260px;
  width: 50%;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell h2.card__content__title {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .JobsOverviewPage .jobspage__cells .page-grid__cell {
    width: 100%;
    min-width: auto;
  }
}
@media (min-width: 768px) {
  .JobsOverviewPage .jobspage__cells .page-grid__cell {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .JobsOverviewPage .jobspage__cells .page-grid__cell {
    width: 50%;
  }
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card {
  min-height: 245px;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__content__title {
  font-size: 1.25em;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__content__text {
  font-size: 1em;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__content__text p {
  font-size: 1em;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__content__description p {
  margin: 0.75em 0em;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__content__description ul {
  margin-left: 2em;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .HideMe {
  display: none;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__buttons {
  flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .JobsOverviewPage .jobspage__cells .page-grid__cell .card__buttons {
    flex-direction: column;
  }
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__buttons .btn-arrow--wide {
  margin-right: 0;
  margin-bottom: 8px;
  vertical-align: sub;
}
.JobsOverviewPage .jobspage__cells .page-grid__cell .card__buttons .btn-arrow--wide svg {
  width: 16px;
}
@media (max-width: 767px) {
  .JobsOverviewPage .jobspage__cells .page-grid__cell .card__buttons {
    justify-content: flex-end;
  }
}
.JobsOverviewPage form {
  max-width: 600px;
}
.JobsOverviewPage form div.input.date {
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.JobsOverviewPage form div.input.date select {
  flex-grow: 1;
  width: auto;
  color: #126C8D;
}
.JobsOverviewPage form div.input.date span {
  width: 15px;
  text-align: center;
  color: #126C8D;
}
.JobsOverviewPage form div.input.date label {
  width: 100%;
}
.JobsOverviewPage form h2 {
  margin-top: 25px;
}
.JobsOverviewPage form .load__more__fields .load__more__fields__link {
  color: #126C8D;
  line-height: 3em;
}
.JobsOverviewPage form .load__more__fields .load__more__field {
  display: none;
}
.JobsOverviewPage form .load__more__fields svg {
  vertical-align: sub;
}
.JobsOverviewPage form .optional {
  display: none;
}
.JobsOverviewPage form .input.select.field.optionset.checkboxset.required label:after {
  color: #126C8D;
}
.JobsOverviewPage form .job__category {
  font-size: 15px;
}
.JobsOverviewPage form .input.file {
  margin-top: 5px;
}
.JobsOverviewPage form .input.file .upload__holder {
  border: 2px dashed #E4F0F7;
  text-align: center;
  position: relative;
  padding: 25px;
}
.JobsOverviewPage form .input.file .upload__holder label {
  margin: 0;
}
.JobsOverviewPage form .input.file .upload__holder .icon__upload__holder {
  position: absolute;
  height: calc(100% + 4px);
  top: -2px;
  width: 15%;
  left: -2px;
  margin: 0;
  background-color: #E4F0F7;
  border: 2px solid #E4F0F7;
  cursor: pointer;
}
.JobsOverviewPage form .input.file .upload__holder .icon__upload__holder svg {
  color: #126C8D;
  font-size: 15px;
  margin-top: 27px;
}
.JobsOverviewPage form .input.file span {
  color: #2d7363;
  font-size: 0.938em;
  margin-top: 10px;
  margin-bottom: 5px;
}
.JobsOverviewPage form .input.file label {
  width: 100%;
}
.JobsOverviewPage form .input.file input[type=file] {
  display: block;
  width: 100%;
  border: none;
  opacity: 0;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  cursor: pointer;
}

input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

div.input.radio.optionset > fieldset > label {
  margin-left: 0;
}

div.input.radio.optionset > fieldset > label ~ label {
  margin-left: 50px;
}

.radio.optionset:not(.checkboxset) fieldset legend {
  margin-left: -10px;
  color: #126C8D;
  padding-top: 15px;
}
.radio.optionset:not(.checkboxset) label:before, .radio.optionset:not(.checkboxset) label:after {
  transform: translateY(-50%) translateX(-25%);
  border-radius: 50%;
}
.radio.optionset:not(.checkboxset) label:after {
  background-color: #126C8D;
  transform: translateY(-50%) translateX(15%);
  display: none;
}
.radio.optionset:not(.checkboxset) input:checked + label:after {
  display: block;
}

div.checkboxset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.checkboxset label {
  flex: 0 0 100%;
}

.giftcardspage {
  font-size: 1rem;
  background-color: #fff;
}

.GiftCardsOverviewPage #page-grid__sections .container.typography {
  max-width: 800px;
}

.GiftCardDetailPage .message.required {
  margin-left: 0;
  color: #dd5143;
}

.giftcardspage__cells {
  flex-wrap: wrap;
  justify-content: left;
}
.giftcardspage__cells .page-grid__cell {
  min-height: 230px;
  width: 50%;
}
.giftcardspage__cells .page-grid__cell .card {
  height: 100%;
  flex-direction: column;
  display: flex;
}
.giftcardspage__cells .page-grid__cell .card__content {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.giftcardspage__cells .page-grid__cell .card__content .card__content__title {
  margin-bottom: 18px;
}
.giftcardspage__cells .page-grid__cell .card__content .card__content__text {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .giftcardspage__cells .page-grid__cell .card__content {
    min-width: 360px;
  }
}
@media (max-width: 767px) {
  .giftcardspage__cells .page-grid__cell .card__content {
    width: 100%;
  }
}
.giftcardspage__cells .page-grid__cell .card__footer {
  align-self: normal;
  margin-top: auto;
}

.ErrorMsg {
  color: #dd5143;
}

.custom__form {
  max-width: 600px;
  min-width: 300px;
  margin: 0 auto;
  display: none;
}
@media (min-width: 768px) {
  .custom__form {
    max-width: 800px;
    min-width: 600px;
  }
}

.custom__form__step {
  display: none;
}
.custom__form__step label {
  width: 100%;
}

.custom__form__step1 {
  display: flex;
  flex-direction: row;
}
.custom__form__step1 .field, .custom__form__step1 .middleColumn {
  width: 100%;
}

input[type=text].GiftCardValue {
  width: 75%;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
input[type=text].GiftCardValue[disabled], input[type=text].GiftCardValue[disabled]:hover, input[type=text].GiftCardValue[readonly], input[type=text].GiftCardValue[readonly]:hover {
  cursor: default;
  background-color: #E4F0F7;
  color: #126C8D;
}

div.dropdown.amountDropdown label {
  width: 50%;
}

select.amountDropdown {
  background-image: url("data:image/svg+xml;charset=utf8,<svg aria-hidden='true' data-prefix='fal' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-down fa-w-8 fa-3x'><path fill='#E4F0F7' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' class=''></path></svg>");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 25px 25px;
  background-position: 95% 50%;
  cursor: pointer;
}

.input__money__block {
  float: left;
  font-size: 1em;
  line-height: 2em;
  padding: 0.316em 0.75em;
  border: 2px solid #E4F0F7;
  border-radius: 2px 0 0 2px;
  background: none;
  -webkit-appearance: none;
  border-right: none;
  color: #126C8D;
  background-color: #E4F0F7;
  height: 3em;
}

ul.radioset--horizontal {
  display: flex;
}
ul.radioset--horizontal li {
  display: block !important;
}
ul.radioset--horizontal li:first-child {
  margin-right: 50px;
}

.housenrGroup .first {
  width: 100%;
}

.custom__form__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.giftcardspage {
  font-size: 1rem;
  background-color: #fff;
}

.CadeaubonVoucherOverviewPage #page-grid__sections .container.typography {
  max-width: 800px;
}

.GiftCardDetailPage .message.required {
  margin-left: 0;
  color: #dd5143;
}

.giftcardspage__cells {
  flex-wrap: wrap;
  justify-content: left;
}
.giftcardspage__cells .page-grid__cell {
  min-height: 230px;
  width: 50%;
}
.giftcardspage__cells .page-grid__cell .card {
  height: 100%;
  flex-direction: column;
  display: flex;
}
.giftcardspage__cells .page-grid__cell .card__content {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.giftcardspage__cells .page-grid__cell .card__content .card__content__title {
  margin-bottom: 18px;
}
.giftcardspage__cells .page-grid__cell .card__content .card__content__text {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .giftcardspage__cells .page-grid__cell .card__content {
    min-width: 360px;
  }
}
@media (max-width: 767px) {
  .giftcardspage__cells .page-grid__cell .card__content {
    width: 100%;
  }
}
.giftcardspage__cells .page-grid__cell .card__footer {
  align-self: normal;
  margin-top: auto;
}

.ErrorMsg {
  color: #dd5143;
}

.custom__form {
  max-width: 600px;
  min-width: 300px;
  margin: 0 auto;
  display: none;
}
@media (min-width: 768px) {
  .custom__form {
    max-width: 800px;
    min-width: 600px;
  }
}

.custom__form__step {
  display: none;
}
.custom__form__step label {
  width: 100%;
}

.custom__form__step1 {
  display: flex;
  flex-direction: row;
}
.custom__form__step1 .field, .custom__form__step1 .middleColumn {
  width: 100%;
}

input[type=text].GiftCardValue {
  width: 75%;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
input[type=text].GiftCardValue[disabled], input[type=text].GiftCardValue[disabled]:hover, input[type=text].GiftCardValue[readonly], input[type=text].GiftCardValue[readonly]:hover {
  cursor: default;
  background-color: #E4F0F7;
  color: #126C8D;
}

div.dropdown.amountDropdown label {
  width: 50%;
}

select.amountDropdown {
  background-image: url("data:image/svg+xml;charset=utf8,<svg aria-hidden='true' data-prefix='fal' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-down fa-w-8 fa-3x'><path fill='#E4F0F7' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' class=''></path></svg>");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 25px 25px;
  background-position: 95% 50%;
  cursor: pointer;
}

.input__money__block {
  float: left;
  font-size: 1em;
  line-height: 2em;
  padding: 0.316em 0.75em;
  border: 2px solid #E4F0F7;
  border-radius: 2px 0 0 2px;
  background: none;
  -webkit-appearance: none;
  border-right: none;
  color: #126C8D;
  background-color: #E4F0F7;
  height: 3em;
}

ul.radioset--horizontal {
  display: flex;
}
ul.radioset--horizontal li {
  display: block !important;
}
ul.radioset--horizontal li:first-child {
  margin-right: 50px;
}

.housenrGroup .first {
  width: 100%;
}

.custom__form__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.impressionspage {
  font-size: 1rem;
  background-color: #fff;
}

.impression__container--hidden {
  visibility: hidden;
  height: 0;
}

.impressionspage__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}
.impressionspage__grid .page-grid__cell {
  padding: 0;
}
.impressionspage__grid .btn-more {
  margin-top: 40px;
}
.impressionspage__grid .hidden {
  display: none;
}

.btn__wrapper {
  text-align: center;
  padding-top: 40px;
}

@media (min-width: 1025px) {
  .impressionspage__grid {
    display: flex;
    flex-wrap: wrap;
  }
}
.ThankYouPage {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* back knop | pagina | receipt-placeholder  */
  /*(met afbeelding*/
}
.ThankYouPage .main {
  margin-top: 0;
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  color: rgb(69, 70, 71);
  background-color: #fafafa;
  --top-page-padding: 140px;
  --back-button-container-width: 100px;
  --receipt-placeholder-width: 35%;
}
.ThankYouPage p {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
  transition: color 0.5s;
  color: inherit;
  font-style: initial;
  text-transform: inherit;
  text-align: inherit;
  text-decoration: inherit;
  opacity: 1;
  word-break: break-word;
}
.ThankYouPage .logo {
  height: 40px;
  /*aspect-ratio: 1 / 2;*/
}
.ThankYouPage .header-narrow {
  width: 100%;
  display: flex;
  height: 60px; /* moet hetzelfde zijn als in het sommetje bij .scrollable-content in AppShop */
  flex-direction: row;
  margin-right: 30px;
  /*justify-content: space-between;*/
  justify-content: start;
  padding: 15px 20px 25px 20px;
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .header-narrow {
    display: none;
  }
}
.ThankYouPage .progress {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .progress {
    display: none;
  }
}
.ThankYouPage .progress .bg-secondary {
  background-color: hsl(210, 40%, 96.1%);
  width: 100%;
  height: 0.25rem;
  position: relative;
}
.ThankYouPage .progress .bg-secondary .bg-primary {
  background-color: hsl(162, 57%, 34%);
  height: 100%;
}
.ThankYouPage .progress-desktop {
  display: none;
  position: relative;
  width: 100%;
  margin-top: 22px;
  margin-bottom: calc(22.934px + 1.7904vw);
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .progress-desktop {
    display: block;
  }
}
.ThankYouPage .progress-desktop .container-inner {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-left: calc(-15.29px - 1.1936vw);
  margin-right: calc(-15.29px - 1.1936vw);
  padding-left: calc(15.29px + 1.1936vw);
  padding-right: calc(15.29px + 1.1936vw);
  border-bottom: 1px solid rgb(240, 240, 240);
  margin-bottom: calc(7.6448px + 0.5968vw);
  background: rgb(250, 250, 250);
}
@media (min-width: 1084px) {
  .ThankYouPage .progress-desktop .container-inner {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .ThankYouPage .progress-desktop .container-inner {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.ThankYouPage .progress-desktop .nav {
  width: 100%;
}
.ThankYouPage .progress-desktop .ul {
  margin: 0;
  list-style: none;
  padding: 0;
  width: 100%;
  display: flex;
  position: relative;
  z-index: 2;
}
.ThankYouPage .progress-desktop .li {
  list-style: none;
  padding: 0;
  flex: 1 1 auto;
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.ThankYouPage .progress-desktop .li::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 4px 80%;
  z-index: 2;
  background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgb(250, 250, 250) 100%);
}
.ThankYouPage .progress-desktop .li:not(:first-child) {
  padding-left: calc(7.6448px + 0.5968vw);
}
.ThankYouPage .progress-desktop .li .step-container {
  background-color: transparent;
  border: 0;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: inherit;
  color: #3a7e8d;
  padding-top: calc(15.29px + 1.1936vw);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-right: calc(30.579px + 2.3872vw);
}
.ThankYouPage .progress-desktop .li .label-container {
  bottom: calc(3.8224px + 0.2984vw);
  position: absolute;
  text-align: left;
  width: 100%;
}
.ThankYouPage .progress-desktop .li .label-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  pointer-events: none;
}
.ThankYouPage .progress-desktop .li .label-inner {
  font-size: calc(6.6892px + 0.5222vw);
  font-weight: 400;
  transition: color 500ms;
  font-style: initial;
  text-transform: inherit;
  text-align: inherit;
  text-decoration: inherit;
  opacity: 1;
  color: #126C8D;
  white-space: nowrap;
  /*color: rgb(58, 126, 141);*/
}
.button:disabled .ThankYouPage .progress-desktop .li .label-inner {
  color: rgb(80, 85, 91);
}
@media (min-width: 48em) {
  .ThankYouPage .progress-desktop .li .label-inner {
    font-size: calc(6.6892px + 0.5222vw);
  }
}
@media (max-width: 767px) {
  .ThankYouPage .progress-desktop .li .label-inner {
    font-size: 14px;
  }
}
.ThankYouPage .progress-desktop .li .label-after {
  opacity: 1;
  transform: none;
}
.ThankYouPage .progress-desktop .li .label-after::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  pointer-events: none;
}
.ThankYouPage .progress-desktop .li .line-container {
  display: flex;
  width: 100%;
}
.ThankYouPage .progress-desktop .li .line-container .line1 {
  flex: 1 0 auto;
  /* actief */
  background: rgba(82, 165, 184, 0.3);
  /* disabled*/
  /*    background: rgba(80, 85, 91, 0.3); */
  height: 2px;
  position: relative;
}
.ThankYouPage .progress-desktop .li .line-container .line2 {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(58, 126, 141);
  transform: scaleX(0); /* je kan deze toggelen tussen 0 en 1 om het lijntje te vullen */
  /*transform: scaleX(1);*/
  transition: transform 300ms cubic-bezier(0.24, 0.28, 0.63, 1);
  transform-origin: 100% center;
}
.ThankYouPage .progress-desktop .li .line-container .line2.line2--active {
  transform: scaleX(1);
}
.ThankYouPage .scrollable-content {
  height: calc(100vh - 60px - 60px); /* getallen komen uit footer en header */
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .scrollable-content {
    height: 100%;
  }
}
.ThankYouPage .content-container {
  position: relative;
  width: 100%;
  height: 100%;
  /*background-color: var(--accent-color-right);*/
  /*background-color: white;*/
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /*padding-bottom: 3rem;*/
  /*padding-top: 30px;*/
  padding: 0 0 0 2rem;
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .content-container {
    /* op desktop komt de padding van de prev knop links */
    padding: 0;
    flex-direction: row;
    justify-content: start;
  }
}
.ThankYouPage .action_back {
  width: var(--back-button-container-width);
  display: none;
  flex-direction: row;
  justify-content: end;
  padding-top: calc(7.6448px + 0.5968vw); /* die 100 is waar anders de progress zou staan en de rest om beetje leuk uit te lijnen met de titel */
  padding-right: 10px; /* is dus samen met de breedte 60px */
}
@media (min-width: 800px) {
  .ThankYouPage .action_back {
    display: flex;
  }
}
.ThankYouPage .hmk-btn {
  height: 2.5rem;
  width: 2.5rem;
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  color: rgb(69, 70, 71);
  cursor: pointer;
  box-sizing: border-box;
  border-width: 0;
  justify-content: center;
  align-items: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.ThankYouPage .hmk-btn:hover {
  opacity: 0.9;
  color: hsl(222.2, 47.4%, 11.2%);
  background-color: hsl(210, 40%, 96.1%);
}
.ThankYouPage .content-page {
  width: 100%;
  height: 100%;
  /*overflow-y: auto;*/
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  container-name: maincontainer;
  --footer-height: 110px;
}
@media (min-width: 800px) {
  .ThankYouPage .content-page {
    width: calc(100% - var(--receipt-placeholder-width) - var(--back-button-container-width)); /* 100% - de waarde van de bon rechts in .receipt-placeholder en min de vaste breedte van .action_back */
  }
}
.ThankYouPage .content_page_inner {
  /* de pagina inhoud */
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  container-name: maincontainer;
  /*padding: calc(3.8224px + 0.2984vw) calc(15.29px + 1.1936vw) calc(22.934px + 1.7904vw);*/
  /* zie hieronder voor de 100px top van de grote viewport */
  /* links kunnen we naar 0 omdat wij ook nog de prev action links hebben*/
  /*padding: calc(3.8224px + 0.2984vw) calc(15.29px + 1.1936vw) calc(22.934px + 1.7904vw) calc(1vw); */
  padding: calc(3.8224px + 0.2984vw) calc(15.29px + 1.1936vw) calc(22.934px + 1.7904vw) 0;
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .content_page_inner {
    /*padding: var(--top-page-padding) 30px 0 0; !* die 100 is waar anders de progress zou staan *!*/
    /*padding: var(--top-page-padding) 30px calc(22.934px + 1.7904vw) 0; !* die 100 is waar anders de progress zou staan *!*/
    /*padding: calc(11.467px + 0.8952vw) 30px calc(22.934px + 1.7904vw) 0; !* die 100 is waar anders de progress zou staan *!*/
  }
}
@media (min-width: 1084px) {
  .ThankYouPage .content_page_inner {
    /*padding: var(--top-page-padding) calc(38.224px + 2.984vw) calc(22.934px + 1.7904vw) calc(2vw);  !* die 100 is waar anders de progress zou staan en de rest om beetje leuk uit te lijnen met de titel *!*/
    padding: calc(11.467px + 0.8952vw) calc(38.224px + 2.984vw) calc(22.934px + 1.7904vw) 2vw; /* die 100 is waar anders de progress zou staan en de rest om beetje leuk uit te lijnen met de titel */
  }
}
.ThankYouPage .content_page_inner.content_page_inner__with_footer {
  height: calc(100vh - var(--footer-height)); /* 110 is de hoogte van de footer */
}
.ThankYouPage .progress-placeholder {
  margin-bottom: 102px;
}
.ThankYouPage .heading-page-top {
  position: relative;
  width: 100%;
  margin-top: 0;
  margin-bottom: calc(11.467px + 0.8952vw);
}
@media (min-width: 48em) {
  .ThankYouPage .heading-page-top {
    margin-bottom: calc(11.467px + 0.8952vw);
  }
}
.ThankYouPage .hmk-h1 {
  letter-spacing: -0.025em;
  scroll-margin: 5rem;
  font-size: calc(18px + 0.8952vw);
  font-weight: 600;
  line-height: 1.15;
  max-width: calc(315.35px + 24.618vw);
  transition: color 500ms;
  color: inherit;
  font-style: initial;
  text-transform: inherit;
  text-align: inherit;
  text-decoration: inherit;
  opacity: 1;
  word-break: break-word;
}
@media (min-width: 48em) {
  .ThankYouPage .hmk-h1 {
    font-size: calc(22.934px + 1.7904vw);
  }
}
.ThankYouPage .hmk-h2 {
  letter-spacing: -0.025em;
  line-height: 1.15;
}
.ThankYouPage .hmk_button {
  width: 100%; /* dat zou de container dan moeten inperken */
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  border: 0;
  background: linear-gradient(90deg, rgb(43.5371428571, 156.9628571429, 122.5914285714), #26896B);
  color: rgb(250, 250, 250);
  border-radius: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  padding: 13px 24px 14px;
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color 0.3s ease 0s;
  line-height: 1.25rem;
}
.ThankYouPage .hmk_button .btn_content {
  color: whitesmoke;
  transition: color 500ms;
  font-size: 1.2rem;
  font-weight: 600;
  font-style: initial;
  text-transform: inherit;
  text-align: inherit;
  text-decoration: inherit;
  font-family: inherit;
  opacity: 1;
}
@media (min-width: 1084px) {
  .ThankYouPage .hmk_button .btn_content {
    font-size: 1.5rem;
  }
}
.ThankYouPage .hmk_button:hover {
  opacity: 0.9;
}
.ThankYouPage .footer-desktop {
  /* element krijgt zijn positie van de page container, maar de breedte van de pagina */
  position: fixed;
  bottom: 0;
  width: calc(100% - var(--receipt-placeholder-width) - var(--back-button-container-width)); /* 100% - de ruimte van de bon placeholder - de 100px van de back knop links */
  height: 110px;
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  padding-left: 0;
  align-items: center;
  left: var(--back-button-container-width);
  /*align-items: end;*/
  /* media breakpoint mobiel */
}
@media (max-width: 800px) {
  .ThankYouPage .footer-desktop {
    display: none;
  }
}
.ThankYouPage .footer-desktop-content {
  width: 100%;
  max-width: 550px;
  padding-left: 23px;
  padding-top: 5px;
  padding-bottom: 20px;
  padding-right: calc(15.29px + 1.1936vw);
  /* media breakpoint mobiel */
}
@media (min-width: 800px) {
  .ThankYouPage .footer-desktop-content {
    padding-right: 30px;
  }
}
@media (min-width: 1084px) {
  .ThankYouPage .footer-desktop-content {
    padding-right: calc(38.224px + 2.984vw);
  }
}
.ThankYouPage .receipt-placeholder {
  width: var(--receipt-placeholder-width); /* deze waarde moet matchen met die van .receipt */
  /*background-color: #0f5d8c;*/
  /*background: linear-gradient(91.17deg, rgb(82, 165, 184), rgb(103, 147, 174));*/
  background: linear-gradient(91.17deg, rgb(23.7735849057, 142.641509434, 186.2264150943), rgb(20.3094339623, 121.8566037736, 159.0905660377));
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  /* media breakpoint mobiel */
}
.ThankYouPage .receipt-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 800px) {
  .ThankYouPage .receipt-placeholder {
    display: block;
  }
}
.ThankYouPage .div1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ThankYouPage .div2 {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ThankYouPage .div3 {
  display: flex;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.ContactPage #page-grid__sections .container.typography {
  max-width: 800px;
}
.ContactPage .main__content p {
  font-size: 0.938em;
  line-height: 1.47em;
}
.ContactPage .map-responsive {
  overflow: hidden;
  padding-bottom: 515px;
  position: relative;
  height: 0;
}
@media (max-width: 767px) {
  .ContactPage .map-responsive {
    padding-bottom: 50%;
  }
}
.ContactPage .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.SurveyPage .surveyPage {
  margin: 20px auto;
  max-width: 1190px;
  padding: 0 15px;
}
.SurveyPage .surveyPage form .greyBlock {
  margin-top: 40px;
  padding: 20px 50px;
  border-left: 4px solid transparent;
  background-color: #f7fbf4;
}
.SurveyPage .surveyPage form .greyBlock.invalid {
  border-left: 4px solid #f90909;
  background-color: #ffe5e5;
}
.SurveyPage .surveyPage form .greyBlock__labels {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .SurveyPage .surveyPage form .greyBlock {
    padding: 10px 10px 0 10px;
  }
  .SurveyPage .surveyPage form .greyBlock__labels {
    display: none;
  }
}
.SurveyPage .surveyPage form .middleColumn {
  width: 100%;
  margin-left: 0;
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field {
  margin-bottom: 10px;
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  justify-items: center;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 10px;
  }
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li {
  color: #331701;
  font-size: 20px;
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li > label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  text-align: center;
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li > label::before, .SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li > label::after {
  display: none;
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li:hover label, .SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li input[type=radio]:checked + label {
  border: 2px #126C8D solid;
  border-radius: 50%;
  color: #126C8D;
}
.SurveyPage .surveyPage form .middleColumn .fieldgroup-field ul.optionset > li.greenAccent {
  border: 2px #126C8D solid;
  border-radius: 50%;
  color: #126C8D;
}
.SurveyPage .surveyPage form .middleColumn textarea {
  width: 100%;
  height: 100px;
  min-height: 0;
  resize: vertical;
  background: white;
}
.SurveyPage .message.feedback {
  color: red;
  background-color: transparent;
}
.SurveyPage .field {
  margin: 20px 0 10px 0;
}
.SurveyPage .bold {
  font-weight: bold;
}
.SurveyPage p {
  margin: 10px 0;
}
.SurveyPage a.uitschrijvenOngedaan {
  color: -webkit-link;
}
.SurveyPage .btn {
  min-width: unset;
}
.SurveyPage .spaceTop {
  margin-top: 100px;
}

.sauna-detail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .sauna-detail {
    flex-direction: column;
  }
}
.sauna-detail__content {
  display: flex;
  flex-direction: column;
  flex: 11;
}
@media (min-width: 1025px) {
  .sauna-detail__content {
    margin-right: 20px;
  }
}
.sauna-detail__content-image img {
  height: 260px;
  width: 100%;
  object-fit: cover;
  border-bottom-right-radius: 30px;
}
.sauna-detail__content-text {
  margin-top: 20px;
}
.sauna-detail__content-text p {
  font-size: 18px;
}
.sauna-detail__details {
  display: flex;
  flex-direction: column;
  flex: 9;
}
.sauna-detail__details-main {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #126C8D;
}
.sauna-detail__details-main--detail {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 0 10px;
}
.sauna-detail__details-main--detail p {
  text-align: center;
  color: #fff;
}
.sauna-detail__details-main--detail p:first-of-type {
  font-size: 14px;
  font-weight: bold;
}
.sauna-detail__details-main--detail p:last-of-type {
  font-size: 20px;
}
.sauna-detail__details-main--detail svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.sauna-detail__details-other {
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
}
.sauna-detail__details-other h2 {
  font-size: 18px;
  margin-bottom: 6px;
}
.sauna-detail__details-other ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sauna-detail__details-other ul li {
  padding: 0;
  font-size: 15px;
}
.sauna-detail__details-other ul li svg {
  margin-right: 12px;
  color: #A5CDE7;
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}
.sauna-detail__details-other ul li span {
  font-weight: 500;
}

@media (max-width: 767px) {
  .NewFacilitiesPage .main__container {
    padding: 0;
  }
}

.sauna-title {
  line-height: 27px;
  font-weight: 500;
  color: #2d7363;
}

.sauna-content {
  margin-top: 8px;
}

.btn-back-text {
  margin-left: 20px;
  font-weight: 500;
}

.no-flex {
  display: block !important;
}
@media (max-width: 769px) {
  .no-flex {
    padding: 0.33em 0.65em !important;
  }
}

.notification {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 10px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 12px;
  color: black;
  max-width: 50%;
}
.notification p {
  margin: 0;
  line-height: 0.9;
}
@media (max-width: 1024px) {
  .notification p {
    line-height: 1.1;
  }
}
.notification--groen {
  background-color: green;
}
.notification--groen p {
  color: whitesmoke;
}
.notification--geel {
  background-color: #eff73d;
  color: black;
}
.notification--oranje {
  background-color: darkorange;
  color: whitesmoke;
}
.notification--website-kleur {
  background-color: #E4F0F7;
}

:root {
  --hmk-clr-theme-primary: #26896B;
  --hmk-clr-theme-secondary: #126C8D;
  --hmk-clr-theme-secondary-selected: #126C8D;
  --hmk-clr-theme-secondary-selected-foreground: whitesmoke;
  --primary: 162 57% 34%;
  --primary-foreground: 196 77% 31%;
  --hmk-clr-theme-calendar-action-bg: #BD7274;
  --hmk-clr-theme-calendar-special-bg: #c3e2f4;
  --hmk-clr-theme-calendar-selected-bg: #26896B;
  --hmk-clr-theme-calendar-selected: whitesmoke;
  --hmk-clr-theme-calendar-available-bg: whitesmoke;
  --hmk-clr-theme-calendar-available: #404040;
  --hmk-clr-theme-calendar-unavailable-bg: #c3e2f4;
  --hmk-clr-theme-calendar-unavailable: #4c4c4c;
  --hmk-clr-theme-calendar-legend-border: #e4f0f7;
  --background: 0 0% 100%;
  --foreground: 222.2 47.4% 11.2%;
  --hmk-clr-theme-light: rgb(192.3714285714, 237.6285714286, 223.9142857143);
  --hmk-clr-theme-CTA: #26896B;
  --hmk-clr-theme-CTA-light: #f7fbf4;
  --hmk-clr-text-primary: rgb(69, 70, 71);
  --hmk-primary-gradient-start: rgb(43.5371428571, 156.9628571429, 122.5914285714);
  --hmk-primary-gradient-end: #26896B;
  --hmk-secondary-gradient-start: rgb(96, 162, 186);
  --hmk-secondary-gradient-end: rgb(68, 126, 147);
  --hmk-kader-color-background: #cbcbcb;
  --hmk-kader-padding-left: 12px;
  --hmk-kader-padding-right: 12px;
  --hmk-kader-padding-top: 12px;
  --hmk-kader-padding-bottom: 12px;
  --hmk-clr-bar-withradius-color-background: #26896b;
  --hmk-clr-bar-withradius-color-foreground: #fff;
  --hmk-clr-bar-withradius-font-size: 1rem;
  --hmk-clr-bar-withradius-font-weight: bold;
  --hmk-clr-bar-withradius-radius: 0 0 10px 0;
  --hmk-clr-bar-withradius-margin-bottom-default: 20px;
  --hmk-clr-bar-withradius-padding-default: 10px 20px;
  --hmk-bp-narrow-max: 767px;
  --hmk-bp-medium-min: 768px;
  --hmk-bp-medium-max: 1024px;
  --hmk-bp-large-min: 1025px;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 47.4% 11.2%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 47.4% 11.2%;
  --border: var(--hmk-clr-text-primary);
  --input: 214.3 31.8% 91.4%;
  --secondary: 210 40% 96.1%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --destructive: 0 100% 50%;
  --destructive-foreground: 210 40% 98%;
  --ring: 215 20.2% 65.1%;
  --radius: 0;
  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 240 5.3% 26.1%;
  --sidebar-primary: 240 5.9% 10%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 240 4.8% 95.9%;
  --sidebar-accent-foreground: 240 5.9% 10%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 217.2 91.2% 59.8%;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --line-height: 1.5;
  --line-height-heading: 1.15;
  --color-text: #454647;
}

.hmk-day {
  height: 100%;
}

.hmk-day[data-disabled],
.hmk-day[data-unavailable] {
  cursor: pointer;
  pointer-events: none;
  opacity: 0.35;
  color: #4c4c4c !important;
}

.hmk-day[data-today]:not([data-selected]),
.hmk-day[aria-disabled=false]:not([data-today]):not([data-selected]) {
  background-color: whitesmoke !important;
  color: #404040 !important;
}

.hmk-day[data-selected] {
  background-color: #26896B !important;
  color: whitesmoke !important;
}

.hmk-day[aria-disabled=false]:not([data-today]):not([data-selected]):hover {
  background-color: #26896B !important;
  color: whitesmoke !important;
}
.hmk-day[aria-disabled=false]:not([data-today]):not([data-selected]).hmk-day-action {
  background-color: #BD7274 !important;
  color: #404040 !important;
}
.hmk-day[aria-disabled=false]:not([data-today]):not([data-selected]).hmk-day-special {
  background-color: #c3e2f4 !important;
  color: #404040 !important;
}
.hmk-day[aria-disabled=false]:not([data-today]):not([data-selected]).hmk-day-highlight {
  background-color: crimson !important;
  color: whitesmoke !important;
}

.hmk-day[data-outside-month] {
  background-color: #fafafa !important;
  color: #fafafa !important;
}

.widget-calendar .day_content .day_content_date {
  font-weight: normal !important;
  font-size: 16px !important;
}

@media print {
  * {
    color: black !important;
    background: transparent !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
    color: #444 !important;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}