@charset "utf-8";
/* CSS Document */

@import url('/css/fontface.css');
@import url('/css/font-awesome.css');

* {
    margin: 0px;
    padding: 0px;
    outline: none;
}

body {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    /*font-family: 'castw01-regularregular';*/
    background: #fff;
    width: 100%;
    max-width: 1920px !important;
    margin: 0 auto !important;
}

/* IE STYLES */
.k-ie .slick-slide:not(.slick-current) {
    opacity: 0 !important;
}

.k-ie .usp_content .slick-slide img {
    width: 420px;
    height: 300px;
}

.k-ie .accommodation_img h5 {
    width: 420px;
}

.k-ie .usp_content {
    width: 450px;
}
/* IE STYLES */

.account-description {
    font-size: 15px;
    line-height: normal;
}

/*h1 {
    font-size: 36px;
    line-height: 44px;
    margin: 0px;
    margin-bottom: 15px;
    color: #585858;
    /*font-family: 'castw01-regularregular';
}*/

h2/*, h1*/ {
    font-size: 40px;
    line-height: 30px;
    margin: 0px;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
    text-transform: uppercase;
}

.titleText h1 {
    font-size: 40px;
    line-height: 30px;
    margin: 0px;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
    text-transform: uppercase;
}

#h_wel_sec h1 {
    font-size: 40px;
    line-height: 30px;
    margin: 0px;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
    text-transform: uppercase;
}

h3, #my_happiness_cont h1 {
    font-size: 24px;
    line-height: 26px;
    margin: 0px;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
    text-transform: none;
}

h4 {
    font-size: 22px;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
}

h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
}

p {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    margin-bottom: 12px;
    color: #585858;
    /*font-family: 'castw01-regularregular';*/
}

img {
    height: auto;
    max-width: 100%;
}

.activity-header-img {
    position: relative;
    bottom: -23px;
    z-index: 1000;
}

a {
    text-decoration: none;
    color: #585858;
    transition: all 0.3s ease;
    cursor: pointer;
}

a:hover {
    transition: all 0.3s ease;
}

#form_account_login{
    margin-bottom:80px;
}

form .k-dropdown {
    width: 100% !important;
}

form .k-dropdown .k-dropdown-wrap {
    height: 34px;
}

    form .k-dropdown .k-input {
        font-size: 18px;
        color: #555;
    }

form .k-dropdown-wrap .k-select, form .k-dropdown-wrap .k-input, form .k-numeric-wrap .k-select, form .k-picker-wrap .k-select {
    line-height: 1.6571428em !important;
}

.form-control {
    font-size: 18px;
    height: 36px;
}

.btn {
    font-size: 18px;
}

.margin-top {
    margin-top: 30px;
}

#cover_sec {
    position: relative;
}

.popover {
    width: 100%;
    max-width: 250px;
}

.arrow {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    color: white;
}

.language-link.active {
    color: #ffd65d;
}

.header_btn:hover .language-link.active {
    color: #0090be;
}

.styled-button {
    background-color: #0090bc;
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    margin: 0 !important;
    padding: 7px;
    border: 1px solid #068db6;
    border-radius: 5px;
}

    .styled-button:hover, .styled-button:focus{
        background-color: #286090;
        border-color: #204d74;
        color: #ffffff;
        text-decoration: none;
    }

    .arrow img {
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
    }

.more-info-text {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.defaultSection h2 {
    line-height: 50px;
    color: #585858;
    margin-bottom: 32px;
    text-align: center;
}

.topic-block {
    margin: auto;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

a.blu_col, a.gre_col, a.org_col {
    color: #fff;
    font-size: 18px;
    line-height: 41px;
    height: 41px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    font-weight: bold;
    width: 30%;
    text-align: center;
}

a.blu_col {
    background: #86cddb;
}

a.gre_col {
    background: #bbce00;
}

a.org_col {
    background: #d8bc7f;
}

.anchorMargin{
    margin-top:-50px;
}

.popover{
    width:400px;
}

#my_happiness_cont {
    text-align: center;
    padding: 40px 0;
}
/********************* Contact Form *******************/

.contact_form label {
    font-weight: normal;
    font-size: 15px;
    display: inline;
    margin-bottom: 15px;
}

.contact_form #privacyPolicy {
    width: 20px;
    margin-bottom: 0px;
}

.contact_form label span {
    vertical-align: middle;
}

.contact-form-info{
    font-size:15px;
    margin-top:25%;
}

.contact-form-info a{
    font-size:13px;
}

.contact-form-info ul{
    margin-left:25px;
}
/********************* subscribe Form *******************/
#subscribe-form label {
    font-weight: normal;
    font-size: 15px;
    display: inline;
    margin-bottom: 15px;
}

#subscribe-form label span {
    vertical-align: middle;
}

/********************* Header Section *******************/
#top_header {
    position: absolute;
    top: 0;
    /*background: url(/img/banner/header.webp);*/
    background: url(/img/banner/header.jpg);
    background-size: 100%;
    background-position-y: top;
    z-index: 9;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

.staging #top_header {
    background-image: url(/img/banner/bannerbovenaan_staging.png);
}

    #top_header h4#logo {
        margin: 15px 0 55px 0;
        padding-left: 50px;
    }

#header_right {
    float: right;
    padding-right: 50px;
    width: 100%;
}


.top_menu ul {
    margin: 0;
}

    .top_menu ul li {
        list-style: none;
        margin: 0 10px;
        float: right;
    }

        .top_menu ul li a {
            padding: 0 30px;
            text-decoration: none;
        }

            .top_menu ul li a:hover {
                color: #ffd65d;
            }

.top_menu_sec ul {
    margin: 0;
}

    .top_menu_sec ul li {
        list-style: none;
        background-image: linear-gradient(180deg, #193762 -14%, #0090bc 10%);
        background-size: auto 100%;
        margin: 0 10px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        float: right;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

        .top_menu_sec ul li a {
            color: inherit;
            padding: 0 30px;
            display: inline-block;
            text-decoration: none;
        }

            .top_menu_sec ul li a:hover  {
                color: #0090BE;
            }

        .top_menu_sec ul li:hover {
            background-image: linear-gradient(180deg, #ac9238 -14%, #ffd65d 10%);
            text-decoration: none;
            color: #0090BE;
        }

        .top_menu_sec ul li.home-li {
            float: left;
            position: absolute;
            left: -30%;
        }
        .top_menu_sec ul li.home-li-myvaya {
            float: left;
            position: absolute;
            left: -45%;
        }


.header_btn {
    background-image: linear-gradient(180deg, #193762 -14%, #0090bc 10%);
    background-size: auto 100%;
    margin: 0 10px;
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    float: right;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .header_btn:hover {
        background-image: linear-gradient(180deg, #ac9238 -14%, #ffd65d 10%);
        background-size: auto 100%;
    }

    .header_btn a {
        color: #fff;
    }

        .header_btn a:hover {
            text-decoration: none;
            color: #0090BE;
        }

.navbar {
    min-height: inherit;
    margin: 0px;
    border: none;
    margin-top: 10px;
    float: right;
    display: inline-block;
    margin-bottom: 20px;
}

.navbar-nav {
    text-align: center;
    float: inherit;
}

.navbar ul li {
    display: inline-block;
    float: inherit;
    line-height: 8px;
    background: url(/img/banner/line_menu.png) no-repeat right center;
    position: relative;
}

    .navbar ul li a {
        /*font-family: 'castw01-regularregular';*/
        color: #fff;
        font-size: 24px;
        line-height: 18px;
        margin: 0 25px;
        display: inline-block;
        padding: 12px 0;
        border-bottom: 1px solid transparent;
    }

    .navbar ul li:last-child {
        background: none;
    }

        .navbar ul li:last-child a {
            margin-right: 10px;
        }

    .navbar ul li a:hover, .navbar ul li a:focus, .navbar ul li:hover > a {
        background: none;
        color: #ffd65d;
        border-bottom: 1px solid #ffd65d;
    }

    .navbar ul li a.active {
        background: none;
        color: #ffd65d;
        border-bottom: 1px solid #ffd65d;
    }

.navbar ul ul {
    display: none;
}

.navbar ul li:hover ul {
    display: block;
    position: absolute;
    top: 43px;
    left: 25px;
    list-style: none;
    text-align: left;
}

.navbar ul ul li {
    background: none;
    float: none;
    display: block;
    margin: 0;
}

    .navbar ul ul li a {
        background: #124671;
        height: 40px;
        line-height: 40px;
        display: block;
        border-top: 1px solid #124671;
        border-bottom: 1px solid #ffd65d;
        color: #fff;
        white-space: nowrap;
        padding: 0 20px;
        margin: 0;
        font-size: 20px;
    }

        .navbar ul ul li a:hover {
            background: #124671;
            border-top: 1px solid #124671;
            border-bottom: 1px solid #ffd65d;
            text-decoration: none;
        }

    .navbar ul ul li:last-child a {
        margin-right: 0;
    }


.phone-number-banner {
    position: absolute;
    left: 30%;
    top: 30%;
    z-index: 1000000;
}

.phone-number-banner img{
    width:60%;
}

.page-content {
    padding-top: 250px;
}

/*Cookie banner*/
.cookie_banner {
    position: fixed;
    background-color: #DADADA;
    text-align: center;
    bottom: 0;
    left: 0px;
    height: auto;
    width: 100%;
    /*padding: 2% 2% 2% 2%;*/
    font-weight: 500;
    z-index: 10000000;
}

    /*.cookie_banner p {
        font-size:15px;
    }*/
    .cookie_banner h3, h5 {
        color: #1295BF;
    }

.cookie_banner_button {
    width: 20em;
    height: 2em;
    background-image: linear-gradient(to right, #F0F0F0, white);
    border-radius:0;
    position: relative;
}

.cookie-agree {
    float: left;
    height: 2em;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.cookie-accept {
    position: absolute;
    top: -3px;
    right: 25px;
}

.cookie-body {
    padding: 2% 0% 0% 0%;
    height: 230px;
}

.cookie-seperator {
    width: 100%;
    position: absolute;
    left: 20%;
    top: -7px;
    margin: 0;
    border-top: 8px solid #1295BF;
}

.cookie_banner a {
}

    .cookie_banner a:hover {
        color: #952551;
    }

.cookie_banner .cookie_banner_link_policy a:hover {
    font-weight: 600;
}

.cookie_banner a:active {
    color: #952551;
}

.cookie-text {
    position:absolute;
    bottom:20%;
    right:15%;
}

.cookie-img {
    width: 11%;
    position: absolute;
    bottom: 0;
    left:5%;
}
/********************* Banner Section *******************/
#banner {
    position: relative;
}

#banner.padding-top {
    padding-top: 30px;
}

    #banner img {
        width: 100%;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

.homepage_clubs .hs_top_cont h3 {
    margin-top: 25px;
}

/********************* My Happiness Section *******************/
#my_happiness {
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 50px 0;
    background: rgba(255, 255, 255, 0.84);
    width: 100%;
    text-align: center;
}

    #my_happiness h2 {
        line-height: 42px;
        color: #106b93;
        margin-bottom: 20px;
    }

    #my_happiness p {
        font-size: 25px;
        line-height: 32px;
        color: #231f20;
    }

/********************* service box Section *******************/

#box_section { padding: 60px 0; }

.box_in ul { list-style: none; }

.box_in ul li {
    display: block;
    width: 33%;
    padding: 0 14px;
    float: left;
}

.space { position: relative; }

.space a h5 {
    position: absolute;
    top: 4px;
    text-align: center;
    font-size: 21px;
    line-height: 25px;
    font-weight: bold;
    width: 100%;
    color: #fff;
}

/************************ Newsletter ****************************/
#newsletter_blk {
    background: url(/img/pages/myhappiness/background_Send.png) no-repeat top center;
    background-size: cover;
    padding: 60px 0;
}

.news_left h2 {
    line-height: 42px;
    color: #008CB7;
    font-weight: normal;
    background: url(/img/pages/myhappiness/pijl.png) no-repeat right center;
    background-size: 49px;
    padding-left: 15px;
    margin-bottom: 0;
}

.news_mid p {
    font-size: 21px;
    color: #141011;
    line-height: 26px;
    margin-bottom: 0;
}

.news_btn {
    float: right;
}

a.mail_btn {
    background: url(/img/pages/read_btn.png) repeat-y top center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px;
    display: inline-block;
    border-radius: 4px;
    width: 120px;
    text-align: center;
    margin-right: 18px;
}

    a.mail_btn:last-child {
        margin-right: 0;
    }

    a.mail_btn:hover {
        text-decoration: none;
        color: #ffd65d;
    }

/***************************** Footer ***************************/
#footer {
/*    background-image: url('../img/Footer/FooterBoogNew.png');
    background-size: cover;*/
    padding: 60px 0px 30px 0px;
    text-align: center;
    z-index: 999;
    background-repeat: round;
    position:relative;
}

#footer .container {
    margin-top: 40px;
}

.footer_social a.fb {
    font-size: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    margin-right: 10px;
}

.footer_social a.insta {
    font-size: 27px;
    color: #fff;
    line-height: 27px;
}

.footer_social {
    margin-bottom: 15px;
}

    .footer_social a.fb:hover {
        border: 2px solid #ffd65d;
    }

    .footer_social a:hover {
        color: #ffd65d;
    }

#footer p, #footer p a {
    font-size: 16px;
    line-height: 28px;
    color: black;
    margin-bottom: 12px;
}

    #footer p span {
        padding: 0 4px;
    }

    #footer p a:hover {
        color: #ffd65d;
        text-decoration: none;
    }

/*.top_menu.footer_button {
    float: none;
    display: inline-block;
    margin: 10px 0;
}*/
.footer_button {
    display: inline-block;
}

    .footer_button ul li {
        border: 1px solid #ffd65d;
        background: none;
        color: #fff;
        list-style: none;
        text-decoration: none;
        width: auto;
        display: inline-block;
    }

        .footer_button ul li a {
            line-height: 50px;
            color: #fff;
            padding: 0 30px;
            font-size: 16px;
            text-decoration: none;
        }

            .footer_button ul li a:hover {
                color: #ffd65d;
                text-decoration: none;
            }

