@import url(https://fonts.googleapis.com/css?family=Grand+Hotel&display=swap.css);
@import url(https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap.css);
/*!
 * FilePond 4.30.4
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.175;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bg-primary {
  background: #DD5449 !important;
}
.bg-secondary {
  background: #EFEEE9 !important;
}
.bg-white {
  background: #FFFFFF !important;
}
.bg-blue {
  background: #324D76 !important;
}
.bg-green {
  background: #848C2F !important;
}
.bg-yellow {
  background: #FCC044 !important;
}
.bg-red {
  background: #DD5449 !important;
}
.bg-dark {
  background: #213148 !important;
}
.bg-celebrate-beige {
  background-color: #FDE7C8;
}
.bg-celebrate-green {
  background-color: #1C282C;
}
.color-body {
  color: #141414 !important;
}
.color-dark {
  color: #213148 !important;
}
.color-primary {
  color: #DD5449 !important;
}
.color-white {
  color: #FFFFFF !important;
}
.color-green {
  color: #848C2F;
}
.color-blue {
  color: #324D76;
}
.color-red {
  color: #DD5449;
}
.color-gray {
  color: #C9C9C9;
}
.color-yellow {
  color: #FCC044;
}
.fill-white {
  fill: #FFFFFF;
}
.fill-secondary {
  fill: #EFEEE9;
}
.fill-green {
  fill: #848C2F;
}
.fill-red {
  fill: #DD5449;
}
.fill-yellow {
  fill: #FCC044;
}
.fill-blue {
  fill: #324D76;
}
.btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  letter-spacing: none;
  border-radius: 4px;
  padding: 15px 30px 15px 30px;
  background: #FCC044;
  color: #FFFFFF;
  border: 2px solid #FCC044;
  margin-bottom: 24px;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  font-weight: 700 !important;
}
.btn-circle {
  height: 8em;
  width: 8em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.btn-circle:hover {
  transform: scale(1.05) rotate(-5deg);
}
.btn:hover {
  color: #FFFFFF;
  background: #d79203;
  border-color: #d79203;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.btn i {
  margin-left: 8px;
}
.btn:hover i {
  margin-left: 12px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.btn-lg {
  padding: 6px 32px;
}
.btn-sm {
  padding: 2px 12px;
  line-height: 30px;
  font-size: 0.7em;
}
.btn-primary {
  background-color: #DD5449;
}
.btn-primary:hover {
  background-color: #b72d22;
  border-color: #b72d22;
}
.btn-light:hover {
  background-color: #DD5449;
  color: #FFFFFF;
}
.btn-blue {
  background-color: #324D76;
  border-color: #324D76;
  color: #FFFFFF;
}
.btn-blue:hover {
  background-color: #1b2a40;
  border-color: #1b2a40;
}
.btn-red {
  background-color: #DD5449;
  border-color: #DD5449;
  color: #FFFFFF;
}
.btn-red:hover {
  background-color: #b72d22;
  border-color: #b72d22;
}
.btn-green {
  background-color: #848C2F;
  border-color: #848C2F;
  color: #FFFFFF;
}
.btn-green:hover {
  background-color: #4e531c;
  border-color: #4e531c;
}
.btn-border {
  background-color: transparent;
  border: 2px solid #DD5449;
  color: #DD5449;
}
.btn-border:hover {
  background-color: #DD5449;
  color: #FFFFFF;
}
.bg-white .btn-border {
  background-color: transparent;
  border-color: #DD5449;
  color: #DD5449;
}
.bg-white .btn-border:hover {
  background-color: #DD5449;
  border-color: #DD5449;
  color: #FFFFFF;
}
.bg-primary .btn-border:hover {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
button:focus {
  outline: none;
}
.logo {
  height: 80px;
}
@media (max-width: 768px) {
  .logo {
    height: 60px;
  }
}
.main-nav {
  position: fixed;
  width: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  z-index: 999;
  padding: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.main-nav .top-bar {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5%;
  padding-right: 5%;
  background-color: #EFEEE9;
  display: flex;
  justify-content: end;
}
.main-nav .top-bar a:not(:last-child) {
  margin-right: 5px;
  position: relative;
}
.main-nav .top-bar a:not(:last-child):after {
  content: '|';
  right: -4px;
  color: #c4c0ae;
  position: absolute;
}
.main-nav .top-bar a {
  font-family: 'Montserrat', sans-serif;
  color: #141414;
  font-weight: 700;
  font-size: 13px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 13px;
  border-radius: 3px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .main-nav .top-bar a {
    font-size: 10.5px;
    padding: 0px 5px;
  }
}
.main-nav .top-bar a i {
  color: #DD5449;
  font-size: 20px;
  margin-right: 10px;
  transition: all 0.3s ease;
}
.main-nav .top-bar a .badge {
  color: #fff;
  font-size: 0.7em;
  font-weight: 600;
  padding: 0.7em 1em;
  border-radius: 99px;
  margin-left: 5px;
  transition: all 0.3s ease;
  background: #DD5449;
}
.main-nav .top-bar a:hover {
  background: #FCC044;
  color: #fff;
}
.main-nav .top-bar a:hover i {
  color: #fff;
}
.main-nav .top-bar a:hover .badge {
  background-color: #fff;
  color: #141414;
}
#mainNav {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  z-index: 999;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
@media (max-width: 1299px) {
  #mainNav {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.navbar-nav {
  margin-bottom: 0px;
}
.nav-item {
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 32px;
}
.nav-item a {
  color: #213148;
  font-weight: 700;
  margin-bottom: 0px;
}
.nav-item:hover {
  color: #a2281e;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.nav-item.book-now {
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  border: none;
  border-radius: 4px;
  background: linear-gradient(270deg, #FCC044, #DD5449);
  background-size: 800% 800%;
  margin-right: 0;
  animation: AnimationName 15s ease infinite;
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.nav-item.book-now a {
  color: #FFFFFF !important;
}
.nav-item.book-now:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.navbar-nav li {
  margin-right: 32px;
}
.navbar-toggler {
  position: relative;
}
.navbar-toggler span {
  display: block;
  background-color: #FCC044;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  position: relative;
  opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: transform 0.35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  right: 12px;
  top: 10px;
  transform: rotate(135deg);
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  right: 12px;
  top: 10px;
  transform: rotate(-135deg);
}
#scroll-indicator {
  position: fixed;
  height: 1px;
  width: 1px;
  z-index: -10;
}
@media (min-width: 1200px) {
  #mainNav {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  #mainNav.navbar-shrink {
    height: 90px;
  }
  /*#mainNav.navbar-shrink .navbar-brand .logo {
        height: 90px;
        padding-top: 16px;
        padding-bottom: 16px;
        .transition(.3s);
    }*/
}
@media (max-width: 1199px) {
  #mainNav {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .navbar-nav {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .navbar-toggler {
    margin-bottom: 0;
  }
  .navbar-brand .logo {
    height: 50px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  .navbar-nav li {
    margin-right: 0;
    margin-bottom: 6px;
  }
}
.tbs-legenda {
  background-color: #EFEEE9;
  font-size: 0.7em;
  border-top: 0px;
}
.tbs-legenda li,
.tbs-legenda p,
.tbs-legenda a,
.tbs-legenda span {
  color: #141414;
}
a[data-bind="prevPage"],
a[data-bind="nextPage"] {
  color: #FFFFFF;
  background-color: #FCC044;
  border-color: #FCC044;
  font-size: 0.8em;
  padding: 1em;
  font-weight: 700 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
a[data-bind="prevPage"]:hover,
a[data-bind="nextPage"]:hover {
  color: #FFFFFF;
  background-color: #d79203;
  border-color: #d79203;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.tbs-btn-success {
  background: #FCC044;
  border-color: #FCC044;
  padding: 1em;
  margin-bottom: 1.5em;
  font-weight: 700 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.tbs-btn-success:hover {
  background: #d79203;
  border-color: #d79203;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.tbs-btn-toevoegen {
  background-color: #848C2F;
  border-color: #848C2F;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.tbs-btn-toevoegen:hover {
  background-color: #3c4015;
  border-color: #3c4015;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.tbs-btn-kies-aantal {
  background-color: #848C2F;
  border-color: #848C2F;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.tbs-btn-kies-aantal:hover {
  background-color: #3c4015;
  border-color: #3c4015;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.tbs-btn-verwijderen {
  background-color: #DD5449;
  border-color: #DD5449;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.tbs-btn-verwijderen:hover {
  background-color: #a2281e;
  border-color: #a2281e;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.tbs-calendarPrevious,
.tbs-calendarNext {
  background: #848C2F;
  border-color: #848C2F;
  padding: 0.8em;
  margin-bottom: 2.5em;
  font-weight: 700 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.tbs-calendarPrevious:hover,
.tbs-calendarNext:hover {
  background: #3c4015;
  border-color: #3c4015;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.tbs-calendarPrevious:focus,
.tbs-calendarNext:focus {
  background: #848C2F;
  border-color: #848C2F;
}
.tbs-calendar .tbs-day.tbs-beschikbaar {
  background-color: #bec75a;
}
.tbs-calendar .tbs-day.tbs-beschikbaar:hover {
  background-color: #848C2F;
}
.tbs-legenda .tbs-day.tbs-bezet,
.tbs-calendar .tbs-day.tbs-bezet {
  background-color: #DD5449;
}
.tbs-legenda .tbs-day,
.tbs-calendar .tbs-day {
  font-size: 0.7em;
  border-radius: 0;
  background-color: #bec75a;
}
.tbs-calendar .tbs-day.tbs-selected {
  background-color: #324D76 !important;
}
[data-trn-key="__verplichte_velden__"] {
  font-size: 0.8em;
  font-style: italic;
  margin-top: 1.5em;
}
.tbs-alert {
  font-size: 0.8em;
}
.tbs_kalenders.tbs-mg-t-30 > div > div.tbs-row.tbs-mgt-20 > div > div > div > table > thead > tr:nth-child(2) {
  font-weight: 400;
  font-size: 0.8em;
}
.tbs-month {
  font-size: 0.7;
}
.tbs_kassabon {
  background-color: #EFEEE9;
  padding: 1.5em;
  font-size: 0.8em;
  border-radius: 4px;
}
.tbs_talen {
  display: none;
}
@media (max-width: 991px) {
  .tbs-flag {
    display: none;
  }
  .tbs_talen-mobileontop {
    display: none;
  }
}
.tbs-totaal,
.tbs-accommodatie {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.tbs-accommodatie-image {
  margin-bottom: 1.5em;
}
.tbs-navbar {
  background-color: #324D76;
  border-color: none;
  font-size: 0.8em;
  border-radius: 4px;
  font-weight: 700 !important;
}
.tbs-navbar li,
.tbs-navbar p,
.tbs-navbar a,
.tbs-navbar span {
  color: #FFFFFF;
}
.tbs-navbar i {
  display: none;
}
.tbs-navbar ul li.tbs-active a {
  background-color: #567db8 !important;
}
@media all and (max-width: 990px) {
  .tbs-navbar {
    display: none;
  }
}
.tbs_persoonscategorien label {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.tbs_persoonscategorien #persoonscategorie {
  font-size: 0.9em;
}
.tbs-page-locatie h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.tbs-page-persoon h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.tbs-page-persoon .tbs-labels {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75em;
}
.tbs-page-persoon [data-trn-key="__medegast__"] {
  font-size: 0.8em;
  margin-bottom: 0;
  font-weight: 700 !important;
}
.tbs_accommodaties label {
  margin-bottom: 1em;
  font-size: 1.2em;
}
#accommodatie,
#maanden,
[name="aanhef"],
[name="land"],
[name="locatie"],
[name="gast[][maand]"] {
  display: block;
  font-size: 0.8em;
  padding: 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-radius: 4px;
  border-color: #C9C9C9;
  color: #4E4E4E;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%324D76%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right 1em top 50%, 0 0;
  background-size: 0.8em auto, 100%;
}
#accommodatie::-ms-expand,
#maanden::-ms-expand,
[name="aanhef"]::-ms-expand,
[name="land"]::-ms-expand,
[name="gast[][maand]"]::-ms-expand {
  display: none;
}
#accommodatie:hover,
#maanden:hover,
[name="aanhef"]:hover,
[name="land"]:hover,
[name="locatie"],
[name="gast[][maand]"]:hover {
  border-color: #888;
}
#accommodatie:focus,
#maanden:focus,
[name="aanhef"]:focus,
[name="land"]:focus,
[name="locatie"],
[name="gast[][maand]"]:focus {
  outline: none;
}
#accommodatie option,
#maanden option,
[name="aanhef"] option,
[name="land"] option,
[name="locatie"],
[name="gast[][maand]"] option {
  font-weight: normal;
}
.tbs-form-control {
  padding: 0.8em;
  height: auto;
  margin-bottom: 0;
  border-color: #C9C9C9;
  color: #4E4E4E;
  font-weight: 700 !important;
}
.tbs-page-artikelen h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.tbs-page-artikelen h4 {
  font-size: 0.9em;
  font-weight: normal;
}
.tbs-page-artikelen div[data-name="description"] {
  font-size: 0.7em;
  line-height: 1.1em;
  margin-bottom: 1.5em;
}
.tbs-page-overzicht h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.tbs-page-overzicht h4 {
  font-size: 0.9em;
  font-weight: normal;
}
.tbs_persoonsgegevens_overzicht {
  text-align: center;
}
.tbs_persoonsgegevens_overzicht h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.tbs_gasten_overzicht {
  text-align: center;
}
.tbs_gasten_overzicht h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 700 !important;
}
.div.tbs_av input#tbs_av,
.div.tbs_pv input#tbs_av {
  margin-right: 0.7em;
}
.fa-beat {
  animation: fa-beat 0.3s infinite linear;
}
@keyframes fa-beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.vacancies-overview .badge {
  background-color: #FCC044 !important;
  color: #FFFFFF;
  font-size: 13px;
  padding: 8px 15px;
  margin-left: 5px;
}
.vacancies-overview .badge i {
  margin-right: 5px;
}
.staff-card {
  background: #EFEEE9;
  position: sticky;
  top: 150px;
  padding: 25px;
  border-radius: 5px;
}
.staff-card .btn-pill {
  padding: 10px 20px;
  font-size: 12px;
  margin-right: 2px;
}
.staff-card .badge-label {
  color: #FFFFFF;
  background: #DD5449;
  padding: 8px 10px;
  font-size: 12px;
}
.filepond--panel-root {
  background: #FFFFFF;
}
.bg-celebrate-beige .footer-logo {
  background-color: #FDE7C8 !important;
}
.celebrate-footer {
  background-color: #1C282C;
  padding: 48px 0;
  margin: 0;
  color: white;
}
.celebrate-footer ul.social-footer {
  margin-bottom: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}
.celebrate-footer ul.social-footer li {
  line-height: 1;
}
.celebrate-footer ul.social-footer li a {
  color: white !important;
  border-color: white !important;
}
.celebrate-footer .sub-sub a {
  color: white;
  font-weight: 700;
}
.celebrate-header {
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.celebrate-header:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(28, 40, 44, 0.6);
  mix-blend-mode: multiply;
}
.celebrate-header .effect {
  position: absolute;
  bottom: -30px;
  width: 120%;
  min-width: 1800px;
}
.celebrate-header h1 {
  position: relative;
  color: white;
  padding: 30px;
  text-align: center;
}
.celebrate-header .slider {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 100vw;
}
.celebrate-header .slider .slide-track {
  animation: scroll 15s linear infinite;
  display: flex;
  width: calc(260px * 24);
}
.celebrate-header .slider a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  min-width: 260px;
}
.celebrate-header .slider a h3 {
  color: white;
  font-family: 'Grand Hotel', cursive;
  text-transform: lowercase;
  font-weight: 300;
}
.celebrate-header .slider a:hover h3 {
  color: #FCC044;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-260px * 12));
  }
}
.celebrate-header.sub-header {
  height: 600px;
}
#celebrateNav {
  padding: 12px 5%;
  background-color: #1C282C;
}
@media (max-width: 1199px) {
  #celebrateNav {
    max-height: 100vh;
    overflow: scroll;
  }
  #celebrateNav .navbar-nav {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #celebrateNav .navbar-toggler {
    margin-bottom: 0;
  }
  #celebrateNav .navbar-brand .logo {
    height: 50px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  #celebrateNav .navbar-nav li {
    margin-right: 0;
    margin-bottom: 6px;
  }
}
#celebrateNav .logo {
  height: 80px;
}
#celebrateNav .navbar-toggler {
  position: relative;
}
@media (max-width: 768px) {
  #celebrateNav .logo {
    height: 60px;
  }
}
#celebrateNav .navbar-nav {
  margin-bottom: 0px;
}
#celebrateNav .nav-item {
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 32px;
}
#celebrateNav .nav-item a {
  color: #213148;
  font-weight: 700;
  margin-bottom: 0px;
}
#celebrateNav .nav-item:hover {
  color: #a2281e;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
