/******************************************************************************************************************

LAYOUTS
                                                                                                                    
******************************************************************************************************************/

/* Layout Header */

.header-titles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.plain-title.header-titles {
    position: relative;
    top: auto;
    left: auto;
}

    .header-titles .header-titles-panel {
        position: relative;
        max-width: var(--panel-width);
        height: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 3rem;
    }

    .home .header-titles .selection-article-subtitle {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }

    .home .first-slide .selection-article-subtitle {
        visibility: visible;
        opacity: 1;
    }

    .laptop .header-titles .header-titles-panel {
        padding: 0;
        height: 15rem;
    }

    .home .header-titles .header-titles-panel {
        max-width: 100%;
        height: 100%;
    }

        .header-titles .header-titles-panel h1.title {
            line-height: 110% !important;
        }

section.header {
    position: relative;
    padding: 0;
    margin: 0;
    /*height: 33rem;*/
    width: auto !important;
}

.laptop section.header {
    /*height: 60rem;*/
    width: 100% !important;
    z-index: 3;
}

    .laptop section.header .panel {
        max-width: 100%;
        width: 100%;
        height: calc(100% - 30px);
        margin: 0;
        padding: 0 30px 0 30px;
        overflow: hidden;
    }

    .laptop .home section.header .panel {
        padding: 0 30px 0 30px;
    }

    .laptop .fullscreen-active section.header .panel {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 30px 30px 0 30px;
        overflow: hidden;
    }

    .header-contents {
        display: block;
        position: relative;
        background: white;
    }

    .header-contents:hover {
        opacity: 1;
    }

        .header-image {
            display: block;
            height: 33rem;
            overflow: hidden;
            background-size: cover !important;
            background-position: 50% 50% !important;
        }

        .laptop .header-image {
            height: 60rem;
        }

        .desktop .header-image img {
            position: relative;
            top: auto;
            left: auto;
        }

        .header-contents img {
            width: 100%;
        }

        .header-video {
            overflow: hidden;
            display: block;
            text-align: center;
        }

            .header-video video {
                max-width: 100%;
                object-fit: cover;
                margin: 0 auto;
            }

            .tablet .header-video video {
                width: 100%;
                height: 100% !important;
            }

        .desktop .header-video {
            height: 60rem;
        }

        .header-link {
            display: block;
            width: 100%;
            height: 100%;
            padding-bottom: 3rem;
        }

        .fullscreen-active .header-link {
            padding-bottom: 0;
        }

    .header .title {
        position: absolute;
        left: 0;
        top: 5.3rem;
        color: black;
        font-family: 'Fnord-Ninety-Three', Georgia, serif !important;
        font-size: 4rem;
        line-height: 4.8rem;
        z-index: 0;
        padding: 0;
    }

    /*.header .title.with-subtitle {
        top: -1rem;
    }*/

    .laptop .header .title {
        max-width: 17rem;
        left: 1rem;
        top: 50%;
        transform: translateY( -50% );
        font-size: 5rem;
        line-height: 110%;
    }

    .laptop .header-titles h1.title {
        position: absolute;
        font-size: 5rem;
        left: calc(2rem + 26%);
        top: 4.8rem;
        transform: none;
        max-width: 40rem;
        padding: 0 2.5rem 2.5rem 0;
    }

    .home .header-titles h1.title {
        font-family: 'Fnord-Ninety-Three', Georgia, serif;
        font-size: 4rem;
        left: 1.5rem;
    }

    .laptop .home .header-titles h1.title {
        top: 50%;
        transform: translateY( -50% );
        font-size: 7rem;
        left: 6rem;
    }

    .header .header-description {
        display: block;
        padding-left: 29.5rem;
    }

        .header .header-description p {
            padding-bottom: 0;
        }

        .header .header-description span.header-description-content {
            width: 100%;
            display: block;
            position: relative;
        }

        .header.lines .header-description span.header-description-content:after {
            content: "";
            background: url('../img/lines.svg') repeat-x;
            width: 100%;
            height: 0.1rem;
            position: absolute;
            bottom: -2.5rem;
            left: 0;      
        }

            .header .header-description span.header-description-text {
                font-size: 1.4rem;
                font-weight: 400;
                width: 56rem;
                display: block;
                padding-top: 2.5rem;
                min-height: 11rem;
            }

            .header .header-description span.header-description-text img {
                width: auto !important;
            }

    .header-button {
        font-family: 'Fnord-Ninety-Three', Georgia, serif;
        position: absolute;
        bottom: -5rem;
        left: 0;
        font-size: 1.7rem;
        color: white;
        display: none;
    }

    .tablet .header-button {
        display: block;
    }

        .header-button .icon-span {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.8rem;
        }

    .header .social-media {
        display: none;
    }

    .laptop .header .social-media {
        position: absolute;
        top: 61rem;
        left: 0;
        background: white;
        display: block;
        z-index: 9;
    }

    .header .shares,
    .header .share-title {
        display: none;
    }

    .laptop .header .shares {
        position: absolute;
        top: 62rem;
        left: 0;
        background: white;
        display: block;
        z-index: 9;
        width: 2rem;
    }

    .laptop .page-template-template-location .header .shares {
        background: #F4F1E2;
    }

    .laptop .post-type-archive-events .header .shares {
        background: #E5F6FF;
    }

        .header .social-media a {
            display: block;
            margin-bottom: 1.8rem;
        }

        .header .shares a {
            display: block;
            margin-bottom: 1.8rem;
            font-size: 2rem;
        }

        .header .social-media .icon-instagram,
        .header .social-media .icon-google-plus,
        .header .social-media .icon-tripadvisor {
            display: none;
        }

    .header-arrows {
        display: block;
        position: absolute;
        left: 1rem !important;
        bottom: 3rem !important;
        background: rgba( 0, 0, 0, 0.2);
        width: 11.6rem;
        height: 6rem;
        left: 29.6rem;
        bottom: 0;
    }

    .tablet .header-arrows {
        width: 16.6rem;
    }

    .laptop .header-arrows {
        left: 29.6rem !important;
        bottom: 0 !important;
    }

    /*
    .home .header-arrows {
        display: none !important;
    }
    */
        .header-arrows .home-slideshow-prev,
        .header-arrows .home-slideshow-next {
            position: absolute;
            top: 50%;
            transform: translateY( -50% );
            width: auto;
            height: auto;   
            background: none;
            height: 6rem;
            width: 33.333%;
            padding: 0;
            font-size: 2.5rem;
            text-align: center;
        }

        .header-arrows .home-slideshow-prev {
            left: 0;
        }

        .header-arrows .home-slideshow-next {
            right: 0;
        }

        .header-arrows .home-slideshow-prev:before,
        .header-arrows .home-slideshow-next:before {
            display: inline-block;
            font-family: 'Belvedere' !important;
            font-weight: bold;
        }

        .header-arrows .fullscreen-slideshow {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 33.333%;
            transform: translate( -50%, -50% );
            color: white;
            padding: 1.5rem;
            font-size: 2rem;
            z-index: 9;
        }

        .tablet .header-arrows .fullscreen-slideshow {
            display: block;
        }

/* Layout Text */

section.texts-section {
    position: relative;
}

    .section.texts-section .panel {
    }

    .laptop section.texts-section .panel {
        padding: 0 0 0 30rem;
    }

    .text-contents {
        padding-left: 3rem;
    }

    .laptop .text-contents {
        padding-left: 0;
        padding-top: 3rem;
    }

    .laptop .text-contents p:not(.video-wrapper) {
        padding-bottom: 3rem;
    }

    .laptop .text-contents p.video-wrapper {
        margin-bottom: 3rem;
    }

        .text-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-weight: 400;
            font-size: 4rem;
            line-height: 100%;
            padding-bottom: 3rem;
            display: block;
            margin-top: -1.1rem;
        }

        .laptop-column-33 .text-title {
            max-width: 25rem;
        }

        .laptop-column-66 .text-title,
        .laptop-column-100 .text-title {
            max-width: 100%;
        }

        .laptop .text-title {
            font-size: 5rem;
        }

        .text-image {
            margin-bottom: 3rem !important;
        }

        .text-links {
            display: block;
            padding-bottom: 5rem;
            margin-top: 1rem;
        }

        .laptop .text-links {
            margin-top: -1rem;
        }

            .text-link {
                display: inline-block;
                font-size: 1.5rem;
                font-family: 'Graphik Web', sans-serif !important;
                font-weight: 700;
                text-decoration: none;
            }

            .single-offers .text-link {
                margin-left: 4.2rem;
            }

            .laptop .single-offers .text-link {
                margin-left: 0;
            }

            .text-link:hover {
                text-decoration: underline;
            }

            .villas-template-default .texts-section .text-link,
            .page-press .texts-section .text-link {
                background: #65C3F2;
                color: black;
            }

            .text-link:before {
                font-family: 'Belvedere' !important;
                float: right;
                margin-left: 0.6rem;
                margin-right: 0.1rem;
            }

            .villas-template-default .texts-section .text-link:before,
            .page-press .texts-section .text-link:before {
                display: none;
            }

            .book-link {
                color: #65C3F2;
            }

            .book-link:hover {
                /*color: black;*/
                text-decoration: underline;
            }

    .image-contents {
        padding: 0;
    }

    .laptop .image-contents {
        padding: 3rem 0 0 2rem;
    }

        .image-contents img{
            width: 100%;
        }

    /* Youtube Player */

    .youtube {
        position: relative;
        z-index: 1;
    }

        .youtube:after {
            content: "";
            background: url('../img/play-button.png') no-repeat;
            width: 8.5rem;
            height: 8.5rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate( -50%, -50% );
        }

    .window-close {
        position: fixed !important;
        top: 2.5rem !important;
        right: 2.5rem !important;
        color: black !important;
        font-size: 0 !important;
        background: none !important;
    }

        .window-close:before {
            content: "\e92c";
            font-family: 'Belvedere' !important;
            font-size: 2rem;
        }


    #mPlayer {
      display: none;
      background: rgba(255, 255, 255, 0.9);
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 9999;
      left: 0;
      top: 0;
    }

        #mPlayer div {
          /*position: fixed;*/
          /*background: #000;*/
          /*width: 840px;  width of YouTube Player */
          /*height: 473px;  height of YouTube Player */
          /*left: calc(50vw - 420px);  280 is .5(560), centers x axis*/
          /*top: calc(50vh - 236px);  157 is .5(315), centers y axis*/
          background: none !important;
        }

        .youtube-video {
            position: fixed;
            top: 10%;
            left: 10%;
            width: 80% !important;
            border: 0px solid #FFF;
            height: 80vh !important;
        }

        #mList {
            max-width: 100% !important;
            margin-bottom: 0 !important;
        }

        section.header #mList {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate( -50%, -50% );
        }

        #mList.text-link {
            width: 100%;
        }

        .laptop #mList {
            max-width: auto !important;
        }

            #mList a,
            #mList a:hover {
                border: none;
                width: 100%;
                height: auto;
                line-height: auto;
                margin: 0;
            }

            #mList.text-link a,
            #mList.text-link a:hover {
                /*color: black;*/
                text-decoration: underline;
                line-height: 100%;
                width: auto;
            }

            .laptop #mList a,
            .laptop #mList a:hover {
                margin: 0;
            }


/* Layout Newsletter */