.soc_media_footer {
    width: 13vw;
    display: flex;
}

.soc_med_footer img {
    width: 25px;
    margin: 0 15px;
    display: inline;
}

#footer ul {
    color: black;
    margin-left: 25px;
    font-size: 16px;
}

.footer-content {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 600px;
    /*font-size: 10px;*/
}

#footer .footer-line p, #footer .footer-line p a {
    font-size: 14px;
    color: #858585;
}
.vaya-line-header {
    position: absolute;
    top: 88px;
    height: 7px;
    z-index: 999;
    left: calc(50% - 980px / 2);
    right: calc(50% - 980px / 2);
}

.vaya-line-header > img {
    width: 980px;
    height: 7px;
    display: block;
}

.vaya-line-footer > img {
    width: 980px;
    height: 7px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/******************  Inner page *********************/

.inner_page_section {
    margin-bottom: 60px;
}

    .inner_page_section h2 {
        line-height: 42px;
        color: #106b93;
        margin-bottom: 20px;
    }

    .inner_page_section p {
        font-size: 18px;
        line-height: 24px;
        color: #231f20;
        margin-bottom: 25px;
    }

    .inner_page_section ul {
        margin-left: 15px;
    }

        .inner_page_section ul li {
            color: #585858;
            font-size: 18px;
            margin-bottom: 15px;
            line-height: 22px;
        }

    .inner_page_section .text-danger ul li {
        color: red !important;
    }
/*  Inner Page
-----------------------------------------------------  */
#cover_sec.inner_header {
    margin: 0;
}

.inner_header #top_header {
    position: static;
    margin-bottom: 20px;
}
/* Blocks Section
-----------------------------------------------------  */

#blocks-container {
    color: #231f20;
}

.featured-title {
    margin: 0;
}

#blocks-container .blocks_li {
    padding: 0;
    height: 350px;
    cursor: pointer;
}

.blocks_li img {
    object-fit: cover;
    height: 300px;
    min-height: 300px;
}

#blocks-container .blocks_li h5 {
    display: flex;
    justify-content: space-around;
    height: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    padding: 0 10px;
    flex-flow: column;
}

#blocks-container .close_button {
    opacity: 0.7;
    width: 0.7em;
    height: auto;
}

.popup-panel {
    display: none;
    margin-left: 25px;
}

.popup-panel-visible {
    display: block !important;
    color: #585858;
    margin-left: 0;
}

    .popup-panel ul {
        list-style-position: inside;
    }

    .popup-panel .img-container {
        padding: 0px 5px 0px 0px;
        border-bottom-left-radius: 50px;
    }
        .popup-panel .img-container img {
            border-bottom-left-radius: 50px;
        }


    .popup-panel .text-container {
        border-top-right-radius: 50px;
        background-color: #f8f8f8;
        padding: 20px;
    }

.popup-panel h2.popupAccommodationTitle {
    font-size: 36px !important;
    font-weight: 400 !important;
    color: #585858;
    line-height: 44px !important;
}

.popup-panel .text-container h1 {
    font-size: 36px;
    color: #585858;
    font-weight: 400;
}

#blocks-container .popup-panel .text-container ul {
    padding-left: 2.5em;
}

#blocks-container .popup-panel .text-container ul, #blocks-container .popup-panel .text-container li {
    width: initial;
    text-decoration: initial;
    list-style: initial;
}

#blocks-container .popup-panel .text-container * {
    float: initial;
}

.close-button {
    height: 17px;
    position: absolute;
    right: 30px;
    top: 30px;
}

.popup-panel .book-now {
    outline: none;
}

.book-now:hover, .book-now:focus {
    text-decoration: none;
    border-color: transparent;
}

.popup-title {
    max-width: 90%;
}

.popup-panel a.book-now {
    text-decoration: none;
    color: white;
    /*text-transform: uppercase;*/
    font-size: 20px;
}

.popup-panel a.book-now:hover {
    text-decoration: none;
    color: white;
    /*text-transform: uppercase;*/
}

.clickable {
    cursor: pointer;
}
/*B2B/ORG/IMPACT BLOCKS */
/*Image Left*/
.flex_container, .flex_container-sm {
    display: flex;
}

.block_item_image {
    overflow-x: hidden;
    width: 100%;
    height: auto;
}

.block_item_image_left {
    border-bottom-left-radius: 50px;
}

.block_item_image_container {
    padding-left: 0;
    align-items: stretch;
    overflow: hidden;
}

.block-item-img-right .block_item_image_container {
    padding-left: 15px;
    padding-right: 0;
}

.block-item-img-left, .block-item-img-right {
    margin-top: 25px;
}

.block_item_text {
    background-color: #f8f8f8;
    padding: 45px;
    line-height: 26px;
    color: #585858;
    align-items: center;
    justify-content: center;
    display: flex;
}

.block_item_text_right {
    border-top-right-radius: 50px;
    text-align: left;
}

.block_item_text_left {
    border-bottom-left-radius: 50px;
    text-align: right;
}

.block_division_infolinks {
    padding: 0;
    margin-top: 12px;
}

    .block_division_infolinks p {
        font-size: 20px;
    }

.block_division_links {
    margin-top: 24px;
    text-align: right;
}

.block_division_links_left {
    margin-top: 16px;
    text-align: left;
}
/*image right*/
.block_item_image_right {
    border-top-right-radius: 50px;
}

.block_item_image_container_right {
    padding-right: 0;
    align-items: stretch;
    overflow: hidden;
}

    .block_item_image_container_right img, .block_item_image_container img {
        overflow-x: hidden;
        width: 100%;
        height: auto;
    }

.block_item_text_right {
    background-color: #f8f8f8;
    /*padding: 20px;*/
    color: #585858;
}

.block_division_infolinks {
    padding: 0;
    margin-top: 12px;
}



.block-scheduler {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

.h_impact_sec {
    margin-bottom: 20px;
}

.medium-text {
    font-size: 17px;
}

.large-text {
    font-size: 20px;
}

.slideShow.media-gallery {
    position: relative;
}

/*  Banner Home Page 
-----------------------------------------------------  */
.space_sec {
    padding: 0 50px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.h_banner_wrapper {
    display: flex;
    justify-content: space-around;
}

#h_banner_cont {
    max-width: 1500px;
    width: 95vw;
    /*left: calc(2% + ((100vw - 100%) / 2));*/
    position: absolute;
    /*left: 5%;*/
    top: 200px;
}

    #h_banner_cont img#hb_img_maak {
        float: right;
        max-width: 200px;
        width: 10vw;
    }

    #h_banner_cont img#hb_img_waar {
        float: left;
        width: 450px;
        margin: 0 0 0 10px;
    }


/*  Service Home Page 
-----------------------------------------------------  */
.homepage_clubs, .resto {
    display: block;
}

.homepage_clubs_mobile, .resto_mobile {
    display: none;
}

.h_service_inner {
    text-align: center;
    position: relative;
    margin-top: -450px;
    margin-bottom: 100px;
}

.hs_top_cont {
    padding-top: 8%;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}

    .hs_top_cont img {
        margin-bottom: 5px;
    }

    .hs_top_cont h3 {
        margin-top: 0;
        font-size: 32px;
        text-transform: uppercase;
        line-height: 36px;
        color: #00739f;
        font-weight: 600;
        margin-bottom: 0;
    }

    .hs_top_cont h5 {
        font-size: 26px;
        text-transform: uppercase;
        line-height: 28px;
        color: #00739f;
        font-weight: 400;
        margin: 0;
    }

        .hs_top_cont h5:after {
            content: " ";
            height: 2px;
            width: 20px;
            background: #00739f;
            vertical-align: super;
            display: inline-block;
            margin-left: 12px;
        }

        .hs_top_cont h5:before {
            content: " ";
            height: 2px;
            width: 20px;
            background: #00739f;
            vertical-align: super;
            display: inline-block;
            margin-right: 12px;
        }

.h_service_inner h4 {
    position: absolute;
    bottom: 5px;
    text-align: left;
    width: 100%;
    left: 5%;
    font-size: 28px;
    line-height: 38px;
    color: #183b66;
    font-weight: 600;
}

/*  Page Content Block
-----------------------------------------------------  */
.content_block {
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

    .content_block h2 {
        line-height: 44px;
    }

    .content_block p {
        font-size: 20px;
        line-height: 30px;
    }

        .content_block p span {
            font-weight: 600;
        }

/*  Welcome Home Page 
-----------------------------------------------------  */
#h_wel_sec {
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

    #h_wel_sec h2, #h_wel_sec h1 {
        line-height: 44px;
        color: #585858;
    }

    #h_wel_sec p {
        font-size: 20px;
        line-height: 30px;
        color: #585858;
    }

        #h_wel_sec p span {
            font-weight: 600;
        }

/* Events */
.event {
    min-height: 600px;
}

    .event .h_org_center {
        min-height: 595px;
    }

.club-events {
    margin-top: 50px;
}

.defaultBg {
    background: url(/img/pages/home_index/omarm_Background.png) no-repeat center bottom;
    background-size: cover;
    padding-bottom: 80px;
}

.page-content .collapse *, .page-content .collapsing * {
    color: white !important;
}

.page-content .collapse p:last-child, .page-content .collapsing p:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.page-content .collapse, .page-content .collapsing {
    background: url(/img/event_bg_top.jpg) repeat-y;
    margin: 0 -15px;
    position: relative;
    /* top: 116px; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}

#cover_sec .collapse .col-lg-12.box {
    height: 500px;
    border-radius: 0px 50px 0px 0px;
    background-color: white;
    margin-bottom: 20px;
}

.event-cover-overlay {
    background: url(/img/Overlay.png) no-repeat;
    margin: 0 -15px;
    height: 400px;
    position: relative;
    top: -10px;
    z-index: 0;
}

.event-title {
    position: relative;
    z-index: 5;
    padding-top: 25px;
    padding-bottom: 0px;
    background: url(/img/event_bg_top.jpg) repeat-y;
    margin: 0 -15px;
    text-align: center;
}

    .event-title h2 {
        color: #fff;
        font-size: 34px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .event-title p {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
    }

.event-cover-image {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: -1;
}

/* My Interests */

.my-interests-block {
    color: #585858;
    margin-bottom: 25px;
}

.my-interests-row.col-md-12, .my-interests-row.col-lg-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.my-interests-block.col-md-3, .my-interests-block.col-lg-3 {
    padding-left: 2px;
    padding-right: 2px;
}

.my-interests-description {
    background-color: #f8f8f8;
    background-size: cover;
    color: #585858;
    display: flex;
    justify-content: space-around;
    height: 110px;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    padding: 0 10px;
    flex-flow: column;
}

.my-interests-image {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    -moz-filter: contrast(80%) grayscale(10%);
    -ms-filter: contrast(80%) grayscale(10%);
    -webkit-filter: contrast(80%) grayscale(10%);
    filter: contrast(80%) grayscale(10%);
    min-height:110px;
}

.my-interests-block .styled-button {
    cursor: pointer;
    margin: auto;
    display: block;
    text-align: center;
    background: none;
    background-color: #0990be;
}

.my-interests-block .styled-button.disabled { cursor: not-allowed; }

.my-interests-block .styled-button:hover { background-color: #3AA6CB }

/* MVO */
.thema {
    padding: 20px;
}

#mvo-intro {
    width: 100%;
    max-width: 1000px;
}

#mvo-intro h2 { margin-top: 30px; }

#events-block { margin-top: 125px; }

#mvo-intro div {
    text-align: center;
}

#mvo_content {
    padding-top: 50px;
}

.blocks_li {
    cursor: pointer;
}

.mvo_blocks_li {
    cursor: pointer;
    list-style: none;
    float: left;
    vertical-align: top;
    margin-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 0;
}

.mvo_blocks_li img {
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    height: 300px;
    -moz-filter: contrast(90%) grayscale(10%);
    -ms-filter: contrast(90%) grayscale(10%);
    -webkit-filter: contrast(90%) grayscale(10%);
    filter: contrast(90%) grayscale(10%);
}

#mvo-content {
    padding-top: 100px;
}

.mvo_blocks_li.col-md-6 img {
    height: 450px;
}

.mvo_blocks_li:hover img {
    -moz-filter: grayscale(0) contrast(100%);
    -ms-filter: grayscale(0) contrast(100%);
    -webkit-filter: grayscale(0) contrast(100%);
    filter: grayscale(0) contrast(100%);
}

.mvo_blocks_li h5 {
    background-size: cover;
    text-align: center;
    font-size: 20px;
    background-color: #f8f8f8;
    background-size: cover;
    color: #585858;
    margin: 0;
    padding-left: 8px;
    line-height: 50px;
    max-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*  Photos Home Page 
-----------------------------------------------------  */
#h_gal_sec {
    margin-top: 120px;
    background-size: cover;
    max-width: 1920px;
    padding:0px 50px;
}

    #h_gal_sec ul li {
        list-style: none;
        float: left;
        width: calc(25% - 5px);
        vertical-align: top;
        margin-right: 5px;
        margin-bottom: 5px;
    }

.blocks_li {
    list-style: none;
    float: left;
    width: calc(25% - 5px);
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
}

img.hover-effect {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    -moz-filter: contrast(80%) grayscale(10%);
    -ms-filter: contrast(80%) grayscale(10%);
    -webkit-filter: contrast(80%) grayscale(10%);
    filter: contrast(80%) grayscale(10%);
}

img.hover-effect:hover {
    -moz-filter: grayscale(0) contrast(100%);
    -ms-filter: grayscale(0) contrast(100%);
    -webkit-filter: grayscale(0) contrast(100%);
    filter: grayscale(0) contrast(100%);
}

