/**** ALGEMENE STYLING ****/

.topbarmobile {
    padding: 10px !important;
}

.topbarmobile .search-query,
.topbarmobile .search input {
    padding: 10px !important;
}

.topbarmobile .search input {
    background-image: none !important;
}

.topbarmobile .search-query .input-group-prepend {
    padding: 10px !important;
}

.topbarmobile .search-query .btn-primary {
    background-color: transparent !important;
    border: none !important;
}

.astroid-header-section {
    border-bottom: 0px !important;
    box-shadow: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.astroid-header-section .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
    padding: 15px;
}

.astroid-component-section {
    padding: 0 0 30px 0 !important;
}

.sppb-addon-wrapper {
    margin: 0px !important;
}

.astroid-wrapper {
    overflow-x: hidden !important;
}

.container,
.sppb-row-container {
    max-width: 1500px !important;
}

.su-heading {
    margin-bottom: 0px;
}

h1,
.sliderH1 {
    font-family: "Zen Loop", cursive !important;
    font-size: 70px !important;
    line-height: 80px !important;
}

h2 {
    font-family: "Zen Loop", cursive !important;
    font-size: 60px !important;
    text-transform: uppercase;
    line-height: 70px !important;
    font-weight: lighter;
}

h3 {
    font-family: "Zen Loop", cursive !important;
    font-size: 40px !important;
    text-transform: uppercase;
    line-height: 50px !important;
    font-weight: lighter;
}

.info2inner ul li,
.meerWeten h2 {
    font-family: "Zen Loop", cursive !important;
    font-size: 40px !important;
    line-height: 40px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
}


.info2inner ul li {
    padding: 0 0 15px 0;
}

p,
.sliderP {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px !important;
}

.sppb-btn,
.sliderBtn a {
    font-family: "Zen Loop", cursive !important;
    font-size: 29px !important;
    color: white !important;
    background-color: black;
    padding: 21px 50px 20px 50px;
    text-transform: uppercase;
    border: none !important;
}

.sppb-btn i {
    margin-left: 40px !important;
    transition: 0.3s;
    position: absolute;
}

.sppb-btn:hover i {
    margin-left: 70px !important;
}

.sppb-btn:hover {
    background-color: black;
    cursor: pointer;
}