section.newsletter-section {
    position: relative;
    padding: 0 0 3rem 0;
    overflow: hidden;
}

    section.newsletter-section .panel {
        background: #E5F6FF;
        padding: 2.4rem 0 3.5rem 0;
        text-align: center;
    }

    .newsletter-contents form {
        /*max-width: 34rem;*/
        max-width: 62rem;
        margin: 0 auto;
        padding: 0 2rem;
    }

        .newsletter-contents form label {
            display: none;
        }

        .newsletter-contents form .gform_description {
            max-width: 30rem !important;
        }

        .newsletter-contents .gform_description {
            font-family: 'Fnord-Twenty-Three', Georgia, serif;
            font-size: 3.2rem;
            text-align: center;
            display: inline-block;
            line-height: 100%;
            padding-bottom: 1rem;
        }

        .newsletter-contents .gform_body {
            width: 60%;
            margin-right: 10%;
            float: left;
        }

        .laptop .newsletter-contents .gform_body {
            width: 75%;
            margin-right: 0;
        }

            .newsletter-contents .gform_body input {
                background: none;
                border-radius: 0;
                border: none;
                border-bottom: 0.1rem solid #737c7a;
                font-family: 'Fnord-Twenty-Three', Georgia, serif;
                font-size: 1.6rem;
                color: black !important;
            }

        .newsletter-contents .gform_footer {
            width: 25%;
            float: left;
        }

            .gform_button.button {
                background: #65C3F2 !important;
                padding: 0 !important;
                font-family: 'Fnord-Ninety-Three', Georgia, serif !important;
                font-size: 1.7rem !important;
                border-radius: 0 !important;
                color: black !important;
                margin-top: 2rem !important;
                line-height: 100% !important;
                height: auto;
            }

            #booking-form .gform_button.button {
                padding: 0.5rem 1rem !important;
            }

           .booking-form .gform_button.button {
                margin-top: 0.1rem !important;
            }

           .tablet .booking-form .gform_button.button {
                margin-top: 1.3rem !important;
            }

           .laptop .booking-form .gform_button.button {
                margin-top: 1.4rem !important;
            }

            .newsletter-contents .gform_wrapper .validation_message {
                line-height: 200%;
                float: left;
                border-bottom: 0;
            }

            .newsletter-contents .gform_wrapper .validation_error {
                text-align: left;
            }

            .newsletter-contents .gform_confirmation_message {
                font-size: 2rem;
            }

/* Layout Slideshow */

section.slideshow {
    height: 35rem;
}

.tablet section.slideshow {
    height: 55rem;
}

