.home-big-pad {
    padding: 8rem 0;
}

.site-intro {
    padding-top: 50px;
}

@media only screen and (max-width:800px) {
    .site-intro {
        padding-top: 0;
    }
}

.new-properties .illustration {
    display: block;
    position: relative;
    z-index: 1;
    margin: -80px 0 -200px -25px;
    max-width: 160%;
}

.special-offers .illustration {
    display: block;
    position: relative;
    z-index: 1;
    margin: -80px 0 -200px -25px;
    max-width: 180%;
}

.where-to-go {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

    .where-to-go:after {
        content: '';
        display: block;
        position: absolute;
        width: 918px;
        height: 726px;
        top: 0;
        right: 0;
        background: url(/assets/img/where-to-go.jpg) top right no-repeat;
        background-size: contain;
        max-width: 100%;
        z-index: 0;
    }

.where-to-go-dot {
    position: absolute;
    width: 24px;
    height: 24px;
    margin: -14px;
    background: #5dbdcb;
    border-radius: 100%;
    border: 2px solid #FFF;
    z-index: 4;
}

@media only screen and (max-width:1300px) and (min-width:1100px) {
    .where-to-go:after {
        opacity:0.4;
    }
}

@media only screen and (max-width:1100px) {
    .where-to-go:after {
        opacity: 0.1;
    }

    .where-to-go-dot {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .where-to-go:after {
        display: none;
    }
}

.where-to-go .wrap {
    position: relative;
    z-index: 1;
}

.where-to-go-list h3 {
    font-family: ChevinPro, ChevinPro-heading-fallback-font;
    font-weight: bold;
}

.where-to-go-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 2rem;
}

    .where-to-go-list ul a {
        font-size: 1.6rem;
        color: #604644;
        line-height: 1.6em;
        display: block;
    }

@media only screen and (max-width:480px) {
    .where-to-go h2 {
        text-align: center;
    }

    .where-to-go-list h3 a {
        color: #FFF;
        display: block;
        line-height: 2em;
        padding: 0 1em;
        font-weight: normal;
        background: #5DBDCB;
        background-image: url(/assets/img/search-sprite-v.png);
        background-repeat: no-repeat;
        background-position: right 5px;
    }

    .where-to-go-list ul {
        display: none;
        padding: 1em 2em;
        margin: 0;
        background: #F7F3F0;
    }
}

@media only screen and (min-width:481px) {
    .where-to-go-list ul {
        display: block !important;
    }
}

.from-the-blog {
    padding-top: 60px;
}



.dotted-read-more {
    background: url(/assets/img/black-dotted-line.png) top center no-repeat;
    padding: 2rem 0 4rem;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    margin-top: 4rem;
}

    .dotted-read-more img {
        margin-top: -3rem;
        margin-bottom: -1rem;
        padding-right: 3rem;
    }

        .dotted-read-more img.drm-paper {
            margin-top: -8rem;
            margin-bottom: -3rem;
        }

@media only screen and (max-width:480px) {
    .dotted-read-more img {
        display: block;
        margin: -3rem auto 1rem;
        padding: 0;
    }

        .dotted-read-more img.drm-paper {
            margin: -8rem auto 1rem;
        }
}

.featured-cottage-element {
    margin: 30px 0 45px 0
}

/* Blog */

.blog-intro {
    padding: 8rem 0;
}

    .blog-intro .illustration {
        max-width: 90%;
    }




.blog-latest-article {
    padding: 8% 0 0;
}

@media only screen and (max-width:900px) {
    .blog-latest-article {
        padding-top: 0;
    }
}

@media only screen and (max-width:800px) {
    .blog-latest-article {
        padding-top: 2rem;
    }
}

.blog-latest-wrapper:nth-child(2) .blog-latest-img {
    margin-top: -6%;
}

.blog-latest-img img {
    width: 100%;
}

.blog-latest h3 {
    font-size: 3rem;
}

.blog-latest p {
    font-size: 1.6rem;
}

.blog-latest time {
    display: block;
    font-size: 1.6rem;
    margin: 0.5em 0;
}

/* Webcam Element */

.webcam-element .wrap {
    padding: 2% 0%;
}

.webcam-element .video {
    position: relative;
}

    .webcam-element .video img {
        width: 100%;
    }

#play-button {
    max-width: 18%;
    position: absolute;
    top: 34%;
    left: 41%;
}

#starfish {
    width: 52px;
    margin-left: -52px;
}

.home-search {
    display: flex;
    flex-direction: column;
}

.wrap.trustpilot-wrapper {
    margin-top: 20px;
    max-width: 1000px;
}

.wrap.trustpilotcarousel-wrapper {
    margin:60px auto;
}

@media only screen and (min-width: 1100px) {
    .webcam-element .span-4 {
        margin-top: 5%;
    }
}

/* Webcam Element Tablet */
@media only screen and (max-width: 900px) {
    .webcam-element .wrap {
        max-width: 90% !important;
        padding: 7% 0%;
    }

    .webcam-element .tablet-hide {
        display: none !important;
    }

    .webcam-element .tablet-span-nl {
        margin-left: 0;
        clear: left;
    }

    .webcam-element .tablet-span-6 {
        width: 49%;
        margin-top: 3%;
    }

    .webcam-element .tablet-span-5 {
        width: 40.5%;
    }
}

@media only screen and (max-width: 900px) {
    #starfish {
        display: none;
    }
}

/*  Webcam Element Mobile */
@media only screen and (max-width: 700px) {
    .webcam-element .wrap {
        max-width: 90% !important;
        padding: 10% 0%;
    }

    .webcam-element .mobile-hide {
        display: none;
    }

    .webcam-element .col {
        margin: 1% 0 1% 0%;
    }

    .webcam-element .mobile-span-12 {
        width: 100%;
    }

    .webcam-element .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {
        width: 100%;
    }

    .home-search .wrap {
        order:2;
    }
        .home-search .wrap.trustpilot-wrapper {
            order: 1;
            margin-bottom: 20px;
            margin-top: 0px;
        }
}