/* variables */
:root {
  --font: 'Roboto', sans-serif;
  --fontHeading: 'Questa Grande', serif;
  --fontColor: #2A4162;
  --fontDark: #2A4162;
  --grayLight: #eaeaea;
  --colorPimary: #4d7077;
  --primaryLight: #eaeff0;
  --grayLight2: #707070;
}
@font-face {
 font-family: "Questa Grande";
 font-display: swap;
 src: url("https://3rdfloorcoding.nl/nobeach/2-questa_grande_regular_31.otf") format("opentype");
}
html {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.content + .hotel {
  margin-top:0px;
}
body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  line-height:26px;
  color: var(--fontColor);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:#ffffff;
}
body * {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fontHeading);
  font-weight: 400;
  color: #460B21;
  margin: 0;
  padding: 0;
  /* text-transform: uppercase; */
}
h1 {
  text-align: center;
  font-size:2.25rem;
}
p {
  margin: 0;
  padding: 0;
}
agm-map {
  width: 100%;
  height:500px;
}
.journey-map-placeholder {
  width:100%;
  height:500px;
  background:#f0f0f0;
  display:flex;
  justify-content: center;
  align-items: center;
}
.container {
  max-width: 1200px;
  margin:0 auto;
}
label[for=mobile-menu],
#mobile-menu {
  display: none;
}
.cover {
  position: relative;
  height: calc(100vh - 60px);
}
.cover.contains-youtube {
  height: auto;
  padding-bottom: 50%;
  margin-top: -90px;
}
.cover .media-slider-controls {
  display:none;
}
.cover .slider-container {
  height: 100%;
}
.cover:before {
  content: " ";
  position: absolute;
  top:-1px;
  left:0;
  height:1px;
  width: 100%;
  box-shadow: 0px 25px 35px 45px rgba(0,0,0,.5);
}
.cover vtb-media img {
  display: block;
  height: calc(100vh - 60px);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.center-text {
  text-align: center;
}
div.scroll-menu {
  position: fixed;
  background-color: #fff;
  top:0;
  left:0;
  height:100px;
  width:100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
div.scroll-menu .logo {
  margin-left: 20px;
  margin-top: 20x;
}
.cover .logo,
.scrolling-heading .logo {
  position: absolute;
  top:20px;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.cover .quick-menu,
.scrolling-heading .quick-menu {
  color:#fff;
  position: absolute;
  right:0px;
  top:20px;
  display: flex;
  list-style: none;
  font-size:16px;
  z-index: 2;
}
.cover .quick-menu li,
.scrolling-heading .quick-menu li {
  padding:0 15px;
  font-weight:300;
}
.cover .quick-menu li a,
.scrolling-heading .quick-menu li a {
  background-color:#fff;
  border:1px solid #E4C797;
  padding:5px 20px;
  color:#2A4162;
}
.quick-menu li:first-child a {
  border:none !important;
  background-color:transparent !important;
}
.scrolling-heading {
  position: fixed;
  display: none;
  top:0;
  z-index: 99999;
  left:0;
  width: 100%;
  height:90px;
  background-color: #fff;
}
.scrolling-heading div {
  height:90px;
  position: relative;
}
.scrolling-heading .quick-menu,
.scrolling-heading .quick-menu a {
  color:#fff;
}
.cover .quick-menu li a {
  /* color:#fff; */
  text-decoration: none;
}
.cover.contains-youtube .logo,
.cover.contains-youtube .quick-menu {
  top:110px;
}
.titles-box {
  left:50%;
  top:calc(50% - 50px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: 999;
  text-align: center;
}
.cover .title {
  max-width: 100%;
  color:#fff;
  font-size:60px;
  line-height: 90px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.5);
  z-index: 2;
}
.cover.contains-youtube .title {
  top:calc(50%);
}
.cover .clientName {
  color:#fff;
  font-size:30px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.5);
  z-index: 2;
}
.cover.contains-youtube .clientName {
  top:calc(50% + 100px);
}
.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.menu {
  background-color: #ffffff;
  border-bottom:1px solid #E4C797;
}
div.menu ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
}
div.menu ul li {
  padding:0 25px;
  line-height: 60px;
  cursor: pointer;
  color: var(--fontColor);
  font-size:18px;
  transition: .3s all;
}
div.menu ul li:nth-child(1),
.showing-cover div.menu ul li:nth-child(1),
.showing-reisschema div.menu ul li:nth-child(2),
.showing-vluchten div.menu ul li:nth-child(3),
.showing-dag-tot-dag div.menu ul li:nth-child(4),
.showing-prices div.menu ul li:nth-child(5),
.showing-interest div.menu ul li:nth-child(6) {
  background-color: #E4C797;
}
.prices a {
  color:#6F8277;
}
div.menu ul li:hover {
  background-color: #E4C797 !important;
}
.showing-start div.menu ul li:nth-child(1),
.showing-reisschema div.menu ul li:nth-child(1),
.showing-dag-tot-dag div.menu ul li:nth-child(1),
.showing-vluchten div.menu ul li:nth-child(1),
.showing-prices div.menu ul li:nth-child(1),
.showing-interest div.menu ul li:nth-child(1) {
  background-color: transparent;
}
.showing-start div.menu,
.showing-reisschema div.menu,
.showing-dag-tot-dag div.menu,
.showing-vluchten div.menu,
.showing-prices div.menu,
.showing-interest div.menu {
  position: fixed;
  width: 100%;
  top: 90px;
  left:0;
  z-index: 99999;
}
.showing-start div.scrolling-heading,
.showing-reisschema div.scrolling-heading,
.showing-dag-tot-dag div.scrolling-heading,
.showing-vluchten div.scrolling-heading,
.showing-prices div.scrolling-heading,
.showing-interest div.scrolling-heading {
  display: block
}
.showing-start div.start,
.showing-reisschema div.start,
.showing-dag-tot-dag div.start,
.showing-vluchten div.start,
.showing-prices div.start,
.showing-interest div.start {
  padding-top: 60px;
}
div.columns {
  display: flex;
  justify-content: space-between;
}
div.columns > div {
  width: 48%;
}
div.columns > div:first-child {
  background-color: #fff;
  padding:35px;
}
div.columns > div img {
  width: 100%;
  height:400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.start h1 {
  margin: 40px 0;
}
.start .slider-container {
  height:400px;
}
.start {
  padding-top:50px;
  color:#365442;
}
.vluchten {
  padding:60px 0px 0px 0px;
  margin: 0 0 60px 0;
}
.vluchten h1 {
  margin-bottom: 40px;
}
.huurauto {
  padding:40px 0;
}
.huurauto h1 {
  margin:0;
  padding-bottom:40px;
}
.huurauto .columns {
  margin-top: 40px;
}
.split-image img {
  width: 100%;
  height: 440px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 80px;
}
.prices h1 {
  margin:60px 0 40px;
}
.vluchten-inner {
  padding:10px 0 0 0;
}
.reisschema {
  background:#FBF6EE;
  padding-bottom:60px;
}
.maps {
  background:#58677F;
  padding:60px 0;
}
.maps h1 {
  color:#ffffff;
  margin-bottom:50px;
}
.reisschema > .container > h1 {
  padding: 80px 0 40px 0;
}
.journey-overview {
}
.day-row {
  overflow: hidden;
  line-height:60px !important;
  display:flex;
  border-top:1px solid #E4C797;
}
.with-top-line {
  padding-top:30px;
  margin-top:30px;
  border-top:1px solid #E4C797;
}
.header-row > div:first-child,
.day-row > div:first-child {
  font-family: var(--fontHeading);
  font-size:18px;
}
.day-row:first-child {
  border-top:none;
}
.day-row > div {
  width: 130px;
  padding:0 20px;
  box-sizing: border-box;
}
.header-row {
  border-top:none;
}
.day-row > div:nth-child(2) {
  width: 420px;
}
.day-row > div:nth-child(3) {
  width: calc(100% - 130px - 420px);
}
/* .day-row:nth-child(odd) { */
/*   background-color: #FFFFFF; */
/* } */
.day-row:nth-child(even) {
  background-color: #FBF6EE;
}
.prices .pricing {
  background-color: #E4C797;
  color:#460B21;
  font-size:22px;
  text-align: center;
  padding:20px 0;
  font-family: var(--fontHeading);
  line-height: 35px;
  font-weight:bold;
}
.prices .extra {
  background-color: #FFF;
  padding: 20px;
}
.prices .extra-heading {
  display:block;
  padding-bottom: 7px;
}
.prices .extra > strong + div > p:first-child {
  margin-top: 0;
  padding-top: 0;
}
.dag-tot-dag-wrapper {
  position: relative;
  padding-top:100px;
  background:#FBF6EE;
  padding-bottom:40px;
}
.prices,
.huurauto {
  background:#FBF6EE;
}
.prices {
  padding-bottom:60px;
}
.prices h1 {
  margin:0;
  padding:50px;
}
.dag-tot-dag-wrapper .program-menu {
  position: absolute;
  top:500px;
  left:0;
  height:calc(100% - 500px);
  background-color: #FBF6EE;
  list-style: none;
  padding: 100px 5px 0 5px;
  margin: 0;
  z-index:3;
}
.dag-tot-dag-wrapper .program-menu li {
  line-height: 25px;
  width: 25px;
  margin: 10px 0 20px 0;
  transition: .3s all;
  cursor: pointer;
}
.dag-tot-dag {
  margin-top: 40px;
}
.dag-tot-dag .content {
  padding:35px 10px;
}
.dag-tot-dag .title {
  background-color: #fff;
  border-top:1px solid #E4C797;
  font-family: var(--fontHeading);
  line-height: 60px;
  padding:0 10px;
  /* text-transform: uppercase; */
  font-size:20px;
  color:#2A4162;
}
.dag-tot-dag .title .lowercase-title {
  text-transform:none;
}
.included-hotel-heading {
  padding:30px 0 15px 0;
  font-size:26px;
  font-weight: 400;
  text-align: center;
}
.slider-segment {
  height:360px;
}
.hotel {
  display:flex;
  justify-content: space-between;
  background-color: #FBF6EE;
}
.hotel .slider-container {
  min-height:360px;
  width: 460px;
}
.hotel .slider-container .media-slider {
  max-height: 400px;
}
.activity-title + .hotel {
  margin-top:0;
}
.transfer-text-program {
  margin-top:15px;
}
.hotel > div:last-child {
  width: calc(100% - 460px);
  padding: 35px;
  background:#fff;
}
.hotel h3,
.carrental h3{
  margin-bottom: 5px;
  font-size:22px;
  font-weight:400;
}
.dag {
  margin-bottom: 25px;
}
.interest,
.contact {
  background-color: #2A4162;
  color:#fff;
}
.interest {
  padding:60px 0
}
.interest h1 {
  color:#fff;
  padding:0 0 40px 0;
}
.contact > .container > p:first-child {
  padding-top: 0;
}
.contact .button-wrapper {
  display: flex;
  justify-content: center;
  padding:22px 0 0px 0;
}
.contact .tel {
  font-family: var(--fontHeading);
  font-size:22px;
  color:#fff;
  text-decoration: none;
  text-align: center;
  display:block;
}
body.popup-open {
  overflow: hidden;
}
.popup-overlay {
  position: fixed;
  z-index: 999990;
  background-color: rgba(0,0,0,.3);
  top:0;
  left:0;
  width: 100%;
  height:100%;
  display:none;
}
.popup-open .popup-overlay {
  display:block;
}
.popup-item {
  display:flex;
}
.popup {
  max-width: 900px;
  max-height: 90vh;
  background-color: #fff;
  position: fixed;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999999;
  display:none;
  width: 95%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
input:checked + .popup {
  display:block;
}
.popup .popup-inner {
  position: relative;
  width:100%;
}
.popup .close-popup {
  position: absolute;
  right: -10px;
  top: -13px;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
  width: 25px;
  text-align: center;
  line-height: 25px;
  height: 25px;
  background: #fff;
  color:#666;
  border: 1px solid #6F8277;
}
.popup .close-popup:hover {
  color:#6F8277;
}
.popup .popup-item .slider-container {
  min-height:100%;
  max-height: 400px;
  width:400px;
}
.popup .popup-item > div:last-child {
  width: calc(100% - 400px);
  padding-left: 20px;
  padding-right: 20px;
  /* -ms-overflow-style: none; */
  /* scrollbar-width: none; */
  max-height: 400px;
  overflow-y:auto;
}
.popup .popup-item.popup-item-full > div:last-child {
  width:100%;
  max-height:none;
}
.popup.main-popup .popup-inner > div:last-child {
  width:100%;
}
.popup.main-popup {
  max-height:90vh;
  overflow-y:auto;
}
.popup.main-popup .popup-inner > div:last-child {
  max-height: 90vh;
}
.read-more-button {
  font-style: italic;
  cursor:pointer;
}
.read-more-button:hover {
  text-decoration: underline;
}
.popup .popup-inner > div:last-child::-webkit-scrollbar,
.popup::-webkit-scrollbar {
  display: none;
}
.popup .popup-inner h2 {
  margin-bottom: 20px;
}
.popup .close-popup {
  z-index: 99;
  top:10px;
  right:10px;
}
.popup-checkbox {
  display:none;
}
.button {
  background-color: #fff;
  border:1px solid #E4C797;
  color: #2A4162;
  /* border-radius: 9999px; */
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  width: 215px;
  margin: 18px 10px 0 35px;
  display: block;
  text-align: center;
  cursor: pointer;
  transition: .3s all;
}
.hidden-text .text-wrap {
  height:256px !important;
  margin-bottom:15px;
  overflow: hidden;
}
.alt-hotel.button {
  background:#fff;
  border:2px solid #E4C797;
  color:#2A4162;
  margin-left:0 !important;
}
.alt-hotel:hover {
  background-color: #E4C797;
}
.destination-button {
  width: 300px;
}
.footer > .container {
  display: flex;
}
.footer > .container > div:first-child {
  width: 250px;
}
.footer > .container > div:first-child img {
  margin-top: 20px;
  width: 150px;
}
.footer > .container > div:nth-child(2) {
  width: 300px;
}
.footer > .container > div:nth-child(2) a {
  color:#E4C797;
  text-decoration: none;
  display: block;
  margin-top: 40px;
}
.footer > .container > div:nth-child(3) {
  width: calc(100% - 600px);
  text-align: right;
}
.footer > .container > div:nth-child(3) img {
  width: 150px;
  margin-top: 28px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.price-logos {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  width: 150px;
  margin-top: 25px;
}
/* Flights */
.flight-container sup {
  font-size:13px;
}
.flight-container .flight-heading {
  overflow: hidden;
  line-height:36px;
  padding:10px 20px;
  margin-top:5px;
  display:block;
  cursor:pointer;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.flight-container .one-flight {
  border:1px solid #E4C797;
  border-radius: 7px;
  max-width: 1200px;
  background:#FBF6EE;
}
.flight-container .one-flight:hover {
  box-shadow: 1px 0px 3px rgba(0,0,0,.3);
}
.flight-container .flight-content {
  width:100%;
}
.flight-content strong {
  color:#2A4162 !important;
}
.flight-container .departureDate {
  display: block;
  margin-top:20px;
  margin-bottom:5px;
}
.flight-container .fas {
  color:#333;
}
.flight-container .fas.fa-chevron-down,
.flight-container .fas.fa-chevron-up {
  color:#460B21;
}
.flight-container input:checked + .flight-heading .fa-chevron-up,
.flight-container input + .flight-heading .fa-chevron-down {
  display: inline;
}
.flight-container input:checked + .flight-heading .fa-chevron-down,
.flight-container input + .flight-heading .fa-chevron-up {
  display: none;
}
.flight-container input:checked ~ .blocks {
  max-height: 1200px;
  border-top:1px solid rgba(255,255,255,.3);
  height:auto;
  padding:10px 20px;
}
.flight-container .flight-content .blocks {
  padding:0 20px;
  max-height: 0;
  overflow: hidden;
  transition:max-height 0.5s ease-out, padding 0.5s ease-out;

}
.flight-container .flight-content .block {
  overflow: hidden;
}
.flight-container input {
  display: none;
}
.flight-container .flight-airline {
  margin-left:80px;
  line-height:72px;
  width:80%;
  margin-top:5px;
  font-weight: bold;
  color:#2A4162;
}
.flight-container .flight-airline img {
  margin-right:10px;
  width: 72px;
  height:auto;
}
.flight-container .flight-time-difference {
  clear:left;
  width: 80px;
  float:left;
  line-height:100px;
  color:#2A4162;
}
.flight-container .flight-time-difference .flight-line {
  width:2px;
  display: block;
  height:40px;
  background-color:#2A4162;
  position: relative;
  float:right;
  margin-right:20px;
  margin-top:30px;
}
.flight-container .flight-time-difference .flight-line::before,
.flight-container .flight-time-difference .flight-line::after {
  display: block;
  width: 10px;
  height:10px;
  position: absolute;
  border-radius: 10px;
  left:-6px;
  border:2px solid #2A4162;
  content: " ";
}
.flight-container .flight-time-difference .flight-line::before {
  top:-12px;
}
.flight-container .flight-time-difference .flight-line::after {
  bottom:-12px;
}
.flight-container .flight-times {
  width:50px;
  float:left;
  line-height:50px;
  color:#2A4162;
}
.flight-container .flight-times span {
  display: block;
}
.flight-container .flight-airports {
  width:calc(100% - 130px);
  float:left;
  line-height:50px;
  color:#2A4162;
}
.flight-container img {
  display:block;
  float:left;
}
.flight-container .logo {
  width: 10%;
  float: left;
  height:72px;
}
.flight-container .logo span {
  display: block;
  float:right;
  margin-right:20px;
  line-height:50px;
}
.flight-container .times {
  float: left;
  width:80%;
  color:#2A4162;
}
.flight-container .times > div {
  float:left;
  text-align:center;
}
.flight-container .times > div:nth-child(1),
.flight-container .times > div:nth-child(3) {
  width: 40%;
}
.flight-container .times > div:nth-child(2) {
  width: 20%;
}
.flight-container .times .time {
  font-size:24px;
}
.flight-container .times .time span {
  display:block;
  font-size:13px;
}
.flight-container .times .line {
  width: 100%;
  height:2px;
  background-color:#460B21;
  position:relative;
}
.flight-container .line .fas {
  position: absolute;
  right:-25px;
  top:-7px;
  color:#460B21;
}
.flight-container .times .overall-time {
  line-height: 35px;
}
.flight-container .open {
  float:right;
  line-height: 72px;
}
.flight-container .transfer {
  background-color: #d0d0d0;
  color:#222;
  padding:10px;
  overflow: hidden;
  margin:10px -10px 0 -10px;
  border-radius: 5px;
}
.flight-container .transfer-time {
  width:80px;
  float:left;
}
.flight-container .transfer-text {
 width: calc(100% - 80px);
 float:left;
}
.flight-container .stops {
  font-size:12px;
  line-height:20px;
}
.flight-container .stop-balls {
  position: absolute;
  top:-5px;
  left:0;
  width:100%;
}
.flight-container .stop-ball {
  background:#d0d0d0;
  width: 10px;
  border-radius: 10px;
  float:left;
  height:10px;
}
.flight-container .stops-1 .stop-ball {
  margin-left:calc(50% - 5px);
}
.flight-container .stops-2 .stop-ball {
  margin-left:calc(33% - 6px);
}
.flight-container .stops-3 .stop-ball {
  margin-left:calc(25% - 7px);
}
.flight-container .stops-4 .stop-ball {
  margin-left:calc(20% - 8px);
}
.flight-container .titles {
  border-top: 1px solid #2A4162;
  padding-top: 30px;
  font-weight:bold;
}
.flight-container .titles h3 {
  font-weight:400;
  padding:0 30px;
  position: relative;
}
.flight-container .titles h3:after {
  content: " ";
  display: block;
  width:70px;
  height:2px;
  background: #0f4a62;
  position: absolute;
  left:50%;
  -webkit-transform:translate(-50%, 0);
          transform:translate(-50%, 0);
  bottom:-7px;
}
.flight-container .titles:first-child {
  box-shadow: none;
  border:none;
  padding-top:0;
}
/**** Slider container ****/
.slider-container vtb-media {
  display:block;
  width: 100%;
  position: absolute;
  height: 100%;
}
.slider-container .media-items {
  position:relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slider-container .media-items > div {
  position:absolute;
  z-index: 0;
  bottom:0;
  left:100%;
  top:0;
  height:100%;
  width: 100%;
}
.slider-container .media-items > div img {
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
}
.slider-container vtb-media > div.media-items > div.slide-active {
  display: block;
  left:-100%;
  -webkit-animation: slide 0.5s forwards;
          animation: slide 0.5s forwards;
  z-index:2;
}
.slider-container vtb-media > div.media-items.slide-dir-right > div.slide-active {
  left:100%;
}
.slider-container .media-items > div.last-active-slide {
  left:0%;
}
.slider-container vtb-media > div.media-items.slide-dir-left > div.last-active-slide {
  -webkit-animation: slideAwayRight 0.5s forwards;
          animation: slideAwayRight 0.5s forwards;
  display: block;
}
.slider-container vtb-media > div.media-items.slide-dir-right > div.last-active-slide {
  -webkit-animation: slideAwayLeft 0.5s forwards;
          animation: slideAwayLeft 0.5s forwards;
  display: block;
}
.slider-container {
  position:relative;
}
.slider-container vtb-elements,
.slider-container vtb-element,
.slider-container vtb-element-field,
.slider-container .element-field {
  display: block;
  height: 100%;
}
.media-slider-control {
  position: absolute;
  z-index: 9999;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.media-slider-control:after {
  font-family: "Font Awesome 5 Free";
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-weight: 900;
  font-size: 30px;
  cursor: pointer;
}
.media-slider-control:hover:after {
  color: #f0f0f0;
}
.media-slider-prev {
  left: 10px;
}
.media-slider-next {
  right: 10px;
}
.media-slider-prev:after {
  content: "\f053";
}
.media-slider-next:after {
  content: "\f054";
}
/* .media-slider-item-controls {
  position:absolute;
  z-index: 3;
  bottom:20px;
  left:50%;
  transform:translate(-50%, 0);
  z-index: 99999;
}

.media-slider-item-controls > div {
  width:12px;
  height:12px;
  background-color:#fff;
  border-radius:12px;
  cursor:pointer;
  float:left;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25);
  margin:0 5px;
}

.media-slider-item-controls > div.item-control-active {
  background-color:var(--colorPimary);
} */
@-webkit-keyframes slide {
  100% { left: 0; }
}
@-webkit-keyframes slideAwayLeft {
  100% { left: -100%; }
}
@-webkit-keyframes slideAwayRight {
  100% { left: 100%; }
}
.program-menu li {
  text-align: center;
}
.showing-day-1 .program-menu li:nth-child(1),
.showing-day-2 .program-menu li:nth-child(2),
.showing-day-3 .program-menu li:nth-child(3),
.showing-day-4 .program-menu li:nth-child(4),
.showing-day-5 .program-menu li:nth-child(5),
.showing-day-6 .program-menu li:nth-child(6),
.showing-day-7 .program-menu li:nth-child(7),
.showing-day-8 .program-menu li:nth-child(8),
.showing-day-9 .program-menu li:nth-child(9),
.showing-day-10 .program-menu li:nth-child(10),
.showing-day-11 .program-menu li:nth-child(11),
.showing-day-12 .program-menu li:nth-child(12),
.showing-day-13 .program-menu li:nth-child(13),
.showing-day-14 .program-menu li:nth-child(14),
.showing-day-15 .program-menu li:nth-child(15),
.showing-day-16 .program-menu li:nth-child(16),
.showing-day-17 .program-menu li:nth-child(17),
.showing-day-18 .program-menu li:nth-child(18),
.showing-day-19 .program-menu li:nth-child(19),
.showing-day-20 .program-menu li:nth-child(20),
.showing-day-21 .program-menu li:nth-child(21),
.showing-day-22 .program-menu li:nth-child(22),
.showing-day-23 .program-menu li:nth-child(23),
.showing-day-24 .program-menu li:nth-child(24),
.showing-day-25 .program-menu li:nth-child(25),
.showing-day-26 .program-menu li:nth-child(26),
.showing-day-27 .program-menu li:nth-child(27),
.showing-day-28 .program-menu li:nth-child(28),
.showing-day-29 .program-menu li:nth-child(29),
.showing-day-30 .program-menu li:nth-child(30),
.showing-day-31 .program-menu li:nth-child(31),
.showing-day-32 .program-menu li:nth-child(32),
.showing-day-33 .program-menu li:nth-child(33),
.showing-day-34 .program-menu li:nth-child(34),
.showing-day-35 .program-menu li:nth-child(35),
.showing-day-36 .program-menu li:nth-child(36),
.showing-day-37 .program-menu li:nth-child(37),
.showing-day-38 .program-menu li:nth-child(38),
.showing-day-39 .program-menu li:nth-child(39),
.showing-day-40 .program-menu li:nth-child(40) {
  background-color: #2A4162;
  color:#fff;
}
.showing-days .program-menu {
  position: fixed;
  top:200px;
  height:100%;
}
/* Popup Navigation Styles */
.popup-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  background-color: #f8f6f3;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  z-index: 10;
}
.popup-nav-btn {
  background-color: #6F8277;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
}
.popup-nav-btn:hover {
  background-color: #11301E;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.popup-nav-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.popup-indicators {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 20px;
}
.popup-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0d0d0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.popup-indicator:hover {
  background-color: #6F8277;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.popup-indicator.active {
  background-color: #6F8277;
  width: 20px;
  border-radius: 10px;
}
/* Responsive adjustments for popup navigation */
@media only screen and (max-width: 768px) {
  .popup-navigation {
    padding: 10px 0;
  }

  .popup-nav-btn {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .popup-indicators {
    margin: 0 15px;
    gap: 6px;
  }

  .popup-indicator {
    width: 6px;
    height: 6px;
  }

  .popup-indicator.active {
    width: 16px;
  }
}
@media only screen and (max-width: 1250px) {

  .cover .title {
    font-size:50px;
  }
  .container {
    padding-left:20px;
    padding-right:20px;
  }

  div.menu ul li {
    font-size:15px;
    padding-left:20px;
    padding-right:20px;
  }

  .cover .quick-menu, .scrolling-heading .quick-menu {
    font-size:15px;
  }

  .dag-tot-dag {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 968px) {
  .hotel .slider-container {
    width: 300px;
  }

  .hotel > div:last-child {
    width: calc(100% - 300px);
    padding: 35px;
  }


  .menu {
    height:4px;
  }

  .menu .container {
    display:none;
  }

  label[for=mobile-menu] {
    position: absolute;
    top: 19px;
    left: 21px;
    color: #fff;
    z-index: 9999;
    display: block;
    font-size: 40px;
  }

  .scrolling-heading label {
    color:#333;
    top:19px;
  }

  label[for=mobile-menu] .fa-times {
    display:none;
  }

  #mobile-menu:checked ~ .cover .fa-times,
  #mobile-menu:checked ~ .scrolling-heading .fa-times {
    display:block;
  }

  #mobile-menu:checked ~ .cover .fa-bars,
  #mobile-menu:checked ~ .scrolling-heading .fa-bars {
    display:none;
  }

  #mobile-menu:checked ~ .cover label,
  #mobile-menu:checked ~ .scrolling-heading label {
    position: fixed;
    color:#000;
    top:20px;
    left:20px;
    z-index: 999999;
  }

  #mobile-menu:checked ~ .menu {
    position: fixed;
    width: 100%;
    height:100%;
    z-index: 99999;
    top:0;
    left:0;
  }

  #mobile-menu:checked ~ .menu .container {
    display:block;
  }

  #mobile-menu:checked ~ .menu .container ul {
    flex-direction: column;
    margin-top: 80px;
  }

  .cover .logo,
  .scrolling-heading .logo {
    left:100px
  }
}
@media only screen and (max-width: 768px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cover.contains-youtube {
    margin-top: 0;
  }

  .cover .title {
    font-size:20px;
  }

  h1  {
    font-size:1.5rem;
  }

  .dag-tot-dag .title {
    line-height:40px;
  }

  .footer > .container {
    flex-direction: column;
    align-items: center;
    width:100% !important;
  }
  .footer > .container > div {
    width:100% !important;
    text-align: center !important;
  }

  h2 {
    font-size:18px !important;
  }

  div.columns {
    flex-direction: column;
  }

  div.columns > div {
    width: 100%;
  }

  .scroll-wrapper {
    overflow-x: auto;
    width: 100%;
  }

  .scroll-wrapper > div {
    min-width: 800px;
  }

  .dag-tot-dag-wrapper h1 {
    margin-left: 50px;
  }

  .included-hotel-heading,
  .hotel,
  .button {
    margin-left: 15px;
  }

  .hotel {
    flex-direction: column;
  }

  .hotel .slider-container {
    width: 100%;
    min-height: 250px;
  }

  .hotel > div:last-child {
    width: 100%;
  }

  .contact .button-wrapper {
    flex-direction: column;
  }

  .contact .button-wrapper > a {
    margin: 5px 0;
  }

  .scrolling-heading {
    height:120px
  }

  .cover .logo,
  .cover .quick-menu,
  .cover label[for=mobile-menu] {
    display: none;
  }

  #mobile-menu:checked ~ .scrolling-heading {
    position: relative;
    z-index: auto;
  }

  .scrolling-heading .quick-menu {
    background: #647A88;
    height: 30px;
    top:unset;
    bottom:-30px;
    margin: 0;
    padding: 0;
    line-height: 30px;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .scrolling-heading .quick-menu li {
    padding: 0 10px;
    font-size:11px;
  }

  .popup {
    overflow-y: auto;
    max-height: 600px;
  }
  .popup .popup-inner .slider-container {
    width: 100%;
    height:300px;
  }
  .popup .popup-inner > div:last-child {
    height:auto;
    width: 100%;
    overflow: visible !important;
  }
}