.laptop section.slideshow {
    height: 100vh;
    width: 100%;
    max-width: 100%;
    padding: 30px;
    margin: 0;
    position: relative;
    z-index: 3;
}

    section.slideshow .panel {
        height: 100%;
    }

   .laptop section.slideshow .panel {
        height: calc(100% - 60px);
        width: calc(100% - 60px);
        max-width: 100%;
        position: absolute;
        top: 30px;
        left: 30px;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    section.slideshow button {
        padding: 0 !important;
    }

    .slideshow-link {
        background: white;
    }

    .laptop section.slideshow button {
        padding: 0 1.5rem !important;
    }

    .laptop .slideshow img {
        width: auto;
        max-width: none;
        height: calc(100vh - 60px) !important;
        margin: 0 auto;
    }

    .slideshow .slick-slider,
    .slideshow .slick-list,
    .slideshow .slick-track,
    .slideshow .slideshow-image {
        height: 100%;
    }

    .slideshow .next-arrow {
        right: 0;
    }

    .slideshow .prev-arrow {
        left: 0;
    }

    .slideshow .slide-arrow:before {
        font-size: 5rem;
        color: black;
    }

    .laptop .slideshow .slide-arrow:before {
        font-size: 8rem;
        color: black;
    }


/* Layout Form */

section.form {
    margin: 0 !important;
}

#form-anchor {
    height: 5rem;
    margin-top: -5rem;
}
    
    section.form .panel {
        background: #C6ECFF;
        padding: 6rem 1rem;
    }

    .laptop section.form .panel {
        padding: 6rem 5rem 8rem 5rem;
    }

    section.form .panel:after,
    section.form .panel:before,
    section.form .panel-inside:after,
    section.form .panel-inside:before {
        content: "";
        width: 1.5rem;
        height: 1.5rem;
        background: white;
        position: absolute;
        border-radius: 50%;
    }
                
    section.form .panel:after,
    section.form .panel-inside:after {
        right: 1.4rem;
    }

    section.form .panel-inside:after,
    section.form .panel-inside:before {
        bottom: 1.4rem;
    }

    section.form .panel:after,
    section.form .panel:before {
        top: 1.4rem;
    }
        
    section.form .panel:before,
    section.form .panel-inside:before {
        left: 1.4rem;
    }

    .pum-content {
        color: black !important;
    }

    .pum-container {
        top: 6rem !important;
        width: 90% !important;
        max-width: 90rem !important;
        border: none !important;
        background: none !important;
        color: black !important;
        box-shadow: none !important;
    }

    .pum-container .pum-content + .pum-close {
        position: absolute;
        top: 3rem;
        right: 2.8rem;
        font-size: 0;
        color: white;
        padding: 0;
        background: none;
    }

    .pum-container .pum-content + .pum-close:before {
        color: black;
    }

        .pum-content h2 {
            font-family: 'Graphik Web', sans-serif !important;
            font-weight: 700 !important;
        }

    .form {

    }

    .form_wrapper {
        margin: 0 0 -6rem 0;
    }

        .form label {
          font-family: 'Fnord-Twenty-ThreeItalic', Georgia, serif !important;
          font-size: 1.6rem;
          padding-top: 1rem;
          text-align: center;
        }

        .form input,
        .form .label {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            text-align: center;
            font-size: 2.5rem !important;
        }

        .form input#datepicker2,
        .form input.datepicker2,
        .form input#datepicker,
        .form input.datepicker {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            text-align: center;
            font-size: 3rem !important;
            text-align: center;
        }

        .laptop .form input#datepicker2,
        .laptop .form input.datepicker2,
        .laptop .form input#datepicker,
        .laptop .form input.datepicker {
            font-size: 2rem !important;
            background: none !important;
        }

        p.submit  {
            display: block;
            text-align: center;
            padding-top: 5rem;
        }

        .booking-form p.submit  {
            padding-top: 0;
        }

        #booking-form-inside .booking-adults .selectric-items li,
        #booking-form-inside .booking-children .selectric-items li {
            display: none !important;
        }

        /*Default 20 adults 19 children*/
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class1,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class2,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class3,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class4,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class5,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class6,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class7,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class8,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class9,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class10,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class11,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class12,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class13,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class14,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class15,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class16,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class17,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class18,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class19,
        #booking-form-inside[data-form-name='default'] .booking-adults .selectric-items li.class20 {
            display: block !important;
        }

        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class1,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class2,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class3,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class4,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class5,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class6,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class7,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class8,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class9,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class10,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class11,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class12,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class13,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class14,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class15,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class16,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class17,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class18,
        #booking-form-inside[data-form-name='default'] .booking-children .selectric-items li.class19 {
            display: block !important;
        }

        /*Rooms 3 adults 2 children*/
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class1,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class2,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class3,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class4,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class5,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class6,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class7,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class8,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class9,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class10,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class11,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class12,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class13,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class14,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class15,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class16,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class17,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class18,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class19,
        #booking-form-inside[data-form-name='rooms'] .booking-adults .selectric-items li.class20 {
            display: block !important;
        }

        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class1,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class2,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class3,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class4,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class5,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class6,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class7,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class8,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class9,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class10,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class11,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class12,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class13,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class14,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class15,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class16,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class17,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class18,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class19,
        #booking-form-inside[data-form-name='rooms'] .booking-children .selectric-items li.class20 {
            display: block !important;
        }

        /*Hilltop 3 adults 2 children*/
        #booking-form-inside[data-form-name='hilltop'] .booking-adults .selectric-items li.class1,
        #booking-form-inside[data-form-name='hilltop'] .booking-adults .selectric-items li.class2,
        #booking-form-inside[data-form-name='hilltop'] .booking-adults .selectric-items li.class3 {
            display: block !important;
        }

        #booking-form-inside[data-form-name='hilltop'] .booking-children .selectric-items li.class1,
        #booking-form-inside[data-form-name='hilltop'] .booking-children .selectric-items li.class2 {
            display: block !important;
        }

        /*Waterfront villas 9 adults 8 children*/
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class1,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class2,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class3,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class4,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class5,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class6,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class7,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class8,
        #booking-form-inside[data-form-name='villas'] .booking-adults .selectric-items li.class9 {
            display: block !important;
        }

        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class1,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class2,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class3,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class4,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class5,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class6,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class7,
        #booking-form-inside[data-form-name='villas'] .booking-children .selectric-items li.class8 {
            display: block !important;
        }

        /*Little Venice 4 adults 3 children*/
        #booking-form-inside[data-form-name='pied_a_terres'] .booking-adults .selectric-items li.class1,
        #booking-form-inside[data-form-name='pied_a_terres'] .booking-adults .selectric-items li.class2,
        #booking-form-inside[data-form-name='pied_a_terres'] .booking-adults .selectric-items li.class3,
        #booking-form-inside[data-form-name='pied_a_terres'] .booking-adults .selectric-items li.class4 {
            display: block !important;
        }

        #booking-form-inside[data-form-name='pied_a_terres'] .booking-children .selectric-items li.class1,
        #booking-form-inside[data-form-name='pied_a_terres'] .booking-children .selectric-items li.class2,
        #booking-form-inside[data-form-name='pied_a_terres'] .booking-children .selectric-items li.class3 {
            display: block !important;
        }

        /*Villa next door 20 adults 19 children*/
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class1,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class2,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class3,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class4,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class5,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class6,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class7,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class8,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class9,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class10,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class11,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class12,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class13,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class14,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class15,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class16,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class17,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class18,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class19,
        #booking-form-inside[data-form-name='next-door'] .booking-adults .selectric-items li.class20 {
            display: block !important;
        }

        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class1,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class2,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class3,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class4,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class5,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class6,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class7,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class8,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class9,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class10,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class11,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class12,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class13,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class14,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class15,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class16,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class17,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class18,
        #booking-form-inside[data-form-name='next-door'] .booking-children .selectric-items li.class19 {
            display: block !important;
        }

        #booking-form-inside p.submit  {
            padding-top: 3rem;
        }

        .laptop #booking-form-inside p.submit  {
            padding-top: 1.5rem;
        }

        .pum-theme-2416 p.submit {
            margin-top: 5rem;
        }

        .form .gfield input,
        .form .gfield textarea {
            background: #C6ECFF;
            border-radius: 0;
            box-shadow: none;
            border: none;
            border-bottom: 0.1rem solid black;
            height: 4.6rem;
            padding: 0 1rem;
            font-family: 'Fnord-Twenty-Three', Georgia, serif;
            font-size: 3rem;
            line-height: 45px;
            text-align: center;
        }

        .form .gfield textarea {
            border: 0.1rem solid black;
            height: 8rem;
            font-size: 1.8rem;
        }

        .form input:placeholder-shown {
            font-size: 1.8rem;
            color: black;
            font-style: italic;
        }

        .form textarea:placeholder-shown {
            font-size: 1.8rem;
            color: black;
            font-style: italic;
            text-align: left;
        }

        .form .gform_button.button,
        input.gform_button {
            font-size: 1.7rem !important;
            height: auto;
        }

        #booking-form-inline p.submit{
            padding: 0 !important;
        }

        .submit .text-link {
            background: none !important;
            padding: 0 !important;
            font-size: 1.5rem !important;
            font-family: 'Graphik Web', sans-serif !important;
            font-weight: 700 !important;
            border-radius: 0 !important;
            color: #65C3F2 !important;
            margin-top: 0.2rem !important;
            line-height: 100% !important;
            height: auto;
            float: right;
        }

        .submit .icon-link {
            display: inline-block;
            float: right;
            margin-left: 0.5rem;
            font-size: 1.6rem;
            line-height: 100%;
            color: #65C3F2 !important;
        }

        .offer-form .submit .icon-link {
            margin-left: 0rem;
            margin-right: 0.5rem;
            margin-top: 0.2rem;
        }

        .form .lines {
            position: relative;
            margin-top: 3rem;
        }

        .form .lines:after {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate( -50%, -50% );
            background: url('../img/lines.svg') repeat-x;
            width: 8rem;
            height: 0.1rem;
        }

        .top-line,
        .bottom-line {
            position: relative !important;
        }

        .top-line:before,
        .bottom-line:after {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            transform: translate( -50%, -50% );
            background: url('../img/lines.svg') repeat-x;
            width: 100%;
            height: 0.1rem;
        }

        .top-line:before {
            top: 0;
        }

        .bottom-line:after {
            bottom: 0;
        }

        .form span.gfield_required {
            display: none;
        }

        .form .gform_confirmation_message {
            font-family: 'Fnord-Twenty-Three', Georgia, serif;
            font-weight: 400;
            text-align: left;
            font-size: 3rem;
            margin-top: 0;
        }

        .form .validation_error {
            text-align: center;
            font-size: 1.5rem;
        }

    .dining-form,
    .pool-club-form {
        display: block;
        padding: 0 1rem !important;
    }

    .tablet .dining-form,
    .tablet .pool-club-form {
        display: block;
        padding: 0 4rem !important;
    }

    .laptop .dining-form,
    .laptop .pool-club-form {
        display: block;
        padding: 0 16rem !important;
    }

    .contact-form,
    .wellness-form {
        display: block;
        padding: 0 5rem !important;
    }

    .tablet .contact-form,
    .tablet .wellness-form {
        padding: 0 8rem !important;
    }

    .laptop .contact-form,
    .laptop .wellness-form {
        padding: 0 9rem !important;
    }

        /*.laptop .form form {
            padding: 0 15rem !important;
        }*/
        .laptop .form form {
            padding: 0 !important;
        }

        .laptop .form form.wellness-form {
            padding: 0 8rem !important;
        }

        .form .gfield {
            padding: 0 1.5rem !important;
            position: relative;
            margin-bottom: 3rem!important;
            text-align: center;
        }

        .laptop .form .gfield {
            margin-bottom: 2rem;
        }

            .form .gfield label {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX( -50% );
                margin-bottom: -2.5rem;
            }

            .laptop .form .gfield label {
                margin-bottom: -3rem;
            }

            .form .gform_footer {
                display: block;
                text-align: center;
                clear: both;
            }

            .form.dining-form .gform_footer {
                padding-bottom: 5rem;
            }

            .form .gform_description,
            h2.form-title {
                font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                font-weight: 400;
                text-align: center;
                font-size: 3.2rem;
                display: block;
                margin-bottom: 4rem;
                margin-top: -2rem;
            }

                h2.form-title .first-word {
                    font-family: 'Fnord-Twenty-ThreeItalic', Georgia, serif !important;
                }

            .pum-content h2.form-title {
                margin-bottom: 1rem;
                margin-top: 0;
                color: black !important;
            }

            .booking-form {
                padding: 0 !important;
                float: right;
            }

            .booking-form.offer-form {
                float: left;
            }

            .selection-article .booking-form {
                float: none;
                display: inline-block;
                line-height: 120% !important;
                margin-bottom: -0.2rem;
            }

            .popmake-content .booking-form,
            .popmake-content .booking-form .selectric,
            .popmake-content .booking-form label,
            .popmake-content .selectric .button,
            .popmake-content .datepicker2,
            .popmake-content #datepicker2 {
                background: white !important;
            }

            .pum-theme-2416 .popmake-content .booking-form,
            .pum-theme-2416 .popmake-content .booking-form .selectric,
            .pum-theme-2416 .popmake-content .booking-form label,
            .pum-theme-2416 .popmake-content .selectric .button,
            .pum-theme-2416 .popmake-content .datepicker2,
            .pum-theme-2416 .popmake-content #datepicker2 {
                background: none !important;
            }

                .popmake-content .booking-form [class*="column"] {
                    border: 0.2rem solid white;
                }

                .pum-theme-2416 .popmake-content .booking-form [class*="column"] {
                    border: none;
                }

                .tablet .popmake-content ul,
                .tablet .popmake-content ol {
                    padding-left: 2rem;
                }

                    .popmake-content ul li,
                    .popmake-content ol li {
                        list-style-type: disc;
                    }

                    .popmake-content .gform_body ul,
                    .popmake-content .gform_body ol {
                        padding-left: 0;
                    }

                    .popmake-content .gform_body ul li ,
                    .popmake-content .gform_body ol li {
                        list-style-type: none;
                    }

                .booking-field {
                    position: relative;
                }

                    .booking-field .button {
                        padding: 1rem !important;
                        width: 1rem !important;
                    }

                    .booking-field input,
                    .booking-field label,
                    .booking-field:after,
                    .booking-field .selectric .label {
                        background: none !important;
                        color: black !important;
                    }

                    .booking-field input {
                        cursor: pointer;
                    }

            select {
                border: none !important;
                border-radius: 0 !important;
                background: none !important;
                font-family: 'Fnord-Twenty-Three', Georgia, serif;
                font-size: 2.5rem;
                text-align: center;
                padding: 0 !important;
            }

            .ui-datepicker-title select {
                float: left !important;
                width: 46% !important;
                margin: 0 2%;
                border: none;
                height: 2rem;
                padding: 0;
                font-family: "Fnord-Ninety-Three", Georgia,serif;
                font-size: 1.6rem;
                line-height: 100% !important;
            }

            .selectric-scroll ul li {
                text-align: left;
                padding: 1rem !important;
            }

            .selectric-scroll ul li:hover {
                background: #e3f5ff !important;
            }

            .selectric {
                text-align: center;
                border-bottom: 1px solid black !important;
            }

                .selectric .label {
                    margin: 0;
                    background: #C6ECFF !important;
                }

        .small-input .selectric .button {
            right: -3rem;
            width: 3rem;
        }

        .selectric .button:after {
            border-top-color: black !important;
        }

        .small-input .selectric .label {
            overflow: visible;
        }

         .contact-top {
            padding-left: 2rem;
         }

         .laptop .contact-top {
            padding-left: 26%;
         }

         .contact-bottom-left {
            padding-left: 2rem;
            padding-top: 2rem;
         }

         .laptop .contact-bottom-left {
            padding-left: 26%;
         }

            .contact-bottom-left .contact-title:first-child {
                background: url('../img/b.png') top left no-repeat;
                padding-top: 4rem;
            }

         .contact-bottom-right {
            padding-right: 26%;
            padding-top: 2rem;
         }

            .contact-bottom-right .contact-title:first-child {
                background: url('../img/m.png') top left no-repeat;
                padding-top: 4rem;
            }

            h2.contact-title {
                font-size: 2rem;
                font-family: 'Graphik Web', sans-serif !important;
                font-weight: 700 !important;
                padding: 0.6rem 0 2.8rem 0;
            }

            .contact-text p {
                font-size: 1.4rem;
                line-height: 160% !important;
            }

    form .consent,
    .form .consent {
        font-family: 'Fnord-Twenty-ThreeItalic', Georgia, serif !important;
        font-size: 1.6rem;
        padding: 7rem 0 1.5rem 0 !important;
        float: left;
        text-align: center !important;
        width: 100% !important;
    }

    .newsletter-section  form .consent,
    .newsletter-section  .form .consent {
        margin: 0 -65% 0 0 !important;
        width: calc(100% + 65%) !important;
        text-align: left !important;
    }

    .desktop .newsletter-section form .consent,
    .desktop .newsletter-section .consent {
        margin: 0 -25% 0 0 !important;
        width: calc(100% + 25%) !important;
        text-align: center !important;
    }         

        form .consent a,
        .form .consent a {
            font-weight: 700;
        }


    form .consent input,
    .form .consent input {
        width: auto;
        padding: 0;
        height: auto;
    }     

    form .consent .gfield_description.
    .form .consent .gfield_description {
        margin-bottom: 0.6rem;
    }    

    form .consent label,
    .form .consent label {
        position: relative;
        left: auto !important;
        bottom: auto !important;
    } 

    .newsletter-contents form .consent label,
    .form .consent label {
        display: inline;
        width: auto;
        padding-left: 0.5rem;
    }

    form.job-application .consent label {
        display: inline-block !important;
    }

    form.job-application .consent {
    	text-align: left;
    	padding-bottom: 2rem !important;
    }

	    form.job-application .consent li {
	    	border-bottom: none !important;
	    }

	    .consent p {
	    	padding: 0;
	    }

	    .consent a {
	    	text-decoration: none;
	    }

    form .gfield_required {
    	display: none;
    }       

        /* Date Picker */

        .datepicker2,
        #datepicker2,
        .datepicker,
        #datepicker {
            border-radius: 0;
            font-family: 'Fnord-Twenty-Three', Georgia, serif;
            background: #C6ECFF !important;
            font-size: 3rem;
            line-height: 4.5rem;
            border: none;
            border-bottom: 0.1rem solid black;
            box-shadow: none;
            height: 4.6rem;
            padding: 0 1rem;
        }

        .icon-book-calendar {
            position: absolute;
            top: 1.6rem;
            right: 2.5rem;
        }

        #ui-datepicker-div {
            visibility: hidden;
        }

        .laptop #ui-datepicker-div,
        .laptop #ui-datepicker-div .ui-datepicker-header,
        .laptop #ui-datepicker-div .ui-datepicker-calendar,
        .laptop #ui-datepicker-div .ui-datepicker-calendar span,
        .laptop #ui-datepicker-div .ui-datepicker-calendar tr,
        .laptop #ui-datepicker-div .ui-datepicker-calendar td,
        .laptop #ui-datepicker-div thead th,
        .laptop #ui-datepicker-div thead td,
        .laptop #ui-datepicker-div a,
        .laptop #ui-datepicker-div tfoot td,
        .laptop #ui-datepicker-div tfoot th {
            visibility: visible;
            background: white !important;
            border: none !important;
            border-radius: 0 !important;
            font-family: 'Fnord-Twenty-Three', Georgia, serif;
            font-size: 1.6rem;
        }

        .ui-datepicker {
            padding: 0 !important;
        }

        .ui-datepicker-calendar {
            margin: 0 !important;
        }

        #ui-datepicker-div .ui-datepicker-calendar td {
            border: 0.1rem solid #d3d3d3 !important;
        }

        #ui-datepicker-div .ui-datepicker-header,
        #ui-datepicker-div .ui-datepicker-calendar thead {
            border-left: 0.1rem solid #d3d3d3 !important;
            border-right: 0.1rem solid #d3d3d3 !important;
        }

        #ui-datepicker-div .ui-datepicker-header {
            border-top: 0.1rem solid #d3d3d3 !important;
        }

        #ui-datepicker-div a {
            color: black !important;
            border: none !important;
            border-radius: 0 !important;
            text-align: center;
        }

        #ui-datepicker-div a:hover {
          background: #E5F6FF !important;
        }

        #ui-datepicker-div a.ui-state-active {
            font-family: 'Fnord-Ninety-Three', Georgia, serif;
        }    

        .ui-datepicker-title span,
        .ui-datepicker-title select {
            font-family: 'Graphik Web', sans-serif !important;
            font-weight: 700 !important;
        }

        .ui-datepicker-title select {
            float: none !important;
            display: inline-block !important;
            width: auto !important;
        }

        .ui-datepicker-next,
        .ui-datepicker-prev,
        .ui-datepicker-next:hover,
        .ui-datepicker-prev:hover {
            font-family: 'Belvedere' !important;
        }

        .ui-datepicker .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-next {
            top: 0.1rem !important;
        }

        .ui-datepicker .ui-datepicker-prev {
            left: 0.1rem !important;
        }

        .ui-datepicker .ui-datepicker-next {
            right: 0.1rem !important;
        }

            .ui-datepicker-next:before {
                content: "\e953";
            }

            .ui-datepicker-prev:before {
                content: "\e952";
            }

            .ui-icon {
                display: none !important;
            }