body {
    background-image: url("../../../images/backgrounds/leaves.svg");
    background-size: cover;
    background-attachment: fixed;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 100%;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/**** TOP BAR ****/

.topbardesktop {
    padding: 20px 15px !important;
}

.topBar .sppb-section {
    max-height: 50px !important;
}

.topBar a,
.topBar i {
    color: black !important;
}

.topbarInner {
    max-width: 1500px !important;
    margin: 0 auto !important;
}

.emailBtn,
.phoneBtn {
    background-color: transparent !important;
    padding: 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-transform: lowercase !important;
    font-size: 18px !important;
    border: none !important;
}

.emailBtn i,
.phoneBtn i {
    margin-left: 0px !important;
    color: #dfc497 !important;
    position: static !important;
}

.emailBtn:hover i,
.phoneBtn:hover i {
    margin-left: 0px !important;
}

.topiconsbutton {
    background-image: url("../../../images/backgrounds/bgIconsSocial.svg");
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}

.topiconsbutton a {
    padding: 20px 0px 20px 0px !important;
    width: 20px !important;
    font-size: 25px !important;
}

.topiconsbutton a i:hover {
    color: #86bfd4 !important;
}

.topiconsbutton a i {
    margin-top: 7px !important;
}

.finder .hasTooltip {
    position: absolute;
    top: 17px;
    left: 200px;
    background-color: transparent;
    border: none;
    font-size: 0px;
}

.finder .hasTooltip:hover {
    background-color: transparent !important;
}

.finder .hasTooltip span:hover {
    color: #86bfd4 !important;
}

.finder .hasTooltip span {
    font-size: 20px !important;
}

.search input {
    background-image: url("../../../images/backgrounds/bgButtonsearch.svg");
    content: "";
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
    height: 45px !important;
    padding: 30px !important;
    background-color: #fafbfa !important;
    border: none !important;
    font-style: italic;
    background-position: center;
    outline: none !important;
}

.input-group.mb-3 input {
    background-image: none !important;
    height: auto !important;
    padding: 0px 0px 0px 10px !important;
}

.search input:focus {
    outline: none !important;
    border: none !important;
}

.element-invisible {
    display: none !important;
}

.talen {
    background-image: url("../../../images/backgrounds/bgTalen.svg");
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    max-width: 130px !important;
    min-height: 40px !important;
    font-family: "Zen Loop", cursive !important;
    font-size: 30px !important;
    float: right;
}

div.mod-languages li {
    margin-left: 5px;
    display: block !important;
    height: 24px;
    float: left;
    width: 24px;
    text-align: center;
    font-size: 25px;
    padding: 3px;
    line-height: 23px;
    min-width: 30px !important;
}

.topbarmobile .mod-languages li {
    min-width: 20px !important;
    width: 24px;
    font-size: 15px;
}

div.mod-languages li:hover {
    margin-left: 5px;
    display: block !important;
    height: 24px;
    float: left;
    width: 24px;
    text-align: center;
    font-size: 25px;
    padding: 3px;
    line-height: 23px;
    background-color: #86bfd4;
    min-width: 30px !important;
}

.talen .sppb-addon-content {
    margin-top: 8px !important;
    margin-left: 10px !important;
}

.lang-active {
    background-color: #86bfd4;
    min-width: 30px !important;
}

/**** NAV ****/

.nav-link {
    color: black !important;
}

.nav-link.active {
    color: #86bfd4 !important;
}

.nav-link:hover {
    color: #86bfd4 !important;
}

.astroid-logo img {
    max-width: 380px;
    max-height: 100% !important;
    min-width: 210px;
}

.nav a {
    font-family: "Zen Loop", cursive !important;
    font-size: 35px !important;
    text-transform: uppercase !important;
}

/**** HEADER ****/

.header-right-section ul li {
    margin-left: 60px !important;
}

.header {
    margin: 0 auto !important;
    min-height: 450px;
    padding-top: 120px;
}

.astroid-device-md .header.home .zoekenboekcol{
    margin-top: 175px;
}

.header.home {
    min-height: 650px;
}

.header::before {
    content: "";
    background-image: url("../../../images/lijn.svg") !important;
    width: 100%;
    height: 40px;
    background-size: cover;
    position: absolute;
    background-position: center;
    top: 0px;
    left: 0px;
}

.header img {
    max-width: 120% !important;
}

/***** SLIDER *****/

.smartslider {
    margin-top: -550px !important;
    margin-bottom: 50px !important;
}

.smartslider.zien {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
}

.fotoslidercol {
    min-height: 400px !important;
}

.sliderH1 {
    margin-bottom: 20px !important;
}

.sliderBtn a {
    background-color: white !important;
    color: black !important;
    background-image: url("../../../images/backgrounds/buttonBg.svg") !important;
    content: "";
    background-position: center !important;
    display: block !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/**** Uitgelicht ****/

.uitgelicht {
    margin-top: 150px !important;
    min-height: 770px !important;
}

.uitgelicht::before {
    background-image: url("../../../images/backgrounds/line.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    margin-top: -50px;
}

.uitgelicht::after {
    background-image: url("../../../images/backgrounds/line.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    margin-top: 70px;
    margin-bottom: -50px;
}

.uitgelicht h2,
.socialMedia h2 {
    color: white !important;
    padding: 5px 25px !important;
    background-color: black !important;
    max-width: 500px !important;
    margin: -35px auto 50px !important;
    font-size: 50px !important;
    line-height: 50px !important;
    letter-spacing: 2px !important;
}

.socialMedia h2 {
    margin-bottom: -16px !important;
}

/**** Cta ****/

.cta {
    padding: 50px !important;
}

.cta h1 {
    font-size: 58px !important;
    letter-spacing: 2px !important;
}

.cta .sppb-btn {
    background-image: url("../../../images/backgrounds/buttonBgZwart2.svg");
    border: none !important;
    content: "";
    background-color: transparent;
    background-position: center;
    width: 50%;
    height: 77px !important;
    display: block;
    background-repeat: no-repeat;
}

.cta .sppb-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.sppb-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/**** INFO 1 (Background Blue) ****/

.info1 {
    min-height: 1000px;
    margin-top: -300px !important;
    z-index: -1 !important;
    background-color: #f4e9d8 !important;
}

.smartslider::after {
    background-image: url("../../../images/backgrounds/line.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    position: relative;
    top: -120px;
}

/**** INFO 2 ****/

.info2 {
    z-index: 99 !important;
}

.info2inner::before {
    background-image: url("../../../images/backgrounds/bg-top.svg");
    display: block;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    background-size: contain;
    position: relative;
    top: -15px;
    right: -59px;
    background-position: right center;
}

.info2inner::after {
    background-image: url("../../../images/backgrounds/bg-bottom.svg");
    display: block;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    background-size: contain;
    position: relative;
    top: 20px;
    left: -30px;
    background-position: right center;
}

.info2inner {
    background-color: #fff;
    background-image: url("../../../images/backgrounds/bg-center.svg");
    background-repeat: no-repeat;
    padding: 100px !important;
    margin-top: 150px !important;
    background-size: 90% !important;
    background-position: center center !important;
    margin-bottom: -200px !important;
    z-index: 1 !important;
    position: relative;
}

.info2inner .img1 {
    margin-top: -150px;
    margin-left: -250px;
}

.info2inner .img2 {
    margin-right: -250px;
    margin-bottom: -150px;
    margin-top: 50px;
}

.info2 .sppb-row-container {
    max-width: 1240px !important;
}

.info2inner h1 {
    margin-top: 20px !important;
}

.headingMargin {
    margin-top: 200px;
}

/**** Social Media ****/

.socialMedia {
    z-index: 1 !important;
    margin-bottom: 150px !important;
    max-height: 650px;
}

.socialMediaInner {
    margin-top: 130px !important;
}

/**** Meer weten ****/

.meerWeten {
    min-height: 650px !important;
    margin-top: -150px !important;
    z-index: 0 !important;
}

.meerWeten .sppb-btn {
    background-color: #86bfd4;
    border: none !important;
    background-image: url("../../../images/backgrounds/buttonBg.svg");
    content: "";
    width: 350px;
    height: 77px !important;
    display: inline-block;
    background-repeat: no-repeat;
}

.meerWeten {
    background-image: url("../../../images/backgrounds/bgBorderWhite.svg");
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

.meerWeten::after {
    background-image: url("../../../images/backgrounds/lineWhite.svg");
    content: "";
    background-repeat: no-repeat;
}

/**** FOOTER ****/

/**** Nieuwsbrief (footer) ****/

.footertotaal .sppb-container-inner {
    max-width: 1500px !important;
    margin: 0 auto !important;
}

.nieuwsbrief {
    background-color: white !important;
    margin: 30px auto 0 auto !important;
    padding: 15px 0 !important;
}

.nieuwsbrief h1 {
    color: black !important;
    text-transform: uppercase;
    font-size: 40px !important;
}

.aanmelden {
    font-family: "Zen Loop", cursive !important;
    font-size: 25px !important;
    text-transform: uppercase !important;
}

.aanmelden input[type="submit"] {
    text-transform: uppercase;
    background-color: transparent;
    color: white;
    border: none;
    background-image: url("../../../images/backgrounds/buttonBgZwart2.svg");
    content: "";
    padding: 18px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: -8px;
    width: 220%;
}

.aanmelden input[type="submit"]:hover {
    text-decoration: underline;
}

.aanmelden input[type="text"]:focus {
    border: none !important;
    outline: none !important;
}

.aanmelden input[type="text"] {
    border: none !important;
    background-image: url("../../../images/backgrounds/buttonBg.svg");
    content: "";
    padding: 55px !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 40px !important;
    background-color: transparent;
}

.footer .sppb-btn {
    background-color: transparent !important;
    color: black !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-transform: none;
    border: none !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.footer .sppb-btn i {
    margin: 0px !important;
    margin-right: 10px !important;
    position: static;
}

.footer a:hover {
    text-decoration: underline;
    color: black !important;
}

.footer::before {
    background-image: url("../../../images/backgrounds/lineWhite.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
}

.footer::after {
    background-image: url("../../../images/backgrounds/lineWhite.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    top: -50px !important;
    background-size: 110%;
    background-repeat: no-repeat;
    position: relative;
}

.footerInner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 30px !important;
}

.footerBottom p,
.footerBottom a {
    font-family: "Zen Loop", cursive !important;
    font-size: 25px !important;
    line-height: 0px !important;
    text-transform: inherit;
}

.footerBottom p {
    margin: 0px !important;
}

.directBoeken {
    padding: 0px 0px !important;
    position: fixed !important;
    bottom: 0px;
    line-height: 50px !important;
    text-decoration: none !important;
    border: none !important;
    background-image: url("../../../images/backgrounds/buttonBgZwart.svg");
    content: "";
    width: 271px;
    height: 40px !important;
    display: inline-block;
    background-repeat: no-repeat;
    position: fixed;
    bottom: 0px;
    right: 50px;
}

.directboekenbutton {
    z-index: 9999 !important;
    padding: 0px !important;
}

.moduletable {
    margin: 0px !important;
    padding: 0px !important;
}

.footerBottomInner {
    padding: 0px !important;
}

.footerInner p {
    margin-bottom: 0px !important;
}

.footerBottom {
    min-height: 50px;
}

.footerBottom .fa-facebook-square,
.footerBottom .fa-instagram {
    font-size: 35px !important;
}

.footerBottom {
    padding: 0 30px !important;
    margin-top: -50px !important;
}

.footerBottom a {
    border-bottom: 1px solid #2C2E36;
    text-decoration: none;
}

.footerBottom a:hover {
    color: #86bfd4 !important;
    border-bottom: 1px solid #86bfd4;

}

/**** Zien & Doen Pagina ****/

.texel2::before {
    background-image: url("../../../images/backgrounds/line.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
}

.texel1 .sppb-row-container,
.texel2 .sppb-row-container {
    max-width: 1300px !important;
    margin: 80px auto;
}

.texel2 .sppb-col-md-6 {
    padding-right: 40px !important;
}

.zienDoenPage .meerWeten,
.servicePage .meerWeten {
    margin-top: 0px !important;
}

.meerWeten .sppb-row-container,
.servicePage .sppb-row-container {
    margin-top: 50px;
}

/**** Service ****/

/**** Contact ****/

.headingMargin2 {
    margin-top: 50px !important;
}

.contact1::after {
    background-image: url("../../../images/backgrounds/line.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    margin-top: 0px !important;
    margin-bottom: -50px;
}

.contactPage .nieuwsbrief {
    background-color: #f4e9d8;
}

.contactPage .sppb-col-md-6 {
    padding: 20px !important;
}

/**** BOOKZO ****/

.total-price-wrapper::after {
    display: block;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
    font-style: italic;
    line-height: 100%;
}

.accodetail .total .bookzo-currency::after,
.clickable .total .bookzo-currency::after {
    content: 'Dit is inclusief verplichte kosten';
    display: block;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
    font-style: italic;
    line-height: 100%;
}

.bz-search {
    background-image: url("../../../images/backgrounds/bgZoeken.svg");
    padding: 80px 30px 0 40px !important;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 94%;
    background-position: center;
    min-height: 420px;
    min-width: 408px !important;
}

.zoekenboekcol .sppb-addon-header {
    position: absolute;
    top: 28px;
    left: 125px;
}

.zoekenboekcol h2 {
    font-size: 50px !important;
    line-height: 40px !important;
}

.bz-search .bz-width-medium-1-1 {
    width: 50% !important;
    padding: 0px 10px !important;
}

.bz-search .buttonrow {
    width: 100% !important;
}

.bz-search .bz-label i {
    font-size: 20px !important;
    margin-top: 18px !important;
    margin-left: 10px !important;
}

.bz-search .bz-label {
    font-family: "Zen Loop", cursive !important;
    font-size: 25px;
    font-weight: bold;
}

.bz-search .bz-label i::after {
    margin-left: 8px !important;
    font-family: "Zen Loop", cursive !important;
    font-size: 18px !important;
    text-transform: uppercase;
}

.th-field-month {
    display: none !important;
}

.bz-search h2 {
    font-family: "Zen Loop", cursive !important;
    font-size: 70px !important;
    line-height: 80px !important;
}

.bz-search .bz-width-medium-1-1 {
    padding-left: 0px !important;
}

.bz-form select {
    border-top: 2px solid #eaeaea !important;
}

.bz-search .bz-button,
.bz-search .bz-button-primary:hover {
    background-color: #86bfd4;
    border: none !important;
    background-image: url("../../../images/backgrounds/buttonBg.svg");
    content: "";
    width: 100% !important;
    background-size: contain;
    margin-top: 20px !important;
    height: 77px !important;
    display: inline-block;
    background-repeat: no-repeat;
    font-family: "Zen Loop", cursive !important;
    font-size: 30px !important;
    color: white !important;
    text-transform: uppercase;
}

.bz-search .bz-button-primary:hover {
    color: black !important;
    text-decoration: none;
}

.bz-tab {
    margin: 0 auto !important;
    border-bottom: none;
    max-width: 670px !important;
}

.bz-tab li a {
    background-color: #d8eced !important;
    color: black;
    text-shadow: none !important;
    padding: 30px 60px !important;
    border-radius: 0px;
}

.bz-tab>li:nth-child(n + 2)>a,
.bz-tab>li:nth-child(n + 2)>a {
    margin-left: 0px !important;
}

.bz-tab>li>a {
    border: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 30px !important;
}

.bz-tab>li.bz-active>a,
.bz-tab>li>a:hover {
    border: none;
    background-color: #86bfd4 !important;
    color: black;
}

.bz-active {
    margin-bottom: 0px !important;
}

.bz-calendar-table .month {
    background-color: #fd8867 !important;
    padding: 20px 40px !important;
    font-size: 30px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.bz-calendar-table .dates,
.bz-calendar-table .days {
    font-size: 18px !important;
}

.bz-calendar-table .dates .booked {
    background-color: #86bfd4 !important;
}

.layout-object .th-details {
    background-color: #fff;
}

.layout-object .th-details .bz-tabs {
    margin: 50px auto;
    max-width: 1500px;
}

.layout-object .astroid-component-section .container {
    max-width: none !important;
    padding: 10px;
}

.layout-object .astroid-component-section .container .astroid-column {
    padding: 0px;
}

.layout-object .bz-panel .th-acco-main {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1500px;
    padding: 30px;
    border: 1px solid #000;
}

.layout-object .th-details::before {
    background-image: url("../../../images/backgrounds/line.svg");
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    position: relative;
    top: -20px;
}

.bz-panel .th-titles h2 {
    text-transform: capitalize;
}

.bz-h3 {
    text-transform: uppercase !important;
}

.layout-object .bz-panel .bz-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*** Bookzo accommodaties Page ***/

/*
.com-bookzo .astroid-component-section {
    background-color: #EEDCC2;
}*/

.group-0 .bz-width-medium-1-3,
.group-0 .bz-width-medium-2-6 {
    width: 100%;
}

.bookzo-group-page .th-acco-teaser {
    width: 50%;
    float: left;
    padding: 0px 20px 20px 20px;
    min-height: 550px;
}

.bookzo-group-page .th-acco-teaser h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.bookzo-group-page .th-acco-teaser .th-top {
    padding-left: 20px;
}

.th-acco-teaser:not(:first-child) {
    margin: 0px !important;
}

.bookzo-group-page .th-acco-teaser .bz-button-secondary {
    position: absolute;
    bottom: 0px;
    width: 70px;
    height: 100%;
    right: 0px;
    border-bottom-right-radius: 30px;
    line-height: 131px;
    font-size: 0px;
    background-color: #86bfd4 !important;
    background-image: none !important;
}

.bz-panel-box-primary .bz-width-medium-1-3 {
    z-index: 99 !important;
}

.accommodaties-alias .astroid-component-section {
    background-color: #f4e9d8;
}

.bookzo-group-page .th-teaser-buttons a.bz-button-secondary::after {
    background-image: url("../../../images/backgrounds/arrowRight.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: block !important;
    height: 50px;
    width: 30px;
    position: absolute;
    color: #fff;
    font-size: 40px;
    bottom: 50px;
    left: 21px;
}

.bz-panel-box-primary {
    background-color: white !important;
    border: none !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.bookzo-group-page .bz-panel-box,
.bookzo-group-page .bz-panel-box-primary {
    padding: 0px !important;
    min-height: 500px;
}

.group-0 .th-description {
    display: none !important;
}

.bz-calendar .bz-calendar-nav {
    top: 20px;
}

.bz-icon {
    background-color: transparent !important;
}

.th-acco-main .bz-button-secondary {
    background-image: none !important;
    background-color: black !important;
    margin-bottom: 20px;
    font-family: "Zen Loop", cursive !important;
    font-size: 25px !important;
    padding: 10px 50px 10px 70px;
}

.th-acco-main .bz-button-secondary:hover {
    color: white;
}

.th-acco-main .bz-button-secondary i {
    transition: 0.3s;
    margin-right: 10px;
}

.th-acco-main .bz-button-secondary:hover i {
    margin-left: -10px;
}

.bz-icon i {
    font-size: 25px !important;
}

.group-0 .bz-panel-title {
    background-image: none !important;
    background-color: transparent;
    color: black;
    font-family: "Zen Loop", cursive !important;
    font-size: 40px;
    border-bottom: none;
}

.group-0 .bz-panel-box-secondary {
    background-color: #fff;
    border: none;
    padding: 50px !important;
}

.group-0 .bz-panel-box-primary .bz-width-medium-2-3 {
    width: 100%;
}

.th-filters .bz-input {
    background-color: #86bfd4;
    color: white;
    padding: 30px 40px;
    border: none !important;
    border-radius: 10px !important;
    margin-bottom: 30px !important;
    min-width: 250px;
}

.th-filters .bz-input::placeholder {
    color: #fff;
}

.th-filters.bz-panel-box-secondary {
    padding: 15px !important;
}

.bz-features .bz-width-medium-1-3 {
    width: 23.333%;
}

.bz-features h4 {
    font-family: "Zen Loop", cursive !important;
    font-size: 40px !important;
    text-transform: uppercase;
    line-height: 50px !important;
    font-weight: lighter;
}

.th-filters .bz-button {
    background-color: rgba(0, 0, 0, 0.44) !important;
    background-image: none;
    position: absolute;
    right: 10px;
    top: 13px;
    border-radius: 10px;
}

.group-0 .th-filters .bz-button:hover {
    background-color: black;
    opacity: 100%;
}

.group-0 .th-filters strong {
    font-family: "Zen Loop", cursive !important;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 300;
}

.group-0 .th-filter-group {
    margin-bottom: 40px;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.layout-object .extratekst {
    display: none;
}

.extratekst .sppb-container-inner {
    max-width: 1400px !important;
    margin: 0 auto;
    padding: 30px !important;
}

.th-searchname {
    padding-right: 0px !important;
}

.bookzo-group-page.group-0 h1 {
    margin-top: 50px !important;
}

/***** VERTICAL MENU ******/

.off-menu_95 .search-query {
    width: 80%;
    height: 44px;
    color: #fff;
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 22px 0px 0px 22px;
    border: 0;
    padding: 10px 14px 10px 52.8px;
    margin-bottom: 30px !important;
}

.off-menu_95 .hasTooltip {
    width: 20%;
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 0px 22px 22px 0px;
    font-size: 0px;
    float: right;
    height: 44px;
    position: static;
}

li a.directBoekenVerticalmenu {
    display: none !important;
}

.header-right-section ul li:last-child {
    display: none;
}

.nav-link {
    padding: 0px;
}

.accoscrollerbox {
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px 0 0 20px;
    min-height: 196px;
}

.bz-slidenav-position .bz-slidenav-previous,
.bz-slidenav-position .bz-slidenav-next {
    display: block !important;
}

.bz-widget-objects .element-item-link {
    position: absolute;
    bottom: 0px;
    width: 70px;
    height: 100%;
    right: 0px;
    border-bottom-right-radius: 20px;
    line-height: 131px;
    font-size: 0px;
    background-color: #86bfd4 !important;
    background-image: none !important;
}

.bz-widget-objects .element-item-link::after {
    background-image: url(../../../images/backgrounds/arrowRight.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: block !important;
    height: 50px;
    width: 30px;
    position: absolute;
    color: #fff;
    font-size: 40px;
    bottom: 50px;
    left: 21px;
}

.bz-widget-objects .element-aantal-personen {
    float: left;
    margin-right: 10px;
    font-size: 24px;
}

.bz-widget-objects i {
    font-size: 25px !important;
    padding: 0 7px 0 0;
}

.bz-widget-objects h3 {
    font-family: "Zen Loop", cursive !important;
    text-transform: uppercase;
    line-height: 30px !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    clear: both;
    margin-top: 50px !important;
}

.bz-widget-objects .accoscrollerbox {
    padding: 20px;
}

.bz-widget-objects .bz-slidenav-previous,
.bz-widget-objects .bz-slidenav-next {
    background: #dfc497;
    opacity: 1;
    padding: 0px !important;
    border-width: 0px;
    height: 100px;
    z-index: 99999;
}

.bz-widget-objects .bz-slidenav-next {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.bz-widget-objects .bz-slidenav-previous {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.bz-widget-objects .bz-slidenav-previous:hover,
.bz-widget-objects .bz-slidenav-next:hover {
    background: black;
    opacity: 0.8;
}

.bz-slidenav-previous:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 42px;
    color: white;
    height: 100px;
    line-height: 100px;
}

.bz-slidenav-next:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 42px;
    color: white;
    height: 100px;
    line-height: 100px;
}

.bz-widget-objects .bz-thumbnail {
    z-index: 999;
    position: relative;
}

.layout-panels:hover {
    color: #86bfd4;
}

.bz-results .bz-panel-box,
.bz-panel-box-primary {
    padding: 20 !important;
    min-height: 0px;
    margin-bottom: 30px;
}

.bz-results .th-teaser-buttons .bz-width-1-1.bz-width-medium-1-2 {
    width: 100%;
}

.bz-results .th-teaser-buttons .bz-button-primary {
    background-color: #86bfd4;
    background-image: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 35px;
    font-family: "Zen Loop", cursive !important;
    text-transform: uppercase;
}

.bz-results .bz-inner {
    padding: 0 30px;
}

.bz-price-amount {
    font-family: "Zen Loop", cursive !important;
    font-size: 42px;
    color: #000;
}

.bz-panel-header .bz-panel-title {
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: #86bfd4;
    color: #ffffff;
    background-image: none;
    border-bottom: 1px solid #eaeaea;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.th-filters {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bz-results .th-description {
    margin-top: 10px;
    font-size: 14px;
    line-height: 27px !important;
}

.bookzo-page h1 {
    padding-top: 30px;
}

.bz-panel-box-secondary {
    background-color: #fff;
    color: #000;
}

.bookzo-booking .bz-button-primary {
    background-color: #fff;
    color: #000;
    background-image: none;
    border: 1px solid #000;
    font-size: 30px;
}

.bookzo-booking .bz-button-primary,
.bookzo-booking .bz-button-secondary {
    color: #000;
    font-family: "Zen Loop", cursive !important;
}

.bz-panel-box-secondary h3 {
    font-family: "Zen Loop", cursive !important;
    font-size: 40px;
}

.bz-overlay {
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 10px 0px 30px;
}

.th-acco-teaser h2+h5,
.th-acco-full h2+h5,
.th-acco-widget h2+h5 {
    margin-top: 0;
    color: #86bfd4;
}

.full-image {
    margin-bottom: 20px;
    max-width: 40%;
    float: left;
    padding: 0 30px 0 0;
    max-height: 370px;
}

.full-image:before {
    content: "";
    background-image: url(../../../images/lijn.svg) !important;
    width: 520px;
    height: 40px;
    background-size: cover;
    display: block;
    position: absolute;
    background-position: center;
    top: 130px;
    left: 0px;
    background-repeat: no-repeat;
}

.item-title>h2 {
    font-size: 60px !important;
    padding: 50px 0 10px 0;
}

#finder-search>fieldset>label {
    display: none;
}

.form-inline {
    padding: 20px 0 0 0;
}

#search-form .btn-primary {
    background-color: #000;
    color: #fff;
    border: 0px;
    border-radius: 0px;
}

.result-title {
    font-family: "Zen Loop", cursive !important;
}

#search-results>ul {
    padding: 30px 0;
}

.bz-thumbnav a {
    border: 0px;
}

.bz-thumbnav>.bz-active>a {
    background: transparent;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0px;
}

.bz-thumbnav>*>a {
    max-width: 120px;
}

.nieuwsbrief h1 {
    margin-bottom: 0px !important;
}

.card-description {
    display: none;
}

@media (min-width: 1200px) {
    .bookzo-bootstrap .col-xl-3 {
        -ms-flex: 0 0 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }
}

.bookzo-bootstrap .card {
    border: 0px !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.card-body {
    position: relative;
}

.card-more-info {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #86bfd4 !important;
    font-size: 0px !important;
}

.card-more-info .btn-secondary {
    background-color: #86bfd4 !important;
    font-size: 0px !important;
    border: 0px;
    display: block;
    width: 60px;
    height: 60px;
}

.card-more-info .btn-secondary::after {
    background-image: url(../../../images/backgrounds/arrowRight.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: block !important;
    height: 40px;
    width: 20px;
    position: absolute;
    color: #fff;
    font-size: 15px;
    bottom: 11px;
    left: 21px;
}

.card-title-name h3 {
    font-size: 35px !important;
    font-weight: 600 !important;
    font-family: "Zen Loop", cursive !important;
    line-height: 40px;
}

.group-name {
    font-family: Arial, Helvetica, sans-serif;
    color: #86bfd4 !important;
}

.btn-secondary:focus {
    box-shadow: none;
}

.filtercol {
    background-color: #fff;
    border-radius: 30px;
}

.filtercol h2 {
    font-family: "Zen Loop", cursive !important;
    font-size: 40px !important;
    color: #000;
    padding: 40px 0 0 20px !important;
    margin: 0px !important;
}

.filtercol h5 {
    font-family: "Zen Loop", cursive !important;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 300;
}

.filtercol label {
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.filtercol .bookzo-bootstrap .input-group-text {
    background-color: #86bfd4 !important;
    color: #fff;
}

.accooverzicht h5 {
    font-family: "Zen Loop", cursive !important;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 500;
}

.accooverzicht .btn-secondary {
    background-color: #86bfd4;
    border-radius: 99px;
    padding: 5px 30px;
    font-size: 20px;
    border: 0px;
}

.accooverzicht .book-button {
    background-color: #fd8867;
    border-radius: 99px;
    padding: 5px 30px;
    font-size: 20px;
    border: 0px;
}

.bz--detail__images .images-wrapper img.main-image {
    height: 100%;
    aspect-ratio: 3/2;
}

@media (min-width: 900px) {
    .bz--detail__images .images-wrapper .item {
        width: calc(66.66% - 1rem);
    }
}

.bz--detail__images .images-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.bz--detail__images .images-wrapper .smaller-images {
    flex-direction: column;
    width: calc(33.33% - 1rem);
    height: auto;
    display: none;
}

@media (min-width: 900px) {
    .bz--detail__images .images-wrapper .smaller-images {
        display: flex;
    }
}

.bz--detail__images .images-wrapper .smaller-images.two-images .item:last-child:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: "";
}

.bz--detail__images .images-wrapper .smaller-images.two-images .item {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 2rem;
}

.bz--detail__images .images-wrapper .smaller-images.two-images .item:last-child {
    position: relative;
    margin-bottom: 0;
}

.bz--detail__images .images-wrapper .smaller-images.two-images .item {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 2rem;
}

.bz--detail__images .images-wrapper .smaller-images img {
    aspect-ratio: 3/2;
}

.accodetail .sppb-row-container {
    max-width: 1180px !important;
    background-color: #fff;
    border-radius: 30px;
    padding: 30px;
}

.bz--detail__images .images-wrapper .btn {
    border: 1px solid #fff;
    border-radius: var(--border-radius);
    box-shadow: none !important;
    background: transparent;
    text-transform: none;
    color: #fff;
}

.accodetail h1 {
    padding: 20px 0 10px 0;
}

.accodetail .sppb-nav-tabs>li>a {
    text-decoration: none;
}

.accodetail .sppb-nav-tabs>li a {
    background-color: #d8eced !important;
    color: black;
    text-shadow: none !important;
    padding: 30px 60px !important;
    border-radius: 0px;
    font-size: 20px;
}

.accodetail .sppb-nav-tabs .active a {
    border: none;
    background-color: #86bfd4 !important;
    color: black;
}

.feature-group-heading {
    font-family: "Zen Loop", cursive !important;
    font-size: 30px !important;
    text-transform: uppercase;
    line-height: 50px !important;
    font-weight: lighter;
}

.accodetail .btn-primary {
    background-color: #fd8867;
    border-radius: 99px;
    padding: 10px 30px;
    font-size: 20px;
}

.accodetail.intro {
    background-color: #f4e9d880;
    padding: 50px 0 50px 0 !important;
}

.accodetail.intro::before {
    background-image: url(../../../images/backgrounds/line.svg);
    content: "";
    width: 100%;
    height: 20px !important;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    position: relative;
    top: -20px;
}

.accodetail.kenmerken {
    background-color: #fd876780;
}

.boekenpagina .bookzo-book {
    margin: 0 auto !important;
}

.boekenpagina h1 {
    text-align: center;
}

.reservation-form {
    background-color: #86bfd4a3;
    padding: 20px;
    border-radius: 30px;
}

.boekenpagina .book-button {
    background-color: #fd8867 !important;
    border-radius: 99px !important;
    padding: 10px 30px !important;
    font-size: 20px !important;
}

.uitgelicht .badges-wrapper,
.uitgelicht .pagination {
    display: none !important;
}

.topbardesktop .btn-primary {
    background-color: transparent;
    border: 0px;
    margin-top: 10px;
}

.topbardesktop a {
    text-decoration: none;
}

.bz-search .bookzo-search-submit,
.bz-search .bookzo-search-submit:hover {
    background-color: #86bfd4;
    border: none !important;
    background-image: url(../../../images/backgrounds/buttonBg.svg);
    content: "";
    width: 100% !important;
    background-size: contain;
    margin-top: 20px !important;
    height: 77px !important;
    display: inline-block;
    background-repeat: no-repeat;
    font-family: "Zen Loop", cursive !important;
    font-size: 30px !important;
    color: white !important;
    text-transform: uppercase;
}

.bookzo-search .form-inline {
    display: block !important;
}

.bookzo-search input,
.bookzo-bootstrap .input-group-text {
    border-radius: 0px !important;
    background-color: #fff !important;
    border-color: #000;
}

.btn-primary {
    background-color: #fd8867;
    float: right;
    border-radius: 0px;
}

.form-control:focus,
.btn-primary:focus {
    box-shadow: none !important;
}

.search .form-group {
    margin-bottom: 0px;
}

.dj-offcanvas {
    z-index: 9999 !important;
}

ul.dj-mobile-dark li.dj-mobileitem>a {
    font-size: 35px;
    font-family: "Zen Loop", cursive !important;
}

.directBoekenVerticalmenu {
    display: block !important;
    background-color: #f4e9d8 !important;
    padding: 10px 14px 10px 24px !important;
    width: 100% !important;
}

.extra .sppb-row-container {
    max-width: 1180px !important;
    border-radius: 30px;
    padding: 30px;
    background-color: #EACFA5;
    margin: 30px auto;
}

.extra .sppb-row-container .sppb-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.aanmelden .convertforms .cf-btn {
    padding: 0px 0px !important;
    line-height: 50px !important;
    text-decoration: none !important;
    border: none !important;
    background-image: url(../../../images/backgrounds/buttonBgZwart.svg);
    content: "";
    width: 271px;
    height: 40px !important;
    display: inline-block;
    background-repeat: no-repeat;
    font-family: "Zen Loop", cursive !important;
    font-size: 29px !important;
    color: white !important;
    background-color: black;
    padding: 21px 50px 20px 50px;
    text-transform: uppercase;
    border: none !important;
}

.aanmelden .convertforms .cf-control-group {
    padding: 10px 0px;
}

.aanmelden .convertforms input {
    padding: 0px 0px !important;
    line-height: 50px !important;
    text-decoration: none !important;
    font-family: "Zen Loop", cursive !important;
    font-size: 29px !important;
    color: zwart !important;
    text-transform: uppercase;
    height: 40px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black !important;
}