:root {
    --btn: #943148;;
    --btn-hover: #DD5C6B;
    --grey: #F2F2F2;
    --dark-grey: #CBCBCB;
    --body-text: #0A2D2C;
    --primary: #943148;
    --secondary: #DD5C6B;
    --light-green: #C6FFCF;
    --green: #98CAA0;
    --dark-green: #0A5A48;
    --blue: #19A1B9;
    --dark-blue: #094B57;
}
@media(min-width: 1200px) {
    .single-quote,
    .single-slider {
        /* width: 120%; */
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .container.right-fluid {
        max-width: calc(1140px + (50vw - 570px));
        margin-right: 0;
    }
}
@media (min-width: 1600px) {
    .container.container-wide {
        max-width: 75vw!important;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}
@media(min-width: 1200px) and (max-width: 1699.98px) {
    /* header {
        height: 90px;
    }
    header.sticky {
        height: 80px;
    }
    header .primary-menu {
        height: 90px;
    }
    header.sticky .primary-menu {
        height: 80px;
    } */
    header {
        padding-left: 50px;
        padding-right: 50px;
    }
    header .primary-menu,
    header .top-menu {
        padding-right: 50px;
    }
    .container-xl-fluid,
    .container-fluid {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }
    header.primary-menu,
    header .top-menu {
        width: calc(100% + 100px)!important;
        margin-left: -50px;
        margin-right: -50px;
        padding-left: 50px;
        padding-right: 50px;
    }
    header .h-logo {
        left: 50px;
    }
    h1, .h1 {
        font-size: 52px;
        line-height: 52px;
    }
    .text-centered h2{
        font-size: 35px;
        line-height: 45px;
    }
    .contactform .image-wrapper img {
        aspect-ratio: 308/468!important;
    }
}
@media(max-width: 1199.98px) {
    html.nav-open,
    body.nav-open {
        overflow: hidden;
    }
    header {
        top: 0;
        height: 75px;
        padding-left: 35px;
        padding-right: 35px;
        /* filter: drop-shadow(0px 0px 24px rgba(0,0,0.16)); */
    }
    main > section:first-child {
        padding-top: 75px!important;
    }
    header .navbar {
        padding: 0;
    }
    header .navbar a {
        margin-left: 0;
        margin-right: 0;
    }
    .mobile-menu-top .h-logo img,
    header .h-logo img {
        max-width: 142px;
        width: auto;
        object-fit: contain;
    }
    header.sticky {
        position: relative;
    }
    .mobile-menu-top .h-logo,
    header .h-logo {
        top: 25%;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
        height: 75px;
    }
    #menu-menu-1 > li {
        border-bottom: 1px solid var(--dark-green);
    }
    .sub-menu {
        border-top: 1px solid var(--dark-green);
    }
    header .primary-menu, header .top-menu {
        margin: 0;
        padding: 0;
    }
    .mobile-bar {
        background: #fff;
        height: 55px;
        width: 100vw;
        padding: 0px 15px;
        position: fixed;
        bottom: 0px;
        left: 0;
        z-index: 9999;
        filter: drop-shadow(0px 0px 6px rgba(0,0,0.16));
    }
    .mobile-bar .btn {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 15px;
    }
    .mobile-bar a:not(.btn) {
        color: #fff;
    }
    .mobile-bar .phone i {
        font-size: 18px;
        line-height: 18px;
    }
    .mobile-bar .phone span {
        font-size: 8px;
        line-height: 8px;
        text-transform: uppercase;
        letter-spacing: 1.6px;
        text-align: center;
        font-weight: 600;
    }
    .mobile-bar i {
        color: var(--dark-green);
        font-size: 24px;
    }
    .toggle-menu {
        background: transparent;
        border: unset;
        padding: 0;
    }
    footer {
        margin-bottom: 55px;
    }
    .menu-wrap {
        position: fixed;
        top: -1px;
        bottom: 0;
        height: calc(100vh - env(safe-area-inset-bottom));
        max-height: 0;
        overflow: hidden;
        width: 100vw;
        background: var(--green);
        z-index: 9998;
        transition: 0.5s all ease-in-out;
    }
    /* .menu-wrap:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #313131;
        opacity: 0.73;
    } */
    .menu-wrap.open {
        max-height: calc(100vh - env(safe-area-inset-bottom));
        overflow: scroll;
        padding-bottom: calc(1em + env(safe-area-inset-bottom));
    }
    .mobile-menu {
        position: relative;
        z-index: 2;
    }
    .mobile-menu-top {
        background: #fff;
        position: relative;
        z-index: 1;
        padding-left: 15px;
        padding-right: 15px;
        height: 75px;
    }
    .menu-wrap ul {
        list-style: none;
    }
    .menu-wrap .social-icon {
        margin-left: 7.5px;
        margin-right: 7.5px;
    }
    .menu-wrap .menu {
        text-align: center;
        padding-top: 50px;
    }
    .menu-wrap nav {
        padding-left: 15px;
        padding-right: 15px;
    }
    .menu-wrap nav ul {
        padding: 0;
        margin-bottom: 0px;
    }
    .menu-wrap nav ul a {
        color: var(--dark-green);
        text-transform: uppercase;
        font-family: 'mr-eaves-xl-sans', sans-serif;
        font-size: 18px;
        line-height: 20px;
        height: fit-content;
        font-weight: 600;
        /* letter-spacing: 1.2px; */
    }
    .menu li {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        /* flex-direction: column; */
        /* justify-content: center; */
        /* align-items: center; */
        padding-top: 15px;
        padding-bottom: 15px;
        width: 80vw;
        transition: ease all 0.3s;
    }
    .sub-menu li {
        height: auto;
        padding: 0px;
        border: unset;
    }
    .menu li a {
        font-size: 20px;
        line-height: 50px;
    }
    .menu li .sub-menu li a {
        font-size: 16px;
        line-height: 2em;
    }
    .menu-item-has-children > a:not(.h-logo):not(.btn):not(.social-icon):not(.read-more):after {
        display: none;
    }
    .menu ul li:last-child {
        border-bottom: unset;
    }
    .menu-item-has-children:hover ul.sub-menu {
        max-height: 0px;
        padding-bottom: unset;
    }
    .expand-button {
        margin-left: 5px;
        width: 40px;
        line-height: 40px;
        color: var(--black);
        transition: ease all 0.3s;
        position: absolute;
        right: -12px;
        top: 5px
    }
    .menu li.expanded {
        max-height: 1000px;
    }
    .menu-item-has-children ul.sub-menu {
        position: relative;
        background: transparent;
        border-radius: 0;
        display: block;
        max-width: 0;
        max-height: 0px;
        margin-top: 20px;
        left: 50%;
        transform: translateX(-50%);
        transition: ease all 0.1s;
    }
    .menu-item-has-children.expanded .expand-button {
        transform: rotate(-180deg);
    }
    .menu-item-has-children.expanded ul.sub-menu {
        max-width: 100vw;
        max-height: 1000px;
        padding-top: 10px;
        margin-bottom: -5px;
    }
    .menu-item-has-children.expanded ul.sub-menu li {
        max-height: 50px;
    }
    .home-hero {
        min-height: 100vh;
        height: fit-content;
        margin-bottom: 0px;
    }
    .home-hero .container-fluid {
        margin-top: -75px;
    }
    .page-hero {
        height: auto;
        min-height: unset;
    }
    .page-hero .container > .row,
    .page-hero .container {
        min-height: 400px;
    }
    .feature .title {
        font-size: 22px;
        line-height: 24px;
    }
    .cta .text-container.bg-white {
        margin-bottom: 0px;
        background: rgba(255,255,255,0.81)!important;
    }
    .cta-banner .img-col:before {
        right: -85px;
    }
    .cta-person .title {
        font-size: 34px;
        line-height: 34px;
    }
    footer .h-logo {
        margin-bottom: 30px;
        width: fit-content;
        display: block;
    }
    .testimonial-slider .owl-stage {
        padding-left: 0px!important;
    }
    .text-image-row {
        height: auto;
        min-height: 50vh;
    }
    .slider .owl-carousel .owl-nav:not(.disabled) {
        max-width: 940px;
    }
    .project-overview .project-item {
        margin-bottom: 40px;
    }
    .thank-you-404 {
        min-height: 100vh;
        position: relative;
    }
    .thank-you-404:before {
        width: 100vw;
        background: #000000;
        opacity: 0.19;
    }
    .team-slider .owl-stage,
    .package-slider .owl-stage {
        padding-left: 0px!important;
    }
    .package-slider .owl-stage,
    .package-slider .owl-item,
    .package-slider .package {
        display: flex;
    }
    .package-slider .package {
        height: 100%;
    }
    footer .footer-col {
        min-height: unset;
    }
    footer ul.bottom-menu {
        display: none;
    }
    .agenda-item:not(.h-logo):not(.btn):not(.social):not(.read-more):after {
        top: 28px;
        right: 28px;
    }
    .agenda-item:not(.h-logo):not(.btn):not(.social):not(.read-more):hover:after {
        right: 23px;
    }
    .container.right-fluid {
        max-width: calc(960px + (50vw - 480px));
        margin-right: 0;
    }
    .page-hero h1:not(.h3) {
        font-size: 45px;
        line-height: 45px;
    }  
    .social-sharing:before,
    .social-sharing:after {
        display: none;
    } 
    footer .h-logo img {
        height: 90px;
    }
}
@media(max-width: 991.98px) {
    h1, .h1 {
        font-size: 35px;
        line-height: 35px;
        word-wrap: break-word;
    }
    .home-hero .features .feature {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 auto;
    }
    .container.right-fluid {
        max-width: calc(720px + (50vw - 360px));
        margin-right: 0;
    }
    .cta-person .title {
        font-size: 30px;
        line-height: 30px;
    }
}
@media(max-width: 767.98px) {
    .page-hero {
        margin-bottom: 0px;
    }
    .page-hero .container > .row,
    .page-hero .container {
        min-height: 250px;
    }
    /* .page-hero .background-container {
        height: 200px;
        position: relative;
    }
    .page-hero .container > .row {
        min-height: unset;
    } */
    .home-hero,
    .home-hero .background-container {
        min-height: unset!important;
    }
    .home-hero .text-container {
        min-height: fit-content!important;
    }
    .home-hero .container-fluid {
        margin-top: 0px;
    }
    .page-hero .text-container {
        width: 100%;
    }
    .page-hero .text-container > div {
        text-align: center;
    }
    .btn + .btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    /* .page-hero h1:not(.h3) {
        padding-bottom: 15px;
        font-size: 30px;
        line-height: 30px;
    } */
    .page-hero h2,
    .home-hero h2 {
        font-size: 20px!important;
        line-height: 26px!important;
    }
    .home-hero {
        height: fit-content;
        min-height: 100vh;
        flex-direction: column;
    }
    .home-hero-slider .slide,
    .home-hero .text-container,
    .home-hero .background-container {
        min-height: calc(100vh - 75px);
        height: fit-content;
    }
    .home-hero .features .row {
        width: unset;
    }
    .home-hero .features {
        height: fit-content;
        position: relative;
        bottom: unset;
    }
    .home-hero .text-inner.bg-white {
        background: rgba(255,255,255,0.82)!important;
    }
    .owl-carousel .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
        margin-left: 3px;
        margin-right: 3px;
    }
    .page-hero h1,
    .single-item h1,
    .single-item .h1,
    .home-hero h1,
    .home-hero .h1,
    h1, .h1 {
        font-size: 34px;
        line-height: 34px;
    }
    h1 br,
    h2 br,
    .h4 br {
        /* display: none; */
    }
    .page-hero .text-wrapper {
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        padding: 30px;
    }
    .single-item .row {
        margin: 0!important;
    }
    .single-item .page-hero .text-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .text-image-blocks .h2,
    .seo-text h2, .text-image-blocks h2,
    .text-image-blocks.contactform .h2 {
        font-size: 26px;
        line-height: 28px;
    }
    .text-image-blocks.contactform h2,
    h2, .h2 {
        font-size: 22px;
        line-height: 24px;
    }
    .team-item .h3, .contactperson-form .h3,
    h3, .h3 {
        font-size: 20px;
        line-height: 22px;
    }
    .single-item .page-hero {
        min-height: 400px;
        background: #fff;
        margin-bottom: 0;
    }
    .single-item .page-hero .container {
        min-height: unset;
    }
    .single-item .page-hero h1:not(.h3) {
        color: var(--black);
        filter: unset;
    }
    .single-item .subject {
        position: relative;
        z-index: 2;
    }
    i.chevron-right-grey {
        margin-left: 5px;
        margin-right: 5px;
    }
    footer .col-title {
        margin-bottom: 5px;
    }
    footer ul {
        margin-bottom: 0px;
    }
    footer ul li {
        margin-bottom: 5px;
    }
    .address br:nth-child(2),
    .address br:nth-child(4) {
        display: none;
    }
    footer .social img {
        width: 30px;
        height: 30px;
    }
    .logo {
        width: 235px;
        height: auto;
        object-fit: contain;
    }
    .feature .text {
        font-size: 12px;
        line-height: 22px;
    }
    .featured-post-slider .owl-stage-outer {
        margin-top: 0px;
    }
    .text-image-row .image-col {
        position: relative;
        width: 100%;
        aspect-ratio: unset;
        top: unset;
        left: unset;
        right: unset;
        padding-bottom: 15px;
    }
    .text-image-row .image-col.play-fancybox {
        aspect-ratio: 1;
    }
    .text-image-row .image-col.portrait {
        aspect-ratio: unset
    }
    .ajax-load-more-wrap.purple .alm-load-more-btn, section .alm-btn-wrap .alm-load-more-btn, .btn {
        font-size: 14px;
        max-width: 100%;
        word-break: break-word;
    }
    .contactform .image-wrapper img {
        aspect-ratio: 1!important;
    }
    .contactform h2 {
        width: 75%;
    }
    .contactform .h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .team-slider .owl-stage,
    .partner-slider .owl-stage {
        padding-left: 0px!important;
    }
    .team-member img {
        height: 390px;
    }
    .cta-person .title {
        font-size: 20px;
        line-height: 20px;
    }

    .faq .card-header a {
        padding: 25px 40px 25px 25px;
    }
    .faq .card-header a:not(.h-logo):not(.btn):not(.social):not(.read-more):after {
        top: 30px;
    }
    .faq h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .faq .card-body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .news-overview .alm-reveal > .col-12.col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .news-item {
        aspect-ratio: 1.54;
    }
    .nieuws-hero {
        min-height: unset;
        margin-bottom: 50px;
    }
    .single-image-slider .slide {
        aspect-ratio: unset;
    }
    /* .single-image-slider .slide.contain {
        aspect-ratio: unset;
    } */
    .container.right-fluid {
        max-width: calc(540px + (50vw - 270px));
        margin-right: 0;
    }
    .cta-person img {
        bottom: auto;
        top: auto;
        position: relative;
        margin-top: -150px;
        margin-bottom: 3rem;
    }
    .cta-person .title {
        text-align: center;
    }
    .cta-person .btn {
        margin-left: auto;
        margin-right: auto;
    }
    .job .card-header a > div:before {
        right: 15px;
    }
    .featured-testimonials .text-md-center p {
        text-align: left!important;
    }
    .location-item .image-col {
        aspect-ratio: 1.40;
    }
    footer .footer-col {
        min-height: unset;
        padding-left: 35px;
        padding-right: 35px;
    }
    .team-item .name-wrapper {
        padding: 20px;
        left: 20px;
        bottom: 20px;
        max-width: calc(100% - 40px);
    }
    .contactperson-form .container {
        border-radius: 30px 30px 30px 0px;
        margin-left: 15px;
        margin-right: 15px;
        max-width: calc(100% - 30px);
    }
    .article-end .container, .social-sharing {
        border-radius: 0px!important;
    }
    section.author {
        margin-left: -30px;
        margin-right: -30px;
    }
    .logo-slider .owl-item {
        aspect-ratio: 1;
    }
    .logo-slider .slide {
        aspect-ratio: 1;
        display: flex;
        align-items: center;
    }
}
@media(max-width: 575.98px) {
    .container.right-fluid {
        max-width: 100%;
        margin-right: auto
    }
}
.cky-revisit-bottom-left {
    display: none!important;
}