/* Layout Selected Articles */

section.selected-articles {
    margin-right: 0 !important;
}

.laptop section.selected-articles {
    margin-right: 1.5rem !important;
}

section.selected-articles .slide-arrow,
section.selected-articles .slick-arrow {
    top: 13.5rem !important;
}

    .selected-articles .slick-slider {
        margin-left: 0;
    }

        .selected-articles .slick-slider .slick-list {
            padding-left: 3rem;
        }

        .tablet .selected-articles .slick-slider .slick-list {
            padding-left: 0;
        }

    /*@media all and ( min-width: 400px ) {

        .selected-articles .slick-slider {
            margin-left: 0;
        }

    }*/

    .selected-articles-contents {
        padding-left: 0;
        display: block;
    }

    .tablet .selected-articles-contents {
        padding-left: 6rem;
    }

    .laptop .selected-articles-contents {
        padding-left: 26%;
    }

        .selected-article {
            margin-bottom: 3rem;
            padding-left: 0 !important;
            /*padding-right: 1.5rem !important;*/
        }

        .laptop .selected-article {
            padding-right: 3rem !important;
        }

            .selected-article-title {
                font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                font-size: 5rem;
                position: relative;
                line-height: 100%;
                padding-bottom: 0;
                margin-left: 9rem;
            }

            .tablet .selected-article-title {
                margin-left: 6rem;
            }

            .laptop .selected-article-title {
                margin-left: 0;
            }

                .selected-article-title:before {
                    font-family: 'Belvedere' !important;
                    position: absolute;
                    left: -6rem;
                    top: 0.2rem;
                    font-size: 3.4rem;
                }

            .selected-article-description {
                font-size: 1.4rem;
                max-width: 27rem;
                display: block;
                padding: 4rem 0;
            }

                .selected-article-description p {
                    padding-bottom: 0;
                    padding-left: 3rem;
                }

                .tablet .selected-article-description p {
                    padding-left: 0;
                }

            .selected-article-image {
                padding-bottom: 1.5rem;
                width: 100%;
            }

                .slick-slide img {
                    width: 100%;
                }

            .selected-articles-contents .slick-next {
                right: 0;
            }


/* Layout Upcoming Events */