/* Gray Scale */
    .blocks_li img, .defaultBg ul li a img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        width: 100%;
        -moz-filter: contrast(80%) grayscale(10%);
        -ms-filter: contrast(80%) grayscale(10%);
        -webkit-filter: contrast(80%) grayscale(10%);
        filter: contrast(80%) grayscale(10%);
    }

    .blocks_li:hover img, .defaultBg ul li a:hover img {
        -moz-filter: grayscale(0) contrast(100%);
        -ms-filter: grayscale(0) contrast(100%);
        -webkit-filter: grayscale(0) contrast(100%);
        filter: grayscale(0) contrast(100%);
    }

    .blocks_li h5, .defaultBg ul li a h5 {
        background-size: cover;
        text-align: center;
        font-size: 20px;
        background-color: #f8f8f8;
        background-size: cover;
        color: #585858;
        margin: 0;
        padding-left: 8px;
        line-height: 50px;
    }
/*Unique Selling Points*/
.usps_overview {
    display: flex;
    flex-wrap: wrap;
}

    .usps_overview li {
        display: flex;
    }

.usp_content {
    display: flex;
    flex-direction: column;
}


.usps_overview img {
    object-fit: contain;
}

.usps_overview h5 {
    display: flex;
    justify-content: space-around;
    flex-flow: column;
}

/*  Specials Home Page 
-----------------------------------------------------  */
#h_special_sec {
    margin-top: 125px;
    text-align: center;
    left: 0;
    padding: 0 50px;
}

#special_title_sec {
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

    #special_title_sec h2 {
        line-height: 50px;
        color: #585858;
        margin-bottom: 32px;
    }

        #special_title_sec h2.noMargin {
            margin: 0;
        }

    /*#special_title_sec h2:after {
            content: "";
            padding: 50px;
        }*/

    #special_title_sec p {
        font-size: 20px;
        line-height: 30px;
        color: #585858;
        margin-bottom: 40px;
    }

ul.special_inner_top li {
    list-style: none;
    float: left;
    width: 28.5%;
    position: relative;
}

ul.special_inner_bottom li {
    list-style: none;
    float: right;
    width: 28.5%;
    margin-top: -70px;
    margin-bottom: 80px;
    position: relative;
}

h3.special_col {
    position: absolute;
    text-align: center;
    bottom: 60px;
    width: 100%;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

    h3.special_col.col_one {
        color: #bbce00;
    }

    h3.special_col.col_two {
        color: #ffd753;
    }

    h3.special_col.col_three {
        color: #86cddb;
    }

    h3.special_col.col_four {
        color: #86cddb;
    }

    h3.special_col.col_five {
        color: #d8bc7f;
    }

    h3.special_col.col_six {
        color: #ffd753;
    }

    h3.special_col span#rotate {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        position: absolute;
        font-size: 20px;
        text-align: center;
        left: 45.5%;
        bottom: 1px;
    }

    h3.special_col span#rot_outer {
        width: 11px;
        display: inline-block;
    }

/*  Event Home Page 
-----------------------------------------------------  */

.h_event_sec, .block_sec {
    text-align: center;
    margin-top: 125px;
    padding:0px 50px;
}

.h_event_top {
    background: url(/img/pages/home_index/event_bg_top.jpg) repeat-y;
    margin: 0 -15px;
    padding: 80px 230px 20px 230px;
    text-align: center;
}

    .h_event_top h2 {
        color: #fff;
        line-height: 45px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
    }

    .h_event_top p {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
    }

.h_event_center {
    background: url(/img/pages/home_index/event_bg_center.jpg) no-repeat center top;
    background-size: 100% auto;
    padding-bottom: 50px;
    margin: 0 -15px;
}

.h_event_detail_center {
    background-position: center;
    background-size: 100% auto;
    padding-bottom: 50px;
    margin: 0 -15px;
}

.event_center_cont {
    width: 481px;
    float: right;
    margin-right: 50px;
    position: relative;
    z-index: 999;
}

ul.event_cont_inner {
    background: url(/img/pages/home_index/event_center_sec.png) repeat-y center bottom;
    padding: 0 20px 0 10px;
    margin-bottom: 0;
    list-style: none;
}

    ul.event_cont_inner li {
        font-size: 14px;
        line-height: 22px;
        color: #585858;
        margin-left: 30px;
        text-align: justify;
        /*font-family: 'Montserrat', sans-serif;*/
        font-weight: 400;
        list-style: none;
    }

.event_cont_top {
    background: url(/img/pages/home_index/event_top_sec.png) no-repeat center right;
    height: 156px;
}

.event_cont_bottom {
    background: url(/img/pages/home_index/event_bottom_sec.png) no-repeat right top;
    height: 56px;
}

.h_event_bottom {
    padding: 0 50px;
    background: url(/img/pages/home_index/background_Send.png) no-repeat center top;
    background-size: cover;
    padding: 50px;
    margin: 0 -15px 50px -15px;
}

    .h_event_bottom.h_impact_bottom {
        margin-bottom: 0px;
    }

    .h_event_bottom h5 {
        font-size: 46px;
        line-height: 36px;
        color: #183a65;
        background: url(/img/pages/home_index/pijl.png)no-repeat center right;
        padding: 0 9px;
        text-align: right;
        background-size: 50px;
        padding-right: 67px;
        margin-bottom: 0;
    }

    .h_event_bottom ul li {
        list-style: none;
        float: right;
        width: 29%;
        margin: 0 10px;
    }

    .h_event_bottom p {
        font-size: 24px;
        line-height: 32px;
        margin-left: 50px;
        text-align: left;
    }

button.blu_col, button.gre_col, button.org_col, .theme-button {
    color: #fff;
    font-size: 18px;
    line-height: 41px;
    height: 41px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    font-weight: bold;
    width: 30%;
    text-align: center;
    border-style: none;
}

.theme-button {
    min-width: 175px;
}

.h_org_sec {
    margin-top: 125px;
    text-align: center;
    padding:0px 50px;
}

.h_impact_sec {
    text-align: center;
    max-width: 1500px;
    display: none !important;
}

.h_org_center {
    min-height: 455px;
}

.h_event_center.h_org_center {
    background: url(/img/pages/home_index/organisaties_bg_center.jpg) no-repeat center top;
    background-size: 100% auto;
    padding-bottom: 50px;
    margin: 0 -15px;
}

h5#cup_img {
    position: absolute;
    bottom: 30%;
    left: 2%;
    z-index: 99;
}


.usps_overview {
    margin-left: 15px;
    margin-bottom:0px;
}

.usp_li {
    padding: 0;
}

    .usp_li.mod4 {
        vertical-align: top;
        margin-right: 5px;
        margin-bottom: 5px;
        list-style: none;
        width: calc(25% - 5px);
    }

    .usp_li.mod3 {
        vertical-align: top;
        margin: 0 5px 5px 0;
        list-style: none;
        width: calc((100% / 3) - 10px);
    }

    .usp_li img {
        width: 100%;
    }

    .usp_li h5 {
        text-align: center;
        font-size: 20px;
        margin: 0;
        padding-left: 8px;
        line-height: 50px;
    }

        .usp_li h5:not(.popupAccommodationTitle) {
            background-color: #f8f8f8;
            background-size: cover;
            color: #585858;
        }

.usps_ul .popup-panel .text-container {
    padding-top: 0;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.restaurant-text {
    max-width: 92%;
}

.restaurant-notifications .notifications {
    margin-left: 0;
    margin-right: 0;
}

.slider-accommodation .slick-slide, .slider-restaurants .slick-slide {
    width: 100%;
    height: auto;
    margin: 5px;
}

.slider-accommodation .slick-slide .accommodation_img, .slider-restaurants .slick-slide .restaurant_img {
    display: block !important;
}

.slider-restaurants {
    margin-top:2%;
}

h2, #h_wel_sec h1 {
    text-align: center;
    padding-bottom: 1em;
}

.slick-slider:not(.no-lazy-loader) .slick-slide {
    background: rgba(0, 0, 0, 0.5);
}

.slick-loading {
    background: rgba(0, 0, 0, 0.5) url('/img/loader.gif') no-repeat center;
}

.slick-slide a {
    display: block !important;
}

.usps_overview .slick-active .slick-loading {
    min-height: 279.05px;
}

.slick-slide img {
    cursor: pointer;
}

.slick-dots {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
}

    .slick-dots li {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
    }

        .slick-dots li button {
            font: 0/0 a;
            text-shadow: none;
            color: transparent;
            opacity: 0.6;
            border: none;
            width: 15px;
            height: 15px;
            border-radius: 50%;
        }


        .slick-dots li.slick-active button {
            opacity:1;
        }

        .slick-dots li :hover {
            opacity:1;
        }

/* Custom Arrow */
.accommodation-slick-nav.prev-slick {
    color: #999;
    position: absolute;
    top: 38%;
    left: -2em;
    font-size: 1.5em;
}

    .accommodation-slick-nav.prev-slick :hover {
        cursor: pointer;
        color: #585858;
    }

.accommodation-slick-nav.next-slick {
    color: #999;
    position: absolute;
    top: 38%;
    right: -2em;
    font-size: 1.5em;
}

    .accommodation-slick-nav.next-slick :hover {
        cursor: pointer;
        color: #585858;
    }

.container-accommodation-img {
    position: relative;
    color: #585858;
}
    .container-restaurants-img {
        position: relative;
        color: #585858;
    }


.accommodation-title {
    position: absolute;
    bottom: 32%;
    background-color: lightgray;
    opacity: 0.8;
    padding-left: 0.5em;
    font-weight: bolder;
    padding-right: 1em;
}

.accommodation-persons {
    position: absolute;
    bottom: 20%;
    background-color: lightgray;
    opacity: 0.8;
    padding-left: 0.5em;
    padding-right: 1em;
}

.accommodation-rooms {
    position: absolute;
    bottom: 8%;
    background-color: lightgray;
    opacity: 0.8;
    padding-left: 0.5em;
    padding-right: 1em;
}

.slideShow .prev {
    transform: rotate(90deg);
    background: none;
    left: 15px;
    outline: none;
    border: none;
    opacity: 1;
}

.slideShow .next:not(.accomodation-modal-next) {
    transform: rotate(-90deg);
    background: none;
    outline: none;
    right: 15px;
    border: none;
    opacity: 1;
}

/************************   Impact   ***********************/
.h_event_center.h_org_center.h_impact_center {
    background: url(/img/pages/home_index/event_bg_center.jpg) no-repeat center top;
    background-size: 100% auto;
    padding-bottom: 50px;
    margin: 0 -15px;
}
/* Sports block*/
/*.block_sec {
    margin-top: 35px;
}*/

/*.book_top_menu {
    position: fixed;
    z-index: 9999;
}*/

/*.book_top_menu ul {
    margin: 0
}*/

.impersonated-user {
    padding: 0 10px;
}

.impersonated-user ul li.impersonateduser_menu_item {
    padding: 0;
    list-style: none;
}

    .impersonated-user ul li.impersonateduser_menu_item:hover, .impersonated-user ul li.impersonateduser_menu_item :hover,
    .impersonated-user ul li.impersonateduser_menu_item a:hover {
        padding: 0;
    }

.impersonated-user ul li.impersonateduser_menu_item > a {
    color: #fff;
    text-decoration: underline;
    padding: 0;
}

.impersonated-user ul li.impersonateduser_menu_item > span {
    margin-right: 5px;
}

/*.book_top_menu:after {
    clear: both;
    background-color: red;
    display: table;
    content: " ";
}*/

/********* Book now frame *************/
#booking-frame {
    width: 100% !important;
    /*height: 600px;*/
    z-index: 100 !important;
    margin: 30px 0px 0px 0px;
    border: none;
    /*border: 1px inset silver;*/
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}
/* kendo scheduler activities */
.activity-template img {
    float: left;
    margin: 0 15px 0 5px;
    height: 80px;
}

.activity-template.activity-dayview img {
    height: 50px;
}

.activity-template.activity-dayview h4, .activity-template.activity-dayview h4 small {
    color: white;
}

.activityscheduler .k-i-reload {
    display: none;
}

span.activity-more-info {
    color: #337ab7;
    text-decoration: underline;
}

    span.activity-more-info:hover {
        cursor: pointer;
    }

.small-container {
    /*max-width: 1240px;*/
    margin: auto;
}

.transparent {
    opacity: 0;
}

.semi-transparent {
    opacity: 0.25;
}

.overlay-collapse {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

body.panel-open .overlay-collapse {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1150;
    background: rgba(25, 55, 98, 0.5);
}

iframe {
    border: none;
}

.toggler-image {
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url('../img/BoekNuKnop.png');
    /*height: 125px;*/
    height: calc(60px * 3 + 2px);
    width: 1.3em;
    font-size: 30px;
}

.menu-book-now {
    border-radius: 0;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    text-align: left;
    border: none;
    padding-left: 30px;
    display: flex;
    align-items: center;
    font-size: 1.25em;
    margin-bottom: 1px;
    /*height: 2.5em;*/
    width: 100%;
}

    .menu-book-now.book-now-quillan {
        background-image: url(../img/BoekNuKnop_Quillan.png);
    }

    .menu-book-now.book-now-oostende {
        background-image: url(../img/BoekNuKnop_Oostende.png);
    }

    .menu-book-now.book-now-houffalize {
        background-image: url(../img/BoekNuKnop_Houffalize.png);
    }

.text-upright {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-lr;
    padding: 10px 5px;
    -moz-transform: rotate(180.0deg); /* FF3.5+ */
    -ms-transform: rotate(180.0deg); /* IE9+ */
    -o-transform: rotate(180.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(180.0deg); /* Safari 3.1+, Chrome */
    transform: rotate(180.0deg); /* Standard */
    letter-spacing: 1px;
    color: white;
    height: 100%;
    text-align: center;
    width: 1.1em;
    font-size:30px;
}

.bootsidemenu-left > .toggler {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: -38px;
    top: 0;
    background-color: transparent;
    border: none;
}

.toggler {
    border: none;
    width: auto;
    /*height: 100px;*/
    position: absolute;
    /*top: calc(50% + 50px);*/
    background-color: transparent;
    box-shadow: none;
}

#container-book-now {
    max-height: 250px;
    top: calc(50% - (75px * 3 / 2));
    background-color: transparent;
    border: none;
    box-shadow: none;
    z-index: 1000;
}

    #container-book-now .callUsSideMenu {
        width: 100% !important;
        display: block;
        text-align: center;
        padding: 10px;
        font-weight: bold;
        color: #fff !important;
        border-radius: 1px;
        height: calc(60px * 3 + 2px);
    }

        #container-book-now .callUsSideMenu a {
            color: white;
            font-size: 1.75em;
            font-weight: normal;
            text-decoration: underline;
        }

