h1,h2{font-weight:var(--regular_font)}h5,h6,p{line-height:27px}.prefix span::after,.prefix span::before{content:'';width:53px;height:1px;background-color:#000;bottom:0;margin:auto;top:0;position:absolute}.banner-section,.play-video a{justify-content:center;display:flex}.banner-section .social-link a:hover,.box-content a,.box-content a h5:hover,.box-content p,.play-video a,.scroll:hover a i,footer .copyright a:hover,footer .footer-content i:hover,header ul li a:hover{color:var(--theme-color)}.festival-section .festival-inner,.testimonial{overflow:hidden}:root{--theme-color:#6D5336;--h1_font:84px;--h2_font:42px;--h3_font:42px;--h4_font:26px;--h5_font:24px;--h6_font:18px;--body_font:16px;--bold_font:700;--medium_font:500;--regular_font:400;--light_font:300;--body_font_family:'Philosopher',sans-serif;--secondery_font_family:'Poppins',sans-serif;--font_family:'Marcellus',serif}.container{width:100%;max-width:1366px}h1{font-size:var(--h1_font);font-family:var(--font_family);line-height:105px;color:#fff;max-width:1811px;margin:0 auto 12px;text-transform:uppercase}h2{font-size:var(--h2_font);font-family:var(--body_font_family);line-height:47px}.heading-content,h3{font-size:var(--h3_font);line-height:47px}h3{font-weight:var(--medium_font);font-family:var(--body_font_family)}.prefix span,h4,h5{font-weight:var(--regular_font);font-family:var(--body_font_family)}h4{font-size:var(--h4_font);line-height:29px}.box-content a h5,h5{font-size:var(--h5_font)}.box-content a h5,.heading-content,h6{font-weight:var(--medium_font)}.banner-section .social-link a,h6,p{font-family:var(--secondery_font_family)}h6{font-size:var(--h6_font)}p{font-size:var(--body_font);font-weight:var(--light_font);color:#000}a{text-decoration:none}.prefix{margin-bottom:10px}.prefix span{position:relative;font-size:18px;line-height:20px}.prefix span::before{left:-24%}.prefix span::after{right:-24%}.heading-content{font-family:var(--body_font_family);margin-bottom:50px}.theme-btn{padding:14px 31px;background-color:var(--theme-color);color:#fff;font-size:var(--h6_font);font-family:var(--body_font_family);border:1px solid var(--theme-color);transition:.3s linear;display:inline-block}.modal-content,header,header .header-btn a{background-color:transparent}.theme-btn:hover{background-color:#ffffff21;border:1px solid #fff;color:#fff}.play-video{margin-top:50px}.play-video a{animation:1s linear infinite loader;transition:.5s;width:40px;height:40px;background-color:#fff;border-radius:50%;align-items:center;font-size:16px;padding-left:5px}@keyframes loader{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 7px rgba(255,255,255,.3),0 0 0 15px rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 7px rgba(255,255,255,.3),0 0 0 15px rgba(255,255,255,.3)}100%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 7px rgba(255,255,255,.3),0 0 0 15px rgba(255,255,255,.3),0 0 0 25px rgba(255,255,255,0)}}.modal{--bs-modal-padding:20px 0px 0px}iframe{width:100%;height:600px}.modal-content{border:none}.btn-close{position:absolute;top:0;right:2%;color:#000;background-color:#fff;line-height:1;padding:5px;border-radius:50%;font-size:10px;opacity:1}.scroll,header{position:fixed}.btn-close:hover{opacity:1}.box-content{padding:22px 0 0}.box-img img{transition:.6s ease-in-out}.box-img img:hover{transform:scale(1.2)}.box-content a h5{color:#000;border:none;transition:.3s linear}header .header-btn a,header ul li a{font-family:var(--body_font_family);font-weight:var(--regular_font);font-size:var(--h6_font);transition:.3s linear}.box-content p{font-weight:var(--light_font);margin:10px 0}.box-content a{font-size:var(--h6_font);font-weight:var(--bold_font);font-family:var(--body_font_family);border-bottom:1px solid var(--theme-color);transition:.3s linear}.box-content a:hover{color:#000;border-color:#000}header{left:0;top:0;right:0;z-index:9;padding:27px 0;transition:.4s;border-bottom:.5px solid #ffffff3b}.active{background-color:var(--theme-color);border:0;padding:17px 0}.active a:hover{color:#000}.active .header-btn a{padding:10px 33px}header .header-logo a{outline:0}header .navbar{padding:0}header ul li a{color:#fff;padding-right:50px;opacity:1;outline:0}header .header-btn a{padding:15px 33px;border:1px solid #fff;color:#fff;display:inline-block}header .header-btn a:hover{background-color:#fff;color:#733e00}header .navbar-toggler{font-size:30px;color:#fff;padding:0}header .navbar-toggler-icon{width:auto}header .navbar-toggler-icon i{vertical-align:sub}.banner-section{background-image:url("../images/webp/cover/max-1600px/Sunset-beach-Kralendijk-Bonaire.webp");width:100%;background-size:cover;padding:280px 0 190px;align-items:center;text-align:center;background-position:center;background-repeat:no-repeat}.about-us .prefix span::before,.scroll{display:none}.banner-section .prefix span::before{background-color:#fff;left:-40%}.banner-section .prefix span::after{background-color:#fff;right:-40%}.banner-section p{font-size:var(--h6_font);text-transform:capitalize;max-width:992px;margin:0 auto 24px}.banner-section .social-link{position:absolute;bottom:50%;left:0;transform:rotate(180deg);writing-mode:tb}.banner-section .social-link a{padding-bottom:80px;color:#fff;font-size:var(--h6_font);font-weight:var(--light_font);letter-spacing:1px;transition:.3s linear}.about-us,.blog-section,.festival-section{padding:120px 0}.holiday-section,.intro-section{padding:110px 0;background-repeat:no-repeat}.about-us .prefix span::after,.testimonial .prefix span::after{right:-90%}.about-us .about-content h2{max-width:506px;margin-bottom:20px}.about-us .about-content h6{max-width:572px;margin-bottom:10px}.about-us .about-content p{font-weight:var(--regular_font);max-width:646px;line-height:24px;margin-bottom:25px}.about-us .about-content a:hover,.cta .cta-btn a:hover,.reservation .form-btn .theme-btn:hover{background-color:transparent;border:1px solid var(--theme-color);color:var(--theme-color)}.about-us .about-btn,.cta .cta-btn{clip-path:polygon(12% 0,100% 0,100% 20%,100% 100%,80% 100%,0 100%,0% 80%,0 29%);background-color:var(--theme-color);position:absolute;bottom:0;right:0;padding:20px 30px}.about-us .about-btn a{color:#fff;font-size:var(--h6_font);font-weight:var(--regular_font);text-transform:uppercase;word-break:break-all}.about-us img{max-width:100%}.planning-section .prefix span::before{left:-84%}.planning-section .prefix span::after{right:-84%}.gallery-section .gallery-content,.planning-section .planning-inner{width:20%}.planning-section .planning-content{clip-path:polygon(25% 0,100% 0,100% 20%,100% 100%,80% 100%,0 100%,0% 80%,0 28%);background-color:#b9977b2e;text-align:center;padding:33px 50px}.planning-section .planning-content img{margin-bottom:35px}.holiday-section .holiday-content h3,.intro-section .intro-content h3,.planning-section .planning-content h4{margin-bottom:15px}.planning-section .planning-content a{font-size:var(--h6_font);color:#000;font-weight:var(--regular_font);font-family:var(--body_font_family)}.planning-section .planning-content a:hover,.testimonial .testimonial-content h5 a:hover{color:#733e00}.blog-section .blog-box,.festival-section .festival-box{row-gap:40px}.festival-section .festival-inner img{width:100%;max-width:431px}.festival-section .festival-content{padding:22px 0 10px}.reservation .form-control,.reservation .form-select{padding:12px 18px;color:#8e8e8e;font-size:14px;font-weight:var(--light_font);font-family:var(--secondery_font_family);background-color:transparent}.intro-section{background-position:center left 49%}.holiday-section .prefix span::before,.intro-section .prefix span::before{background-color:#fff;left:-37%}.holiday-section .prefix span::after,.intro-section .prefix span::after{background-color:#fff;right:-37%}.intro-section .intro-content p{color:#212529;max-width:100%;margin:20 auto}.holiday-section .play-video,.intro-section .play-video{margin-top:40px}.holiday-section{background-image:url("../images/webp/cover/max-1600px/Best-Beach-Kralendijk-Bonaire.webp");background-color:#fff;height:432px;background-position:center;background-size:cover}.cta,.eyesea,.faq,.reservation{background:rgba(185,151,123,.15)}.holiday-section .holiday-content p{color:#fff;max-width:694px;margin:0 auto}.blog-section .prefix span::before{left:-88%}.blog-section .prefix span::after{right:-88%}.blog-section .blog-inner img{width:100%;max-width:449px}.blog-section .blog-inner h5{max-width:413px;line-height:32px}.eyesea,.faq,.reservation{padding:100px 0}.cta .prefix span::before,.eyesea .prefix span::before,.faq .prefix span::before,.reservation .prefix span::before{left:-94%}.cta .prefix span::after,.eyesea .prefix span::after,.faq .prefix span::after,.reservation .prefix span::after{right:-94%}.reservation form{max-width:615px;margin:0 auto}.reservation form input,.reservation form select{margin-bottom:20px}.reservation .form-control:focus,.reservation .form-select:focus{box-shadow:none;outline:0}.reservation .form-control{border:.1px solid #733e006b;border-radius:0}.reservation .form-select{border:.3px solid #733e006b;border-radius:0;background-image:url(../images/dropdown.svg);background-size:18px}.reservation .form-btn{margin-top:20px}.reservation .form-btn .theme-btn{padding:10px 40px}.cta textarea,.eyesea textarea,.faq textarea,.reservation textarea{resize:none}.reservation-inner{width:100%;max-width:625px;margin-inline:auto}.faq-inner{width:100%;max-width:900px;margin-inline:auto}.cta{padding:30px 0}.testimonial{padding:120px 0}.testimonial .prefix span::before{left:-90%}.testimonial .testimonial-content img{margin:0 auto 30px;border-radius:50%}.testimonial .testimonial-content p{margin:0 auto 35px;max-width:763px;font-size:20px;font-weight:var(--regular_font);line-height:30px}.testimonial .testimonial-content h5 a{color:#234076}.testimonial .testimonial-content h6{font-size:var(--body_font);font-weight:var(--light_font)}.testimonial .testimonial-content2 img{margin:0 auto 30px;border-radius:0;width:100%;max-width:443px;height:269px}.gallery-section{padding-bottom:0;overflow:hidden}.gallery-section .gallery-img img{width:100%}footer{background:rgba(185,151,123,.1);padding:100px 0 0}footer .footer-content{padding-bottom:70px;display:flex;justify-content:center;align-items:center;flex-direction:column}footer .footer-content img{margin-bottom:25px}footer .footer-content p{max-width:460px;text-align:center;margin:0 auto 18px;font-weight:var(--medium_font)}footer .footer-content i{font-size:20px;color:#000;padding-right:12px}footer .copyright{border-top:1px solid rgba(0,0,0,.2);padding:13px 0}footer .copyright a{font-size:14px;font-weight:var(--medium_font);font-family:var(--secondery_font_family);color:#000;transition:.3s linear}.scroll{width:50px;height:50px;border:1px solid var(--theme-color);background-color:var(--theme-color);text-align:center;line-height:50px;border-radius:50%;right:20px;bottom:20px;cursor:pointer;transition:.4s ease-in}.scroll a i{color:#fff}.effect{display:block}.scroll:hover{background-color:transparent;border:1px solid var(--theme-color)}@media (max-width:1399px){.banner-section,.holiday-section{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.heading-content{font-size:38px;line-height:30px;margin-bottom:40px}.banner-section{padding:250px 0 150px;background-image:url("../images/webp/cover/max-1399px/Sunset-beach-Kralendijk-Bonaire.webp");height:835px}.banner-section h1{font-size:64px;max-width:924px;line-height:82px}.holiday-section{background-image:url("../images/webp/cover/max-1399px/Best-Beach-Kralendijk-Bonaire.webp");height:385px}.about-us,.apartment,.blog-section,.festival-section,.holiday-section,.intro-section,.testimonial{padding:100px 0}.about-us .about-content h2{font-size:38px;line-height:42px;margin-bottom:12px}.gallery-section{padding-bottom:100px}}@media (max-width:1199px){.banner-section,.holiday-section{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.heading-content{font-size:32px;margin-bottom:35px}iframe{width:100%;height:400px}.box-content a h5{font-size:20px;line-height:20px}.box-content p{margin:8px 0;font-size:14px;line-height:22px}header ul li a{padding-right:40px}.banner-section{padding:220px 0 130px;background-image:url("../images/webp/cover/max-1199px/Sunset-beach-Kralendijk-Bonaire.webp");height:747px}.banner-section h1{font-size:50px;line-height:65px;max-width:785px;margin-bottom:8px}.banner-section .social-link a,.banner-section p{font-size:var(--body_font)}.banner-section p{max-width:774px}.holiday-section{background-image:url("../images/webp/cover/max-1199px/Best-Beach-Kralendijk-Bonaire.webp");height:360px}.about-us .about-content h2{font-size:32px;line-height:40px;max-width:506px}.about-us .about-content h6{max-width:552px;line-height:25px}.about-us .about-content p{max-width:520px}.planning-section .planning-content{padding:22px 30px}.apartment .apartment-content img,.planning-section .planning-content img,.testimonial .testimonial-content img{margin-bottom:25px}.holiday-section,.intro-section,.reservation{padding:90px 0}.apartment .apartment-content p,.testimonial .testimonial-content p{font-size:18px;max-width:670px;margin-bottom:25px}.apartment .slick-prev:before,.testimonial .slick-prev:before{left:44px}.apartment .slick-next:before,.testimonial .slick-next:before{right:44px}footer{padding:90px 0 0}footer .footer-content{padding-bottom:50px}}@media (max-width:1024px){.banner-section,.holiday-section{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.prefix{margin-bottom:8px}.play-video{margin-top:40px}.box-content{padding-top:18px}.apartment .apartment-content p,.box-content a h5,.testimonial .testimonial-content p{line-height:26px}.box-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}header ul li a{padding-right:30px}.banner-section{padding-bottom:100px;background-image:url("../images/webp/cover/max-1024px/Sunset-beach-Kralendijk-Bonaire.webp");height:681px}.banner-section h1{font-size:42px;max-width:609px;line-height:56px}.banner-section p{font-size:14px;max-width:601px;line-height:24px}.banner-section .social-link{display:none}.about-us,.apartment,.blog-section,.festival-section,.intro-section,.reservation,.testimonial{padding:70px 0}.about-us .about-content h2{font-size:28px;line-height:34px;max-width:425px;margin-bottom:6px}.about-us .about-content h6{font-size:16px;max-width:436px;margin-bottom:8px;line-height:23px}.about-us .about-content p{font-size:14px;line-height:21px;margin-bottom:18px}.planning-section .planning-content{padding:18px 30px}.holiday-section .holiday-content h3,.intro-section .intro-content h3{margin-bottom:10px}.holiday-section .holiday-content p,.intro-section .intro-content p{line-height:25px}.holiday-section .play-video,.intro-section .play-video{margin-top:30px}.holiday-section{padding:70px 0;background-image:url("../images/webp/cover/max-1024px/Best-Beach-Kralendijk-Bonaire.webp");height:312px}.blog-section .blog-inner h5{line-height:28px}.gallery-section{padding-bottom:70px}.gallery-section .row{row-gap:30px;justify-content:center}.gallery-section .gallery-content{width:33.33%}footer{padding:70px 0 0}footer .footer-content{padding-bottom:30px}footer .footer-content img{margin-bottom:20px}footer .footer-content p{line-height:24px}}@media (max-width:991px){.collapse .show header,header{border-bottom:0}.banner-section,.holiday-section{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.theme-btn{padding:11px 20px}.about-us .about-btn a,.prefix span{font-size:16px}.prefix span::after,.prefix span::before{width:48px}.heading-content{font-size:28px;line-height:30px}iframe{width:100%;height:350px}header{padding:20px 0}.active{padding:10px 0}button:focus:not(:focus-visible){box-shadow:none}header .navbar-collapse{background-color:var(--theme-color);padding-left:20px;margin-top:10px;border-radius:6px}.active .navbar-collapse{padding-left:0}header .header-btn{display:none}header ul li{padding:5px 0}.banner-section{padding:170px 0 100px;background-image:url("../images/webp/cover/max-991px/Sunset-beach-Kralendijk-Bonaire.webp");height:547px}.banner-section h1{font-size:38px;line-height:52px;max-width:563px}.banner-section p{max-width:600px;line-height:22px}.banner-section .social-link a{row-gap:10px}.about-us .about-content h2{font-size:26px;line-height:30px;margin-bottom:13px}.about-us .about-content h6{font-size:14px;line-height:21px;margin-bottom:11px}.about-us .about-content p{font-size:12px;line-height:20px}.about-us .about-btn{padding:13px 18px}.planning-section .prefix span::before{left:-87%}.planning-section .prefix span::after{right:-87%}.planning-section .planning-inner{width:30%}.planning-section .row{row-gap:40px}.festival-section .festival-inner img{max-width:566px}.holiday-section{background-image:url("../images/webp/cover/max-991px/Best-Beach-Kralendijk-Bonaire.webp");height:312px}.blog-section .blog-inner img{max-width:471px}.apartment .slick-prev:before,.testimonial .slick-prev:before{left:-30px}.apartment .slick-next:before,.testimonial .slick-next:before{right:-30px}footer .footer-content{padding-bottom:30px}}@media (max-width:767px){.banner-section,.holiday-section{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.apartment .slick-dots li button:before,.prefix span,.testimonial .slick-dots li button:before{font-size:14px}.prefix span::after,.prefix span::before{width:42px}.heading-content{font-size:26px;margin-bottom:25px}.box-content a h5{font-size:18px;line-height:15px}.box-content p{font-size:12px;line-height:18px}.banner-section{padding:160px 0 80px;background-image:url("../images/webp/cover/max-767px/Sunset-beach-Kralendijk-Bonaire.webp");height:547px}.banner-section .prefix span::before{left:-39%}.banner-section .prefix span::after{right:-39%}.banner-section h1{font-size:32px;line-height:42px;max-width:434px;margin-bottom:5px}.banner-section p,footer .footer-content img{margin-bottom:15px}.banner-section p{font-size:12px;max-width:451px;line-height:20px}.banner-section .social-link{display:none}.about-us,.apartment,.blog-section,.festival-section,.intro-section,.reservation,.testimonial{padding:50px 0}.about-us .prefix span::before{display:block;left:-85%}.about-us .prefix span::after{right:-85%}.about-us .row{flex-direction:column-reverse}.about-us .about-content h2{font-size:26px;line-height:20px;margin-bottom:15px;max-width:none}.about-us .about-content h6{margin-bottom:12px;max-width:none}.about-us .about-content p{margin-bottom:20px;line-height:20px;max-width:none}.about-us .about-img{margin-bottom:40px}.gallery-section .gallery-content,.planning-section .planning-inner{width:50%}.planning-section .planning-content{padding:35px 30px}.festival-section .prefix span::before{left:-27%}.festival-section .prefix span::after{right:-27%}.holiday-section .prefix span::before,.intro-section .prefix span::before{left:-38%}.holiday-section .prefix span::after,.intro-section .prefix span::after{right:-38%}.holiday-section .holiday-content h3,.intro-section .intro-content h3{margin-bottom:13px}.holiday-section .holiday-content p,.intro-section .intro-content p{font-size:14px;line-height:23px;max-width:596px}.holiday-section{padding:50px 0;background-image:url("../images/webp/cover/max-767px/Best-Beach-Kralendijk-Bonaire.webp");height:312px}.blog-section .prefix span::before{left:-88%}.blog-section .prefix span::after{right:-88%}.blog-section .blog-inner h5{max-width:none;line-height:24px}.blog-section .blog-inner p{max-width:none}.apartment .prefix span::before,.reservation .prefix span::before,.testimonial .prefix span::before{left:-97%}.apartment .prefix span::after,.reservation .prefix span::after,.testimonial .prefix span::after{right:-97%}.apartment .apartment-content img,.testimonial .testimonial-content img{margin-bottom:20px}.apartment .apartment-content p,.testimonial .testimonial-content p{font-size:16px;max-width:598px;margin-bottom:20px;line-height:25px}.apartment .slick-dots,.testimonial .slick-dots{bottom:-35px}.apartment .slick-dots li.slick-active button:before,.testimonial .slick-dots li.slick-active button:before{color:#733e00}.apartment .slick-dots li,.testimonial .slick-dots li{margin:5px}.gallery-section{padding-bottom:50px}.gallery-section .row{row-gap:22px}.gallery-section .gallery-img img{width:100%;padding-left:10px;padding-right:10px}footer{padding:50px 0 0}footer .footer-content{padding-bottom:20px}footer .footer-content p{font-size:14px;max-width:395px;line-height:23px}footer .copyright{padding:10px 0}}@media (max-width:575px){.box-content a,.theme-btn{font-size:16px}.banner-section,.holiday-section{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.prefix{margin-bottom:5px}.theme-btn{padding:8px 16px}.play-video{margin-top:40px}iframe{width:100%;height:300px}.heading-content{font-size:20px;line-height:25px;margin-bottom:15px}.box-content{padding-top:16px;text-align:center}.banner-section{padding:140px 0 60px;background-image:url("../images/webp/cover/max-575px/Sunset-beach-Kralendijk-Bonaire.webp");height:479px}.banner-section .prefix span::before{width:32px;left:-31%}.banner-section .prefix span::after{width:32px;right:-31%}.banner-section h1{font-size:24px;line-height:34px;max-width:334px}.banner-section .social-link{display:none}.about-us .about-content h2{font-size:20px;margin-bottom:10px}.about-us .about-content h6{font-size:12px;line-height:20px;margin-bottom:10px}.about-us .about-content p{font-size:10px;line-height:18px}.about-us .about-btn{padding:13px 35px}.about-us .about-btn a{font-size:14px}.planning-section .planning-inner{width:50%}.blog-section .blog-box,.festival-section .festival-box{row-gap:30px}.holiday-section .play-video,.intro-section .play-video{margin-top:30px}.holiday-section .holiday-content h3,.intro-section .intro-content h3{margin-bottom:10px}.holiday-section .holiday-content p,.intro-section .intro-content p{font-size:12px;line-height:20px;max-width:507px}.holiday-section{background-image:url("../images/webp/cover/max-575px/Best-Beach-Kralendijk-Bonaire.webp");height:229px}.reservation .form-btn .theme-btn{padding:8px 30px}.apartment .apartment-content img,.testimonial .testimonial-content img{margin-bottom:15px}.apartment .apartment-content p,.testimonial .testimonial-content p{font-size:14px;line-height:20px;margin-bottom:15px}.apartment .apartment-content h5,.testimonial .testimonial-content h5{font-size:20px;line-height:15px}.apartment .slick-prev:before,.testimonial .slick-prev:before{width:67%!important;background-size:contain}.apartment .slick-next:before,.testimonial .slick-next:before{width:150%!important;background-size:contain}.blog-section .blog-inner img{max-width:100%}.blog-section .blog-inner h5{line-height:23px}.gallery-section .gallery-content{width:100%}footer .footer-content p{max-width:none}}