.page-template-default section.events-section,
.bars-template-default section.events-section {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    section.events-section .panel {
    }

        section.events-section {
            background: #E5F6FF;
        }

        section.events-section.section-extra {
            overflow: hidden;
        }

            .events-section h2 {
                font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                font-size: 4rem;
                line-height: 100%;
                position: relative;
                z-index: 1;
            }

            .events-section h2.events-subtitle  {
                font-size: 1.5rem;
                font-family: 'Graphik Web', sans-serif !important;
                font-weight: 700 !important;
                margin-left: 1.5rem;
                margin-top: 0.2rem;
            }

            .laptop .events-section h2 {
                font-size: 5rem;
            }

            .laptop .events-section h2.events-subtitle {
                font-size: 2rem;
            }

            .events-column-container {
                padding: 0;
                position: relative;
                z-index: 1;
                background: #E5F6FF;
                overflow: hidden;
            }

            .laptop .events-column-container {
                overflow: visible;
            }

                .events-column-container .slick-list {
                    padding-left: 0 !important;
                }

                .event-column {
                    padding: 2.8rem 1.5rem;
                    position: relative;
                }

                .laptop .event-column {
                    padding: 3rem 1.5rem;
                }

                .archive .top-event-column,
                .archive .bottom-event-column {
                    display: none;
                }

                .mobile .archive .top-event-column,
                .mobile .archive .bottom-event-column {
                    display: block;
                }

                .archive.page-template-default .top-event-column,
                .archive.page-template-default .bottom-event-column,
                .archive.bars-template-default .top-event-column,
                .archive.bars-template-default .bottom-event-column {
                    display: none;
                }

                .archive .top-event-columns .event-column.first-column,
                .archive .top-event-columns .event-column.fourth-column {
                    display: none !important;
                }

                .laptop .top-event-columns .event-column.first-column {
                    display: block !important;
                }

                .laptop .archive .top-event-columns .event-column.fourth-column {
                    display: block !important;
                }

                .archive .bottom-event-columns .event-column.first-column,
                .archive .bottom-event-columns .event-column.fourth-column {
                    display: none !important;
                }

                .tablet .archive .bottom-event-columns .event-column.first-column {
                    display: block !important;
                }

                .laptop .archive .bottom-event-columns .event-column.fourth-column {
                    display: block !important;
                }

                .archive .event-column.bottom-event-column {
                    min-height: 18rem;
                    margin-bottom: -16rem;
                    z-index: 0;
                }

                .link-event-columns .event-column:before,
                .link-event-columns .event-contents:before,
                .link-event-columns .event-column:after,
                .link-event-columns .event-contents:after {
                    display: none;
                }

                .events-column-container:before,
                .events-column-container:after,
                .bottom-event-columns:before,
                .bottom-event-columns:after,
                .event-column:before,
                .event-column:after {
                    content: "";
                    width: 1000rem;
                    height: 0.1rem;
                    background: #f6fcfb;
                    position: absolute;
                    top: 100%;
                    left: -500rem;
                    z-index: 0;
                }

                .event-column.first-column .event-contents:before,
                .event-column.first-column .event-content:after,
                .top-title-event-columns .event-column.first-column .event-contents:before,
                .top-title-event-columns .event-column.first-column .event-content:after,
                .event-no-top-border:before,
                .event-no-top-border:after {
                    display: none !important;
                }

                .layouts-page .events-section .event-contents:before,
                .layouts-page .events-section .event-contents:after,
                .events-contents .event-contents:before,
                .events-contents .event-contents:after {
                    content: "";
                    width: 0.1rem;
                    background: #f6fcfb;
                    position: absolute;
                    height: 2000rem;
                    top: -24rem;
                    left: 0;
                }

                .laptop .layouts-page .events-section .event-contents:before,
                .laptop .layouts-page .events-section .event-contents:after,
                .laptop .events-contents .event-contents:before,
                .laptop .events-contents .event-contents:after {
                    height: 2000rem;
                }

                .tablet .layouts-page .events-section .event-contents:before,
                .tablet .layouts-page .events-section .event-contents:after,
                .tablet .events-contents .event-contents:before,
                .tablet .events-contents .event-contents:after {
                    top: -35rem;
                }

                .laptop .layouts-page .events-section .event-contents:before,
                .laptop .layouts-page .events-section .event-contents:after,
                .laptop .events-contents .event-contents:before,
                .laptop .events-contents .event-contents:after {
                    top: -16rem;
                }

                    .event-contents h1 {
                       margin-left: 1.5rem;
                    }

                    .event-contents h2 {
                        margin-top: -1.1rem;
                        z-index: 2;
                    }

                .layouts-page .events-column-container .event {
                    z-index: 1;
                    position: relative;
                }

                .top-event-columns {
                    padding: 0;
                }

                .archive .top-event-columns {
                    overflow: hidden;
                    min-height: 16rem;
                    margin-top: -18rem;
                    z-index: 0;
                }

                .laptop .archive .top-event-columns {
                    min-height: 18rem;
                    margin-top: -16rem;
                }

                /*.top-title-event-columns {
                    display: none;
                }

                .laptop .top-title-event-columns {
                    display: block !important;
                }*/

                    .top-title-event-columns .event-column,
                    .bottom-top-event-columns .event-column {
                        display: none;
                    }

                    .laptop .top-title-event-columns .event-column,
                    .laptop .bottom-top-event-columns .event-column,
                    .event-link-column,
                    .event-title-column {
                        display: block !important;
                    }

                    .top-title-event-columns .event-column {
                        padding-top: 4.8rem;
                        padding-bottom: 5rem;
                    }

                        .top-title-event-columns .event-column h2 {
                            padding-bottom: 0;
                        }

                    .tablet .top-title-event-columns .event-column {
                        padding-top: 6rem;
                    }

                    .laptop .top-title-event-columns .event-column {
                        padding-top: 3.2rem;
                    }

                    .bottom-top-event-columns .event-column {
                        padding-top: 3.8rem;
                        padding-bottom: 6rem;
                    }

                .top-title-event-columns,
                .bottom-top-event-columns {
                    padding: 0;
                }

                .top-event-columns .event-contents:before,
                .top-event-columns .event-contents:after,
                .bottom-event-columns .event-contents:before,
                .bottom-event-columns .event-contents:after {
                    content: "";
                    width: 0.1rem;
                    background: #f6fcfb;
                    position: absolute;
                    height: 10000rem;
                    top: -5000rem;
                    left: 0;
                }

            .line-clear {
                position: relative;
                height: 0.1rem;
            }

            /*.clear {
                height: 0.1rem;
                margin-top: -0.5rem;
            }*/

            .line-clear:after {
                content: "";
                width: 1000rem;
                height: 0.1rem;
                background: #f6fcfb;
                position: absolute;
                bottom: -0.1rem;
                left: -500rem;
                z-index: 0;
            }

                .bottom-event-columns {
                    /*overflow: hidden;*/
                    height: 76rem;
                    margin-bottom: -70rem;
                    z-index: 2;
                    position: relative;
                    padding: 0;
                }

                .tablet .bottom-event-columns {
                    height: 67rem;
                    margin-bottom: -84rem;
                }

                .laptop .bottom-event-columns {
                    height: 58rem;
                    margin-bottom: -56rem;
                }

                /*.page-template-default .top-event-columns,
                .page-template-default .bottom-event-columns,
                .bars-template-default .top-event-columns,
                .bars-template-default .bottom-event-columns {
                    display: none;
                }*/

                .event-column:before,
                .event-contents:before {
                    top: 0;
                }

                .event-column:after,
                .event-contents:after {
                    bottom: 0;
                }

                    .event-date span {
                        font-weight: 700;
                        font-size: 2rem;
                        display: inline-block;
                    }

                    .tablet .event-date span {
                        font-size: 2.2rem;
                    }

                    .laptop .event-date span {
                        font-size: 2.5rem;
                    }

                        .month {
                            width: 2.5rem; 
                            height: 2rem;
                            text-align: left;
                            padding: 0 0.5rem;
                        }

                            .month span {
                                text-transform: uppercase;
                                font-size: 1.1rem !important;
                                font-weight: 700;
                                line-height: 115%;
                                height: 1rem;
                                float: left;
                            }

                            .event-separator {
                                height: 0.4rem;
                                width: 1.2rem;
                                background: black;
                                text-indent: -99999rem;
                                line-height: 1rem;
                                display: inline-block;
                            }

                        .the-year {
                            font-weight: 700;
                            font-size: 2.5rem;
                            display: inline-block;
                        }

                    .event-image {
                        max-height: 14rem;
                        overflow: hidden;
                        padding-top: 1rem;
                        width: 100%;
                    }

                    .mobile .event-image {
                        max-height: 18rem;
                    }

                        .event-image img {
                            width: 100%;
                        }

                    .event-link {
                        font-size: 1.4rem;
                        /*white-space: nowrap;*/
                        width: 100%;
                        position: relative;
                        height: 70px;
                    }

                        .event-link span {
                            display: inline-block;
                            width: 100%;
                            overflow: hidden;
                        }

                    .clicked .event-link:after {
                        content: '';
                        position: absolute;
                        bottom: -2.8rem;
                        left: 0;
                        display: inline-block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 0 1.3rem 2rem 1.3rem;
                        border-color: transparent transparent #C6ECFF transparent;
                    }

                    .laptop .clicked .event-link:after {
                        bottom: -6.5rem;
                    }

                .event-main-image {
                    padding: 0 var(--grid-gutter) 2rem var(--grid-gutter);
                }


                .laptop .event-main-image {
                    padding: 0 0.5rem 0 var(--grid-gutter);
                }

                .event-details {
                    background: #C6ECFF;
                    display: none;
                    width: 100%;
                    clear: both;
                    padding: 3rem 1rem;
                    z-index: 9;
                    position: relative;
                }

                .event-details:before,
                .event-details:after {
                    content: "";
                    width: 400rem;
                    height: 100%;
                    position: absolute;
                    right: 100%;
                    top: 0;
                    background: #C6ECFF;
                }

                .event-details:before {
                    right: 100%;
                }

                .event-details:after {
                    left: 100%;
                }

                    .close-event {
                        font-size: 0;
                        position: absolute;
                        top: 0;
                        right: 0.5rem;
                    }

                    .laptop .close-event {
                        top: 2.6rem;
                        right: 2rem;
                    }
                
                   .close-event:before {
                        content: '';
                        content: "\e92c";
                        font-family: 'Belvedere' !important;
                        font-size: 2rem;
                    }
                
                    .event-details h2.event-title {
                        font-size: 1.9rem;
                        line-height: 120%;
                        font-family: 'Graphik Web', sans-serif !important;
                        font-weight: 700;
                        padding: 1rem 0 2rem 0;
                    }

                    .event-details .event-description {
                        font-size: 1.4rem;
                        line-height: 100%;
                    }

                .event-texts {
                    font-size: 1.4rem;
                }

                .laptop .event-texts {
                    margin-top: -1rem;
                }

                    .event-texts .column-50 {
                        padding-left: 0.5rem;
                    }

                    .event-texts-left {
                        padding: 0;
                    }

                    .laptop .event-texts-left {
                        padding: 0 var(--grid-gutter) 0 0;
                    }

                    .event-texts-right {
                        padding: 4.7rem 0 0 0;
                    }

                    .laptop .event-texts-right {
                        padding: 4.7rem var(--grid-gutter) 0 var(--grid-gutter);
                    }

                        .event-opening-hours {

                        }
                        
                            .event-opening-hours span {
                                font-family: 'Graphik Web', sans-serif !important;
                                font-weight: 700;
                            }
                        
                        .event-venue {

                        }

                            .event-venue span {
                                font-family: 'Graphik Web', sans-serif !important;
                                font-weight: 700;
                            }

                        .event-book-now {
                            display: inline-block;
                            font-size: 1.4rem;
                        }
                        
                        .event-website {
                            display: inline-block;
                            font-size: 1.4rem;
                        }
                        
                        .event-texts-right .shares {
                            font-size: 1.4rem;
                        }
                        
                            .event-texts-right .shares a {
                                display: inline-block;
                                margin: 0 0.5rem 0 0;
                            }

                        .space {
                            display: block;
                            height: 0.1rem;
                            padding-top: 1rem;
                        }



/* Layout Map */

section.map-section {
    background: rgba( 254, 248, 224, 0.6);
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 !important;
    background-size: cover !important;
}

section.map-section.villas-location {
    max-width: calc(100vw - 6rem);
    height: calc(100vh - 7.6rem);
    margin: 0 auto 3rem auto !important;
}

    section.map-section .panel {
        position: relative;
        z-index: 2;
    }

    .single section.map-section .panel {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX( -50% );
    }

    section.map-section  .marker {
        display: none !important;
    }

        .map-contents {
            position: relative;
            display: block;
        }

            .acf-map {
                height: 77rem;
                z-index: 0;
            }

            .villas-location .acf-map {
                height: calc(100vh - 7.6rem);
            }

            @media all and ( min-width: 800px ) and ( max-width: 1023px ) {

                .acf-map {
                    height: 70rem;
                }

            }

            @media all and ( max-width: 560px ) {

                .acf-map {
                    height: 55rem;
                }

            }

            .acf-map-overlay {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 200rem;
                height: 200rem;
                background: rgba( 254, 248, 224, 0.6);
                z-index: 1;
            }

            .map-texts {
                z-index: 2;
                padding: 6rem 1.5rem 0 1.5rem;
            }

            .laptop .map-texts {
                z-index: 2;
                padding-left: 26%;
                width: 51%;
            }

                    h2.map-title {
                        font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                        font-size: 4rem;
                        line-height: 100%;
                        padding-bottom: 4.5rem;
                    }

                    .laptop h2.map-title {
                        font-size: 5rem;
                    }

                    .map-description {
                        font-size: 1.4rem;
                        position: relative;
                        display: block;
                        line-height: 133%;
                    }

                        .map-description p {
                            padding-bottom: 0;
                        }

                        .map-link {
                            margin-top: 3rem;
                        }

                        .villas-location .map-link {
                            display: none;
                        }

                        .laptop .map-link {
                            position: absolute;
                            top: 0.3rem;
                            right: -11rem;
                        }

                .map-photo,
                .map-video {
                    z-index: 2;
                    padding: 0 1.5rem 1rem 1.5rem;
                    display: block;
                    width: 100%;
                    margin-top: 4rem;
                    overflow: hidden;
                    position: relative;
                }

                .laptop .map-photo,
                .laptop .map-video {
                    padding: 0 3rem;
                    margin-bottom: 4.1rem
                }

                    .map-video-container {
                        position: relative;
                        overflow: hidden;
                        display: block;
                    }

                    .map-video-container,
                    .map-photo,
                    .map-video {
                        height: 40rem;
                    }

                     @media all and ( max-width: 800px ) {

                        .map-video-container,
                        .map-photo,
                        .map-video {
                            height: 48rem;
                        }

                    }

                    @media all and ( max-width: 560px ) {

                        .map-video-container,
                        .map-photo,
                        .map-video {
                            height: 37rem;
                        }

                    }

                    @media all and ( max-width: 360px ) {

                        .map-video-container,
                        .map-photo,
                        .map-video {
                            height: 20rem;
                        }

                    }

                        .map-video-link {
                            width: 100%;
                            height: 100%;
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }

                        .tablet .map-video-container video {
                            position: absolute;
                            top: 50%;
                            transform: translateY( -50% );
                            left: 0;
                        }

.gmnoprint,
.gmnoscreen,
.gm-style-cc {
    display: none !important;      
}

img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] {
    display: none !important; 
}

/* Layout Location */

section.location-section {

}

    section.location-section .acf-map {
        height: 55rem;
    }

        .location-texts {
            padding-left: 3rem;
            display: block;
        }

        .laptop .location-texts {
            padding-left: 26%;
        }

            .location-title {
                font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                font-weight: 400;
                font-size: 5rem;
                position: relative;
                line-height: 100%;
                padding: 0 0 3rem 0;
            }

            .laptop .location-title {
                max-width: 27rem;
                padding: 3rem 0;
            }

        .arrival-texts {
            padding-top: 4rem;
            padding-left: 3rem;
            display: block;
        }

        .laptop .arrival-texts {
            padding-left: 26%;
        }

            h2.arrival-texts-title {
                display: block;
                font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                font-weight: 400;
                font-size: 5rem;
                position: relative;
                line-height: 100%;
            }

            .arrival-texts h3 {
                font-family: 'Graphik Web', sans-serif !important;
                font-weight: 700;
                font-size: 1.5rem;
                padding-bottom: 2rem;
            }

            .arrival-texts h3:before {
                font-family: 'Belvedere' !important;
                font-size: 1.8rem;
                float: left;
                margin-right: 0.5rem;
            }

            .arrival-text-content  {
                display: block;
                max-width: 27rem;
            }

        .arrival-lines {
            display: block;
            background: url('../img/lines.svg') bottom left repeat-x;
            height: 0.1rem;
        }

/* Layout Instagram */

section.instagram-section {
    background: #65C3F2;
    margin: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

    section.instagram-section .panel {
        padding: 0;
    }

    .laptop section.instagram-section .panel {
        padding: 0 3rem;
    }

        section.instagram-section .panel-inside {
            background: #65C3F2;
            padding: 5rem 0;
            position: relative;
        }

        .laptop section.instagram-section .panel-inside {
            padding: 8rem 0;
        }

        section.instagram-section .panel-inside:before,
        section.instagram-section .panel-inside:after {
            content: "";
            background: url('../img/lines-white.svg') repeat-x;
            width: 100%;
            height: 0.1rem;
            position: absolute;
            left: 0;
        }

        section.instagram-section .panel-inside:before {
            top: 2rem;
        }

        .laptop section.instagram-section .panel-inside:before {
            top: 2rem;
        }

        section.instagram-section .panel-inside:after {
            bottom: 3rem;
        }

        .laptop section.instagram-section .panel-inside:after {
            bottom: 2rem;
        }

    .instagram-text {
        display: block;
        padding-left: 3rem;
    }

    .laptop .instagram-text {
        padding-left: 26%;
    }

        h2.instagram-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 3.4rem;
            line-height: 100%;
            padding: 0 3rem 4.5rem 0;
        }

        .laptop h2.instagram-title {
            font-size: 5rem;
            padding: 0 0 4.5rem 0;
        }

        .instagram-description {
            font-size: 1.4rem;
            display: block;
        }

            .instagram-description p {
                padding-bottom: 0;
            }

    .instagram-contents {
        padding: 0 2rem;
    }

    .laptop .instagram-contents {
        padding: 0;
    }

    .instagram-photos {
        display: block;
        padding: 3.7rem 0;
    }

        .instagram-photos img {
            width: 100%;
        }

    .mobile .instagram-photos {
        margin: 0 -1.5rem;
    }

        .instagram-photos .slick-track {
            padding: 0;
        }

        .mobile .instagram-photos .slick-track {
            padding: 0 3rem;
        }

        .laptop .instagram-photos .slick-track {
            padding: 0;
        }

            .instagram-photos .slick-list {
            }

        .mobile .instagram-photos .slick-list {
        }

        .instagram-photo {
            opacity: 1 !important;
            padding: 0 3rem;
        }

        .mobile .instagram-photo {
            padding: 0 1.5rem;
        }

        h3.instagram-follow {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 3rem;
            line-height: 100%;
            padding-bottom: 1rem;
        }

        .laptop h3.instagram-follow {
            padding-top: 3rem;
        }

        section.instagram-section .social-media a {
            font-size: 3rem;
        }