/**** Scroll to top ****/
.scrollToTop {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #0090bc;
    right: 20px;
    bottom: 30px;
    text-align: center;
    z-index: 99999;
    display: none;
    bottom:100px;
}

.scrollToTop_Img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
/*.blocks_li, .defaultBg ul li {
    list-style: none;
    float: left;
    width: calc(25% - 5px);
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .blocks_li img, .defaultBg ul li a img {
        width: 100%;
    }

    .blocks_li h5, .defaultBg ul li a h5 {
        background: url(/img/pages/home_index/balkblauw_1.png) no-repeat left top;
        background-size: cover;
        text-align: center;
        font-size: 20px;
        color: #fff;
        margin: 0;
        text-transform: lowercase;
        padding-left: 8px;
        line-height: 50px;
    }*/

/*.arrow {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -55px;
    height: 110px;
    width: 110px;
    z-index: 10;
    margin: 0;
}*/

.scrollToTop img {
    width: 28px;
    height: auto;
    transform: rotate(180deg);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/*.scrollToTop i {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    font:600;
}*/

.modal .modal-dialog .modal-body {
    color: #585858;
}

#modalUsp {
    height: 80%;
    width: 80%;
    margin-left: 10%;
    margin-top: 5%;
}

    #modalUsp img {
        height: 40%;
        width: auto;
    }

#blueimp-gallery-carousel {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}
/* Clubpages*/

.k-state-selected {
    color: rgb(51, 51, 51);
    background-color: #fff;
    border-color: rgb(128, 128, 128);
}

.notification-container .notifications {
    margin-left: 0;
    margin-right: 0;
}

.clubsection {
    left: 0;
    right: 0;
    margin: 0px auto 0px auto;
    padding-top: 40px;
    text-align: center;
    position: relative;
}

.clubsection-title {
    margin-bottom: -100px;
}

.clubsection-detail .section:first-child, .clubsection-detail .small-container {
    margin-top: 160px;
}

.clubsection-detail {
    max-width: 1500px;
}

    .clubsection-detail h3 {
        font-size: 24px; 
        font-weight: 400;
        text-transform: uppercase;
    }

    .clubsection-detail .table-openinghours h3 {
        font-size: 18px;
    }

.clubsection-detail-container {
    margin-top: 160px;
}

.bannertitle {
    position: relative;
    z-index: 2;
}

.titleText {
    left: 50%;
    transform: translate(-50%,0);
    max-width: 1000px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.titleText h2, .titleText h1{
    margin:0;
    padding-bottom: 1em;
}

.clubsection-image {
    max-width: 1920px;
    position: relative;
    height: 63vh;
}

    .clubsection-image.info {
        min-height: 600px;
    }

.lines-cover-overlay {
    left: -1px;
    right: 0;
    top: -1px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 1;
    position: absolute;
}

.more-info {
    background-color: transparent;
    outline: none;
    border: none;
    z-index: 10;
    width: 240px;
    text-transform: uppercase;
}

.clubsection .more-info {
    position: relative;
    bottom: -115px;
}

.more-info h3 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #585858;
    line-height: 0.1em;
    margin: 10px 0 20px;
    color: #585858;
}

        .more-info h3 span {
            background: #fff;
            padding: 0 10px;
        }


    .block-collapse {
        margin-top: 50px;
        margin-bottom: 25px;
    }

.gal-img {
    cursor: pointer;
}

    .arrow {
        position: absolute;
        left: calc(50% - 55px);
        top: -55px;
        border-radius: 50%;
        height: 110px;
        width: 110px;
        margin: 0;
        transition: transform 1s;
    }

    .same-column-height {
        display: flex;
        flex-direction: row;
    }

    .extraInfo:not(.extraInfo.container.in) {
        height: 0px;
    }

    .extraInfo {
        position: relative;
        z-index: 9999;
    }

    /* Removed to use arrows
    .btnSlide {
    height: 3em;
    width: 3em;
    color: #fff;
    border-radius: 3em;
    border: none;
    box-shadow: none;
    padding: 0;
}*/


    .nights-label {
        line-height: 2.25em;
    }

    .displayLeft {
        position: absolute;
        top: 46%;
        left: 6%;
        transform: translate(0%,-50%);
        -ms-transform: translate(-0%,-50%);
    }

    .displayRight {
        position: absolute;
        top: 46%;
        right: 6%;
        transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
    }

    .previewImg {
        display: inline-block;
        width: 100%;
        height: auto;
        object-fit: cover;
        margin: 0;
        padding: 0;
    }

    #wellness_collapse h2 {
        text-align: left;
    }

    .Description-text:not(.table-openinghours) {
        background-color: #f8f8f8;
        margin: 0;
        border-radius: 0px 0px 50px 0px;
    }

    #wellness_collapse p {
        text-align: left;
    }

    .description-text {
        margin: 0;
    }

        .description-text.rounded-right-top {
            border-radius: 0px 50px 0px 0px;
        }

        .description-text.rounded-left-bottom {
            border-radius: 0px 0px 0px 50px;
        }

    .rounded-right-top {
        border-radius: 0px 50px 0px 0px;
    }

    .table-openinghours {
        color: #585858;
    }

        .details-restaurant h3, .table-openinghours h3 {
            text-transform: uppercase;
        }

    .daymenu {
        color: #585858;
    }

    .carousel-control.left {
        background-image: none;
    }

    .carousel-control.right {
        background-image: none;
    }

    .section p {
        margin-bottom: 20px;
    }

    .section .rounded-left-bottom, .block_item_image_container.rounded-left-bottom, .block_item_text.rounded-left-bottom {
        margin-right: 5px;
    }

    .block_item_image_container.rounded-left-bottom {
        padding-right: 0;
    }

    .block_item_image_container_right.rounded-top-right {
        padding-left: 0;
    }

    .swimmingpool-section, .section {
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .section-margin {
        margin-left: 0px;
        margin-right: 5px;
    }

.wellness-section {
    margin-top: 15px;
}

    .day {
        text-align: left;
        color: #585858;
    }

    .time {
        text-align: right;
        color: #585858;
    }

    .dateTime {
        max-width: 320px;
        margin: 0 auto;
        text-align: left;
        padding-bottom: 5px;
    }

    #info h1, #wellness h1 {
        margin-top: 27px;
    }

    .details-restaurant h3 {
        padding-top: 15px;
    }

    .details-restaurant h5 {
        color: white;
    }

    .details-restaurant a {
        color: white;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #bcd000;
    }

    .rounded-left-bottom {
        border-radius: 0px 0px 0px 50px;
    }

        .rounded-left-bottom .previewImg {
            border-radius: 0px 0px 0px 50px;
        }

    .rounded-right-top .previewImg {
        border-radius: 0px 50px 0px 0px;
    }
    /*.swimmingpool.previewImg, .section-image {
    border-radius: 00px 0px 0px 50px;
}

.wellness.previewImg {
    border-radius: 0px 50px 0px 0px;
}*/
    .container-fluid.container-content-width {
        max-width: 1500px;
    }

    .notification {
        margin-bottom: 5px;
    }

    .notification ul{
        padding-left:2rem;
    }

    .notifications {
        /*font-weight: bold;*/
        background-color: #0090BE;
        color: white;
        padding: 5px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

.rounded-right-top .notifications {
    border-radius: 0 20px 0 20px;
    padding-right: 35px;
    margin-bottom: 20px;
}
    /*.rounded-left-bottom .notifications {
    border-radius: 0 0 50px 0;
}*/
.clubNotification, .generalNotification {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    display:block;
    left: 0;
    right: 0;
}
    .clubNotification .notifications, .generalNotification .notifications {
        border-radius: 0 20px 0 20px;
        padding-right: 35px;
        margin-bottom: 20px;
    }

.notifications p {
    color:white;
}

.swimmingpool-section .same-column-height .col-md-5, .section .same-column-height .col-md-5 {
    padding-left: 0;
    padding-right: 0;
}

    .swimmingpool-section td {
        color: #585858;
    }

    .wellness-section .same-column-height .col-md-5 {
        padding-right: 0;
        padding-left: 0;
    }

    .wellness-section td {
        color: #585858;
    }

    .club-title h3 {
        font-size: 24px;
        line-height: 50px;
        color: #585858;
        margin-top: 0;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    /* Search button*/
    .search-button {
        margin-left: 15px;
    }

    /* Slick slider previous, next */
.slick-arrow{
    cursor:pointer;
}

.accommodation-slick-nav.slick-arrow {
    height: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
}

    .accommodation-slick-nav.slick-arrow .glyphicon {
        color: white;
    }

.accommodation-slick-nav.prev-slick.slick-arrow {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    left: -0.5em;
}

.accommodation-slick-nav.next-slick.slick-arrow {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    right: -0.5em;
}

.restaurants-slick-nav.slick-arrow {
    height: calc(100% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    font-size: 1.5em;
    position: absolute;
}

   .restaurants-slick-nav.slick-arrow .glyphicon {
        color: white;
    }

.restaurants-slick-nav.prev-slick.slick-arrow {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    left: -1em;
}

.restaurants-slick-nav.next-slick.slick-arrow {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    right: -1em;
}

    #verblijf_wrap .text-container {
        color: #585858;
        text-align: center;
    }

    .container-accommodation {
        padding-bottom: 25px;
        width: 100%;
        min-height:330px;
    }

    .blueimp-gallery > .next, .blueimp-gallery > .prev, .blueimp-gallery > .close, .blueimp-gallery > .title {
        display: block !important;
    }
    /*New USPS*/
    .usps-popup-panel {
        height: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .usps_slideshow {
        opacity: 0;
        visibility: hidden;
        transition: opacity 750ms ease;
        -webkit-transition: opacity 750ms ease;
    }

        .usps_slideshow.slick-initialized {
            visibility: visible;
            opacity: 1;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .usps_slideshow img:not(.slick-arrow):not(.usp_close_img) {
            width: 85%;
            height: auto;
        }

    .usps_slideshow_thumbnails {
        opacity: 0;
        visibility: hidden;
        transition: opacity 750ms ease;
        -webkit-transition: opacity 750ms ease;
    }

        .usps_slideshow_thumbnails.slick-initialized {
            visibility: visible;
            opacity: 1;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

    .usps_slideshow_thumbnails {
        padding: 0px;
        margin: 0 auto;
        max-width: calc(72.25% - 100px);
    }

#h_special_sec .usps_slideshow .slick-list img:not(.usp_close_img) {
    left: 0;
    right: 0;
    margin: 0 auto;
}

    #h_special_sec .usp_close_img {
        width: auto;
        right: calc(14% + 15px);
        top: 15px;
        height: 20px;
        left: unset;
        position: absolute;
        cursor: pointer;
    }

    #h_special_sec .slick-slide {
        position: relative;
    }

    #h_special_sec .title_container {
        width: 100%;
        max-width: 85%;
    }

    #h_special_sec .close_usp_slideshow {
        margin: 0 auto;
        color: white;
        line-height: 50px;
        background-image: url(../img/pages/home_index/balkblauw_1.png);
        background-size: cover;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        text-align: center;
        justify-content: space-around;
        height: 50px;
        width: 85%;
    }

    #h_special_sec .slick-arrow {
        height: unset;
        display: unset;
        align-items: unset;
        justify-content: unset;
        top: unset;
    }

    #h_special_sec .slick-arrow-prev {
        transform: rotate(90deg);
        left: 14%;
        top: 50%;
        outline: none;
        border: none;
        opacity: 1;
        z-index: 999;
        position: absolute;
        width: 3vw;
    }


    #h_special_sec .slick-arrow-next {
        transform: rotate(-90deg);
        right: 14%;
        top: 50%;
        outline: none;
        border: none;
        opacity: 1;
        z-index: 999;
        position: absolute;
        width: 3vw;
    }

    #h_special_sec .slick-arrow-prev-thumb {
        padding: 0px;
        transform: rotate(90deg);
        width: 2em;
    }

    #h_special_sec .slick-arrow-next-thumb {
        padding: 0px;
        transform: rotate(-90deg);
        width: 2em;
    }

    #h_special_sec .slick-arrow-prev-thumb-div, #h_special_sec .slick-arrow-next-thumb-div {
        outline: none;
        border: none;
        opacity: 1;
        z-index: 999;
        position: absolute;
        background-color: #0090BE;
        width: 50px;
        height: 96%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #h_special_sec .slick-arrow-prev-thumb-div {
        border-bottom-left-radius: 10px;
        left: -50px;
    }

    #h_special_sec .slick-arrow-next-thumb-div {
        border-bottom-right-radius: 10px;
        right: -50px;
    }

    /* Club general*/
    .block-title h2, .block-title h1 {
        margin-bottom: 45px;
        padding-top: 50px;
        /*padding-top: 125px;*/
        padding-bottom: 0;
        text-transform: uppercase;
        text-align: center;
    }

    /* Club rate type buttons */
    .rate-type-block .hs_top_cont {
        top: 40%;
        padding-top: 0;
    }
    
        .rate-type-block .hs_top_cont h3 {
            text-transform: unset;
            color: white;
        }

    .rate-type-block {
        position: inherit;
    }

        .rate-type-block a:not(.invisibleButton ) {
            width: 80% !important;
            position: absolute;
            bottom: 15%;
            text-align: center;
            left: 10%;
            background-image: url('/img/pages/oostende/balkblauw.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding: 5px 0;
            border-radius: 2px;
        }

        .rate-type-block a:hover, .rate-type-block a:focus {
            text-decoration: none;
            outline:none;
        }

    .rate-type-block span {
        color: white;
        font-weight: normal;
        font-size: 1.15em;
    }

    /* Club accommodationtypes*/
    .verblijf_section1 h1 {
        text-align: center;
        padding-top: 125px;
        margin-bottom: 45px;
        text-transform: uppercase;
    }

    .container-restaurants {
        padding-bottom: 25px;
        width: 100%;
    }

    .restaurant-description-openinghours {
        background-color: #f8f8f8;
    }

    #verblijf_wrap .popup-panel {
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left:0px;
    }

    .details-restaurant {
        padding-bottom: 30px;
    }
    /*Slick Lightbox*/
    .slick-lightbox-prev-div {
        background-color: none;
    }

    .slick-lightbox-prev-arrow {
        left: 25px;
        transform: rotate(90deg);
        position: absolute;
        top: 50%;
        z-index: 9999; /*workaround for slick bug in previous arrow*/
    }

    .slick-lightbox-next-div {
        background-color: none;
    }

    .slick-lightbox-next-arrow {
        right: 25px;
        transform: rotate(-90deg);
        top: 50%;
        position: absolute;
    }

    .usps_overview * { /*workaround for slick bug in flex containers -> prevents very wide elements*/
        min-height: 0;
        min-width: 0;
    }

    .slick-slider {
        margin-bottom: -5px;
    }

