/* Trigger  */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  }

/* Optional Delays, change values here  */
.one { animation-delay: 0.2s; }
.two { animation-delay: .6s; }
.three { animation-delay: 1s; }
.four { animation-delay: 1.4s; }

/* Animations start here  */

/* FADE IN  */

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }


/* FADE IN DOWN */

@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
.fadeInDown { animation-name: fadeInDown; }

/* FADE IN UP */

@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 20px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUp { animation-name: fadeInUp; }

/* FADE IN UP BIG */

@keyframes fadeInUpBig {
  from { opacity: 0; transform: translate3d(0, 100px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUpBig { animation-name: fadeInUpBig; }

/* FADE IN LEFT */

@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-30px, 0, 0)rotateZ(30deg); }
  to { opacity: 1; transform: none; } }
.fadeInLeft { animation-name: fadeInLeft; }

/* FADE IN LEFT BIG */

@keyframes fadeInLeftBig {
  from { opacity: 0; transform: translate3d(-100px, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInLeftBig { animation-name: fadeInLeftBig; }

/* FADE IN RIGHT */

@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInRight { animation-name: fadeInRight; }

@keyframes bouncing {
  0% {bottom: 40px;}
  50% {bottom: 30px;}
  100% {bottom: 40px;}
}

/* @end standaard animaties  */



.btn { color: #fff; background: #5f887a; font-weight: 400; border-radius: 0; font-size: 18px; padding: 0 24px; line-height: 38px;  }
.btn i { margin-right: 10px; } 
.btn:hover {  background: #aa96c4; color: #fff; } 
h1, h2, h3, h4, h5 {  font-family: "Open Sans", serif; }
h4.subtitle { font-family: "Playfair Display", serif; font-size: 26px; color: #101010; font-weight: bold; }

.carousel-control-prev-icon { background-image: url('img/arr2-left.png'); width: 11px; height: 25px; }
.carousel-control-next-icon { background-image: url('img/arr2-right.png'); width: 11px; height: 25px;  }
.carousel-control-next, .carousel-control-prev {   justify-content: normal; }
.carousel-control-prev { padding-left: 10px; }
.carousel-control-next { padding-right: 10px; justify-content: right; }

p { font-size: 16px; line-height: 26px; margin-bottom: 1.5rem; }

body {
  padding-bottom: 0;
  color: #000;
  font-family: "Open Sans", serif;
  background-color: #e9e5e0;
}

header .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container { max-width: 1188px; }
.navbar-toggler-icon { background-image: url(img/menux2.png); }
.navbar-toggler { padding-top: 14px; border: 0; }

.sliderMain {  }
.sliderMain .carousel-item .slideCnt { position: absolute; bottom: 76px; }
.sliderMain .carousel-item .slideCnt .slideTitle { display: block; color: #fff; font-size: 72px; font-weight: bold; line-height: 82px; margin-bottom: 24px; }


header .navigatie { background: transparent; padding: 19px 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
header .navigatie.scrolled { background: #d8cabb; }
header .navigatie .navbar { padding: 20px 0; }

header .navigatie .navbar .nav-link { color: #fff; font-size: 18px; padding: 0 35px 0 0; }
header .navigatie.scrolled .navbar .nav-link { color: #030000; }
header .navigatie .navbar .nav-link:hover, header .navigatie .navbar .current-menu-item a, header .navigatie.scrolled .navbar .current-menu-item a { color: #aa96c4; }
header .navigatie .nav-item { line-height: 62px; }
header .navigatie .button-holder { padding-top: 31px; }
header .navigatie ul.language { list-style: none; padding: 0; margin: 38px 0 0 0; }
header .navigatie ul.language li { display: inline; }
header .navigatie ul.language li a { color: #fff; text-decoration: none; padding: 2px 6px; font-size: 18px;  }
header .navigatie ul.language li.active a { background: #ab96c4; }
header .navigatie a.logo img { transition: transform .2s; }
header .navigatie a.logo:hover img { transform: translateY(-10px); }

.pageHeading { background: #d8cabb; margin-top: -62px; z-index: 999; position: relative;  }
.pageHeading h1 { font-family: "Playfair Display", serif; font-size: 28px; color: #545454; font-weight: 400; line-height: 62px; }

.ontdekBox { padding: 58px 0 124px 0; }
.ontdekBox h2 { font-family: "Playfair Display", serif; color: #545454; font-size: 23px; font-weight: 400; }
.ontdekBox h2 span { color: #af98c7; font-size: 30px; font-weight: 500; display: block; text-align: right; }
.ontdekBox .txt { padding-left: 20px; }
.ontdekBox .images { margin-top: 40px; }

.bgBox { padding: 100px 0 130px 0; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center; }
.bgBox h3 { color: #fff; font-size: 28px; font-family: "Playfair Display", serif; font-weight: 300;  }
.bgBox h3 span { color: #af98c6; display: block; font-size: 34px; font-weight: 500; }
.bgBox .btn { background-color: #d8cabb; color: #000; padding: 0 40px; line-height: 54px; font-size: 20px; }
.bgBox .btn:hover { background: #69867b; color: #fff; }
.bgBox p { color: #fff; font-size: 22px; line-height: 40px; text-align: center; padding: 30px 0 10px 0; font-weight: 300; }
.bgBox.headingonly { padding: 200px 0; }
.bgBox.headingonly h3 { font-size: 42px; color: #fff; font-weight: bold; margin: 0; padding: 0; }

.cabinBox { padding: 33px 0 66px; }
.cabinBox h3 { font-family: "Playfair Display", serif; color: #545454; font-size: 23px; font-weight: 400; }
.cabinBox h3 span { color: #af98c7; font-size: 30px; font-weight: 500; display: block; }
.cabinBox .list { margin-top: 58px; }
.cabinBox .desc { margin-top: 14px; font-size: 18px; }
.cabinBox .desc a { display: block; font-size: 16px; text-decoration: none; color: #545554; }
.cabinBox .buttonmore { margin-top: 58px; }
.cabinBox .buttonmore .btn { background-color: #d8cabb; color: #000; padding: 0 40px; line-height: 54px; font-size: 20px; }
.cabinBox .buttonmore .btn:hover { background: #69867b; color: #fff; }

.upsBox { padding: 58px 0; }
.upsBox .usp h4 { color: #af98c5; font-size: 24px; font-weight: 500; text-align: center; }
.upsBox .usp h4 img { margin-right: 5px; }
.upsBox .usp p { font-size: 16px; line-height: 30px; margin: 20px 0 0 0; }

.boekBox { padding: 170px 0; background-size: cover; }
.boekBox .btn { padding: 0 40px; line-height: 54px; font-size: 20px; }

.textBox { padding: 40px 0; }
.textBox h2 { color: #af98c6; font-family: "Playfair Display", serif; font-size: 30px; font-weight: bold; margin-bottom: 40px; }

.cabinOverview {  }
.cabinOverview .cabin { background: #fff; margin-bottom: 60px; }
.cabinOverview .cabin h3 { font-size: 26px; color: #545554; margin-top: 20px; margin-bottom: 18px; }
.cabinOverview .cabin .specs { margin-bottom: 30px; }
.cabinOverview .cabin .specs ul { list-style: none; padding: 0; }
.cabinOverview .cabin .specs ul li { float: left; font-size: 14px; color: #545554; margin-right: 40px; }
.cabinOverview .cabin .specs ul li img { margin-right: 5px; }
.cabinOverview .cabin .desc { clear: both; }
.cabinOverview .cabin .desc p { font-size: 16px; line-height: 26px; color: #545554; }
.cabinOverview .cabin .cta { margin-top: 34px; }
.cabinOverview .cabin .cta .btn { background-color: #af98c6; padding: 0 40px; line-height: 54px; font-size: 20px; }
.cabinOverview .cabin .cta .btn:hover { background-color: #545554; }

.reviewBox { padding: 60px 0 30px 0; }
.reviewBox h4 { padding-bottom: 40px; }

.faqBox { padding: 30px 0 60px 0; }
.faqBox h4 { margin-bottom: 40px; }
.faqBox .accordion-item, .faqBox .accordion-button { background: transparent; }
.faqBox .accordion-button { font-size: 22px; font-weight: 500; box-shadow: none !important; }
.faqBox .accordion-button:not(.collapsed) { background: none !important; color: #000 !important; }
.faqBox .accordion-button::after { background: url('img/acc-o.png')  top right no-repeat; }
.faqBox .accordion-button:not(.collapsed)::after { background: url('img/acc-c.png')  top left no-repeat; }

.contactPage { padding-bottom: 100px; }
.contactPage h3 { font-size: 20px; font-weight: 300; margin-bottom: 50px; }
.contactPage ul.contactgegevens { list-style: none; padding: 0; margin: 0; }
.contactPage ul.contactgegevens li { color: #545554; font-size: 16px; margin-bottom: 24px; }
.contactPage ul.contactgegevens li span { margin-right: 20px; display: block; float: left; width: 20px; }
.contactPage ul.contactgegevens li a { color: #545554; text-decoration: none; }
.contactPage ul.contactgegevens li a:hover { text-decoration: underline; }
.contactPage .soc { margin-top: 40px; }
.contactPage .soc a { margin-right: 20px; text-decoration: none; }
.contactPage .formholder .row { margin-bottom: 40px; }
.contactPage .formholder .form-control { border-radius: 0; border: 1px solid #9e9d9e; }
.contactPage .formholder .btn { width: 100%; line-height: 44px; background-color: #af98c6; }
.contactPage .formholder .btn:hover { background-color: #545554; }


.instaFeed { margin-bottom: 100px; }

.omgevinggrid h4 { font-size: 20px; color: #af98c6; margin: 40px 0; }  
.omgevinggrid p { font-size: 16px; margin-bottom: 120px;}

.masonryGrid { margin-bottom: 60px; }
.masonryGrid img { width: 100%; }
.masonryGrid .row > div { margin-bottom: 19px; }

.fotoStapel { padding: 60px 0; }
.fotoStapel h2 { color: #af98c6; font-family: "Playfair Display", serif; font-size: 36px; }

.textBoxImage { padding: 60px 0 50px 0; }
.textBoxImage h2 { color: #af98c6; font-family: "Playfair Display", serif; font-size: 24px; font-weight: bold; margin-bottom: 40px; }
.textBoxImage p { font-size: 16px; }

.onlyTextBox h2 { color: #af98c6; font-family: "Playfair Display", serif; font-size: 24px; font-weight: bold; margin-bottom: 40px; }
.onlyTextBox p { font-size: 16px; }

.carouselBox { margin-bottom: 120px; margin-top: 40px; }
.carouselBox .slick-slide { margin: 0 15px; }
.carouselBox .slick-prev {  left: auto; right: 50px; top: 100%; margin-top: 40px; }
.carouselBox .slick-next { left: auto; right: 15px; top: 100%; margin-top: 40px; }
.carouselBox .slick-prev { background: url('img/arr-left.png') no-repeat; height: 29px; width: 17px; }
.carouselBox .slick-prev::before { content: "";  }
.carouselBox .slick-next { background: url('img/arr-right.png') no-repeat; height: 29px; width: 17px; }
.carouselBox .slick-next::before { content: "";  }

.defaultPageText { padding: 40px 0 80px 0; }

.alternativeMenu .navigatie { background: #d8cabb; }
.alternativeMenu .navigatie .navbar .nav-link { color: #030000; }
.alternativeMenu .mainCnt { padding-top: 202px; }

.boekenBox { padding: 50px 0 30px; }
.boekenBox .pricing { margin-top: 100px; }
.boekenBox .pricing h3 { color: #af98c6; font-family: "Playfair Display", serif; font-size: 30px; font-weight: bold; margin-bottom: 40px; }
.boekenBox .pricetable ul { padding: 0; margin: 0; list-style: none; }
.boekenBox .pricetable ul li { padding: 20px 20px; font-size: 24px; }
.boekenBox .pricetable ul li:nth-child(odd) { background-color: #d8ccbb; }
.boekenBox .pricetable ul li:nth-child(even) { background-color: #d1c5b3; }
.boekenBox .pricing .desc { margin-top: 60px; }
.boekenBox .wpbs-main-wrapper { max-width: 770px; margin: 0 auto; color: #000; }
.boekenBox .wpbs-main-wrapper .wpbs-form-container { margin: 0 auto !important; }

.rellax { color: #fff; }

.siteFooter { background-color: #69867b; padding: 50px 0 10px; }
.siteFooter .footermenu ul { list-style: none; padding-left: 0; }
.siteFooter .footermenu ul li { margin-bottom: 16px; }
.siteFooter .footermenu ul li a { text-decoration: none; color: #fff; font-size: 18px; }
.siteFooter .footermenu ul li a:hover { text-decoration: underline; }
.siteFooter .footeradres h6 { font-size: 20px; color: #fff; }
.siteFooter .footeradres ul { list-style: none; padding-left: 0; }
.siteFooter .footeradres ul li { color: #fff; font-size: 17px; clear: both; margin-bottom: 10px; }
.siteFooter .footeradres ul li:first-child { margin-bottom: 54px; line-height:  34px; }
.siteFooter .footeradres ul li img { display: block; margin-right: 10px; float: left; margin-top: 6px; }
.siteFooter .footeradres ul li a { color: #fff; text-decoration: none; }
.siteFooter .footeradres ul li a:hover { text-decoration: underline; }
.siteFooter .socials { margin-top: 20px; }
.siteFooter .socials a:first-child img { margin-right: 20px; } 
.siteFooter .newsletter h6 { font-size: 20px; color: #fff; }
.siteFooter .newsletter p { font-size: 16px; color: #fff; }
.siteFooter .newsletter .field { width: 286px; padding: 8px 6px; text-align: center; }
.siteFooter .newsletter .btn { display: inline-block; margin-top: 10px; width: 286px; background-color: #af98c6; color: #000; font-size: 16px; }
.siteFooter .newsletter .btn:hover { background-color: #d8cabb; color: #000; }
.siteFooter .copyright { margin-top: 56px; }
.siteFooter .copyright p { color: #fff; margin: 0; padding: 0; font-size: 16px; }
.siteFooter .copyright p a { color: #fff; text-decoration: none; }

#scrollTop { position: fixed; right: 50px; bottom: 50px; z-index: 999; animation: bouncing 3s infinite ease-in-out; }

@media (max-width: 991px) {
  .siteFooter .newsletter .field, .siteFooter .newsletter .btn { width: 100%; }
	.navbar-collapse { position: fixed; min-height: 100vh; top: 0; left: 0; background: #5f887a; width: 100%; padding: 100px 0; } 
	.navbar-collapse .navbar-nav li { line-height: 45px; padding: 0 45px; }
	.navbar-collapse .navbar-nav li:nth-child(even){  background: #578576; }
	.mobile_close { display: block; background: url('img/mobile_menu_close.png') no-repeat; border: 0; width: 25px; height: 25px; font-size: 0; position: absolute; top: 20px; right: 20px; background-size: 25px; }
	.mobile_menu_bottom { position: absolute; bottom: 150px; width: 100%; padding: 0 30px; }
	.mobile_menu_bottom .soc { display: block; float: left; margin-right: 20px; line-height: 44px; }
	header .navbar-collapse .langbox a { font-size: 20px; line-height: 44px; font-weight: 300; }
	header .navbar-collapse .langbox a.active { font-weight: 600; }
	.mobile_menu_bottom .btn { padding: 6px 15px; float: right; background-color: #af98c6; font-size: 14px; }
  .mobile_menu_bottom ul.language { margin-top: 0 !important; }
  .logobox  { text-align: center; }
  header .navigatie .navbar { padding: 0; }
  .navbar-toggler { position: fixed; top: 8px; right: 0; }
  .bgBox { background-attachment: auto; }
  header .navigatie { padding: 8px 0; }
  header .navigatie.scrolled a.logo img { height: 60px; }
  .cabinOverview .cabin .cnt { padding: 20px; }
  .cabinOverview .cabin .cta .btn { width: 100%; }
}

@media (max-width: 768px) {
  .cabinBox .list > div { margin-bottom: 50px; }
  .cabinBox .list > div:last-child { margin-bottom: 0; }
  .ontdekBox h2 span { text-align: left; }
  .ontdekBox .txt { padding-left: 0; }
  .ontdekBox .images img { margin-bottom: 10px; }
  .bgBox { padding: 60px 0; }
  .ontdekBox { padding: 30px 0; }
  .boekBox { padding: 60px 0; }
  .cabinOverview .cabin .specs ul li { float: left; font-size: 11px; color: #545554; margin-right: 13px; }
  .siteFooter .newsletter { margin-top: 40px; }
  header .carousel-item { height: auto; }
  .contactright { margin-top: 30px; }
  .contactPage .formholder .row { margin-bottom: 0;; }
  .contactPage .formholder .form-control { margin-bottom: 10px; }
  .upsBox .usp h4 { text-align: center; }
  .upsBox .usp h4 img { display: block; margin: 0 auto 10px; }
  .upsBox .row > div { margin-bottom: 20px; }
  .upsBox .row > div:last-child { margin-bottom: 0; }
  .bgBox p { font-size: 19px; }
  header .navigatie a.logo img { margin-top: 20px; }
  header .navigatie.scrolled a.logo img { margin-top: 0; }
  .textBoxImage .txt { margin-top: 40px; }
  .pageHeading h1 { font-size: 20px; }
  .boekenBox .pricetable ul li { padding: 14px 15px; font-size: 14px; }
}