/* Layout Featured on */

section.featured-section {
    padding: 0 2rem;
}

.laptop section.featured-section {
    padding: 0;
}

    .featured-contents {
        display: block;
        padding: 0;
    }

    .laptop .featured-contents {
        padding-left: 26%;
    }

        h2.featured-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 4rem;
            line-height: 100%;
            padding-top: 4.8rem;
            padding-bottom: 4.5rem;
        }

        .laptop h2.featured-title {
            font-size: 5rem;
        }

        .featured-on-image {
            display: block;
            padding-bottom: 3rem;
        }

        .featured-on-description {
            font-size: 1.1rem;
            line-height: 1.4rem;
            padding-bottom: 3rem;
        }  

            .featured-on-description p {
                padding-bottom: 0;
                font-size: 1rem;
            }

            .tablet .featured-on-description p {
                font-size: 1.1rem;
            }

            .featured-on-description a {
            }


            /*.featured-on-description p:before {
                content: "“";
            }

            .featured-on-description p:after {
                content: "”";
            }*/

        #end {
            padding-top: 5rem;
        }

        .featured-on-link {
            padding-left: 0;
            padding-right: 2rem;
        }

        .laptop .featured-on-link {
            padding-right: 4.5rem;
        }

/* Layout Icons Menu */

section.icons-menu-section {
    text-align: center;
    padding: 2.7rem 0 0 0;
    margin: 0 0 3rem 0 !important;
    min-height: 12rem;
    box-shadow: 0px 10px 9px 0 rgba(3,3,3,0.1);
}

.laptop section.icons-menu-section {
    margin: 0 auto 3rem 0 !important;
}

section.icons-menu-section .slick-prev.slick-arrow {
    left: 0;
}

.laptop section.icons-menu-section .slick-prev.slick-arrow {
    left: -3rem;
}

section.icons-menu-section .slick-next.slick-arrow {
    right: 0;
}

.laptop section.icons-menu-section .slick-next.slick-arrow {
    right: -3rem;
}

    .icons-menu-contents > div {
        padding: 0 3rem;
    }

    .icons-menu-contents > div > ul .menu-item {
        position: relative;
    }

    .icons-menu-contents > div > ul .menu-item a {
        display: block;
        padding-top: 5.6rem;
        line-height: 100%;
    }

    .icons-menu-contents > div > ul .menu-item.current-menu-item a,
    .icons-menu-contents > div > ul .menu-item.current-menu-item a span {
        font-weight: bold;
    }

    .icons-menu-contents > div > ul .menu-item a:hover {
        text-decoration: underline;
    }

    .icons-menu-contents > div > ul .menu-item {
        font-family: 'Graphik Web', sans-serif !important;
        font-weight: 400;
        line-height: 170%;
        display: block;
        font-size: 1.2rem;
    }

    .icons-menu-contents > div > ul .menu-item span {
        font-size: 0.9rem;
        display: block;
        text-transform: uppercase;
    }

    .icons-menu-contents > div > ul .menu-item:before {
        font-size: 5rem;
        position: absolute;
        top: 1.6rem;
        left: 50%;
        transform: translateX( -50% );
        font-family: 'Belvedere' !important;
        z-index: -1;
    }

    .icons-menu-section .slick-arrow {
        top: calc( 50% - 1.4rem );
    }

    /*.icons-menu-contents > div > ul .menu-item.current-menu-item,
    .icons-menu-contents > div > ul .menu-item.current_page_item {
        font-weight: 700;
    }*/

    /*.icons-menu-contents > div > ul .menu-item.current-menu-item:before,
    .icons-menu-contents > div > ul .menu-item.current_page_item:before {
        font-weight: bold;
    }*/

/* Layout Selections */

section.selections-section {
}

    section.selections-section .panel {
        position: relative;
    }

    section.selections-section.with-line .panel:after {
        content: "";
        width: 100%;
        height: 0.1rem;
        background: url('../img/lines.svg') repeat-x;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    section.selections-section.with-line.bottom-line:after {
        display: none !important;
    }

        .selection-article {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 5.5rem;
        }

        .tablet .selection-article {
            padding-left: 3rem;
            padding-right: 3rem;
        }

            .selection-article .persons-number {
                font-size: 2.3rem;
            }

            .selections-titles {
                display: block;
                padding-left: 3rem;
                padding-right: 3rem;
            }

            .laptop .selections-titles {
                padding-left: 26%;
                padding-right: 0;
            }

                .selection-title {
                    font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                    font-size: 5rem;
                    position: relative;
                    line-height: 100%;
                    padding-bottom: 4rem;
                    padding-top: 1.7rem;
                }

                .laptop .selection-title {
                    max-width: 27rem;
                }

                .selection-description {
                    font-size: 1.4rem;
                    display: block;
                    padding: 0 0 4rem 0;
                }

                .laptop .selection-description {
                    max-width: 27rem;
                }

                    .selection-description p {
                        padding-bottom: 0;
                    }

            .selections-contents {
                display: block;
            }

                .selection-article-image {
                    width: 100%;
                    height: 29rem;
                    display: block;
                    overflow: hidden;
                    position: relative;
                    background-size: cover !important;
                    background-position: 50% 50% !important;
                    margin-bottom: 0.7rem;
                }

                    /*.selection-article-image img {
                        width: 100%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate( -50%, -50% );
                    }*/

                .selection-article-content-left,
                .selection-article-content-right {
                    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
                    line-height: 150%;
                }

                .selection-article-content-left {
                    text-align: left;
                    font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                }

                .tablet .selection-article-content-left {
                    text-align: right;
                }

                    .selection-article-content-left .icon-link {
                        display: table;
                        padding: 0.5rem 0;
                    }

                    .selection-article-content-left .icon-link.book-link {
                        padding: 0.3rem 2.3rem 0.5rem 0 !important;
                        margin-right: -2.3rem;
                    }

                    .tablet .selection-article-content-left .icon-link {
                        display: block;
                    }

                    .selection-article-content-left .icon-link:hover,
                    .selection-article-content-left .book-link:hover {
                        /*color: gray;*/
                    }

                        .hidden-on-mobile {
                            display: none !important;
                        }

                        .laptop .hidden-on-mobile {
                            display: block !important;
                        }

                        .hidden-on-laptop {
                            margin-right: 2rem;
                        }

                        .laptop .hidden-on-laptop {
                            display: none !important;
                            margin-right: 0;
                        }

                    .selection-article-title,
                    .selection-article-subtitle {
                        display: block;
                    }

                    .header .selection-article-title {
                        font-size: 2.2rem;
                    }

                    .selection-article-title {
                        font-size: 1.6rem;
                        text-transform: uppercase;
                        padding-top: 0.1rem;
                        padding-bottom: 0;
                    }

                    .selection-article-subtitle {
                        font-size: 3rem;
                        padding-bottom: 1.5rem;
                        line-height: 3.4rem;
                    }

                    .header .selection-article-subtitle {
                        font-size: 4rem;
                        margin-top: -0.8rem;
                        line-height: 6rem;
                    }

                    .laptop .header .selection-article-subtitle {
                        font-size: 5rem;
                    }

                .selection-article-content-right {
                    text-align: left;
                    padding-top: 0;
                }

                .tablet .selection-article-content-right {
                    padding-top: 1.3rem;
                }

                    .selection-characteristic {
                        font-size: 1.4rem;
                        line-height: 125%;
                        display: block;
                    }

                    .selection-characteristic.selection-room-size {
                        padding-top: 0.6rem;
                    }

                        .selection-small-title {
                            font-family: 'Graphik Web', Arial, sans-serif;
                            font-size: 1.4rem;
                            line-height: 125%;
                        }

                        .characteristic-value {
                            font-weight: 700;
                        }

                    .icon-person-icon {
                        display: none;
                        padding: 0 0.1rem 0 0;
                    }

                    .persons-1 .icon-person-icon.first-person-icon {
                        display: inline-block !important;
                    }

                    .persons-2 .icon-person-icon.first-person-icon,
                    .persons-2 .icon-person-icon.second-person-icon {
                        display: inline-block !important;
                    }

                    .persons-3 .icon-person-icon.first-person-icon,
                    .persons-3 .icon-person-icon.second-person-icon,
                    .persons-3 .icon-person-icon.third-person-icon {
                        display: inline-block !important;
                    }

                    .persons-4 .icon-person-icon.first-person-icon,
                    .persons-4 .icon-person-icon.second-person-icon,
                    .persons-4 .icon-person-icon.third-person-icon,
                    .persons-4 .icon-person-icon.fourth-person-icon {
                        display: inline-block !important;
                    }

                    .persons-5 .icon-person-icon.first-person-icon,
                    .persons-5 .icon-person-icon.second-person-icon,
                    .persons-5 .icon-person-icon.third-person-icon,
                    .persons-5 .icon-person-icon.fourth-person-icon,
                    .persons-5 .icon-person-icon.fifth-person-icon {
                        display: inline-block !important;
                    }

                    .persons-6 .icon-person-icon.first-person-icon,
                    .persons-6 .icon-person-icon.second-person-icon,
                    .persons-6 .icon-person-icon.third-person-icon,
                    .persons-6 .icon-person-icon.fourth-person-icon,
                    .persons-6 .icon-person-icon.fifth-person-icon,
                    .persons-6 .icon-person-icon.sixth-person-icon {
                        display: inline-block !important;
                    }

                    .persons-7 .icon-person-icon.first-person-icon,
                    .persons-7 .icon-person-icon.second-person-icon,
                    .persons-7 .icon-person-icon.third-person-icon,
                    .persons-7 .icon-person-icon.fourth-person-icon,
                    .persons-7 .icon-person-icon.fifth-person-icon,
                    .persons-7 .icon-person-icon.sixth-person-icon,
                    .persons-7 .icon-person-icon.seventh-person-icon {
                        display: inline-block !important;
                    }

                    .persons-8 .icon-person-icon.first-person-icon,
                    .persons-8 .icon-person-icon.second-person-icon,
                    .persons-8 .icon-person-icon.third-person-icon,
                    .persons-8 .icon-person-icon.fourth-person-icon,
                    .persons-8 .icon-person-icon.fifth-person-icon,
                    .persons-8 .icon-person-icon.sixth-person-icon,
                    .persons-8 .icon-person-icon.seventh-person-icon,
                    .persons-8 .icon-person-icon.eighth-person-icon {
                        display: inline-block !important;
                    }

                    .persons-9 .icon-person-icon.first-person-icon,
                    .persons-9 .icon-person-icon.second-person-icon,
                    .persons-9 .icon-person-icon.third-person-icon,
                    .persons-9 .icon-person-icon.fourth-person-icon,
                    .persons-9 .icon-person-icon.fifth-person-icon,
                    .persons-9 .icon-person-icon.sixth-person-icon,
                    .persons-9 .icon-person-icon.seventh-person-icon,
                    .persons-9 .icon-person-icon.eighth-person-icon,
                    .persons-9 .icon-person-icon.ninth-person-icon {
                        display: inline-block !important;
                    }

                    .persons-10 .icon-person-icon.first-person-icon,
                    .persons-10 .icon-person-icon.second-person-icon,
                    .persons-10 .icon-person-icon.third-person-icon,
                    .persons-10 .icon-person-icon.fourth-person-icon,
                    .persons-10 .icon-person-icon.fifth-person-icon,
                    .persons-10 .icon-person-icon.sixth-person-icon,
                    .persons-10 .icon-person-icon.seventh-person-icon,
                    .persons-10 .icon-person-icon.eighth-person-icon,
                    .persons-10 .icon-person-icon.ninth-person-icon,
                    .persons-9 .icon-person-icon.tenth-person-icon {
                        display: inline-block !important;
                    }

/* Layout Amenities */

section.amenities-section {
    padding-bottom: 5rem;
}

    .amenities-titles {
        display: block;
        padding-bottom: 3rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .laptop .amenities-titles {
        padding-left: 26%;
        padding-right: 0;
    }

        .amenities-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 5rem;
            position: relative;
            line-height: 100%;
            padding-top: 1rem;
            padding-bottom: 4rem;
        }

        .laptop .amenities-title {
            max-width: 27rem;
        }

        .amenities-description {
            font-size: 1.4rem;
            display: block;
            padding: 0 0 4rem 0;
        }

        .laptop .amenities-description {
            max-width: 27rem;
        }

            .amenities-description p {
                padding-bottom: 0;
            }

    .amenities-contents {
        display: block;
        padding: 0 3rem;
    }

    .tablet .amenities-contents {
        display: block;
        padding: 0 8rem;
    }

    .laptop .amenities-contents {
        display: block;
        padding: 0 20rem;
    }

        .amenity {
            position: relative;
            padding: 5.5rem 1rem 3.5rem 1rem !important;
            text-align: center;
            font-family: 'Graphik Web', sans-serif !important;
            font-weight: 400;
            font-size: 1.4rem;
        }

        .amenity:before {
            font-family: 'Belvedere' !important;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX( -50% );
            font-size: 5rem;
        }

/* Layout Soundcloud */

section.soundcloud-section {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcecfc+0,e9cbcb+0,e3c8cb+50,efe1df+100,efe1df+100 */
    background: #fcecfc; /* Old browsers */
    background: -moz-linear-gradient(left, #fcecfc 0%, #e9cbcb 0%, #e3c8cb 50%, #efe1df 100%, #efe1df 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fcecfc 0%,#e9cbcb 0%,#e3c8cb 50%,#efe1df 100%,#efe1df 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fcecfc 0%,#e9cbcb 0%,#e3c8cb 50%,#efe1df 100%,#efe1df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#efe1df',GradientType=1 ); /* IE6-9 */
    border: 3rem solid white;
    padding: 0 !important;
}

    section.soundcloud-section .panel-inside {
        position: relative;
        padding: 3rem 1rem;
    }

    .tablet section.soundcloud-section .panel-inside {
        padding: 3rem 6rem;
    }

    .large section.soundcloud-section .panel-inside {
        padding: 5rem 26%;
    }

        .soundcloud-column {
           /* min-height: 19rem;*/
        }

        .tablet .soundcloud-column {
            padding-right: 30rem;
        }

            .disc-container {
                position: relative;
                padding: 3rem 0 0 0 !important;
                text-align: center;
            }

            .laptop .disc-container {
                padding: 0 !important;
            }

                .disc-container .disc {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

        #sound-image {
            width: 100%;
            max-width: 20rem;
        }

/* Layout Offers */

section.offers-section {
    padding: 0 3rem;
}

.laptop section.offers-section {
    padding: 0;
}

    .offers-titles {
        display: block;
    }

    .laptop .offers-titles {
        padding-left: 26%;
    }

        .offers-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 5rem;
            position: relative;
            line-height: 100%;
            padding-bottom: 3rem;
            padding-top: 4.7rem;
        }

    .offers-contents {
        display: block;
    }

    .laptop .offers-contents {
        padding-left: 26%;
    }

        .offer {
            padding: 0 0 2rem 0;
        }

        .tablet .offer {
            padding: 0 3rem 3rem 0;
        }

            .offer-title,
            .offer-subtitle {
                display: block;
            }

            .offer-title {
                font-size: 1.5rem;
                padding-top: 1.7rem;
            }

            .offer-subtitle {
                font-size: 1.4rem;
                font-weight: 700;
                padding-bottom: 1em;
            }

            .offer-image,
            .offer-image img {
                width: 100%;
            }

    .offers-contents #booking-form-inline {
        display: none !important;
    }