.no-padding {
    padding: 0;
}

#b_errors, #b_errors_dismissible {
    margin-top: 15px;
}

.myvayamundo-profile, .myvayamundo-login {
    visibility: hidden;
}

/* BELOW ONLY RESPONSIVE STYLE */
/******************   Responsive Style *********************/
@media (min-width: 1920px) {
    #h_banner_cont {
            top: 200px;
        }

            #h_banner_cont img#hb_img_maak {
                width: 200px;
            }

            #h_banner_cont img#hb_img_waar {
                width: 450px;
            }
    }

    @media (min-width: 1801px) and (max-width: 1919px) {
        #banner.padding-top {
            padding-top: 30px;
        }
    }



    @media (min-width: 1701px) and (max-width: 1800px) {
        .cookie-img {
            width:13%;
        }
        #h_banner_cont img#hb_img_maak {
            width: 250px;
        }

        .phone-number-banner {
            left: 32%;
            top: 38%;
        }
        .phone-number-banner img {
            width: 50%;
        }

        #banner.padding-top {
            padding-top: 30px;
        }

        #h_banner_cont img#hb_img_waar {
            width: 450px;
            margin: 0 0 0 10px;
        }

        .h_service_inner {
            margin-top: -310px;
        }

        .navbar ul li a {
            font-size: 22px;
            margin: 0 18px;
        }
    }

    @media (min-width: 1500px) and (max-width: 1700px) {
        .cookie-img {
            width: 13%;
        }
        #h_banner_cont img#hb_img_maak {
            width: 250px;
        }

/*        #top_mob_view #logo img{
            width: 80%;
        }*/

        .phone-number-banner {
            position: absolute;
            left: 28%;
            top: 40%;
        }
            .phone-number-banner img {
                width: 50%;
            }

        #h_banner_cont img#hb_img_waar {
            width: 450px;
            margin: 60px 0 0 10px;
        }

        .h_service_inner {
            margin-top: -275px;
        }

        #banner.padding-top {
            padding-top: 30px;
        }

        .h_event_top {
            padding: 80px 150px 20px 150px;
        }

        .h_service_inner h4 {
            margin: 19px 0 0 0;
        }


        ul.event_cont_inner li {
            font-size: 22px;
            line-height: 29px;
        }

        .h_event_bottom ul li {
            width: 28%;
        }

        .navbar ul li a {
            font-size: 22px;
            margin: 0 18px;
        }

        .hs_top_cont img {
            margin-bottom: 4px;
            width: 60px;
        }

        .hs_top_cont h3 {
            font-size: 30px;
            line-height: 31px;
        }

        .hs_top_cont h5 {
            font-size: 26px;
            line-height: 24px;
        }

        h3.special_col {
            bottom: 53px;
            font-size: 28px;
        }

        .room-info-modal {
            left: 21vw !important;
        }
    }

    @media (min-width: 1300px) and (max-width: 1499px) {
        .cookie-img {
            width: 15%;
            position: absolute;
            bottom: 0;
            left: 5%;
        }

        .phone-number-banner {
            position: absolute;
            left: 28%;
            top: 43%;
        }
            .phone-number-banner img {
                width: 40%;
            }

        #banner.padding-top {
            padding-top: 80px;
        }

        #h_banner_cont img#hb_img_maak {
            width: 221px;
        }

        #h_banner_cont img#hb_img_waar {
            width: 435px;
            margin: 35px 0 0 30px;
        }

        .h_service_inner {
            margin-top: -210px;
        }

        #h_banner_cont {
            top: 160px;
        }

        .h_event_top {
            padding: 80px 120px 20px 120px;
        }

        .h_service_inner h4 {
            bottom: -7px;
            font-size: 22px;
            line-height: 32px;
        }

        ul.event_cont_inner li {
            font-size: 22px;
            line-height: 29px;
        }

        .h_event_bottom ul li {
            width: 28%;
        }

        .hs_top_cont h3 {
            font-size: 28px;
            line-height: 28px;
        }

        .hs_top_cont h5 {
            font-size: 22px;
            line-height: 24px;
        }

        #h_wel_sec h2, .block-title h2 {
            margin-bottom: 30px;
        }

        #h_gal_sec ul li h5 {
            font-size: 19px;
            padding: 8px 5px;
        }

        ul.special_inner_bottom li {
            margin-top: -50px;
            margin-bottom: 60px;
        }

        .hs_top_cont img {
            margin-bottom: 4px;
            width: 46px;
        }

        .hs_top_cont h3 {
            font-size: 24px;
            line-height: 24px;
        }

        .hs_top_cont h5 {
            font-size: 22px;
            line-height: 22px;
        }

        h3.special_col {
            bottom: 40px;
            font-size: 22px;
        }

            h3.special_col span#rotate {
                font-size: 17px;
            }

        .room-info-modal{
            left: 15vw !important;
        }
    }

    @media (min-width: 1200px) and (max-width: 1299px) {
        /*.cookie_banner p {
            font-size: 14px;
            line-height:20px;
        }*/

        .activity-header-img {
            bottom: -19px;
        }
        .phone-number-banner {
            position: absolute;
            left: 27%;
            top: 42%;
        }
            .phone-number-banner img {
                width: 30%;
            }

        .cookie-img{
            width:16%;
        }

        #h_banner_cont img#hb_img_maak {
            width: 221px;
        }

        #h_banner_cont img#hb_img_waar {
            width: 435px;
            margin: 35px 0 0 30px;
        }

        .h_service_inner {
            margin-top: -210px;
        }

        #h_banner_cont {
            top: 120px;
        }

        .h_event_top {
            padding: 80px 120px 20px 120px;
        }

        .h_service_inner h4 {
            bottom: -7px;
            font-size: 22px;
            line-height: 32px;
        }

        ul.event_cont_inner li {
            font-size: 20px;
            line-height: 26px;
        }

        .h_event_bottom ul li {
            width: 32%;
            margin: 0 2px;
        }

        .hs_top_cont h3 {
            font-size: 24px;
            line-height: 22px;
        }

        .hs_top_cont h5 {
            font-size: 22px;
            line-height: 24px;
        }

        #h_wel_sec h2, .block-title h2 {
            margin-bottom: 28px;
        }

        #h_gal_sec ul li h5 {
            font-size: 16px;
            padding: 8px 3px;
        }

        ul.special_inner_bottom li {
            margin-top: -50px;
            margin-bottom: 60px;
        }



        .event_center_cont {
            width: 450px;
        }

        .hs_top_cont img {
            margin-bottom: 4px;
            width: 44px;
        }

        .hs_top_cont h3 {
            font-size: 22px;
            line-height: 22px;
        }

        .hs_top_cont h5 {
            font-size: 20px;
            line-height: 20px;
        }

        h3.special_col {
            bottom: 32px;
            font-size: 20px;
            line-height: 30px;
        }

            h3.special_col span#rotate {
                font-size: 15px;
            }

        .room-info-modal {
            left: 13vw !important;
        }
    }

    @media (min-width: 1200px) and (max-width: 1500px) {        

        #banner.padding-top {
            padding-top: 30px;
        }

            .navbar ul li a {
                font-size: 18px;
                line-height: 18px;
                margin: 0 10px;
            }

        #my_happiness p {
            font-size: 20px;
            line-height: 25px;
            margin-bottom: 0;
        }

        #my_happiness {
            padding: 20px 0;
        }

            #my_happiness h2 {
                margin-bottom: 10px;
            }



        #top_header h4#logo {
            margin: 15px 0 30px;
            padding-left: 50px;
        }

        .top_menu_sec ul li {
            height: 30px;
            line-height: 30px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

            .top_menu ul li a, .top_menu_sec ul li a {
                height: 30px;
                line-height: 30px;
            }

        .top_menu_sec ul li {
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .header_btn {
            height: 30px;
            line-height: 30px;
        }

            .header_btn:hover {
                height: 30px;
                line-height: 30px;
            }

        .header_btn {
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .space_sec {
            padding-left: 100px;
            padding-right: 100px;
        }

        #blocks-container .blocks_li {
            padding: 0;
            height: 250px;
            cursor:pointer;
        }

            #blocks-container .blocks_li h5, #h_special_sec .usps_overview li .usp_content h5 {
                font-size: 18px;
                line-height: 20px;
                height: 40px;
            }

        .blocks_li img {
            object-fit: cover;
            height: 210px;
            min-height: 210px;
        }

        .rate-type-block span {
            font-style:normal;
            font-size: 1em;
        }
    }

@media(min-width: 992px) and (max-width: 1050px) {
    .cookie-text {
        right:7%;
    }
    a .button-link, button.blu_col, button.gre_col, button.org_col {
    margin: 5px auto !important;
    }
}

@media (min-width: 761px) and (max-width: 1199px) {
    .cookie_banner h3, h4 {
        margin-bottom:5px;
    }

    .cookie-body{
        height:250px;
    }

    .cookie-img {
        width: 16%;
    }
    .cookie-text {
    bottom: 26%;
    right:6%;
    }

    .cookie-text p {
        line-height:20px;
    }

    /*.cookie_banner p {
        font-size: 13px;
    }*/
    #footer {
        /*background-image: url('../img/Footer/FooterBoogNew_1199px.png');*/
        padding:1px 0px 30px 0px;
    }

    /*.room-info-modal {
        left: 20vw !important;
    }*/
}

@media (min-width: 401px) and (max-width: 760px) {
    #footer {
        /*background-image: url('../img/Footer/FooterBoogNew_760.png');*/
        padding:0;
    }
}

@media (max-width: 400px) {
    #footer {
        /*background-image: url('../img/Footer/FooterBoogNew_400.png');*/
        padding: 0;
    }



/*    #footer .container {
        margin-top: -50px;
    }*/
}

    @media (min-width: 992px) and (max-width: 1199px) {
               

        .cookie-text {
            bottom: 26%;
            right: 10%;
        }

        .activity-header-img {
            bottom: -18px;
        }

        .cookie-img {
            width:20%;
        }

        .room-info-modal {
            top: 30vh !important;
            left: 5vw !important;
            width: 93% !important;
        }
        

        #banner.padding-top {
            padding-top: 30px;
        }

        #top_header {
            background: url(/img/banner/bannerbovenaan.png) no-repeat top center;
            background-size: 100%;
        }

        .navbar {
            margin-right: 12px;
            margin-top: 4px;
        }

        .navbar ul li a {
            font-size: 16px;
            line-height: 17px;
            margin: 0 7px;
            padding: 7px 0;
        }

            .navbar ul li {
                background-size: 1.5px;
            }

        .top_menu_sec ul li {
            margin: 0 5px;
        }

            .top_menu ul li a, .top_menu_sec ul li a, .top_menu ul li a:hover, .top_menu_sec ul li a:hover, .top_menu ul li :hover, .top_menu_sec ul li :hover {
                padding: 0 10px;
            }

        .top_menu_sec ul li {
            padding: 0 15px;
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .header_btn {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }


        .news_mid p {
            font-size: 18px;
        }

        #header_right {
            float: right;
            padding-right: 0;
        }