#celebrateNav .navbar-nav li {
  margin-right: 32px;
}
#celebrateNav .navbar-toggler span {
  display: block;
  background-color: #FCC044;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  position: relative;
  opacity: 1;
}
#celebrateNav .navbar-toggler span:nth-child(1),
#celebrateNav .navbar-toggler span:nth-child(3) {
  transition: transform 0.35s ease-in-out;
}
#celebrateNav .navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  right: 12px;
  top: 10px;
  transform: rotate(135deg);
}
#celebrateNav .navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}
#celebrateNav .navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  right: 12px;
  top: 10px;
  transform: rotate(-135deg);
}
#celebrateNav .nav-item a {
  color: white;
}
#celebrateNav .dropdown .dropdown-toggle {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 0;
}
#celebrateNav .dropdown .dropdown-toggle[aria-expanded="true"] {
  color: #FCC044;
  box-shadow: none;
}
#celebrateNav .dropdown .dropdown-menu {
  background-color: #FCC044;
  padding: 24px 0;
}
@media (min-width: 1200px) {
  #celebrateNav .dropdown .dropdown-menu {
    max-height: calc(100vh - 150px);
    overflow: scroll;
    top: calc(100% + 38px);
    border-radius: 0 0 10px 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#celebrateNav .dropdown .dropdown-menu .dropdown-item {
  padding: 10px 48px;
}
#celebrateNav .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #DD5449;
}
#celebrateNav .back-to-camping {
  position: absolute;
  top: 100%;
  right: 5%;
  display: flex;
  color: #FFFFFF;
  background-color: #FCC044;
  padding: 20px 24px;
  border-radius: 0 0 5px 5px;
}
#celebrateNav .back-to-camping h3 {
  font-size: 16px;
  margin: 0;
  line-height: 1;
}
#celebrateNav .back-to-camping:hover {
  color: #1C282C;
}
@media (max-width: 1199px) {
  #celebrateNav .back-to-camping {
    position: relative;
    right: unset;
    border-radius: 5px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 12px;
  }
}
.intro-text {
  background-color: #FDE7C8;
  text-align: center;
  overflow: hidden;
}
.intro-text .bg-element {
  position: absolute;
  right: -20%;
  bottom: -150px;
  opacity: 0.1;
  scale: 3.5;
  pointer-events: none;
}
.intro-text a {
  position: relative;
  z-index: 2;
}
.celebrate-banner {
  height: 800px;
  display: flex;
  align-items: center;
  background-position: 80% center;
  background-size: cover;
}
.celebrate-banner:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #1c282c 0%, rgba(28, 40, 44, 0.92342875) 26%, rgba(28, 40, 44, 0) 100%);
  mix-blend-mode: multiply;
}
.celebrate-banner h3,
.celebrate-banner p {
  color: white;
}
.celebrate-banner .top-banner-effect,
.celebrate-banner .bottom-banner-effect {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
}
.celebrate-banner .top-banner-effect {
  top: 0;
  transform: translateY(-50%);
  background-image: url("/img/feesten-en-partijen/dark-effect.svg");
}
.celebrate-banner .bottom-banner-effect {
  bottom: 0;
  transform: translateY(50%);
  background-image: url("/img/feesten-en-partijen/light-effect.svg");
}
.contact-card {
  border: 2px solid #1C282C;
  padding: 48px;
  border-radius: 0.25rem;
}
.contact-card li,
.contact-card h4 {
  color: #1C282C;
}
.contact-card ul {
  padding-left: 0;
}
.contact-card a:hover {
  color: #DD5449;
}
.celebrate-about {
  background-color: #FDE7C8;
}
.celebrate-about .overlap-img-small {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.celebrate-about .overlap-img-small .overlap-card {
  height: -moz-fit-content;
  height: fit-content;
  background-color: #1C282C;
  z-index: 1;
  max-width: 60%;
  padding: 96px;
  margin: 96px 0;
}
.celebrate-about .overlap-img-small .overlap-card p,
.celebrate-about .overlap-img-small .overlap-card h3 {
  color: white;
}
.celebrate-about .overlap-img-small .overlap-img {
  position: absolute;
  right: 0;
  height: 100%;
  width: 60%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 991px) {
  .celebrate-about .overlap-img-small {
    flex-direction: column;
  }
  .celebrate-about .overlap-img-small .overlap-card {
    max-width: 100%;
    padding: 48px;
    margin: 0;
  }
  .celebrate-about .overlap-img-small .overlap-img {
    position: relative;
    height: 400px;
    width: 100%;
  }
}
.celebrate-option-overview {
  background-color: #1C282C;
  padding: 200px 0;
}
.celebrate-option-overview .img-container {
  background-color: hsla(0, 0%, 0%, 0.2);
  width: 100%;
  height: 500px;
}
.celebrate-option-overview .img-container img {
  width: 100%;
  padding: 15px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.celebrate-option-overview h3,
.celebrate-option-overview h4,
.celebrate-option-overview p {
  color: white;
}
.celebrate-option-overview p {
  font-size: 1rem;
}
.celebrate-option-overview .room-tags {
  row-gap: 12px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
}
.celebrate-option-overview .room-tags a {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 7px 14px;
  border-radius: 99px;
  line-height: 1;
  transition: 0.1s ease all;
  background-color: #FDE7C8;
}
.celebrate-option-overview .room-tags a:hover {
  background-color: #DD5449;
  color: white;
}
.celebrate-option-overview .buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.celebrate-option-overview .buttons-container .option-btn {
  border: 2px solid #FCC044;
  padding: 12px 20px;
  background-color: transparent;
  margin: 0;
}
.celebrate-option-overview .buttons-container .option-btn.active {
  background-color: #FCC044;
}
.celebrate-option-overview .details .btn-primary {
  border: none;
}
.arrangement-carousel {
  position: relative;
}
.arrangement-carousel .flickity-viewport .carousel-cell {
  position: absolute;
  width: 40%;
  margin-right: 24px;
}
.arrangement-carousel .flickity-prev-next-button {
  background-color: #FDE7C8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrangement-carousel .flickity-prev-next-button:focus {
  box-shadow: none;
}
.arrangement-carousel .flickity-prev-next-button:after {
  font-family: "Font Awesome 5 Free";
  color: #1C282C;
  font-size: 25px;
  font-weight: bold;
}
.arrangement-carousel .flickity-prev-next-button svg {
  display: none;
}
.arrangement-carousel .flickity-prev-next-button.previous {
  left: -10px;
}
.arrangement-carousel .flickity-prev-next-button.previous:after {
  content: "\f060";
}
.arrangement-carousel .flickity-prev-next-button.next {
  right: -10px;
}
.arrangement-carousel .flickity-prev-next-button.next:after {
  content: "\f061";
}
@media (max-width: 991px) {
  .arrangement-carousel .flickity-viewport .carousel-cell {
    width: 75%;
  }
}
@media (max-width: 575px) {
  .arrangement-carousel {
    padding: 0;
  }
  .arrangement-carousel .flickity-prev-next-button {
    display: none;
  }
}
.celebrate-overview h4,
.celebrate-overview p {
  text-align: center;
  color: #1C282C;
}
.celebrate-overview h4 {
  margin-top: 40px;
  margin-bottom: 6px;
}
.celebrate-overview h3 {
  color: white;
}
.celebrate-overview .item-card {
  display: block;
  padding: 12px;
  background-color: #FDE7C8;
  height: auto;
  margin-bottom: 24px;
}
.celebrate-overview .item-card .item-img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.celebrate-overview .item-card .overview-arrow {
  background-color: white;
  position: absolute;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 50px;
  height: 50px;
  top: 312px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease;
  transform-origin: top left;
}
.celebrate-overview .item-card:hover .overview-arrow {
  scale: 1.2;
  background-color: #FCC044;
}
.celebrate-form .form-control {
  background-color: transparent;
  border: 2px solid #1C282C;
  color: #1C282C;
  margin-bottom: 0;
}
.celebrate-form .btn {
  border: none;
}
.celebrate-form .arrangement-form {
  background-color: white;
  padding: 48px;
}
.celebrate-form .arrangement-form h5 {
  margin-bottom: 0 !important;
}
#book-arrangement-or-hall .alert.bg-success {
  background-color: #FDE7C8 !important;
  border: none;
  margin-bottom: 0;
}
#book-arrangement-or-hall .alert.bg-success:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 19px;
  color: #1C282C;
  margin-right: 20px;
}
.arragement-summary {
  background-color: white;
  padding: 48px;
}
.arragement-summary h5 {
  margin-bottom: 0;
  color: #FCC044;
}
@font-face {
  font-family: 'Predikat Oneday Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Predikat Oneday Regular'), url('/img/restaurant/PredikatOneday-ALM56.woff') format('woff');
}
.bg-restaurant-yellow {
  background-color: #e09e31;
  color: #fff !important;
}
.restaurant-layout h1,
.restaurant-layout h2 {
  font-family: 'Predikat Oneday Regular';
}
.restaurant-layout .btn-primary {
  background-color: #c9003c;
  border-color: #c9003c;
}
.restaurant-layout .btn-primary:hover {
  background-color: #ce2749;
  border-color: #ce2749;
}
.restaurant-layout .btn-secondary {
  background-color: #e09e31;
  border-color: #e09e31;
}
.restaurant-layout .btn-secondary:hover {
  background-color: #1C282C;
  border-color: #1C282C;
}
.text-red {
  color: #c9003c;
}
.restaurant-header {
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 991px) {
  .restaurant-header {
    height: 600px;
  }
}
.restaurant-header .effect {
  position: absolute;
  bottom: -30px;
  width: 120%;
  min-width: 1800px;
}
.restaurant-header .logo {
  position: absolute;
  bottom: calc(50% - 200px);
  width: auto;
  height: 300px;
  z-index: 99;
}
@media (max-width: 991px) {
  .restaurant-header .logo {
    bottom: calc(50% - 150px);
    height: 200px;
  }
}
.sub-header {
  height: 550px;
}
@media (max-width: 991px) {
  .sub-header {
    height: 400px;
  }
}
.sub-header .logo {
  bottom: calc(50% - 150px);
  height: 200px;
}
@media (max-width: 991px) {
  .sub-header .logo {
    bottom: calc(50% - 120px);
    height: 150px;
  }
}
.restaurant-header h1 {
  position: relative;
  color: white;
  padding: 30px;
  text-align: center;
}
.restaurant-about {
  background-color: #fde7e6;
  padding: 80px 0;
}
.restaurant-about .overlap-img-small {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.restaurant-about .overlap-img-small .overlap-card {
  height: -moz-fit-content;
  height: fit-content;
  background-color: #1C282C;
  z-index: 1;
  max-width: 60%;
  padding: 96px;
  margin: 96px 0;
}
.restaurant-about .overlap-img-small .overlap-card p,
.restaurant-about .overlap-img-small .overlap-card h3 {
  color: white;
}
.restaurant-about .overlap-img-small .overlap-img {
  position: absolute;
  right: 0;
  height: 100%;
  width: 60%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
/* Reserveringsblok */
.reservation-box {
  padding: 48px 36px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #1C282C;
  border-radius: 8px;
}
.reservation-box h2 {
  margin-bottom: 20px;
  font-size: 36px;
}
.reservation-box p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 28px;
}
.btn-reserveer {
  display: inline-block;
  align-self: flex-start;
  background-color: #1C282C;
  color: #ffffff;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.btn-reserveer:hover {
  background-color: #ffffff;
  color: #1C282C;
}
/* Openingstijden */
.opening-hours-section {
  background-color: #FDE7E4;
  padding: 100px 0;
}
.opening-hours-box {
  background-color: #fff;
  padding: 48px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.opening-hours-box h2 {
  margin-bottom: 32px;
  color: #1C282C;
}
.opening-hours-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.opening-hours-row {
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid #e9e1d8;
  font-size: 17px;
  color: #1C282C;
}
.opening-hours-row:last-child {
  border-bottom: none;
}
/* Footer */
.restaurant-footer {
  background-color: #e09e31;
  color: #ffffff;
  padding: 70px 0 50px;
}
.restaurant-footer h3 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 24px;
}
.restaurant-footer p {
  line-height: 1.8;
  margin-bottom: 0;
}
.footer-reserve-link {
  display: inline-block;
  margin-top: 16px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  transition: all 0.3s ease;
}
.footer-reserve-link:hover {
  color: #000;
  border-bottom: 1px solid #000;
}
.bg-restaurant-pink {
  background-color: #fde7e6;
}
.bg-restaurant-pink .footer-logo {
  background-color: #fde7e6;
}
#celebrateNav .back-to-camping-restaurant {
  position: absolute;
  top: 100%;
  right: 5%;
  display: flex;
  color: #FFFFFF;
  background-color: #e09e31;
  padding: 20px 24px;
  border-radius: 0 0 5px 5px;
}
#celebrateNav .back-to-camping-restaurant h3 {
  font-size: 16px;
  margin: 0;
  line-height: 1;
}
#celebrateNav .back-to-camping-restaurant:hover {
  color: #1C282C;
}
@media (max-width: 991px) {
  .restaurant-about .overlap-img-small {
    flex-direction: column;
  }
  .restaurant-about .overlap-img-small .overlap-card {
    max-width: 100%;
    padding: 48px;
    margin: 0;
  }
  .restaurant-about .overlap-img-small .overlap-img {
    position: relative;
    height: 400px;
    width: 100%;
  }
  .reservation-box {
    margin-top: 30px;
  }
  .opening-hours-box {
    padding: 32px 24px;
  }
  .opening-hours-row {
    font-size: 15px;
    gap: 20px;
  }
  .restaurant-footer .col-md-4 {
    margin-bottom: 32px;
  }
}
.snackbar-section {
  background-color: #fde7e6;
  padding: 100px 0;
}
.snackbar-row {
  background-color: #c9003c;
  border-radius: 8px;
  overflow: hidden;
}
/* Tekst */
.snackbar-content {
  padding: 60px;
  color: white;
}
.snackbar-content h2 {
  color: #fff;
  margin-bottom: 20px;
}
.snackbar-content p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 20px;
}
/* Afbeelding als background */
.snackbar-image {
  background-image: url('/img/restaurant/snackbar.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* Zorg dat kolommen even hoog zijn */
.snackbar-row > [class*="col-"] {
  display: flex;
}
.snackbar-image {
  min-height: 100%;
}
@media (max-width: 991px) {
  .snackbar-row {
    flex-direction: column;
  }
  .snackbar-content {
    padding: 40px 30px;
  }
  .snackbar-image {
    width: 100%;
    min-height: 250px;
    /* 👈 dit is belangrijk */
  }
}
.reservation-iframe {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  background-color: #fff;
}
.reservation-iframe iframe {
  width: 100%;
  height: 700px;
  border: 0;
  padding: 20px;
}
/* Mobiel iets hoger/lager maken indien nodig */
@media (max-width: 991px) {
  .reservation-iframe iframe {
    height: 600px;
  }
}
.page-body a {
  text-decoration: underline;
  color: #c9003c;
}
.page-body a.btn {
  text-decoration: none;
  color: #fff;
}
.page-body table {
  border: none !important;
}
.page-body table tbody {
  border: none !important;
}
.page-body table tbody tr {
  border: none !important;
}
.page-body table tbody tr td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
#homepageModal {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999 !important;
  background: rgba(0, 0, 0, 0.6) !important;
}
#homepageModal.show {
  display: block !important;
}
#homepageModal .modal-box {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: calc(100% - 30px) !important;
  max-width: 600px !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}