/* Layout Careers */

section.careers-section {
}

    .careers-titles {
        padding-left: 3rem;
        display: block;
    }

    .laptop .careers-titles {
        padding-left: 26%;
    }

        .careers-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 5rem;
            position: relative;
            line-height: 100%;
            padding-bottom: 3rem;
        }

    .careers-contents {
        padding-left: 3rem;
        display: block;
    }

    .laptop .careers-contents {
        padding-left: 26%;
    }

    .gform_confirmation_message .careers-contents {
        display: inline;
        padding-left: 0;
    }

    .gform_confirmation_message .careers-contents .text-link {
        font-weight: normal;
        font-size: inherit;
    }

    .gform_confirmation_message .careers-contents .text-link:before {
        display: none;
    }

        .careers-contents .job-title {
            margin-bottom: 3.5rem;
        }

            .gform_confirmation_message .careers-contents .job-title {
                margin-bottom: 0;
            }


        .careers-contents .button {
            display: inline-block;
        }

        .careers-contents .pum-trigger {

        }

    /* Job application form */

    .job-application {
        position: relative;
        padding-top: 8rem;
    }

    .job-application:before {
        content: "";
        position: absolute;
        top: 6rem;
        left: 0;
        width: 100%;
        height: 0.1rem;
        background: url('../img/lines.svg') repeat-x;
    }

        .job-application h3.gform_title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 4rem;
            position: relative;
            line-height: 100%;
            padding-bottom: 3rem;
        }

        .job-application .gform_description {
            position: absolute;
            top: 0;
            color: #99e9d9;
            font-size: 1.2rem;
            font-weight: 700;
        }

        .job-application li {
            border-bottom: 0.1rem solid #EAEAEA;
            padding-bottom: 0 !important;
        }

        .job-application label {
            display: none;
        }

        .job-application .attachment label,
        .job-application .ginput_container_fileupload {
            display: block;
            float: left;
            width: 50%;
            height: 4rem;
            color: #7a7676;
        }

        .job-application .attachment label {
            line-height: 4rem;
            font-size: 1.3rem;
        }

        .job-application input,
        .job-application textarea {
            border: 0;
            color: black;
            padding-left: 0;
            font-size: 1.3rem;
            box-shadow: none !important;
        }

        .job-application textarea {
            height: 10rem;
        }

        .job-application input:placeholder-shown,
        .job-application textarea:placeholder-shown {
            font-style: italic;
        }

        .job-application #extensions_message {
            display: none;
        }

        .job-application .gform_confirmation_message {
            font-size: 1.4rem;
        }

        .screen-reader-text {
            display: none !important;
        }

    /* Popup */

    .pum-overlay {
        background: rgba(198, 236, 255, 0.95);
    }

        .popmake-title {
            display: none;
        }

        .popmake-content {
            padding: 3rem 2rem;
            background: white;
        }

            .popmake-content h2 {
                font-weight: 400;
                font-size: 1.8rem;
            }

            .popmake-content h2.form-title {
                font-size: 3.2rem;
            }

            .popmake-content h3 {
                font-weight: 700;
                font-size: 1.5rem;
                padding-bottom: 2rem;
            }

        #popmake-2390 .popmake-content {
            background: none!important;
        }

        .pum-theme-2416 .popmake-close {
            color: black !important;
            font-size: 0 !important;
            height: 2rem;
            line-height: 2rem;
        }

        .pum-theme-2416 .pum-container .popmake-close {
            display: none;
        }

            .popmake-close:before {
                content: "\e92c";
                font-family: 'Belvedere' !important;
                font-size: 2rem;
            }

        .external-close {
            position: fixed !important;
            top: 1.5rem !important;
            right: 2.5rem !important;
            background: none !important;
        }

/* Layout Timeline */

section.timeline-section {
    background: url('../img/timeline-background.gif') repeat;
}

    section.timeline-section .panel {
        padding: 3rem 0;
    }

    .tablet section.timeline-section .panel {
        padding: 6rem 3rem;
    }

        .timeline-main-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-weight: 400;
            font-size: 4rem;
            line-height: 100%;
            padding-bottom: 3rem;
            display: block;
            background: url('../img/timeline-background.gif') repeat;
            width: 100%;
            text-align: center;
            display: none;
        }

        .mobile-timeline-main-title.timeline-main-title {
            display: block;
        }

        .tablet .timeline-main-title {
            position: absolute;
            top: -37rem;
            left: 0;
            max-width: 25rem;
            background: none;
            text-align: left;
            display: block;
        }

        .tablet .mobile-timeline-main-title.timeline-main-title {
            display: none;
        }

        .laptop .timeline-main-title {
            font-size: 5rem;
            top: -59rem;
        }

        .timeline-titles {
            position: relative;
            width: 100%;
            height: 110%;
            display: block;
            padding: 2rem 0 10rem 0;
        }

        .tablet .timeline-titles {
            padding: 12rem 0;
        }

        .timeline-titles:before {
            content: "";
            width: 0.1rem;
            height: calc(100% - 32rem );
            position: absolute;
            top: 28rem;
            left: 5rem;
            background: black;
        }

        .tablet .timeline-titles:before {
            top: 0;
            left: 50%;
            transform: translateX( -50% );
            height: 100%;
        }

        .left-article,
        .right-article {
            position: relative;
            /*padding-top: 15rem;*/
            padding-top: 3rem;
        }

        .tablet .left-article,
        .tablet .right-article {
            margin-top: -12rem;
            padding-top: 0;
        }

        .tablet .left-article {
            float: left;
            padding-right: 6rem;
            padding-left: 0;
        }

        .tablet .right-article {
            float: right;
            padding-left: 6rem;
            padding-right: 0;
        }

        .year {
            position: absolute;
            /*top: 4rem;
            left: 50%;
            transform: translateX(-50% );*/
            top: 20rem;
            left: 1.5rem;
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 2.5rem;
            width: 7rem;
            height: 7rem;
            line-height: 7rem;
            text-align: center;
            display: block;
            border-radius: 50%;
            background: url('../img/timeline-background.gif') repeat;
            z-index: 1;
            display: none;
        }

        .mobile-year.year {
            position: absolute;
            top: 2.4rem;
            left: -5.5rem;
            display: block;
        }

        .tablet .year {
            top: 0;
            transform: none;
            display: block;
        }

        .tablet .mobile-year.year {
            display: none;
        }

        .year:before {
            font-family: 'Belvedere' !important;
            font-size: 7rem;
            position: absolute;
            top: 0;
            left: 0;
        }

        .year-last {
            position: absolute;
            left: 5rem !important;
            transform: translateX( -50% ) !important;
            top: auto !important;
            bottom: 0 !important;
            display: block !important;
        }

        .tablet .year-last {
            left: 50% !important;
        }

        .tablet .left-article .year {
            left: auto;
            right: -3.5rem;
            transform: none;
        }

        .tablet .right-article .year {
            left: -3.5rem;
            transform: none;
        }

            .tablet .year-line {
                width: 7rem;
                height: 0.1rem;
                background: black;
                position: absolute;
                top: 3.5rem;
                display: block;
            }

            .left-article .year-line {
                right: 1rem;
            }

            .right-article .year-line {
                left: 1rem;
            }

        .timeline-item a:hover {
            opacity: 1 !important;
        }

        .timeline-item-image {
            z-index: 1;
            position: relative;
        }

        .timeline-item-text {
            display: block;
            font-size: 1.4rem;
            background: url('../img/timeline-background.gif') repeat;
            padding-left: 3rem;
            margin-left: 4rem;
            position: relative;
        }

        .tablet .timeline-item-text {
            background: none;
            padding-left: 0;
            margin-left: 0;
        }

        .laptop .timeline-item-text {
            max-width: 45%;
        }

        .laptop .left-article .timeline-item-text {
            margin-left: 55%;
        }

            .timeline-item-title {
                font-size: 1.8rem;
                font-weight: 700;
                padding: 2rem 0;
            }

            .laptop .timeline-item-title {
                font-size: 2rem;
                padding: 2.5rem 0;
            }

            .timeline-item-link {
                padding-top: 2rem;
                padding-left: 7rem;
            }

            .tablet .timeline-item-link {
                padding-left: 0;
            }

            .laptop .left-article .timeline-item-link {
                margin-left: 55%;
            }