/*        #top_header h4#logo a img {
            width: 270px;
        }*/

        #top_header h4#logo {
            /*margin: 10px;*/
            padding-left: 0;
        }

        #my_happiness p {
            font-size: 18px;
            line-height: 23px;
            margin-bottom: 0;
        }

        #my_happiness {
            padding: 15px 0;
        }

            #my_happiness h2 {
                margin-bottom: 10px;
                line-height: 35px;
            }

        .news_left h2 {
            line-height: 39px;
        }

        a.mail_btn {
            padding: 0 18px;
            width: 100px;
            margin-right: 5px;
            display: inline-block;
        }

        .space a h5 {
            font-size: 19px;
            line-height: 20px;
        }

        #h_banner_cont img#hb_img_maak {
            width: 15vw;
            margin-top: -25px;
        }

        #h_banner_cont img#hb_img_waar {
            width: 350px;
            margin: 20px 0 0 10px;
        }

        #h_banner_cont {
            top: 185px;
        }

        .h_service_inner {
            margin: -135px -7px 50px -7px;
        }

        #h_banner_cont {
            top: 185px;
        }

        .h_event_top {
            padding: 50px 50px 20px 50px;
        }

        .h_service_inner h4 {
            bottom: -10px;
            font-size: 17px;
            line-height: 24px;
        }


        ul.event_cont_inner li {
            font-size: 18px;
            line-height: 23px;
        }

        .h_event_bottom ul li {
            width: 31%;
            margin: 0 2px;
        }

        #h_wel_sec h2, .block-title h2 {
            margin-bottom: 24px;
        }

        #h_wel_sec p {
            font-size: 22px;
            line-height: 26px;
        }

        #h_gal_sec ul li h5 {
            font-size: 14px;
            padding: 8px 3px;
        }


        ul.special_inner_bottom li {
            margin-top: -50px;
            margin-bottom: 60px;
        }

        .event_center_cont {
            width: 410px;
        }

        a.blu_col, a.gre_col, a.org_col {
            font-size: 18px;
        }

        ul.special_inner_bottom li {
            margin-top: -34px;
        }

        .h_event_top h2 {
            margin-bottom: 30px;
        }

        .h_event_top p {
            font-size: 18px;
            line-height: 27px;
        }

        .h_event_bottom p {
            font-size: 19px;
            line-height: 27px;
            margin-left: 0;
        }

        .h_event_bottom {
            padding: 34px;
            margin: 0 -15px 29px -15px;
        }

        #special_title_sec h2 {
            margin-bottom: 20px;
        }

        .hs_top_cont img {
            margin-bottom: 3px;
            width: 38px;
        }

        .hs_top_cont h3 {
            font-size: 24px;
            line-height: 24px;
        }

        .hs_top_cont h5 {
            font-size: 22px;
            line-height: 22px;
        }

        h3.special_col {
            bottom: 20px;
            font-size: 18px;
            line-height: 30px;
        }

        .next:not(.displayRight) {
            display: none;
        }

        h3.special_col span#rotate {
            font-size: 13px;
        }

        .space_sec {
            padding-left: 25px;
            padding-right: 25px;
        }

        #h_special_sec{
            margin-top:0px;
        }

        #blocks-container .blocks_li {
            padding: 0;
            height: 200px;
        }

            #blocks-container .blocks_li h5, #h_special_sec .usps_overview li .usp_content h5 {
                font-size: 15px;
                line-height: 18px;
                height: 36px;
            }


        .blocks_li img {
            object-fit: cover;
            height: 164px;
            min-height: 164px;
        }

        .rate-type-block span {
            font-size: 0.95em;
        }
    }

    @media (min-width: 768px) {
        .col-sm-custom-offset {
            margin-left: 12.5%;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {

        .activity-header-img {
            bottom: -16px;
        }

        .cookie-img {
            width:24%;
        }

        .cookie-body {
            height: 230px;
        } 

        .cookie-body h3, h4 {
            font-size: 22px;
        }

        .rate-type-block a {
            width:90% !important;
            left:5%;
        }

        .cookie-text {
            right:3%;
        }

        .room-info-modal {
            left: 20vw !important;
            width: 65% !important;
            top: 10vh !important;
        }

        #h_gal_sec ul li {
            width: calc(50% - 5px);
        }

        #banner.padding-top {
            padding-top: 50px;
        }

        #top_header {
            background: url(/img/banner/bannerbovenaan.png) no-repeat top center;
            background-size: 100%;
        }

        /*.next {
            display: none;
        }*/

        .navbar ul li a {
            font-size: 13px;
            line-height: 16px;
            margin: 0 8px;
            padding: 6px 0;
        }

        .navbar {
            margin-top: 4px;
            margin-right: 12px;
        }

            .navbar ul li {
                background-size: 1px;
            }

        .top_menu ul li a, .top_menu_sec ul li a {
            height: 26px;
            line-height: 26px;
            font-size: 12px;
        }

        .top_menu_sec ul li {
            height: 26px;
            line-height: 26px;
            font-size: 12px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .header_btn {
            height: 26px;
            line-height: 26px;
            font-size: 12px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }


        #header_right {
            float: right;
            padding-right: 0;
        }

/*        #top_header h4#logo a img {
            width: 270px;
        }*/

        #top_header h4#logo {
            margin: 10px;
            padding-left: 0;
        }

        #my_happiness p {
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 0;
        }

        #my_happiness {
            padding: 10px 0;
        }

        #my_happiness_cont {
            padding: 0 20px;
        }

        #my_happiness h2 {
            margin-bottom: 7px;
            line-height: 30px;
        }

        #cover_sec, #box_section {
            margin-bottom: 40px;
        }

        .news_left h2 {
            line-height: 33px;
            background-size: 40px;
            padding-left: 12px;
        }

        a.mail_btn {
            font-size: 16px;
            padding: 0 6px;
            width: 75px;
            margin-right: 2px;
        }

        .news_mid p {
            font-size: 14px;
            line-height: 20px;
        }

        .news_left {
            margin-top: 20px;
        }

        .news_btn {
            margin-top: 20px;
        }

        #newsletter_blk {
            padding: 30px 0;
        }

        .footer_button ul li a {
            height: 38px;
            line-height: 38px;
            font-size: 16px;
        }

        #footer p, #footer p a {
            font-size: 16px;
            line-height: 25px;
        }

        .space a h5 {
            top: 1px;
            font-size: 15px;
            line-height: 17px;
        }

        .space_sec {
            padding: 0;
        }

        #h_banner_cont img#hb_img_maak {
            width: 16vw;
        }

        #h_banner_cont img#hb_img_waar {
            width: 300px;
            margin: 35px 0 0 10px;
        }

        .h_service_inner {
            margin: -89px -5px 40px -5px;
        }

        #h_banner_cont {
            top: 115px;
        }

        .h_event_top {
            padding: 50px 50px 20px 50px;
        }

        .h_service_inner h4 {
            bottom: -10px;
            font-size: 15px;
            line-height: 24px;
            left: 3%;
        }

        ul.event_cont_inner li {
            font-size: 12px;
            line-height: 23px;
        }

        .h_event_bottom ul li {
            width: 32%;
            margin: 0 1px;
        }

        #h_wel_sec h2, .block-title h2 {
            margin-bottom: 12px;
        }

        #h_wel_sec p {
            font-size: 20px;
            line-height: 24px;
        }

        #h_gal_sec ul li h5 {
            font-size: 12px;
            padding: 8px 3px;
        }

        ul.special_inner_bottom li {
            margin-top: -35px;
            margin-bottom: 35px;
        }

        .event_center_cont {
            width: 355px;
            margin-right: 15px;
        }

        a.blu_col, a.gre_col, a.org_col {
            font-size: 15px;
        }

        .h_event_top h2 {
            margin-bottom: 14px;
        }

        .h_event_top p {
            font-size: 14px;
            line-height: 21px;
        }

        .h_event_bottom p {
            font-size: 16px;
            line-height: 20px;
            margin-left: 0;
        }

        .h_event_bottom {
            padding: 20px;
            margin: 0 -15px 29px -15px;
        }

        #special_title_sec h2 {
            margin-bottom: 20px;
        }


        #special_title_sec p {
            font-size: 20px;
            line-height: 26px;
        }

        .h_event_bottom h5 {
            font-size: 41px;
            line-height: 36px;
            padding: 0 9px;
            background-size: 47px;
            padding-right: 107px;
        }

        .top_menu_sec ul li {
            list-style: none;
            margin: 0 4px;
            float: right;
        }

        .hs_top_cont img {
            margin-bottom: 3px;
            width: 33px;
        }

        .hs_top_cont h3 {
            font-size: 19px;
            line-height: 22px;
        }

        .hs_top_cont h5 {
            font-size: 20px;
            line-height: 20px;
        }

        h3.special_col {
            bottom: 16px;
            font-size: 15px;
            line-height: 26px;
        }

            h3.special_col span#rotate {
                font-size: 12px;
            }

        .space_sec {
            padding-left: 25px;
            padding-right: 25px;
        }

        #blocks-container .blocks_li {
            padding: 0;
            height: 260px;
        }

            #blocks-container .blocks_li h5, #h_special_sec .usps_overview li .usp_content h5 {
                font-size: 16px;
                line-height: 16px;
                height: 30px;
            }

        .blocks_li img {
            object-fit: cover;
            height: 230px;
            min-height: 230px;
        }

        .popup-panel .img-container {
            border-bottom-left-radius: 0;
        }

        .popup-panel .text-container {
            margin-top: 3px;
            font-size: 16px;
        }

        .h_org_sec .block_item_text_right {
            border-radius: 0 0 0 50px;
        }

        .previewDiv{
            padding:10px !important;
        }
    }

    @media (min-width: 651px) and (max-width: 767px) {

        .activity-header-img {
            bottom: -12px;
        }

        .cookie-img {
            width:28%;
        }

        .cookie-body {
            height: 240px;
        }

        .cookie-text {
            right:10%;
        }

        #banner.padding-top {
            padding-top: 0;
        }

        .hs_top_cont {
            width: 100%;
        }

        .h_service_inner .hs_top_cont img {
            margin-bottom: 5px;
            width: 46px;
        }

        .hs_top_cont h3 {
            font-size: 26px;
            line-height: 28px;
        }

        .hs_top_cont h5 {
            font-size: 21px;
            line-height: 23px;
        }

        h3.special_col {
            bottom: 10px;
            font-size: 13px;
            line-height: 24px;
        }

            h3.special_col span#rotate {
                font-size: 11px;
            }

        .room-info-modal {
            left: 10vw !important;
        }
    }

    @media (min-width: 551px) and (max-width: 650px) {

        

        #banner.padding-top {
            padding-top: 0;
        }

        .activity-header-img {
                bottom: -10px;
        }

        .cookie-text {
            right: 6%;
        }               

        .h_service_inner .hs_top_cont img {
            margin-bottom: 3px;
            width: 40px;
        }

        .hs_top_cont h3 {
            font-size: 23px;
            line-height: 25px;
        }

        .hs_top_cont h5 {
            font-size: 19px;
            line-height: 20px;
        }

        h3.special_col {
            bottom: 8px;
            font-size: 13px;
            line-height: 24px;
        }

            h3.special_col span#rotate {
                font-size: 10px;
            }
    }

    @media(min-width:550px) and (max-width:767px) {
        .space_sec {
            padding-left: 15px;
            padding-right: 15px;
        }

        .cookie-img {
            width: 28%;
        }

        .cookie-body {
            height: 240px;
        }

        #blocks-container .blocks_ul {
            margin-left: 5px;
        }


        #blocks-container .blocks_li {
            padding: 0;
            height: 250px;
            width: calc(50% - 5px);
        }

            #blocks-container .blocks_li h5, #h_special_sec .usps_overview li .usp_content h5 {
                font-size: 12px;
                line-height: 15px;
                height: 30px;
            }

        .blocks_li img {
            object-fit: cover;
            height: 220px;
            min-height: 220px;
        }

        .room-info-modal {
            left: 10vw !important;
        }
    }

    @media (min-width: 481px) and (max-width: 550px) {


        .activity-header-img {
            bottom: -10px;
        }

        .space a h5 {
            top: 3px;
            font-size: 19px;
            line-height: 21px;
        }
        .cookie-body {
            height:200px;
        }

        .cookie-text {
            right: 6%;
            bottom: 15%;
        }

        /*.cookie_banner p{
            line-height:22px;
        }*/
                
        .h_service_inner .hs_top_cont img {
            margin-bottom: 3px;
            width: 35px;
        }

        .hs_top_cont h3 {
            font-size: 20px;
            line-height: 22px;
        }

        .hs_top_cont h5 {
            font-size: 16px;
            line-height: 18px;
        }

        h3.special_col {
            bottom: 5px;
            font-size: 10px;
            line-height: 18px;
        }

            h3.special_col span#rotate {
                font-size: 9px;
            }

        #h_banner_cont img#hb_img_maak {
            margin-top: -50px;
        }

        .block_item_text {
            padding: 40px;
        }

        .space_sec {
            padding-left: 50px;
            padding-right: 50px;
        }

        #blocks-container .blocks_li {
            width: 100%;
            align-content: space-around;
        }

        #h_special_sec .usps_overview li .usp_content h5 {
            font-size: 12px;
            line-height: 15px;
            height: 30px;
        }
    }

    @media (max-width: 1500px) {
        h2 {
            font-size: 36px;
        }


        .block_item_text {
            padding: 40px;
        }

        #h_gal_sec table {
            display: block;
        }