#homepageModal .modal-close {
  position: absolute !important;
  top: 10px !important;
  right: 15px !important;
  font-size: 30px !important;
  line-height: 1 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  z-index: 2 !important;
  color: #000 !important;
}
#homepageModal .modal-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
#homepageModal .modal-content {
  padding: 30px !important;
  text-align: center !important;
}
#homepageModal .modal-title {
  margin: 0 0 15px !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
}
#homepageModal .modal-text {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
@media (max-width: 576px) {
  #homepageModal .modal-box {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }
  #homepageModal .modal-content {
    padding: 20px 15px !important;
  }
  #homepageModal .modal-title {
    font-size: 22px !important;
  }
  #homepageModal .modal-text {
    font-size: 15px !important;
  }
}
img {
  border-style: none;
}
img:not([src]) {
  content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #141414;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  overflow-x: hidden;
}
.benedenBovenCookieNotification > a {
  color: #DD5449 !important;
}
.no-selection {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
@media all and (max-width: 1400px) {
  body {
    font-size: 16px;
    line-height: 27px;
  }
}
@media all and (max-width: 990px) {
  body {
    font-size: 15px;
    line-height: 26px;
  }
}
::-moz-selection {
  background: #DD5449;
  color: #FFFFFF;
  opacity: 1;
}
::selection {
  background: #DD5449;
  color: #FFFFFF;
  opacity: 1;
}
::-moz-selection {
  background: #DD5449;
  color: #FFFFFF;
  opacity: 1;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1400px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1500px;
  }
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible !important;
}
.wow {
  visibility: hidden;
}
.box-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
hr {
  border: 3px solid #DD5449;
}
.strong {
  font-weight: bold;
}
/*!---------- MIXINS ----------*/
.v-align-children {
  display: -moz-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
}
.black-white {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.v-align-children-column {
  display: -moz-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
}
.disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.v-align-transform {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
}
.v-align-bottom {
  position: relative;
  transform: translate3d(0, -90%, 0);
  -webkit-transform: translate3d(0, -90%, 0);
  bottom: 90%;
  z-index: 2;
}
h1.lines::before {
  content: url(/img/lines-left.svg);
  position: absolute;
  margin-left: -45px;
  margin-top: -45px;
  width: 30px;
  height: auto;
}
h1.lines::after {
  content: url(/img/lines-right.svg);
  position: absolute;
  margin-left: -10px;
  margin-top: 35px;
  width: 30px;
  height: auto;
}
@media all and (max-width: 990px) {
  h1.lines {
    padding-bottom: 20px;
  }
}
@media all and (max-width: 550px) {
  h1.lines {
    padding-bottom: 30px;
  }
}
.img-lines::before {
  content: url(/img/lines-left.svg);
  position: absolute;
  margin-left: -45px;
  margin-top: -45px;
  width: 30px;
  height: auto;
}
.img-lines::after {
  content: url(/img/lines-right.svg);
  position: absolute;
  margin-left: 15px;
  bottom: -50px;
  width: 30px;
  height: auto;
}
@media all and (max-width: 990px) {
  .img-lines::after,
  .img-lines::before {
    visibility: hidden;
    display: none;
  }
}
/*!---------- COLOURS ----------*/
/*!---------- TYPOGRAPHY ----------*/
@media all and (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
}
.heavy {
  font-weight: 900 !important;
}
.bold {
  font-weight: 700 !important;
}
.light {
  font-weight: 300 !important;
}
blockquote,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
pre,
select,
table,
textarea {
  margin-bottom: 16px;
  margin-top: 0;
  padding: 0;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  font-family: 'Luckiest Guy', cursive;
  font-weight: 300;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
h1.large {
  font-size: 4em;
  line-height: 1.1em;
}
.h1,
h1 {
  font-size: 3.6em;
  line-height: 1.1em;
}
.h2,
h2 {
  font-size: 3.2em;
  line-height: 1.1em;
}
h3 {
  font-size: 1.8em;
  line-height: 1.1em;
}
.h4,
h4 {
  font-size: 1.2em;
  line-height: 1.1em;
}
.h5,
h5 {
  font-size: 1em;
  line-height: 1.1em;
}
.h6,
h6 {
  font-size: 12px;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  h1.large {
    font-size: 42px;
    line-height: 46px;
  }
  .h1,
  h1 {
    font-size: 36px;
    line-height: 42px;
  }
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
  h3 {
    font-size: 24px;
    line-height: 32px;
  }
  h4 {
    font-size: 18px;
    line-height: 26px;
  }
  h5 {
    font-size: 16px;
    line-height: 24px;
  }
  .h6,
  h6 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
  }
}
.uppercase {
  text-transform: uppercase;
}
.h6-u,
h6.uppercase {
  font-weight: 700;
}
.bold-h6 {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
}
p.lead {
  font-size: 1em;
  font-weight: 700 !important;
}
a,
a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: none;
}
a {
  color: #213148;
  cursor: pointer;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #213148 !important;
}
.bg-primary a,
.image-bg a {
  color: #fff;
}
.bg-primary a:hover,
.image-bg a:hover {
  opacity: 1;
}
a:hover {
  color: #141414;
  text-decoration: none;
}
.label {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #213148;
  border-radius: 0;
  padding: 6px 12px;
  font-size: 10px;
}
.text-left {
  text-align: left;
}
@media all and (max-width: 767px) {
  .text-left-xs {
    text-align: left !important;
  }
}
.no-bullets {
  list-style: none;
  padding: 0;
}
.subtitle {
  font-family: 'Grand Hotel', cursive;
  text-transform: lowercase;
  font-weight: 300;
  margin-bottom: 40px;
}
.subtitle-red {
  color: #a2281e !important;
}
.subtitle-yellow {
  color: #d79203 !important;
}
.subtitle-green {
  color: #3c4015 !important;
}
.subtitle-blue {
  color: #141e2e !important;
}
blockquote {
  margin: 27px 0px 27px 0px;
  padding: 0px 0px 0px 27px;
  border-left: 2px solid;
  border-color: #DD5449;
}
/*!---------- SECTION DIVIDERS ----------*/
.wavy-border {
  position: absolute;
  z-index: 10;
  width: 100%;
}
.wavy-border-bottom {
  position: absolute;
  bottom: -5px;
}
.wavy-border-footer {
  position: absolute;
  z-index: -1;
  width: 100%;
  transform: scaleY(-1);
}
.ib {
  display: inline-block;
  color: #fff;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #DD5449 !important;
}
/*!----------  SECTIONS ----------*/
footer,
section {
  padding-top: 5em;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5em;
  position: relative;
}
.fullscreen {
  height: 100vh;
}
.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6 {
  color: #4E4E4E;
}
.bg-dark h1,
.bg-blue h1,
.bg-red h1,
.bg-green h1,
.bg-primary h1,
.bg-dark h2,
.bg-blue h2,
.bg-red h2,
.bg-green h2,
.bg-primary h2,
.bg-dark h3,
.bg-blue h3,
.bg-red h3,
.bg-green h3,
.bg-primary h3,
.bg-dark h4,
.bg-blue h4,
.bg-red h4,
.bg-green h4,
.bg-primary h4,
.bg-dark h5,
.bg-blue h5,
.bg-red h5,
.bg-green h5,
.bg-primary h5,
.bg-dark h6,
.bg-blue h6,
.bg-red h6,
.bg-green h6,
.bg-primary h6 {
  color: #FFFFFF;
}
.bg-dark li,
.bg-blue li,
.bg-red li,
.bg-green li,
.bg-primary li,
.bg-dark p,
.bg-blue p,
.bg-red p,
.bg-green p,
.bg-primary p,
.bg-dark a,
.bg-blue a,
.bg-red a,
.bg-green a,
.bg-primary a,
.bg-dark span,
.bg-blue span,
.bg-red span,
.bg-green span,
.bg-primary span {
  color: #FFFFFF;
}
@media all and (max-width: 767px) {
  section {
    padding: 80px 0;
  }
}
.overlay-primary:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #DD5449;
  opacity: 0.8;
  z-index: 2;
  mix-blend-mode: multiply;
}
.overlay-dark:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.55;
  z-index: 2;
  mix-blend-mode: multiply;
}
.overlay-gradient:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  z-index: 2;
  background: linear-gradient(to right, #333333 0%, rgba(128, 128, 128, 0) 100%);
}
.overlay-gradient-bottom:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  z-index: 2;
}
.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg h6 {
  color: #FFFFFF;
}
.image-bg li,
.image-bg p,
.image-bg a,
.image-bg span {
  color: #FFFFFF;
}
.image-bg .container,
.image-bg div[class*=' col- '] {
  position: relative;
  z-index: 3;
}
.container.image-bg .row {
  position: relative;
  z-index: 3;
}
.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
  background: #213148;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.background-image {
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 767px) {
  .footer-hidden {
    display: none;
  }
}
/*!---------- DAGJE UIT ----------*/
#test .header .header__visual {
  border: 2px solid aqua !important;
}
/*!---------- CONTACT PAGE ----------*/
.contact-details {
  background-color: #233652 !important;
  padding: 2em 6em 2em 2em;
  margin: 1em;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.contact-details ul {
  padding-left: 0px;
}
/*!---------- ACCORDION / FAQ ----------*/
.faq-accordion .accordion-trigger {
  background-color: transparent;
  font-size: 1em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important;
}
.faq-accordion .accordion-trigger:hover {
  cursor: pointer;
}
.faq-accordion .card-body {
  text-align: left;
  padding: 1.5em;
  margin-top: 0;
}
.faq-accordion .card {
  border: none;
  border-radius: 0;
  padding: 0em;
  background-color: #FFFFFF;
  margin-bottom: 0.5em;
}
.faq-accordion .card-header {
  background: transparent;
  border: none;
}
.faq-accordion .fa-stack {
  font-size: 18px;
}
.faq-accordion .btn-link:focus,
.faq-accordion .btn-link:hover {
  text-decoration: none;
}
.faq-accordion li + li {
  margin-top: 10px;
}
/*!---------- AGENDA ITEMS ----------*/
.agenda-item {
  padding: 0.75em;
  border-radius: 0.75em;
  margin-bottom: 1.5em;
  background-color: #EFEEE9;
}
.agenda-item .agenda-item-icon {
  text-align: center;
  margin-right: 0.75em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.agenda-item .agenda-item-text .agenda-item-title {
  font-size: 1.1em;
  font-weight: 700 !important;
}
.agenda-item .agenda-item-text .agenda-item-date {
  font-size: 0.7em;
}
.agenda-item .agenda-item-icon-header {
  background-color: #DD5449;
  text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1;
  padding: 3px 0px 2px;
  font-weight: 700 !important;
}
.agenda-item .agenda-item-icon-icon {
  background-color: #FFFFFF;
  display: block;
  font-family: 'Montserrat', sans-serif;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px, rgba(0, 0, 0, 0.1) 0px 0px 2px;
  text-align: center;
  width: 50px;
  border-radius: 0.25rem;
  font-weight: 700 !important;
}
.agenda-item:hover {
  background-color: #fdf5f5;
}
.agenda-item:hover .agenda-item-icon {
  margin-right: 0.9em;
}
@media all and (max-width: 990px) {
  .agenda-item {
    margin-bottom: 1em;
  }
}
/*!---------- FOR SALE ITEMS ----------*/
.for-sale-item {
  background-color: #233652;
  padding: 1em;
  border-radius: 4px;
}
.for-sale-item .for-sale-item-image {
  height: 400px;
  background-size: cover;
  background-position: center center;
}
.for-sale-item .for-sale-item-text {
  padding: 2em;
}
.for-sale-item .for-sale-item-price {
  display: block;
  margin-bottom: 1.5em;
  font-weight: 700 !important;
}
@media all and (max-width: 990px) {
  .for-sale-item .for-sale-item-image {
    margin-bottom: 2em;
  }
}
/*!---------- FACILITIES PAGE / CARDS ----------*/
.card {
  padding: 2em;
  text-align: center;
  border: none;
  background-color: #EFEEE9;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
.card-body {
  padding: 0;
  margin-top: 1.25em;
}
.card-columns .card {
  margin-bottom: 2em;
}
.facilities-overview-image {
  height: 250px;
  width: 250px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.facilities-overview-btn {
  position: absolute;
  bottom: -25px;
  margin-left: -25px;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  background: #FFFFFF;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.facilities-overview-btn i {
  font-size: 22px;
  line-height: 50px;
  color: #FCC044;
}
.card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.card:hover .facilities-overview-btn {
  background: #DD5449;
}
.card:hover .facilities-overview-btn i {
  color: #FFFFFF;
}
.card:hover .facilities-overview-image {
  transform: scale(1.05) rotate(-3deg);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
@media all and (max-width: 990px) {
  .card-columns {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media all and (min-width: 991px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media all and (min-width: 1600px) {
  .card-columns {
    -moz-column-count: 4;
         column-count: 4;
  }
}
/*!---------- HEADER ----------*/
.page-title {
  height: 1000px;
  overflow: hidden;
}
@media (max-width: 1499px) {
  .page-title {
    height: 1100px;
  }
}
@media (max-width: 550px) {
  .page-title {
    height: 850px !important;
  }
}
@media (max-width: 475px) {
  .page-title > .container {
    top: 55% !important;
  }
}
@media (max-width: 450px) {
  .page-title > .container {
    top: 60% !important;
  }
}
@media (max-width: 400px) {
  .page-title > .container {
    top: 65% !important;
  }
}
.page-title .fullscreen {
  height: 100vh;
}
.page-title-sub {
  height: 550px;
}
.page-title .container {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
}
.page-title-sub .container {
  margin-top: 70px;
}
.page-title .background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 115%;
  background-size: cover;
  background-position: center center;
}
.header-mask {
  -webkit-mask-size: contain;
  -webkit-mask-position: right;
  -webkit-mask-image: url("/img/header-mask.svg");
  -webkit-mask-repeat: no-repeat;
}
@media all and (max-width: 990px) {
  .header-mask {
    -webkit-mask-position: center;
  }
}
.header-image {
  height: 750px;
  width: 55%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
  right: -100px;
}
@media all and (max-width: 1400px) {
  .header-image {
    width: 55%;
  }
}
@media all and (max-width: 1199px) {
  .page-title {
    height: 700px;
    text-align: center;
  }
  .header-image {
    visibility: hidden;
    display: none;
  }
}
@media all and (max-width: 990px) {
  .page-title {
    height: 820px;
  }
  .page-title-sub {
    height: 300px;
  }
  .page-title-sub .container {
    margin-top: 40px;
  }
}
@media all and (min-width: 1750px) {
  .page-title {
    height: 1000px;
  }
  .page-title-sub {
    height: 600px;
  }
  .page-title.fullscreen {
    height: 100vh;
  }
}
/*!---------- ACCOMMODATION OVERVIEW ----------*/
.accommodation-overview {
  text-align: center;
  margin-bottom: 2em;
}
.accommodation-overview-btn {
  position: absolute;
  top: 275px;
  margin-left: -25px;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  background: #FFFFFF;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.accommodation-overview-btn i {
  font-size: 22px;
  line-height: 50px;
  color: #FCC044;
}
.accommodation-overview-img-frame {
  height: 300px;
  overflow: hidden;
  margin-bottom: 2em;
  border-radius: 4px;
}
.accommodation-overview-img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
.accommodation-overview-label {
  background-color: #DD5449;
  border-radius: 0px 4px 4px 0px;
  padding: 0.3em 1em;
  font-size: 0.8em;
  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  left: 15px;
  top: 0;
  position: absolute;
  z-index: 2;
  font-weight: 700 !important;
}
.accommodation-overview-price {
  background-color: #848C2F;
  border-radius: 0px 0px 0px 4px;
  padding: 0.3em 1em;
  font-size: 0.8em;
  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  right: 15px;
  top: 0;
  position: absolute;
  z-index: 2;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.accommodation-overview:hover .accommodation-overview-img {
  transform: scale(1.05);
}
.accommodation-overview:hover .accommodation-overview-btn {
  background: #FCC044;
}
.accommodation-overview:hover .accommodation-overview-btn i {
  color: #FFFFFF;
}
.accommodation-overview:hover .accommodation-overview-label {
  background-color: #FCC044;
  padding-left: 1.5em;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
.accommodation-overview-content .accommodation-overview-name {
  font-size: 1.2em;
  margin-bottom: 0.5em;
  display: block;
  color: #141414;
  font-weight: 700 !important;
}
.accommodation-overview-content .accommodation-overview-desc {
  font-size: 0.8em;
  display: block;
  color: #141414;
}
.accommodation-overview-facilities {
  display: inline;
}
.accommodation-overview-facilities .accommodation-overview-facilities-icon {
  width: 35px;
  height: 35px;
  padding: 5px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
}
.accommodation-overview-packages {
  margin-top: 1em;
  padding-left: 1em;
  padding-right: 0;
  width: 70%;
  cursor: pointer;
}
.accommodation-overview-packages .accommodation-overview-packages-title {
  color: #141414;
  font-size: 0.7em;
  border: 1px solid #C9C9C9;
  border-radius: 3px 0px 0px 3px;
  width: 100%;
  border-right: none;
}
.accommodation-overview-packages .accommodation-overview-packages-number {
  color: #141414;
  font-size: 0.7em;
  background-color: #848C2F;
  border: 1px solid #848C2F;
  color: #FFFFFF;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0px 3px 3px 0px;
  font-weight: 700;
}
.accommodation-overview-modal .modal-content {
  border-radius: 0px;
  border: none;
}
.accommodation-overview-modal .modal-footer {
  border: none;
}
.accommodation-overview-modal .modal-header {
  border: none;
}
.accommodation-overview-modal .accommodation-overview-table table {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  text-align: left;
}
.accommodation-overview-modal .accommodation-overview-table table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
.accommodation-overview-modal .accommodation-overview-table table tr {
  padding: 0.35em;
  font-size: 0.8em;
  text-align: left;
}
.accommodation-overview-modal .accommodation-overview-table table tr:nth-child(even) {
  background-color: #EFEEE9;
}
.accommodation-overview-modal .accommodation-overview-table table td,
.accommodation-overview-modal .accommodation-overview-table table th {
  padding: 1em;
  text-align: left;
  line-height: 1.3em;
}
.accommodation-overview-modal .accommodation-overview-table table th {
  font-size: 1em;
  line-height: 1.1em;
  font-family: 'Montserrat', sans-serif;
  color: #4E4E4E;
  background: #EFEEE9;
  text-align: left;
}
@media screen and (max-width: 900px) {
  .accommodation-overview-modal .accommodation-overview-table table {
    border: 0;
  }
  .accommodation-overview-modal .accommodation-overview-table table caption {
    font-size: 1.5em;
  }
  .accommodation-overview-modal .accommodation-overview-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .accommodation-overview-modal .accommodation-overview-table table tr {
    border-bottom: 3px solid #C9C9C9;
    display: block;
    margin-bottom: 0.625em;
    background-color: #EFEEE9;
  }
  .accommodation-overview-modal .accommodation-overview-table table td {
    border-bottom: 1px solid #C9C9C9;
    display: block;
    font-size: 1em;
    text-align: right;
  }
  .accommodation-overview-modal .accommodation-overview-table table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
  .accommodation-overview-modal .accommodation-overview-table table td:last-child {
    border-bottom: 0;
  }
}
/*!---------- ACCOMMODATION DETAIL PAGE ----------*/
.accommodation-detail-description {
  margin-bottom: -100px;
  background-color: #324D76;
  border-radius: 4px;
  padding: 2em;
}
.accommodation-detail-description .btn {
  margin-bottom: 0;
}
.accommodation-detail-menu {
  background-color: #EFEEE9;
  padding: 1.5em;
}
.accommodation-detail-menu ul {
  list-style: none;
  padding-left: 0;
}
.accommodation-detail-menu li {
  background-color: #ffffff;
  margin-bottom: 4px;
  border-radius: 4px;
  padding: 0.5em 1em;
  color: #141414;
  font-size: 0.8em;
  font-weight: 700 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.accommodation-detail-menu li:hover {
  background-color: #FCC044;
  padding-left: 1.1em;
}
.accommodation-detail-menu li.active {
  background-color: #fee2a8;
}
.accommodation-detail-booknow {
  padding: 1.5em;
  background-color: #848C2F;
  color: #FFFFFF;
  margin-top: -200px;
}
.accommodation-detail-booknow .btn {
  margin-bottom: 0;
}
.accommodation-detail-arrangements {
  padding: 1.5em;
  background-color: #FCC044;
  color: #FFFFFF;
}
.accommodation-detail-arrangements .btn {
  margin-bottom: 0;
}
@media all and (max-width: 990px) {
  .accommodation-detail-booknow {
    margin-top: 0;
  }
  .accommodation-detail-description .btn {
    margin-bottom: 1em;
  }
}
@media all and (max-width: 767px) {
  .accommodation-detail-booknow {
    margin-bottom: 2em;
  }
}
/*!---------- TOOLTIPS ----------*/
.tooltip {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8em;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #848C2F;
  /* Red */
}
.tooltip > .tooltip-inner {
  background-color: #848C2F;
  padding: 12px;
  max-width: 450px !important;
}
/*!---------- SEARCH AND BOOK / DATEPICKER / TABS ----------*/
.search-book-container {
  margin-top: -120px;
  margin-bottom: 32px;
  z-index: 99;
  position: relative;
}
.search-book-message {
  border: 2px solid #FCC044;
  background-color: #fffbf4;
  padding: 1em;
  border-radius: 4px;
  margin-bottom: 32px;
}
.search-book {
  margin-bottom: 1em;
}
.search-book .nav {
  border-bottom: none;
}
.search-book .nav-tabs .nav-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: normal;
  font-size: 0.8em;
  text-transform: none;
  background-color: #848C2F;
  color: #FFFFFF;
  margin-right: 1em;
  margin-bottom: 0;
  padding: 1em 2em;
  border: 0px solid #848C2F;
}
.search-book .nav-tabs .nav-link.active {
  background-color: #FFFFFF;
  color: #141414;
  border: none;
}
.search-book .nav-tabs .nav-link:focus,
.search-book .nav-tabs .nav-link:hover {
  border: none;
}
.search-book .nav-tabs .nav-item:hover {
  background-color: #606622;
  color: inherit;
}
.search-book .nav-tabs .nav-link.active:hover {
  background-color: #FFFFFF;
  color: #141414;
  border: none;
}
.search-book .tab-content {
  border: none;
  background-color: #FFFFFF;
  border-radius: 0px 3px 3px 3px;
  padding: 3em;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.search-book .tab-content form .form-group {
  margin-bottom: 0;
}
.search-book .tab-content form .form-group .dropdown-toggle {
  border: 1px solid #C9C9C9;
  background-color: transparent;
  color: #4E4E4E;
  font-size: 0.8em;
  font-weight: 700 !important;
}
.search-book .tab-content form .form-group .dropdown-menu {
  width: 250px;
  font-size: 1em;
  border: none;
  padding: 1.2em;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.search-book .tab-content form .input-counter-value {
  border: 1px solid #ddd;
  width: 80px;
  height: 40px;
  text-align: center;
  font-size: 15px;
  line-height: 40px;
  margin: 0px;
  font-weight: 700 !important;
}
.search-book .tab-content form .input-counter-minus {
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px 0px 0px 3px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.search-book .tab-content form .input-counter-plus {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 0px 3px 3px 0px;
  color: #FFFFFF;
  background: #848C2F;
  border-color: #848C2F;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.search-book .tab-content form .form-control {
  margin-bottom: 0;
  border-color: #C9C9C9;
  color: #4E4E4E;
  font-size: 0.8em;
  font-weight: 700 !important;
}
.search-book .tab-content form select {
  height: 55px;
  padding-left: 1em;
}
.search-book .tab-content form .selectdate {
  height: 55px;
  padding-left: 1em;
}
.search-book .tab-content form .selectdate span {
  line-height: 42px;
}
.search-book .tab-content form button {
  display: block;
  width: 100%;
  height: 55px;
  line-height: 55px;
  border-radius: 4px;
  padding: 0px;
  background: #FCC044;
  border: none;
  margin-bottom: 0px;
}
@media all and (max-width: 990px) {
  .search-book-container {
    margin-top: -100px;
    margin-bottom: 32px;
  }
  .search-book .nav-tabs .nav-link {
    font-size: 0.8em;
    margin-right: 0.2em;
    margin-bottom: 0;
    padding: 0.5em 1em;
  }
  .search-book .tab-content form .form-control {
    margin-bottom: 0.8em;
    font-size: 0.8em;
  }
  .button-person-categories {
    margin-bottom: 0.8em !important;
  }
}
@media all and (max-width: 450px) {
  .search-book-container {
    margin-top: 30px;
  }
  .search-book .nav-tabs .nav-link {
    font-size: 0.8em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.1em 1em;
    border-radius: 0.25rem;
  }
  .search-book .nav-tabs .nav-link.active {
    border: 1px solid #C9C9C9;
  }
}
/*!---------- LARGE IMAGE (BACKGROUND) WITH TEXT ----------*/
.large-image-block {
  height: 750px;
}
.large-image-block .container {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
}
.large-image-block .background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 115%;
  background-size: cover;
  background-position: center center;
}
@media all and (max-width: 990px) {
  .large-image-block {
    height: 450px;
  }
}
/*!---------- FACILITIES SLIDER CAROUSEL ----------*/
.facilities-mask {
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/circle-mask.svg");
  -webkit-mask-repeat: no-repeat;
}
.facilities-image {
  height: 70%;
  width: 70%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.facilities-btn {
  position: absolute;
  bottom: -15px;
  margin-left: -15px;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #FFFFFF;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.facilities-btn i {
  font-size: 14px;
  color: #FCC044;
}
.facilities-btn:hover {
  background: #FCC044;
}
.facilities-btn:hover i {
  color: #FFFFFF;
}
.carouselFacilities {
  margin-top: 6em;
  margin-bottom: 4em;
}
.carouselFacilities .flickity-viewport {
  overflow: visible;
}
.carouselOfImages {
  max-width: 90%;
  margin: auto;
  overflow-x: hidden;
  overflow-y: visible;
}
.carouselImage {
  height: 240px;
  width: 200px;
  counter-increment: carousel-cell;
  transition: transform 0.5s;
  transform: scale(1);
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.06);
}
.carouselName {
  width: 100%;
  position: absolute;
  bottom: 20px;
  opacity: 0;
}
.carouselName > .facility {
  color: #141414;
  font-size: 0.8em;
  display: block;
  margin-bottom: 0px;
}
.carouselName > .facility-description {
  color: #141414;
  font-size: 0.4em;
  line-height: 2em;
  display: block;
  margin-bottom: 0px;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.carouselImage.is-selected {
  z-index: 10;
  transform: scale(1.75);
}
.carouselImage.is-selected .carouselName {
  opacity: 1;
}
.carouselImage.nextToSelected {
  transform: scale(1.5);
  z-index: 5;
}
.carouselImage.nextToSelected .carouselName {
  opacity: 1;
}
.waitingfor {
  padding-top: 100px;
  padding-bottom: 300px;
}
/*!---------- MR. FOX ----------*/
.fox-home {
  position: absolute;
  z-index: 10;
  width: 200px;
  right: 0;
  bottom: 40px;
}
@media all and (max-width: 990px) {
  .waitingfor {
    padding-bottom: 0;
  }
  .fox-home {
    visibility: hidden;
    display: none;
  }
}
.fox-detail {
  display: block;
  position: relative;
}
.fox-detail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 450px;
  top: 252px;
}
@media all and (max-width: 1400px) {
  .fox-detail img {
    top: 242px;
  }
}
.fox-detail .fox-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 450px;
  z-index: -10;
  top: 160px;
  transition: all 0.75s ease-in-out;
}
.waitingfor:hover > .fox-detail .fox-body {
  top: 20px;
}
.eye {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin: 0 12px;
  left: 0;
  top: 180px;
}
.eye:after {
  /*pupil*/
  position: absolute;
  bottom: 10px;
  right: 2px;
  width: 20px;
  height: 20px;
  content: " ";
  background-image: url("/img/pupil.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}
/*!---------- GALLERY / GRIDZY / MODULOBOX ----------*/
.gallery img {
  border-radius: 0px;
}
/*!---------- CONTACT PAGE / GOOGLE MAPS ----------*/
.map-section {
  padding: 0;
  height: 300px;
}
.map-holder {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.map-holder .container {
  position: relative;
  transform: translate3d(0, -90%, 0);
  -webkit-transform: translate3d(0, -90%, 0);
  bottom: 90%;
  z-index: 2;
}
.map-holder iframe {
  border: none;
  position: absolute;
  width: 140%;
  height: 180%;
  top: -40%;
  left: -40%;
  z-index: 1;
}
.map-holder:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.map-holder.interact:before {
  width: 0;
}
.map-holder.inline {
  overflow: hidden;
}
/*!---------- HOME BLOCKS ACTIVITIES ----------*/
.image-block-1,
.image-block-2,
.image-block-3 {
  padding: 32px;
  background-size: auto 100%;
  background-position: center center;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
.image-block-1 .content,
.image-block-2 .content,
.image-block-3 .content {
  position: absolute;
  bottom: 0;
  z-index: 3;
  border-bottom: 5px solid transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.image-block-1 .content .subtitle,
.image-block-2 .content .subtitle,
.image-block-3 .content .subtitle {
  color: #FCC044;
  padding-right: 5px;
}
.image-block-1 .content .title,
.image-block-2 .content .title,
.image-block-3 .content .title {
  color: #FFFFFF;
  padding-right: 5px;
}
.image-block-1:hover,
.image-block-2:hover,
.image-block-3:hover {
  background-size: auto 103%;
}
.image-block-1:hover .content,
.image-block-2:hover .content,
.image-block-3:hover .content {
  border-bottom: 5px solid #FCC044;
}
.image-block-1 {
  height: 680px;
}
.image-block-2 {
  height: 680px;
}
.image-block-3 {
  height: 325px;
  margin-bottom: 30px;
}
.image-block-3:last-of-type {
  margin-bottom: 0px;
}
@media all and (max-width: 990px) {
  .image-block-1,
  .image-block-2,
  .image-block-3 {
    padding: 2em;
    height: 300px;
    margin-bottom: 0.8em;
    background-size: 120% auto;
  }
  .image-block-1 .content,
  .image-block-2 .content,
  .image-block-3 .content {
    position: absolute;
    bottom: 0px;
    z-index: 3;
    border-bottom: 5px solid transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  .image-block-1 .content .subtitle,
  .image-block-2 .content .subtitle,
  .image-block-3 .content .subtitle {
    color: #FCC044;
  }
  .image-block-1 .content .title,
  .image-block-2 .content .title,
  .image-block-3 .content .title {
    color: #FFFFFF;
  }
  .image-block-1:hover,
  .image-block-2:hover,
  .image-block-3:hover {
    background-size: 123% auto;
  }
}
/*!---------- SOCIAL ----------*/
ul.social-footer {
  padding: 0;
  list-style: none;
  text-align: right;
}
ul.social-footer li {
  color: #141414;
  display: inline-block;
}
ul.social-footer li a {
  display: inline-block;
  border: 2px solid #141414;
  color: #141414;
  height: 40px;
  width: 40px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 50%;
  position: relative;
}
ul.social-footer li a i {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
ul.social-footer li a:hover,
ul.social-footer li a:active,
ul.social-footer li a:focus {
  color: #141414;
  border: 3px solid #141414;
  transform: rotate(360deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.social-contact li a {
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
}
@media all and (max-width: 990px) {
  ul.social-footer {
    text-align: left;
    margin-top: 20px;
    padding-bottom: 40px;
  }
  ul.social-footer li a {
    height: 25px;
    width: 25px;
  }
  ul.social-footer li a i {
    font-size: 14px;
  }
}
.spotlight {
  border: 1px solid #C9C9C9;
  padding: 20px;
  border-radius: 4px;
}
.spotlight .image {
  width: 100%;
  height: 220px;
  margin-bottom: 20px;
  background-size: cover;
  box-shadow: 10px 10px 0 #eee;
}
.spotlight p {
  font-size: 0.8em;
  line-height: 1.7em;
}
.spotlight p.location:before {
  display: inline-block;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 24px;
  background: url(https://widget.visitveluwe.nl/assets/img/icons/marker-kan.svg) center center no-repeat;
}
.spotlight a:hover .image {
  box-shadow: 10px 10px 0 #C9C9C9;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.spot-item:nth-child(odd) {
  margin-top: 25px;
}
/*!---------- ZOOVER RATING LABEL ----------*/
.zoover {
  position: absolute;
  z-index: 5;
  right: 5em;
  top: 100px;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8em;
}
.zoover .zoover-title {
  fill: #FFFFFF;
}
.zoover .zoover-title a {
  fill: #FFFFFF;
}
.zoover .zoover-shape {
  fill: #848C2F;
}
.zoover .zoover-rating {
  fill: #FFFFFF;
  font-family: 'Luckiest Guy', cursive;
  font-size: 4.6em;
}
@media all and (max-width: 1199px) {
  .zoover {
    display: none;
    visibility: hidden;
  }
}
.corona {
  position: absolute;
  z-index: 5;
  right: 17em;
  top: 100px;
  font-family: 'Luckiest Guy', cursive;
  font-size: 1em;
}
.corona .corona-shape {
  fill: #FCC044;
  height: 50px;
}
.corona .corona-title {
  fill: #FFFFFF;
  font-family: 'Luckiest Guy', cursive;
}
.corona .corona-title a {
  fill: #FFFFFF;
}
@media all and (max-width: 1199px) {
  .corona {
    right: auto;
    left: 10px;
    top: 8px;
  }
}
@media all and (max-width: 767px) {
  .corona {
    transform: scale(0.7);
    left: -30px;
    top: 40px;
  }
}
/*!---------- FOOTER ----------*/
.sub {
  font-size: 0.8em;
}
.sub-sub {
  font-size: 0.6em;
}
footer {
  padding-top: 5em;
}
@media all and (max-width: 767px) {
  footer {
    padding-top: 0;
  }
}
footer ul li {
  font-size: 0.8em;
  line-height: 2.3em;
}
.footer-logo {
  margin-top: -120px;
  z-index: 90;
  background: #EFEEE9;
  padding: 2em;
  border-radius: 4px;
}
.footer-logo img {
  width: 100%;
}
.footer-awards {
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 0.8em;
  margin: 8px;
  display: -moz-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
}
.footer-awards img {
  max-width: 40px;
  max-height: 40px;
}
/*!---------- SPACING ----------*/
.mb0 {
  margin-bottom: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1em {
  margin-top: 1em;
}
.mb1em {
  margin-bottom: 1em;
}
.p0 {
  padding: 0;
}
.pl0 {
  padding-left: 0 !important;
}
.pt20 {
  padding-top: 20px;
}
.pt50 {
  padding-top: 50px;
}
@media all and (max-width: 767px) {
  .mb-sm {
    margin-bottom: 30px;
  }
}
.filepond--credits {
  display: none !important;
}