/* Layout Gallery */

.grid {
    overflow: hidden;
}

.gallery-categories {
    display: block;
    clear: both;
}

/* fluid 5 columns */
.grid-sizer,
.grid-item {
    width: 50%;
    position: relative;
}

.laptop .grid-sizer,
.laptop .grid-item {
    width: 25%;
}

.grid-item {
    position: relative;
    overflow: hidden;
    border: 0.5rem solid white;
}

    .grid-item .image-link {
        height: 19rem;
    }

.tablet .grid-item {
    border: 1rem solid white;
}

.laptop .grid-item {
    border: 1.5rem solid white;
}

    .grid-item img {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 0;
    }

/* 2 columns wide */
.grid-item--width2 {
    width: 40%;
}

    .gallery-section.gallery-hidden {
        display: none;
    }

        .gallery-section .image {
            width: 100%;
            height: auto;
        }

    .grid-item-text-container {
        width: 100%;
        background: white;
        padding: 0.5rem;
        text-align: center;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .button-group {
        display: block;
        text-align: left;
    }

    .laptop .button-group ,
    .laptop .category-button-group {
        padding-left: 27%;
    }

        .button-group button {
            background: none !important;
            border-radius: 0 !important;
            color: black !important;
            font-weight: 900;
            padding: 0 0.9rem;
        }

        .button-group button:hover {
            text-decoration: underline;
        }

        .category-button-group button:hover {
            text-decoration: underline;
        }

        .button-group button.selected-filter {
            text-decoration: underline;
        }

        .category-button-group button.selected-filter {
            text-decoration: underline;
        }

    .gallery-menu-section {
        padding-bottom: 0;
    }

        .gallery-menu-section  button {
            background: none !important;
            border-radius: 0 !important;
            color: black !important;
            font-weight: 900;
            padding: 0 0.9rem;
        }

/* Layout Room Data */

section.room-data-section {
    background: #f8f4e0;
    padding: 5rem 0;
    margin: 0 0 3rem 0 !important;
}

    .room-data-titles {
        display: block;
        text-align: center;
    }

    .tablet .room-data-titles {
        text-align: left;
        padding-left: 2rem;
    }

    .laptop .room-data-titles {
        padding-left: 26%;
    }

        .room-data-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 5rem;
            position: relative;
            line-height: 100%;
            padding-bottom: 3rem;
        }

    .room-data-contents {
        display: block;
        padding: 0;
    }

    .tablet .room-data-contents {
        padding: 0 5rem;
    }

    .laptop .room-data-contents {
        padding: 0 20rem;
    }

        .data-column {
            text-align: center;
            padding: 2rem 1rem;
        }

        .tablet .data-column {
            padding: 0 1rem;
            margin-bottom: 3rem;
        }

            .data-room-value {
                font-family: 'Fnord-Ninety-Three', Georgia, serif;
                line-height: 3rem;
                display: block;
                vertical-align: middle;
            }

            .laptop .data-room-value {
                min-height: 6rem;
                padding-bottom: 2rem;
            }

            .data-column-text {
                font-size: 1.4rem;
                padding: 0;
            }

            .data-room-room-size {
                font-size: 3rem;
            }

                .data-room-room-size sup {
                    font-size: 1.75rem;
                }

            .data-outdoor-space {
                font-size: 3rem;
            }

                .data-outdoor-space sup {
                    font-size: 1.75rem;
                }

            .data-column .characteristic-value {
                font-size: 2rem;
                white-space: nowrap;
            }

                .persons-number {
                    font-size: 3rem;
                }

                .selections-contents .persons-number {
                    font-family: 'Graphik Web', Arial, sans-serif;
                    font-weight: 700;
                    font-size: 1.4rem;
                }

                .extra-cost-note {
                    font-size: 1.2rem;
                    display: block; 
                    width: 100%;
                    clear: both;
                }

                .characteristic-value .value {
                    font-weight: 900;
                }

                    .characteristic-value .value:last-child .comma {
                        display: none !important;
                    }

            .data-column .data-bed-size {
                font-size: 2.2rem;
                line-height: 120%;
            }

            .data-bedrooms {
                font-size: 3rem;
            }          

            .data-bathrooms {
                font-size: 3rem;
            }          

            .data-opening_hours {
                font-size: 3rem;
            }          

            .data-cuisine {
                font-size: 3rem;
            }          

            .laptop .data-column .data-bed-size {
                font-size: 3rem;
                white-space: nowrap;
            }

            .data-column .data-floorplan {
                font-size: 4rem;
            }

            .data-column .data-menu {
                font-size: 4rem;
            }


/* Layout Files */

section.files-section {
    padding: 0;
}

    .files-contents {
        display: block;
    }

    .files-text {
        display: block;
    }

    .laptop .files-text {
        padding-left: 27%;
    }

        .files-title {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-size: 5rem;
            position: relative;
            line-height: 100%;
            padding-bottom: 0;
        }

        .laptop .files-title {
            max-width: 27rem;
        }

        .files-description {
            font-size: 1.4rem;
            max-width: 27rem;
            display: block;
            padding: 2rem 0 3rem 0;
        }

            .files-description p {
                padding-bottom: 0;
            }

            .photo {
                padding: 0 1.5rem 3rem 1.5rem;
            }

.overlay {
    background: rgba( 255, 255, 255, 1) !important;
    z-index: 999999999 !important;
    opacity: 0.94;
}

.popup-contents-container,
.popup-contents {
    width: 100% !important;
    height: 100% !important;
    text-align: center;
    display: block;
}

.popup-contents img,
.popup-loader {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.popup-contents img {
    animation: fadeOut 1.5s;
    -moz-animation: fadeOut 1.5s;
    -webkit-animation: fadeOut 1.5s;
    -o-animation: fadeOut 1.5s;
}


@keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.popup-loader-image-gallery {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.popup,
.popup-contents-container {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    z-index: 9999999999 !important;
    overflow: visible !important;
}

.popup-previous,
.popup-next {
    display: block !important;
    z-index: 99999999999 !important;
    top: 50% !important;
    transform: translateY(-50%);
    position: fixed !important;
    font-family: 'Belvedere' !important;
    font-weight: bold;
    background: none;
    box-shadow: none;
    text-indent: 0;
    font-size: 0;
    color: white;
    width: 5rem;
    height: 7rem;
}

.popup-previous {
    left: var(--grid-gutter);
}

.popup-next {
    right: var(--grid-gutter);
}

    .popup-previous:before,
    .popup-next:before {
       font-size: 5rem; 
       color: black;
    }

    .popup-previous:before {
       content: "\e920"; 
    }

    .popup-next:before {
        content: "\e921";
    }

.popup .close {
    position: fixed;
    top: 3rem;
    right: 3rem;
    background: url('../img/close-button.png') no-repeat !important;
}

.popup-image-info {
    display: none;
}

.page-id-1338 {}

.slick-next.slick-arrow,
.slick-prev.slick-arrow {
    display: none !important;
}

.laptop .slick-next.slick-arrow,
.laptop .slick-prev.slick-arrow {
    display: block !important;
}

#menu-wellness-menu .slick-next.slick-arrow,
#menu-wellness-menu .slick-prev.slick-arrow,
#menu-icons-menu .slick-next.slick-arrow,
#menu-icons-menu .slick-prev.slick-arrow,
#menu-bars-menu .slick-next.slick-arrow,
#menu-bars-menu .slick-prev.slick-arrow {
    display: block !important;
}

/* Layout Video Header */

section.video-header {
    position: relative;
    padding: 0;
    margin: 0;
    width: auto !important;
    overflow: hidden;
}

.laptop section.video-header {
    width: 100% !important;
}

    .laptop section.video-header .panel {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0 30px 0 30px !important;
        overflow: hidden;
    }

    .laptop section.video-header.without-controls .panel {
        height: calc(100vh - 84px) !important;
    }

    .laptop section.video-header.with-controls .panel {
        height: auto !important;
    }

.iframe-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: black !important;
  background-size: cover !important;
}

.without-controls .iframe-wrapper {
  pointer-events: none;
}

.iframe-wrapper iframe {
  width: 100%;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  /*min-width: 177.77vh;*/ /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section.video-header .header-titles-panel h1,
section.video-header .header-titles-panel h2,
section.video-header .header-titles-panel h3 {
    font-family: 'Fnord-Ninety-Three', Georgia, serif !important;
}

.vp-controls-wrapper {
    opacity: 0 !important;
}

.sound-button {
    position: absolute;
    top: 1rem;
    right: 10rem;
    background: none !important;
    color: white;
    padding: 0 !important;
    width: auto;
    font-size: 2rem;
}

.play-button {
    position: absolute;
    top: 1rem;
    right: 6rem;
    background: none !important;
    color: white;
    padding: 0 !important;
    width: auto;
    font-size: 2rem;
}

/* Layout Message */

.message-section {
    margin-top: -3rem;
    display: none;
}

.message-section.active {
    display: block;
}

    .message {
        background: #d2d9e1;
        font-size: 1.2rem;
        text-align: center;
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        z-index: 9;
    }

        .message a {
            display: block;
        }

    body.cookies-not-accepted .message {
        bottom: 9rem;
    }

    .laptop .message {
        font-size: 1.3rem;
        width: 17rem;
        text-align: center;
        margin: 0;
        position: fixed;
        bottom: 3rem;
        right: 3rem;
    }

    .laptop body.cookies-not-accepted .message {
        bottom: 7.2rem;
    }

    .desktop .message {
        font-size: 1.4rem;
        width: 20rem;
        height: 7rem;
        line-height: 7rem;
    }