/*        #logo img {
            width: 80%;
        }*/

        .clubsection-image.info {
            min-height: 500px;
        }
    }

    @media (max-width: 1300px) {
        .homepage_clubs .hs_top_cont h3 {
            margin-top: 15px;
        }
    }

    @media (max-width: 1200px) {

        .phone-number-banner{
            display:none;
        }

        body {
            font-size: 16px;
        }

        .large-text {
            font-size: 18px;
        }

        .blueimp-usps-container .blueimp-gallery > .indicator {
            padding-top: 45px;
        }

        .blueimp-usps-container > .blueimp-gallery ol li, .blueimp-usps-container .blueimp-gallery > .indicator {
            background-image: unset !important;
        }

            .blueimp-usps-container .blueimp-gallery > .indicator > li {
                border-radius: 50%;
                border: 0;
                box-shadow: 0 0 2px #193762;
                outline: none;
                height: 10px;
                width: 10px;
            }

            .blueimp-usps-container > .blueimp-gallery ol li, .blueimp-usps-container .blueimp-gallery > .indicator ol {
                height: auto;
            }

                .blueimp-usps-container > .blueimp-gallery ol li, .blueimp-usps-container .blueimp-gallery > .indicator ol li {
                    background-color: #193762;
                }

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

        #h_wel_sec {
            margin-top: 75px;
        }

        #h_gal_sec {
            padding-bottom: 75px;
        }

        #h_special_sec {
            padding-top: 75px;
            margin-bottom: 75px;
        }

        .h_event_sec, .block_sec, .h_org_sec {
            margin-bottom: 75px;
        }

        .clubsection-image.info {
            min-height: 450px;
        }
        .vayamundians_wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .new_vayamundian {
            order: 0;
            width: 100%;
        }
        .returning_vayamundian {
            margin-top:5vh;
            order: 1;
            width: 100%;
        }
        #form_account_login {
        margin-bottom:unset;
        }    }

    @media (max-width: 991px) {

        .book-now-mobile{
            display:none;
        }
        .slideShow {
            border-radius: 0 !important;
        }

        .accomodation-modal-right {
            border-bottom-left-radius: 50px;
            border-top-right-radius: 0;
        }
        .rateInfoWrapper.accomodation-modal-right {
            border-bottom-left-radius: 50px;
            border-top-right-radius: 0;
        }
        #modalRoom .slideShow.img-container .previewImg{
            border-top-right-radius:50px;
        }
        .blocks_li {
            width: calc(50% - 5px);
        }

        .h_event_sec, .h_org_sec {
            margin-top: 0px;
            padding-bottom: 50px;
        }

        #top_header {
            position: relative;
            background: none;
            padding-bottom: 0;
        }

        .navbar {
            display: none;
        }

        .mob_menu {
            float: right;
            margin-top: -75px;
            margin-right: 23px;
        }

        .header_btn {
            text-align: right;
            top: 0;
            right: 21px;
            height: 30px;
            line-height: 30px;
            text-decoration: none;
            background-image: linear-gradient(180deg, #193762 -14%, #0090bc 10%);
            padding: 0 12px;
            color: #fff;
            margin: 0 2px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

            .header_btn a {
                color: #fff;
                font-size: 14px;
            }

        #header_right {
            float: none;
            padding-right: 0;
        }

        #top_header h4#logo {
            margin: 0;
            padding-left: 25px;
            padding-top: 15px;
            display: inline-block;
        }

        #top_header .col-sm-3, #top_header .col-sm-9 {
            width: 100% !important;
        }

        #banner {
            margin-top: -39px;
        }

        #top_header h4#logo img {
            width: 220px;
        }

        #top_mob_view_outer {
            /*background: url(/img/banner/bannenbovenaanmobile.png) no-repeat bottom center;*/
            background-size: 100%;
            margin: 0 -15px;
            padding-bottom: 50px;
        }

        .staging #top_mob_view_outer {
            background-image: url(/img/banner/bannenbovenaanmobile_staging.png);
        }

        .overlay {
            height: 0%;
            width: 100%;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background: rgba(0, 144, 188, 0.9);
            overflow-y: hidden;
            transition: 0.5s;
        }

        .overlay-content {
            position: relative;
            width: 100%;
            text-align: center;
            margin-top: 80px;
            display: flex;
            justify-content: center;
            align-content: center;
            flex-direction: column;
        }

        .overlay a {
            width: auto;
            padding: 12px;
            text-decoration: none;
            font-size: 24px;
            font-weight: 600;
            /* font-family: 'castw01-regularregular'; */
            color: white;
            display: block;
            transition: 0.3s;
        }

            .overlay a:hover, .overlay a:focus {
                color: #ffd65d;
            }

        .overlay .closebtn {
            position: absolute;
            top: 20px;
            right: 45px;
            font-size: 60px;
            color: white;
        }

        h2 {
            font-size: 32px;
            line-height: 38px;
        }

        #h_special_sec .usp_close_img {
            top: 20px;
            height: 10px;
        }

        #h_banner_cont {
            position: absolute;
            left: 5%;
            top: 100px;
        }

            #h_banner_cont img#hb_img_maak {
                margin: 0 25px 0 0;
            }

        .hb_img_maak_container {
            margin-right: 25px;
        }

        #h_banner_cont img#hb_img_waar {
            float: left;
            width: 257px;
            margin: 0;
            margin-top: 50px;
        }

        .swimmingpool-section .same-column-height .col-xs-12, .section .same-column-height .col-xs-12 {
            /*padding-right: 0;*/
        }

        .wellness-section .same-column-height .col-xs-12 {
            /*padding-right: 0;
        padding-left: 0;*/
        }

        .block-collapse .block_item_image_container_right .block_item_image_right {
            border-top-right-radius: 0;
            border-bottom-left-radius: 50px;
        }

        .block-collapse .block_item_text {
            border-top-right-radius: 0;
            border-bottom-left-radius: 50px;
        }

        .block-collapse .block_item_text_right {
            border-bottom-left-radius: 0;
            border-top-right-radius: 50px;
        }

        .rounded-left-bottom {
            border-radius: 0;
        }

        .h_org_sec .visible-sm .block_item_image_container_right, .h_event_sec .visible-sm .block_item_image_container {
            margin-bottom: 3px;
        }

        .block_division_links a {
            text-align: center;
            margin-left: 0;
            margin-right: 10px;
            float: right;
            width: 150px;
            font-size: 18px;
        }

        .block_division_links button {
            width: 150px;
            margin-left: 0;
            margin-right: 10px;
        }

        .h_org_sec .block_division_links a {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            float: left;
            width: 150px;
            margin-left: 10px;
            font-size: 20px;
        }

            .h_org_sec .block_division_links a:first-of-type {
                margin-left: 0;
            }
        /**Accommodations*/
        .popup-panel {
            margin: 10px 10px 0 10px;
            width: calc( 100% - 20px);
        }

            .popup-panel .img-container {
                padding: 0 0 0 0;
            }

        .flex_container {
            display: block;
        }

        .popup-panel.visible {
            display: block !important;
        }

        .popup-panel .block_item_image_container img:not(.gal-img) {
            align-content: unset;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .popup-panel .text-container {
            border-radius: 0;
        }

        .popup-panel .block_item_text {
            align-content: unset;
            border-top-right-radius: 0;
            border-bottom-left-radius: 50px;
        }

        .rounded-right-top .notifications {
            margin: 0px;
            margin-top: 20px;
            padding: 5px;
        }

        .rounded-left-bottom .notifications {
            margin: 0px;
            margin-top: 20px;
            padding: 5px;
        }


        .content_block {
            margin-top: 0;
            padding: 0;
        }

        #h_wel_sec {
            margin-top: 55px;
            padding: 0 50px;
        }

        #h_gal_sec {
            margin-top: 50px;
            padding-bottom: 0px;
        }

        #h_special_sec {
            padding-top: 55px;
            margin-bottom: 55px;
            padding-bottom: 55px;
            margin-top: 50px;
        }

        #h_wel_sec, .h_event_sec, .block_sec, .h_org_sec {
            margin-bottom: 55px;
        }

        .rate-type-block span {
            font-size: 0.8em;
        }

        .rate-type-block a {
            padding: 2px 0;
            bottom: 15%;
        }       

        #booking-frame {
            /*display: none !important;*/
        }

        #h_banner_cont {
            top: 100px;
        }

        .clubsection-image.info {
            min-height: 300px;
        }

        .homepage_clubs .hs_top_cont h3 {
            margin-top: 10px;
        }

        .homepage_clubs .hs_top_cont h3, .homepage_clubs .hs_top_cont h5 {
            font-size: 1.2em;
            line-height: 1.2em;
        }

    }

    @media (max-width: 875px) {
        /*.homepage_clubs .hs_top_cont h3 {
            margin-top: 10px;
        }*/

        .homepage_clubs .hs_top_cont h3, .homepage_clubs .hs_top_cont h5 {
            font-size: 1em;
            line-height: 1em;
        }
    }

    @media (max-width: 767px) {

        .mobile-padding {
            padding-left: 35px;
            padding-right: 35px;
        }

        .blockholder {
            margin-top: 11%;
        }
        #banner.padding-top {
            padding-top: 20px;
        }

        .hideBanner .banner-img {
            display: none;
        }

        .previewDescription p {
            font-size: 16px !important;
        }
        .previewDiv {
            margin:20px !important;
        }

        h2 {
            font-size: 28px;
            line-height: 24px;
        }

        #h_special_sec .usp_close_img {
            top: 21px;
            height: 8px;
        }
        /******************   Menu Style *********************/
        /*#h_banner_cont {
        top: 5vh;
        margin-top: 0;
    }*/

        #h_banner_cont img#hb_img_maak {
            width: 20vw;
        }

        .navbar {
            display: none;
        }

        #banner {
            margin-top: -39px;
        }

        #top_header {
            position: relative;
            background: none;
            padding-bottom: 0;
        }

        .top_menu ul {
            text-align: right;
        }

        #top_mob_view_outer {
            /*background: url(/img/banner/bannenbovenaanmobile.png) no-repeat bottom center;*/
            background-size: 100%;
            margin: 0 -15px;
            padding-bottom: 50px;
        }

        .staging #top_mob_view_outer {
            background-image: url(/img/banner/bannenbovenaanmobile_staging.png);
        }

        /*#top_mob_view {
        background: url(/img/banner/bannerbovenaan_02.jpg) repeat top center;
        background-size: 100%;
    }*/

        #top_header h4#logo {
            margin: 0;
            padding-left: 25px;
            padding-top: 15px;
            display: inline-block;
        }

        .header_btn {
            display: none;
        }

        .header_btn {
            text-align: right;
            top: 0;
            right: 21px;
            height: 30px;
            line-height: 30px;
            text-decoration: none;
            background-image: linear-gradient(180deg, #193762 -14%, #0090bc 10%);
            padding: 0 12px;
            color: #fff;
            margin: 0 2px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }

            .header_btn a {
                color: #fff;
                font-size: 14px;
            }

                .header_btn a:hover {
                    color: #ffd65d;
                }

        #top_header h4#logo img {
            width: 220px;
        }

        #header_right {
            float: none;
            padding-right: 0;
        }

        .top_menu ul li {
            margin: 0;
            float: none;
        }

        #my_happiness p {
            font-size: 16px;
            line-height: 22px;
        }

        #my_happiness h2 {
            line-height: 38px;
            margin-bottom: 12px;
        }

        #my_happiness {
            position: static;
            padding: 20px 0;
        }

        .box_in ul li {
            width: 49%;
            padding: 0;
            float: none;
            margin-bottom: 20px;
            padding: 10px;
            display: inline-block;
            vertical-align: top;
        }

            .box_in ul li#first .space {
                margin-left: -32px;
            }

            .box_in ul li img {
                width: 100%;
            }

            .box_in ul li#second {
                padding-right: 0;
            }

        #cover_sec, #box_section {
            margin-bottom: 85px;
        }

        #newsletter_blk {
            text-align: center;
            padding: 30px 0;
        }

        .news_btn {
            float: none;
        }

        .news_mid p {
            margin: 10px 0;
        }

        #footer p, #footer p a {
            font-size: 16px;
            line-height: 25px;
        }

        .footer_button ul li a {
            height: 40px;
            line-height: 40px;
        }

        .news_left h2 {
            background-size: 45px;
            display: inline-block;
            padding-right: 44px;
        }

        .overlay {
            height: 0%;
            width: 100%;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            overflow-y: hidden;
            transition: 0.5s;
        }

        .overlay-content {
            position: relative;
            width: 100%;
            text-align: center;
            margin-top: 80px;
            display: flex;
            justify-content: center;
            align-content: center;
            flex-direction: column;
        }

        .overlay a {
            width: auto;
            padding: 8px;
            text-decoration: none;
            font-size: 24px;
            font-weight: 600;
            display: block;
            transition: 0.3s;
        }

            .overlay a:hover, .overlay a:focus {
                color: #ffd65d;
            }

        .overlay .closebtn {
            position: absolute;
            top: 20px;
            right: 45px;
            font-size: 60px;
        }

        .footer_button ul li {
            margin: 0 10px;
            float: right;
        }

        .mob_menu {
            float: right;
            margin-top: -75px;
            margin-right: 23px;
        }

        .space_sec {
            padding: 0;
        }

        #h_wel_sec h2, .block-title h2 {
            line-height: 34px;
            margin-bottom: 24px;
        }

        .h_service_inner {
            margin: 0 4px 34px 4px;
            width: 48%;
            float: left;
        }

            .h_service_inner img {
                width: 100%;
            }

            .h_service_inner h4 {
                bottom: -9px;
                left: 1%;
                font-size: 18px;
                line-height: 36px;
            }

        #h_wel_sec p {
            font-size: 19px;
            line-height: 26px;
        }

        #h_gal_sec ul li h5 {
            font-size: 15px;
        }

        #special_title_sec h2:after {
            padding: 34px;
            background-size: 79px;
        }

        #special_title_sec h2 {
            line-height: 50px;
            margin-bottom: 10px;
        }

        #special_title_sec p {
            font-size: 18px;
            line-height: 25px;
        }

        ul.special_inner_bottom li {
            margin-top: 2px;
            margin-bottom: 26px;
            width: 32.5%;
        }

        ul.special_inner_top li {
            width: 32.5%;
        }

        #h_special_sec span a img {
            width: 30px;
        }

        .h_event_top {
            margin: 0 -15px;
            padding: 40px 10px;
        }

            .h_event_top h2 {
                line-height: 36px;
                margin-bottom: 26px;
            }

            .h_event_top p {
                font-size: 16px;
                line-height: 23px;
            }

        ul.event_cont_inner li {
            font-size: 20px;
            line-height: 25px;
        }

        .event_center_cont {
            width: 420px;
            margin-right: 0;
            margin: 0 auto;
            padding-right: 20px;
        }

        .h_event_bottom h5 {
            text-align: left;
            padding-right: 75px;
            margin-bottom: 0;
            display: inline-block;
            background: url(/img/pages/home_index/pijl.png)no-repeat center right;
            background-size: 50px;
        }

        .h_event_bottom p {
            font-size: 17px;
            line-height: 26px;
            margin-left: 0;
            text-align: center;
            margin-top: 10px;
        }

        .h_event_bottom ul li {
            float: none;
            width: 29%;
            margin: 0px 2px;
            display: inline-block;
        }

        .block_division_links a {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            float: right;
            width: 120px;
            margin-left: 10px;
            font-size: 18px;
        }

        .h_org_sec .block_division_links a {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            float: left;
            width: 120px;
            margin-left: 10px;
            font-size: 18px;
        }

            .h_org_sec .block_division_links a:first-of-type {
                margin-left: 0;
            }

        .h_event_bottom {
            padding: 20px;
        }

        .h_impact_sec {
            margin-bottom: 0;
        }
        /*Accommodations-partial*/
        .usp_li.mod4 {
            vertical-align: top;
            margin: 10px 10px 0 10px;
            list-style: none;
            width: calc(50% - 20px);
        }

        .usp_li.mod3 {
            vertical-align: top;
            margin: 0 5px 5px 0;
            list-style: none;
            width: calc(50% - 20px);
        }

        .tohideOnSmallScreen {
            display: none;
        }

        .block_item_image_container {
            height: unset;
        }

        .popup-panel .block_item_image_container img {
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .popup-panel .img-container {
            border-radius: 0;
        }

        .popup-panel .block_item_text {
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .popup-panel {
            margin: 0;
            width: 100%;
        }
        /**Club-overview*/
        .homepage_clubs {
            display: none;
        }

        .homepage_clubs_mobile {
            margin-right: 0px;
            display: block;
        }

        .homepage_clubs_mobile_ratetype {
            margin-right: 0px;
            display: block;
            padding:0;
        }

        .club_button_mobile {
            width: 80%;
            height: 10vh;
            margin: 0 10% 5px 10%;
            text-align: center;
        }

        .club_button_mobile_ratetype {
            width: 80%;
            height: 10vh;
            margin: 0 10% 5px 10%;
            text-align: center;
        }
        
        .mobile_club_image_container_houffalize {
            height: calc(10vh - 3px);
            width: 30%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url('../img/pages/houffalize/mobile_club_houffalize.png')
        }

        .mobile_club_image_container_oostende {
            height: calc(10vh - 3px);
            width: 30%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url('../img/pages/oostende/mobile_club_oostende.png')
        }

        .mobile_club_image_container_quillan {
            height: calc(10vh - 3px);
            width: 30%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url('../img/pages/quillan/mobile_club_quillan.png')
        }

        .mobile_club_ratetype_Hotel {
            background-image: url('../img/pages/oostende/hotelkamers.png');
            background-size: 37%;
        }

        .mobile_club_ratetype_Family {
            background-image: url('../img/pages/oostende/familieformules.png');
            background-size: 75%;
        }

        .mobile_club_ratetype_Apartment {
            background-image: url('../img/pages/oostende/appartementen.png');
            background-size: 50%;
        }

        .mobile_club_ratetype_Rental {
            background-image: url('../img/pages/quillan/verhuurformule.png');
            background-size: 75%;
        }

        .mobile_club_ratetype_Special {
            background-image: url('../img/pages/oostende/arrangementen.png');
            background-size: 70%;
        }

        .mobile_club_ratetype {
            height: 100%;
            width: 20%;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .mobile_club_image_container_travel {
            height: calc(10vh - 3px);
            width: 30%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url('../img/pages/houffalize/mobile_club_houffalize.png')
        }

        .mobile_club_text {
            margin-bottom: auto;
            margin-top: auto;
            padding: 10px 0 10px 5px;
            vertical-align: central;
            height: 100%;
            width: 70%;
            background-color: #f8f8f8;
            display: flex;
            align-items: center;
            flex-flow: column;
            height: 100%;
            justify-content: space-around;
        }

        .mobile_club_text_ratetype {
            margin-bottom: auto;
            margin-top: auto;
            padding: 10px 0 10px 5px;
            vertical-align: inherit;
            width: 80%;
            background-image: linear-gradient(to right, #F5F5F5, #D9D8D8);
            display: flex;
            align-items: center;
            flex-flow: column;
            height: 100%;
            justify-content: space-around;
        }

            .mobile_club_text h3 {
                font-size: 1.1em;
                margin-top: 0;
                text-transform: uppercase;
                color: #00739f;
                font-weight: 600;
                margin-bottom: 0;
            }

        .mobile_club_text_ratetype h3 {
            font-size: 1.4em;
            margin-top: 0;
            text-transform: uppercase;
            color: #00739f;
            margin-bottom: 0;
            position:absolute;
            left: 4%;
        }

        .mobile_club_text h5 {
            font-size: 1.06em;
            text-transform: uppercase;
            font-weight: 400;
            margin: 0;
            color: #00739f;
        }

        .mobile_club_text_ratetype h5 {
            font-size: 1.06em;
            text-transform: uppercase;
            font-weight: 400;
            margin: 0;
            color: #00739f;
        }

        .mobile_club_text h5:before {
            content: " ";
            height: 2px;
            width: 20px;
            vertical-align: super;
            display: inline-block;
            margin-right: 12px;
            background: #00739f;
        }

                .mobile_club_text h5:after {
                    content: " ";
                    height: 2px;
                    width: 20px;
                    vertical-align: super;
                    display: inline-block;
                    margin-left: 12px;
                    background: #00739f;
                }

        .closeButtonAccommodation {
            display: none;
        }

        .flex_container-sm {
            display: block;
        }

        .block_item_image_left, .block_item_image_right, .block_item_text_left, .block_item_text_right {
            border-radius: 0
        }

        .section .rounded-left-bottom, .block_item_image_container.rounded-left-bottom, .block_item_text.rounded-left-bottom {
            margin-right: 0;
        }


        .block_item_image_container_right {
            padding-left: 0;
        }

        .block-scheduler .k-scheduler-datecolumn, .block-scheduler .k-scheduler-timecolumn {
            display: none;
        }


        .usps_overview {
            margin-left: 35px;
        }

        /*div.rate-types-block {
            position: relative;
        }*/

        .rate-type-block span {
            font-size: 1.25em;
        }

        .rate-type-block a {
            padding: 5px 0;
        }

        .clubsection .more-info {
            bottom: -10px;
        }

        #container-book-now .callUsSideMenu {
            display: flex !important;
            justify-content: center;
            align-items: center;
        }

        .room-info-modal {
            left: 2vw !important;
            width:90% !important;
            top: 10vh !important;
        }
    }

    @media (max-width: 650px) {

        .cookie-img {
            display:none;
        }
        
        .room-info-modal {
            left: 3vw !important;
            width: 90% !important;
            top: 10vh !important;
        }
        #h_banner_cont img#hb_img_waar {
            width: 245px;
            max-width: 40vw;
            margin-top: 30px;
        }

        h2 {
            font-size: 24px;
            line-height: 30px;
        }

        .add_header_btn {
            display: none !important;
        }

        .header_btn {
            margin-right: 25px;
        }

        #hb_img_maak {
            display: none;
        }

        .blocks_li {
            width: 100%;
        }

        .closeButtonAccommodation {
            display: none;
        }

        .section .same-column-height, .block-sports .same-column-height, .wellness-section .same-column-height, .swimmingpool-section .same-column-height {
            display: block;
        }

        .rounded-left-bottom .previewImg, .rounded-right-top .previewImg, .description-text.rounded-right-top, .description-text.rounded-left-bottom {
            border-radius: 0;
        }

        .rounded-right-top .notifications {
            border-radius: 0;
            margin-top: 5px;
        }

        .blueimp-usps-container .blueimp-gallery > .indicator {
            padding-top: 60px;
        }

            .blueimp-usps-container .blueimp-gallery > .indicator > li {
                height: 5px;
                width: 5px;
            }
    }

    @media (max-width: 480px) {

        .mobile_club_text_ratetype h3 {
            font-size: 1.3em;
        }

         #h_wel_sec {
            padding: 0px 20px;
        }

        .room-info-modal {
            left: 0vw !important;
        }

        .h_event_sec h2, .h_org_sec h2 {
            line-height: 44px;
            padding-top: 0px;
        }

        #top_header h4#logo img {
            width: 180px;
        }

        #top_mob_view_outer {
            padding-bottom: 36px;
        }

        #top_header h4#logo {
            margin: 0;
            padding-left: 15px;
            padding-top: 16px;
        }

        .mob_menu {
            float: right;
            margin-top: -59px;
            margin-right: 23px;
        }

        .news_left h2 {
            background-size: 40px;
            padding-right: 37px;
        }

        .footer_button ul li a {
            padding: 0 22px;
            font-size: 16px;
        }

        #footer p, #footer p a {
            font-size: 14px;
            line-height: 20px;
        }

        #footer ul {
            font-size: 14px;
        }

        #my_happiness p {
            font-size: 14px;
            line-height: 20px;
        }

        #my_happiness h2 {
            line-height: 29px;
            margin-bottom: 8px;
        }

        .box_in ul li {
            width: 100%;
            float: none;
            display: block;
        }

            .box_in ul li#first .space {
                margin-left: 0;
            }

        .news_mid p {
            margin: 10px 0;
            font-size: 16px;
        }

        .space a h5 {
            top: 8px;
            font-size: 20px;
            line-height: 24px;
        }


        #h_banner_cont img#hb_img_waar {
            width: 171px;
            margin: 0;
            margin-top: 0px;
        }

        #h_banner_cont img#hb_img_maak {
            width: 119px;
        }

        #h_banner_cont {
            position: absolute;
            left: 3%;
            top: 45px;
        }

        .h_service_inner {
            width: 100%;
        }

            .h_service_inner h4 {
                bottom: -5px;
                left: 5%;
                font-size: 20px;
            }

        #h_wel_sec h2, .block-title h2 {
            line-height: 32px;
            margin-bottom: 20px;
        }

        #h_wel_sec p {
            font-size: 18px;
            line-height: 23px;
        }

        #h_gal_sec ul li {
            width: 100%;
        }

        #special_title_sec h2, .defaultSection h2 {
            line-height: 44px;
        }

            #special_title_sec h2:after {
                padding-top: 17px;
                padding-right: 46px;
                padding-bottom: 21px;
                padding-left: 18px;
                background-size: 69px;
            }

        ul.special_inner_top li, ul.special_inner_bottom li {
            width: 100%;
        }

        .block_division_links a {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            float: right;
            width: 20vw;
            margin-left: 5px;
        }

        .h_org_sec .block_division_links a {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            float: left;
            width: 20vw;
            margin-left: 5px;
            font-size: 14px;
        }

            .h_org_sec .block_division_links a:first-of-type {
                margin-left: 0;
            }

        .event_cont_top {
            background: url(/img/pages/home_index/event_top_sec.png) no-repeat bottom right;
            height: 100px;
            background-size: 100%;
        }

        .event_center_cont {
            width: 320px;
        }

        ul.event_cont_inner li {
            font-size: 12px;
            line-height: 24px;
        }

        .h_event_top h2 {
            line-height: 28px;
            margin-bottom: 22px;
        }

        .h_event_top p {
            font-size: 14px;
            line-height: 22px;
        }

        .overlay a {
            padding: 11px 5px;
        }

        .h_service_inner .hs_top_cont img {
            margin-bottom: 3px;
            width: 46px;
        }

        .hs_top_cont h3 {
            font-size: 26px;
            line-height: 28px;
        }

        .hs_top_cont h5 {
            font-size: 16px;
            line-height: 20px;
        }

        h3.special_col {
            bottom: 28px;
            font-size: 20px;
            line-height: 24px;
        }

            h3.special_col span#rotate {
                font-size: 15px;
            }

        .usp_li.mod4 {
            width: calc(100% - 10px);
        }

        .usp_li.mod3 {
            width: calc(100% - 10px);
        }

        .mobileContentContainer *:not(.btnSlide) > img {
            width: 100%;
            margin: 0;
        }

        #h_wel_sec {
            margin-top: 40px;
            margin-bottom: 0px;
        }

        #h_gal_sec {
            padding-bottom: 40px;
        }

        #h_special_sec {
            padding-top: 40px;
            margin-bottom: 40px;
        }

        .h_event_sec, .block_sec, .h_org_sec {
            margin-bottom: 36px;
        }

        .usps_overview {
            margin-left: 10px;
        }

        .rate-type-block span {
            font-size: 1em;
        }

        .rate-type-block a {
            padding: 2px 0;
        }

        .rate-type-block .hs_top_cont h3 {
            font-size: 1.25em;
        }

        #h_banner_cont {
            top: 50px;
        }
    }

    @media (min-width: 300px) and (max-width: 480px) {

        .cookie-body{
            height:450px;
        }

        .cookie-text {
            right:0;
            bottom:15%;
        }

        .mobile_club_text_ratetype h3 {
            font-size: 1.2em;
        }
    }

    @media screen and (max-width:991px) {
        .more-info h3, .titleText p, .introblock p {
            font-size: 18px;
        }

        .clubsection .more-info {
            bottom: -115px;
            margin-bottom: 35px;
        }
    }

    @media screen and (max-width: 600px) {
        .clubsection .more-info {
            margin-bottom: 70px;
        }

        .clubDetailCard:first-child {
            margin-top: 70px;
        }

        #h_gal_sec, #h_special_sec, .h_event_sec, .h_org_sec {
            padding: 0;
            margin-top: 50px;
        }
    }

    @media screen and (max-width:480px) {

        .clubsection .more-info {
            margin-bottom: 90px;
        }

        .cookie_banner {
            z-index: 99999999999;
        }
        .cookie_banner_button {
            width: 80vw;  
            margin-bottom:3em;
        }      
        .cookie-accept {
            font-size: smaller;
        }

        .cookie-seperator {
            left:unset;
        }
        .cookie-body {
         height:auto;
        }
            .cookie-text {
            position: unset ;
            bottom: unset;
            right: unset;
        }

    
    }

    @media (max-width: 991px) {
        .popup-panel .img-container {
            width: 100%;
        }

        .mvo_blocks_li.col-md-6 img {
            height: 300px;
        }

        .medium-text {
            text-align: justify;
        }

        .block_item_text_left h3 {
            text-align: left;
        }

        block_item_text_left {
            text-align: left;
        }

        .block_division_links {
            text-align: left;
        }

            .block_division_links a {
                float: none;
            }

        .page-content {
            padding-top: 50px;
        }

        .previewDiv {
            padding-right: 10px;
        }
    }

    @media (max-width: 819px) {
        a.button-link {
            float: none !important;
            text-align: center;
        }

        a.button-link, button.blu_col, button.gre_col, button.org_col {
            width: 100% !important;
            margin: 5px auto !important;
            display: block;
        }

        .block_division_links {
            text-align: center;
        }


        .footer-content {
            width: auto;
        }
    }

    @media (max-width: 1199px) {
        .clubsection-title {
            margin-bottom: -80px;
        }

        .clubsection .moreinfo {
            bottom: -85px;
        }
    }

    @media only screen and (min-width: 480px) {
        /*.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
            display: inline !important;
        }*/
        k-sm-date-format {
            display: none;
        }
    }

    @media only screen and (max-width: 480px) {    
        .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
            display: inline;
        }
    }





    /*NOTHING SHOULD BE ADDED BELOW THIS LINE, KEEP THE RESPONSIVE BLOCK THE LAST BLOCK !important*/